/* Extends the player's existing field-control palette and type scale. */
body.hosted[data-replay-open="false"] { overflow:auto; }
.hosted #import-form,.hosted #import-status,.hosted[data-replay-open="false"] .match-meta,.hosted[data-replay-open="false"] .workspace { display:none; }
.hosted-account { margin-left:auto; display:flex; align-items:center; gap:1rem; font-size:.82rem; }
.hosted-account a,.hosted-lobby a { color:var(--acid); text-underline-offset:.2em; }
.hosted-account button,.library-heading button,.match-row button { border:1px solid var(--line-bright); border-radius:5px; background:var(--surface-soft); padding:.6rem .8rem; cursor:pointer; }
.hosted-account [hidden],.hosted-lobby [hidden],.hosted[data-replay-open="true"] #hosted-lobby { display:none; }
.hosted-lobby { max-width:1360px; margin:0 auto; display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:4rem; padding:3rem 2rem; }
.hosted-lobby h2 { margin:.45rem 0 1rem; font-size:1.6rem; letter-spacing:-.035em; }
.hosted-lobby p { color:var(--muted); line-height:1.6; max-width:65ch; }
.library-heading { display:flex; gap:1.25rem; align-items:baseline; justify-content:space-between; }
.library-heading button { white-space:nowrap; color:var(--acid); }
.match-history { margin:2rem 0; }
.match-row { display:grid; grid-template-columns:1fr auto; gap:.8rem 1rem; padding:1rem 0; border-bottom:1px solid var(--line); }
.match-row h3 { font-size:1rem; margin:0 0 .45rem; font-variant-numeric:tabular-nums; }
.match-row p { font-size:.8rem; margin:0; }
.match-row .replay-availability { grid-column:1/-1; }
.match-row button { align-self:start; font-size:.8rem; }
.match-row a { display:inline-block; margin-left:.75rem; }
.open-replay { padding:1.5rem; align-self:start; background:var(--surface); border:1px solid var(--line); }
.open-replay h2 { font-size:1.15rem; }
.open-replay p,.open-replay summary,.hosted-footnote { font-size:.8rem; }
.folder-label { display:block; color:var(--ink); margin:1.5rem 0 .6rem; font-size:.85rem; }
#replay-folder { max-width:100%; font-size:.75rem; }
#replay-folder::file-selector-button { background:var(--acid); color:var(--surface); border:0; border-radius:4px; padding:.7rem .8rem; cursor:pointer; margin-right:.5rem; }
.hosted-lobby pre { white-space:pre-wrap; overflow-wrap:anywhere; font-size:.7rem; padding:.75rem; background:var(--surface-soft); line-height:1.7; }
.hosted-lobby summary { cursor:pointer; color:var(--ink); }
.hosted [data-local-server-only] { display:none; }
#account-notice:not(:empty),#folder-status[data-error="true"] { color:var(--danger); }
.hosted button:disabled { opacity:.6; cursor:wait; }
.hosted :focus-visible { outline:2px solid var(--acid); outline-offset:3px; }
@media(max-width:850px){.hosted-lobby { grid-template-columns:1fr; gap:2rem; padding:2rem 1.25rem; }.hosted-account { gap:.6rem; }.hosted-account #account-name { display:none; }.library-heading { flex-wrap:wrap; }.open-replay { max-width:560px; }}

.hosted[data-replay-open="false"] .shortcut-bar,.hosted .tactical-version-section { display:none; }