.practice-queue{border:1px solid var(--ui-border-soft);margin-block:1rem;padding:1rem}.practice-queue h2{margin-top:0}.practice-queue code{overflow-wrap:anywhere}.practice-queue p{margin-block:.5rem}.page-shell{background:var(--ui-bg);flex-direction:column;height:100vh;min-height:0;display:flex}.token-bar{z-index:10;border-bottom:1px solid var(--ui-border-soft);background:var(--ui-bg);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;padding:1rem;display:grid;position:sticky;top:0}.token-panel{grid-template-columns:minmax(14rem,1fr) minmax(20rem,36rem);align-items:end;gap:1rem;min-width:0;display:grid}.theme-slot{justify-content:end;display:flex}.token-overlay{border:1px solid var(--ui-border-soft);background:var(--ui-bg);width:min(48rem,100vw - 2rem);box-shadow:var(--ui-shadow-strong);z-index:20;grid-template-columns:1fr;align-items:stretch;padding:1rem;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.token-gated .app-content{opacity:.16;filter:grayscale();pointer-events:none;min-height:100vh}.title-block{gap:.2rem;display:grid}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.05}.title-block p,.pending-match-banner p{color:var(--ui-fg-muted);line-height:1.35}.api-key-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem;display:grid}.logout-button{justify-self:end}.api-key-form label{gap:.35rem;display:grid}.api-key-form label span{font-weight:850}.api-key-input{grid-template-columns:minmax(0,1fr) auto;display:grid}.api-key-input input{border-right:0}.api-key-input button{border-color:var(--ui-border-soft);border-left:1px solid var(--ui-border-soft);width:4.75rem}.app-content{flex-direction:column;flex:1 1 0;gap:1rem;min-height:0;display:flex}.pending-match-banner{border:1px solid var(--ui-warning);background:var(--ui-bg-muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem;display:grid}.pending-match-help-link{border:1px solid var(--ui-border);min-height:2.5rem;color:var(--ui-accent-fg);background:var(--ui-accent);white-space:nowrap;justify-self:end;align-items:center;padding:0 .85rem;font-weight:800;text-decoration:none;display:inline-grid}.pending-match-actions{align-items:center;gap:.75rem;display:flex}.pending-match-help-link:hover{background:color-mix(in srgb, var(--ui-accent), var(--ui-bg) var(--ui-hover-mix))}.pending-match-help-link:active{background:color-mix(in srgb, var(--ui-accent), var(--ui-bg) var(--ui-active-mix))}.pending-match-help-link:focus{outline:0}.pending-match-help-link:focus-visible{box-shadow:inset 0 0 0 2px var(--ui-focus)}.match-layout{flex:1 1 0;grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);gap:0;min-height:0;display:grid}.match-side-column{border-left:1px solid var(--ui-border-soft);grid-template-rows:minmax(0,1fr) minmax(8rem,14rem);min-height:0;display:grid}.match-scores .admin-score-chart{padding:1rem}.match-scores{overscroll-behavior-y:contain;min-height:0;overflow-y:auto}.match-main{grid-template-rows:minmax(0,1fr) 14rem;gap:0;min-width:0;min-height:0;display:grid}.match-main.setup-mode{grid-template-rows:minmax(0,1fr);overflow-y:auto}.map-area{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.map-area.match-map-area{grid-template-rows:minmax(0,1fr)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=1080px){.page-shell{height:auto;min-height:100vh}.match-layout{flex-basis:auto;min-height:44rem}.token-bar,.token-panel{grid-template-columns:1fr}.theme-slot{justify-content:start}.match-layout{grid-template-rows:minmax(44rem,auto) auto;grid-template-columns:1fr;height:auto}.match-side-column{border-left:0;border-top:1px solid var(--ui-border-soft);height:48rem}}@media (width<=720px){.app-content,.token-bar,.token-overlay{padding:.75rem}.api-key-form,.pending-match-banner{grid-template-columns:1fr}}