:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#fff8e8;background:#17251d;--gold: #f3c552;--muted: #bdc6bc;--edge: #425044}*{box-sizing:border-box}body{margin:0}main{max-width:960px;margin:auto;padding:28px 36px}.eyebrow,#connection{font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--gold)}h1{font-size:clamp(36px,7vw,64px);font-weight:950;font-style:italic;letter-spacing:-.06em;margin:0;line-height:1}h1 span{color:var(--gold)}header>p:last-child{color:var(--muted);margin:10px 0 24px}section{border-top:2px solid var(--gold);padding-top:12px}h2{font-size:26px;margin:8px 0;text-transform:uppercase}h3{font-size:12px;letter-spacing:.09em;color:var(--gold);margin:20px 0 8px}h3:empty{display:none}#phase{font-weight:700;margin-bottom:6px}#next-course{color:var(--muted);font-size:13px;margin-top:0}#roster,#queued-roster{list-style:none;margin:0 0 22px;padding:0 6px 0 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 30px;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain}#roster{max-height:min(360px,40vh)}#queued-roster{max-height:min(200px,25vh)}#roster:empty,#queued-roster:empty{display:none}#roster:focus-visible,#queued-roster:focus-visible{outline:2px solid var(--gold);outline-offset:4px}#roster li,#queued-roster li{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--edge);min-width:0}#roster .position{color:var(--gold);font-weight:800;min-width:22px}#roster .name,#queued-roster .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}#roster small,#queued-roster small{margin-left:auto;color:var(--muted);font-size:11px;white-space:nowrap}#roster .empty,#queued-roster .empty{grid-column:1 / -1;color:var(--muted);font-size:13px;line-height:1.5}.actions{display:flex;gap:12px}button,.actions a{font:800 15px inherit;font-family:inherit;font-size:15px;font-weight:800;border:1px solid var(--gold);border-radius:5px;padding:15px 22px;text-decoration:none;cursor:pointer;transition:background .15s,transform .15s}button{color:#17251d;background:var(--gold)}.actions a{color:#fff8e8;background:transparent}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:4px;transform:translateY(-2px)}button.controller-focused,a.controller-focused{outline:3px solid white;outline-offset:4px;transform:translateY(-2px)}.controls,.chat,#join-hint{font-size:13px;color:var(--muted)}.chat strong{color:var(--gold)}@media(max-width:540px){main{padding:22px 18px}#roster,#queued-roster{grid-template-columns:minmax(0,1fr)}.actions{flex-direction:column;text-align:center}}@media(prefers-reduced-motion:reduce){button,.actions a{transition:none;transform:none}}