: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}#phase{font-weight:700;margin-bottom:6px}#next-course{color:var(--muted);font-size:13px;margin-top:0}#roster{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}#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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}#roster small{margin-left:auto;color:var(--muted);font-size:11px;white-space:nowrap}.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)}.controls,.chat,#join-hint{font-size:13px;color:var(--muted)}.chat strong{color:var(--gold)}@media(max-width:540px){main{padding:22px 18px}#roster{grid-template-columns:1fr}.actions{flex-direction:column;text-align:center}}@media(prefers-reduced-motion:reduce){button,.actions a{transition:none;transform:none}}