:root{--wall:#24262d;--felt:#20302a;--kraft:#f3f0e9;--kraft-dark:#e4dfd3;--frame:#3b372f;--marquee:#303442;--bulb:#ffd76a;--ink:#26221b;--cream:#f6f3ec;--ink-muted:#7a745f;--blue:#2f6fed;--blue-light:#8fb1f2;--orange:#e08a2e;--red:#c4472f;--green:#4a8b3f;--yellow:#e8b53a;--s1:4px;--s2:8px;--s3:16px;--s4:24px;--s5:32px;--s6:48px;--r-btn:10px;--r-panel:24px;--r-card:8px;--display-outline-w:0px;--display-shadow-x:0px;--display-shadow-y:1px;--display-shadow-color:#00000040;--dial-track:#4a4e5c;--dial-label:#9aa0ad}*{box-sizing:border-box}body{background:var(--wall);color:var(--cream);-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif}#root{max-width:760px;padding:var(--s3);text-align:center;margin:0 auto}h1,h2,h3{margin:var(--s3) 0 var(--s2);text-shadow:var(--display-shadow-x) var(--display-shadow-y) 0 var(--display-shadow-color);font-weight:800}.muted{color:var(--dial-label)}.big{font-size:1.5rem}.row{gap:var(--s2);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.panel{background:var(--kraft);color:var(--ink);border:2px solid var(--frame);border-radius:var(--r-panel);padding:var(--s4);margin:var(--s3) 0;text-align:center}.panel .muted{color:var(--ink-muted)}.marquee{background:var(--marquee);color:var(--cream);border-radius:var(--r-panel);padding:var(--s3) var(--s4);margin:var(--s3) 0}.marquee .code{letter-spacing:.35em;text-indent:.35em;font-size:3rem;font-weight:900}button{font:inherit;cursor:pointer;border-radius:var(--r-btn);margin:var(--s1);background:var(--kraft-dark);color:var(--ink);border:none;padding:12px 20px;font-weight:700}button:disabled{opacity:.35;cursor:default}.btn-primary,button.primary{background:var(--blue);color:var(--cream)}.btn-accent{background:var(--orange);color:var(--cream)}button.danger{background:var(--red);color:var(--cream)}.btn-toggle{background:var(--kraft-dark);color:var(--ink)}.btn-toggle.selected{background:var(--blue);color:var(--cream);box-shadow:inset 0 0 0 3px var(--blue-light)}.big-btn{padding:16px 28px;font-size:1.3rem}input,select{font:inherit;color:var(--ink);background:var(--kraft);border:2px solid var(--frame);border-radius:var(--r-btn);margin:var(--s1);padding:10px 12px}.team-card{background:var(--kraft);color:var(--ink);border:2px solid var(--frame);border-radius:var(--r-card);min-width:120px;padding:0 0 var(--s2);overflow:hidden}.team-card .bar{background:var(--team-color,var(--blue));height:10px;margin-bottom:var(--s2)}.team-card .icon{font-size:2rem}.team-card b{color:var(--team-color,var(--ink));filter:brightness(.8)}.chip{color:var(--cream);border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:700;display:inline-block}.chip-genre{background:var(--marquee)}.chip-difficulty-easy{background:var(--green)}.chip-difficulty-medium{background:var(--yellow);color:var(--ink)}.chip-difficulty-hard{background:var(--red)}.chip-difficulty-final{background:var(--blue)}.pill{border-radius:999px;padding:3px 12px;font-size:.8rem;font-weight:700;display:inline-block}.pill-waiting{background:var(--kraft-dark);color:var(--ink-muted)}.pill-locked{background:var(--green);color:var(--cream)}.badge-num{background:var(--marquee);width:28px;height:28px;color:var(--cream);border-radius:6px;flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.divider{align-items:center;gap:var(--s2);color:var(--dial-label);text-transform:uppercase;letter-spacing:.12em;margin:var(--s4) 0 var(--s2);font-size:.85rem;font-weight:700;display:flex}.divider:before,.divider:after{content:"";background:var(--dial-track);flex:1;height:1px}.conn-banner{z-index:20;background:var(--yellow);color:var(--ink);text-align:center;padding:6px;font-weight:700;position:fixed;top:0;left:0;right:0}.splash{background:var(--wall);z-index:10;justify-content:center;align-items:center;font-size:3rem;font-weight:900;display:flex;position:fixed;inset:0}@media (width>=1100px){.host{font-size:1.25rem}.host h1{font-size:2.6rem}.host .marquee .code{font-size:4rem}}