:root{--wall:#211f26;--felt:#1d4234;--kraft:#f5efe2;--kraft-dark:#e7dfcc;--frame:#4a3b2a;--marquee:#1d4234;--bulb:#ffc94d;--ink:#2a2419;--cream:#f7f2e7;--ink-muted:#857a60;--blue:#2f6fed;--blue-light:#9db9f5;--orange:#e07f24;--red:#c0402a;--green:#3f8f4f;--yellow:#e9b63b;--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:2px;--display-shadow-color:#00000059;--dial-track:#55503f;--dial-label:#a99f8a}*{box-sizing:border-box}body{background:radial-gradient(ellipse 120% 80% at 50% -10%, #2e2b35 0%, var(--wall) 55%, #18161c 100%) fixed;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{overflow-wrap:break-word;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;box-shadow:0 6px 18px #00000059}.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;border:2px solid #ffc94d40;box-shadow:0 6px 18px #00000059}.marquee .code{letter-spacing:.35em;text-indent:.35em;color:var(--bulb);text-shadow:0 0 18px #ffc94d8c;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;transition:transform .12s,box-shadow .12s,background .12s;box-shadow:0 2px #00000040}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 8px #00000059}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px #0000004d}button:focus-visible{outline:3px solid var(--blue-light);outline-offset:2px}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);max-width:180px;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{padding:0 var(--s2);text-overflow:ellipsis;white-space:nowrap;color:var(--team-color,var(--ink));filter:brightness(.8);display:block;overflow:hidden}.lb-row{flex-wrap:nowrap}.lb-name{align-items:center;gap:var(--s2);min-width:0;font-weight:700;display:flex}.lb-name .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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}.glow{text-shadow:0 0 14px #ffc94d73}@keyframes marquee-pulse{0%,to{box-shadow:0 6px 18px #00000059}50%{box-shadow:0 6px 24px 6px #ffc94d59}}.marquee-win{animation:2.4s ease-in-out infinite marquee-pulse}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width>=1100px){.host{font-size:1.25rem}.host h1{font-size:2.6rem}.host .marquee .code{font-size:4rem}}