:root{--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;--round-accent:var(--bulb);--round-accent-deep:#4a4433;--round-bg-top:#2e2b35;--round-bg-mid:#211f26;--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%, var(--round-bg-top) 0%, var(--round-bg-mid) 55%, #18161c 100%) fixed;color:var(--cream);-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif}[data-round=easy]{--round-accent:var(--green);--round-accent-deep:#2c6339;--round-bg-top:#293830;--round-bg-mid:#1c2822}[data-round=medium]{--round-accent:var(--yellow);--round-accent-deep:#a97e22;--round-bg-top:#3a3222;--round-bg-mid:#292218}[data-round=hard]{--round-accent:#d0532f;--round-accent-deep:#8a2d1d;--round-bg-top:#3c2620;--round-bg-mid:#2a1a16}[data-round=final]{--round-accent:var(--bulb);--round-accent-deep:#8a6d2a;--round-bg-top:#262c4c;--round-bg-mid:#171c33}#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)}.host-question h1{text-shadow:none;letter-spacing:-.015em}.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}.round-banner{margin:var(--s2) 0 var(--s1);padding:10px var(--s3) 12px;background:linear-gradient(165deg, var(--round-accent-deep), color-mix(in srgb, var(--round-accent-deep) 45%, #14121a));border:2px solid color-mix(in srgb, var(--round-accent) 55%, transparent);box-shadow:0 6px 18px #00000059, 0 0 26px color-mix(in srgb, var(--round-accent) 16%, transparent);border-radius:18px}.round-banner .title{letter-spacing:.07em;color:var(--cream);text-shadow:0 2px #00000080;margin:0;font-size:1.8rem;font-weight:900;line-height:1.1}.round-banner .sub{color:color-mix(in srgb, var(--cream) 75%, transparent);margin:4px 0 0;font-size:.9rem}.round-banner .sub b{color:var(--cream)}[data-round=final] .round-banner{background:linear-gradient(165deg,#2c3563,#191d33);border-color:#ffc94d99;box-shadow:0 6px 18px #0006,0 0 30px #ffc94d38}[data-round=final] .round-banner .title{color:var(--bulb);text-shadow:0 2px #0000008c,0 0 22px #ffc94d8c}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}.lb-nums{flex-shrink:0;align-items:baseline;display:flex}.lb-delta{color:var(--ink-muted);text-align:right;min-width:3.4em}.lb-score{text-align:right;min-width:2.8em}.lb-rank{color:var(--ink-muted);text-align:center;flex:none;min-width:1.2em;font-weight:800}.lb-me{background:#00000012;border-radius:8px}.you-tag{text-transform:uppercase;letter-spacing:.08em;background:var(--bulb);color:#3b2c07;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:.68rem;font-weight:800}.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)}.stakes{margin:var(--s1) 0 0;flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.stakes .st{background:color-mix(in srgb, var(--round-accent) 16%, #14121a);border:1px solid color-mix(in srgb, var(--round-accent) 45%, transparent);color:var(--cream);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:700}.stakes .st b{color:var(--round-accent)}[data-round=medium] .stakes .st b{color:#f2cc6a}.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{z-index:10;justify-content:center;align-items:center;gap:var(--s2);background:radial-gradient(ellipse 120% 80% at 50% -10%, var(--round-bg-top) 0%, var(--round-bg-mid) 55%, #15131a 100%);text-align:center;padding:var(--s4);flex-direction:column;display:flex;position:fixed;inset:0}.splash-word{letter-spacing:.06em;color:var(--round-accent);text-shadow:0 3px 0 #0000008c, 0 0 30px color-mix(in srgb, var(--round-accent) 55%, transparent);margin:0;font-size:3.2rem;font-weight:900;line-height:1.05;animation:.45s cubic-bezier(.34,1.56,.64,1) both splash-pop}.splash[data-round=final] .splash-word{color:var(--bulb);text-shadow:0 3px #0000008c,0 0 34px #ffc94d99}.splash-sub{color:var(--dial-label);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:700}@keyframes splash-pop{0%{transform:scale(.8)}to{transform:scale(1)}}.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}}.reveal-anim-0{animation:1s cubic-bezier(.3,1.28,.45,1) both rv-sweep}.reveal-anim-1{animation:1.35s cubic-bezier(.12,.68,.16,1) both rv-spin}.reveal-anim-2{animation:1.15s linear both rv-ratchet}.reveal-anim-3{animation:1.05s linear both rv-drop}.reveal-anim-4{animation:.6s ease-out both rv-slam}.reveal-anim-5{animation:1.15s linear both rv-flicker}@keyframes rv-sweep{0%{transform:rotate(-172deg)}to{transform:rotate(0)}}@keyframes rv-spin{0%{transform:rotate(-810deg)}to{transform:rotate(0)}}@keyframes rv-ratchet{0%,11%{transform:rotate(-140deg)}12%,25%{transform:rotate(-105deg)}26%,41%{transform:rotate(-75deg)}42%,57%{transform:rotate(-50deg)}58%,71%{transform:rotate(-30deg)}72%,83%{transform:rotate(-15deg)}84%,93%{transform:rotate(-6deg)}94%,99%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes rv-drop{0%{opacity:0;transform:translateY(-340px)rotate(-5deg)}6%{opacity:1}48%{animation-timing-function:ease-out;transform:translateY(0)rotate(3deg)}64%{animation-timing-function:ease-in;transform:translateY(-34px)rotate(-2deg)}78%{animation-timing-function:ease-out;transform:translateY(0)rotate(1deg)}88%{animation-timing-function:ease-in;transform:translateY(-9px)}to{transform:translateY(0)rotate(0)}}@keyframes rv-slam{0%{opacity:0;transform:scale(2.8)}30%{opacity:.55;transform:scale(1.7)}46%{opacity:1;transform:scale(.93)}62%{transform:scale(1.04)rotate(1.6deg)}78%{transform:scale(.99)rotate(-.6deg)}to{transform:none}}@keyframes rv-flicker{0%{opacity:0}7%{opacity:1;filter:brightness(2.6)drop-shadow(0 0 10px)}11%{opacity:0}17%{opacity:.45}21%{opacity:0}29%{opacity:1;filter:brightness(2.8)drop-shadow(0 0 14px)}35%{opacity:.15}42%{opacity:1;filter:brightness(2.2)drop-shadow(0 0 12px)}58%{opacity:1;filter:brightness(1.7)drop-shadow(0 0 8px)}to{opacity:1;filter:brightness()drop-shadow(0 0 #0000)}}.dial-shake{animation:.3s linear .28s dial-shake}@keyframes dial-shake{0%,to{transform:translate(0)}20%{transform:translate(3px,-2px)}40%{transform:translate(-3px,2px)}60%{transform:translate(2px,1px)}80%{transform:translate(-1px,-1px)}}.tip-pop{transform-box:fill-box;transform-origin:50%;animation:.35s ease-out .85s both tip-pop}.reveal-anim-1 .tip-pop{animation-delay:1.2s}.reveal-anim-2 .tip-pop{animation-delay:1.05s}.reveal-anim-4 .tip-pop{animation-delay:.45s}@keyframes tip-pop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}.guess-board{background:var(--kraft);color:var(--ink);border:2px solid var(--frame);margin:var(--s2) auto;text-align:left;border-radius:16px;width:min(400px,94%);padding:4px 10px;box-shadow:0 6px 18px #00000059}.host .guess-board{width:min(470px,94%);font-size:1.05rem}.gb-row{align-items:baseline;gap:var(--s2);border-bottom:1px dashed var(--kraft-dark);padding:4px 6px;display:flex}.gb-row:last-child{border-bottom:none}.gb-row .who{flex:1;align-items:baseline;gap:6px;min-width:0;font-weight:700;display:flex}.gb-row .who .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gb-row .num{text-align:right;min-width:2.1em;font-size:1.25rem;font-weight:900}.gb-row.waiting{opacity:.45}.gb-row.waiting .num{letter-spacing:.12em;font-size:.95rem;font-weight:700}.gb-row.closest{background:#ffc94d40;border-radius:8px}.gb-row .off{text-align:center;color:#5c4a12;border-radius:999px;min-width:4.2em;padding:1px 8px;font-size:.75rem;font-weight:800}.off.band-1{background:#ffc94dbf}.off.band-2{background:#ffc94d80}.off.band-3{background:#ffc94d47}.off.band-0{color:var(--ink-muted);background:#00000014}.gb-row .pts{text-align:right;min-width:3em;font-weight:800}.gb-row .pts.pos{color:var(--green)}.gb-row .pts.neg{color:var(--red)}.gb-row .pts.zero{color:var(--ink-muted)}.band-legend{border-top:1px dashed var(--kraft-dark);justify-content:center;align-items:stretch;gap:5px;margin-top:2px;padding:7px 4px 3px;display:flex}.bl{text-align:center;color:#5c4a12;border-radius:8px;flex:1;padding:3px 2px;font-size:.72rem;font-weight:900}.bl small{opacity:.8;font-size:.66rem;font-weight:700;display:block}.bl-target{background:#ffc94de6}.bl-1{background:#ffc94dbf}.bl-2{background:#ffc94d80}.bl-3{background:#ffc94d47}@media (width>=1100px){.host{font-size:1.25rem}.host h1{font-size:2.6rem}.host .marquee .code{font-size:4rem}}[data-round=final] .panel{border-color:#8a6d2a;box-shadow:0 6px 18px #00000059,0 0 22px #ffc94d24}.btn-gold{color:#3b2c07;background:linear-gradient(#ffd76e,#e0a83a);box-shadow:0 2px #0000004d,0 0 18px #ffc94d59}.tier-card{justify-content:space-between;align-items:center;gap:var(--s3);text-align:left;background:var(--kraft);width:100%;color:var(--ink);border:2px solid var(--frame);padding:12px var(--s3);border-radius:14px;margin:6px 0;display:flex;box-shadow:0 3px #00000040}.tier-card .range{font-size:1.3rem;font-weight:900}.tier-card .risk{text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:.78rem;font-weight:700;display:block}.tier-card .max{text-align:right;color:var(--ink-muted);flex-shrink:0;font-size:.9rem;font-weight:700}.tier-card .max b{color:var(--ink);font-size:1.25rem;display:block}.risk-high{color:var(--red)}.risk-mid{color:#a97e22}.risk-low{color:var(--green)}.wager-locked{color:var(--cream);border-radius:var(--r-panel);padding:var(--s5) var(--s4);margin:var(--s4) 0;background:linear-gradient(165deg,#2c3563,#191d33);border:2px solid #ffc94d99;animation:2.4s ease-in-out infinite lucky-pulse}.wager-locked .headline{color:var(--bulb);text-shadow:0 0 18px #ffc94d80;margin:0 0 6px;font-size:1.7rem;font-weight:900}@keyframes lucky-pulse{0%,to{box-shadow:0 6px 18px #0006,0 0 18px #ffc94d33}50%{box-shadow:0 6px 24px #0006,0 0 36px #ffc94d73}}.lb-hint{color:var(--dial-label);text-align:center;margin:6px 0 0;font-size:.85rem}.lb-hint b{color:var(--bulb)}.verdict{letter-spacing:.02em;margin:var(--s3) 0 var(--s1);font-size:2.3rem;font-weight:900}.verdict.win{color:#7ede9b;text-shadow:0 0 20px #7ede9b80,0 2px #0006}.verdict.loss{color:#ff8d73;text-shadow:0 0 20px #ff8d7366,0 2px #0006}.score-strip{z-index:5;width:100%;color:var(--cream);font:inherit;white-space:nowrap;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#100e14f2;border:none;border-top:2px solid #ffc94d73;border-radius:0;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:12px;margin:0;padding:13px 8px 15px;font-size:.98rem;font-weight:800;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 22px #00000073}.score-strip:hover:not(:disabled),.score-strip:active:not(:disabled),.drawer-grab:hover:not(:disabled),.drawer-grab:active:not(:disabled){transform:none}.score-strip:hover:not(:disabled),.score-strip:active:not(:disabled){box-shadow:0 -8px 22px #00000073}.drawer-grab:hover:not(:disabled),.drawer-grab:active:not(:disabled){box-shadow:none}.score-strip .entry{align-items:baseline;gap:3px;display:inline-flex}.score-strip .entry.me{background:#ffc94d2e;border-radius:9px;outline:2px solid #ffc94d99;padding:2px 7px}.score-strip .rank{color:var(--dial-label);font-size:.72rem}.pull-tab{color:#3b2c07;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#ffd76e,#e0a83a);border-radius:10px 10px 0 0;padding:4px 16px 3px;font-size:.72rem;font-weight:900;position:absolute;top:0;left:50%;transform:translate(-50%,-100%);box-shadow:0 -4px 12px #0006}.has-strip{padding-bottom:84px}.drawer-scrim{z-index:7;opacity:0;pointer-events:none;background:#00000073;transition:opacity .25s;position:fixed;inset:0}.drawer-scrim.open{opacity:1;pointer-events:auto}.drawer{z-index:8;background:var(--kraft);color:var(--ink);border:2px solid var(--frame);padding:8px var(--s3) var(--s4);text-align:left;border-bottom:none;border-radius:22px 22px 0 0;max-height:82%;transition:transform .3s cubic-bezier(.2,.9,.3,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(102%);box-shadow:0 -10px 30px #00000080}.drawer.open{transform:translateY(0)}.drawer-grab{background:var(--kraft-dark);cursor:pointer;width:44px;height:5px;box-shadow:none;border:none;border-radius:3px;margin:2px auto 8px;padding:0;display:block}.drawer-heading{margin:var(--s2) 0 var(--s1);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);text-shadow:none;font-size:.78rem;font-weight:800}.drawer .panel{margin:var(--s1) 0;padding:var(--s2);box-shadow:none;border-radius:12px}.hist-row{align-items:center;gap:var(--s2);border-bottom:1px dashed var(--kraft-dark);padding:5px 8px;font-size:.88rem;display:flex}.hist-row:last-child{border-bottom:none}.hist-row .qn{color:var(--ink-muted);flex:none;width:2em;font-weight:800}.hist-row .desc{flex:1;min-width:0}.hist-row .desc .truncate{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.hist-row .desc small{color:var(--ink-muted);display:block}.hist-row .nums{text-align:right;white-space:nowrap}.hist-row .nums b{font-size:1rem}.hist-row .vs{color:var(--ink-muted);font-size:.76rem}.hist-row .delta{text-align:right;flex:none;min-width:2.8em;font-weight:800}.hist-row .delta.pos{color:var(--green)}.hist-row .delta.neg{color:var(--red)}.hist-row .delta.zero{color:var(--ink-muted)}.share{margin:var(--s3) 0}.share-note{margin:var(--s2) 0 0;font-size:.95rem}.final-category{text-align:center}.final-category .kicker{letter-spacing:.28em;text-transform:uppercase;color:var(--ink-muted);font-size:.8rem}.final-category .genre{color:var(--round-accent-deep);margin-top:var(--s1);font-size:2rem;font-weight:900}.count-field{margin:var(--s1);flex-direction:column;align-items:center;gap:4px;display:inline-flex}.count-field input{text-align:center;width:4.2rem;font-size:1.2rem}.team-icon{border-radius:50%;padding:1px 2px;line-height:1;display:inline-block}.team-icon.host{box-shadow:0 0 0 2px var(--bulb)}.host-tag{text-transform:uppercase;letter-spacing:.08em;border:1.5px solid var(--bulb);color:var(--bulb);background:0 0;border-radius:999px;margin-left:6px;padding:0 6px;font-size:.68rem;font-weight:800}.panel .host-tag{color:#8a6d2a;border-color:#8a6d2a}.score-strip .team-icon.host{box-shadow:0 0 0 1.5px var(--bulb)}.host-controls{margin:var(--s3) calc(-1 * var(--s3)) 0;color:var(--cream);padding:var(--s2) var(--s3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#100e14eb;border-top:2px solid #ffc94d59}.host-controls .kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--bulb);font-size:.68rem}.host-controls .secondary{justify-content:center;gap:var(--s3);margin-top:var(--s1);font-size:.85rem}.host-controls .big-btn{margin:var(--s1) 0}.host-controls .secondary>p{margin:0}.host-controls .secondary .panel{max-height:60vh;overflow-y:auto}