/* /players/ and /community/: the site search and the doorways to the community.
   Loaded after site.css and reference.css by those pages only; uses their tokens. */

/* The search over the whole site (templates/partials/site_search.html, static/js/search.js) */
.s-search.block{margin-top:clamp(28px,4vw,48px)}
.s-search > h2{margin-bottom:.2em}
.s-search .find div{max-width:560px}
.s-status:empty{display:none}
.s-status{margin:10px 0 0}
.s-search .lookup .s-found,.s-search .lookup .s-group{display:block;max-width:none}   /* not the box-and-button row */
.s-found .s-group{margin-top:20px}
.s-found .s-group:first-child{margin-top:4px}
.s-kind{font:400 var(--t-small)/1.4 var(--sc);letter-spacing:.04em;color:var(--dim);margin:0 0 2px;padding-bottom:4px;border-bottom:1px solid var(--rule)}
.s-found .hits a,.s-found .hits .s-name{font:400 20px/1.3 var(--plain)}
.s-found .hits .s-name{color:var(--text)}
.s-found .hits span{overflow-wrap:anywhere}
.s-more{margin:6px 0 0}
.s-search > .small{margin-top:12px}
.js .s-search .find{margin-bottom:0}

/* Doorways: a few big links with a line each, two to a row where there is room */
.doorways{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:0 var(--gutter)}
.doorways li{padding:10px 0;border-bottom:1px solid var(--rule)}
.doorways .nm{font:400 23px/1.25 var(--world)}
.doorways .what{display:block;font-size:var(--t-small);line-height:1.45;color:var(--dim);overflow-wrap:anywhere}
.s-people.block{margin-top:clamp(36px,4vw,52px)}

/* /players/#clients: a client for each system, its system first */
.c-list{margin:.4em 0 1em;padding-left:1.2em;max-width:36em}
.c-list li{padding:5px 0}
.c-list b{font-weight:600;color:var(--text)}

/* /community/: who is on the Discord now (templates/partials/discord_who.html), inside the
   call's box, under its button. A ledger like the record lists: small-caps labels over ruled
   rows, two columns where there is room. Each status mark has its own shape as well as its
   colour (Discord's own: a disc, a crescent, a disc crossed out), and words for a screen reader. */
.dw{margin-top:26px;padding-top:20px;border-top:1px solid var(--rule)}
.dw > h3{margin-bottom:.2em}
.dw .dw-kind{font:400 var(--t-small)/1.4 var(--sc);letter-spacing:.04em;color:var(--dim);max-width:none;margin:18px 0 0;padding-bottom:4px;border-bottom:1px solid var(--rule)}
.dw-list{list-style:none;margin:0;padding:0;columns:2 15rem;column-gap:var(--gutter)}
.dw-list li{break-inside:avoid;display:flex;align-items:baseline;gap:0 .6em;padding:6px 0;border-bottom:1px solid var(--rule);font-size:18px;line-height:1.35}
.dw-nm{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;text-align:left}   /* a right-to-left name too, in line with the rest */
.dw-play{flex:0 0 auto;max-width:45%;margin-left:auto;text-align:right;font-size:15px;line-height:1.35;color:var(--dim);overflow-wrap:break-word}
.dw-voice .dw-nm{padding-left:calc(.62em + .6em)}   /* under the names below, where their marks are not */
.dw-st{--st:#4CB84C;flex:none;display:inline-block;width:.62em;height:.62em;border-radius:50%;background:var(--st);align-self:center}
.dw-idle{--st:#D9A43A;background:radial-gradient(circle at 18% 22%,transparent .24em,var(--st) calc(.24em + .5px))}
.dw-dnd{--st:#E0534A;background:linear-gradient(var(--pitch),var(--pitch)) 50% 50%/62% 24% no-repeat,var(--st)}
.dw-more summary{cursor:pointer;color:var(--gold);padding:10px 0 4px;font-size:18px;width:max-content;max-width:100%}
.dw-more summary:hover{color:#F3E3BC}
.dw-more[open] summary{color:var(--text)}
.dw-asof{margin:14px 0 0}
.dw-key{display:flex;flex-wrap:wrap;gap:2px 18px;margin:4px 0 0;font-size:15px}
.dw-key > span{display:inline-flex;align-items:center;gap:.45em}
@media (max-width:860px){ .dw-more summary{padding:10px 0} }   /* 44px to tap */
@media (forced-colors:active){ .dw-st{forced-color-adjust:none} }