:root{--navy: #0a0f24;--navy-2: #101734;--card: #151d40;--card-2: #1c2652;--line: #2a3566;--violet: #7c5cff;--violet-2: #5a3fd6;--gold: #f6c453;--gold-2: #d99a1b;--text: #f5f7ff;--muted: #9aa4c7;--good: #3ddc97;--bad: #ff6b81;--opt-a: #ff6b6b;--opt-b: #35b6ff;--opt-c: #a3e635;--opt-d: #ffb703}html[data-style=funny]{--violet: #cf4410;--violet-2: #9c3208}html[data-style=relaxed]{--violet: #0e8572;--violet-2: #0a6355}html[data-style=elegant]{--violet: #8a6a38;--violet-2: #664f29}html[data-style=crazy]{--violet: #c21f9c;--violet-2: #911775}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{background:var(--navy);color:var(--text);font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer}.screen{min-height:100%;background:radial-gradient(1200px 700px at 80% -10%,#2a1d6b,rgba(10,15,36,0) 60%),radial-gradient(900px 600px at -10% 110%,#3a2a0a,rgba(10,15,36,0) 55%),var(--navy)}.brand{font-weight:800;letter-spacing:.04em;color:var(--gold)}.brand span{color:var(--violet)}.muted{color:var(--muted)}.muted.small{font-size:13px;line-height:1.4}.btn{display:block;width:100%;border:0;border-radius:14px;padding:16px 18px;font-weight:700;font-size:18px;background:var(--violet);color:#fff;box-shadow:0 6px 0 var(--violet-2);transition:transform .08s}.btn:active{transform:translateY(3px);box-shadow:0 3px 0 var(--violet-2)}.btn[disabled]{opacity:.45;box-shadow:none;cursor:default}.btn.gold{background:var(--gold);color:#2a1d00;box-shadow:0 6px 0 var(--gold-2)}.btn.ghost{background:var(--card);box-shadow:0 0 0 1px var(--line) inset}.btn.danger{background:#3a1722;box-shadow:0 0 0 1px #7a2a3a inset;color:#ffb3c0}.input{width:100%;border-radius:14px;border:2px solid var(--line);background:var(--navy-2);color:var(--text);padding:15px 16px;font-size:20px;outline:none}.input:focus{border-color:var(--violet)}.toast{position:fixed;left:12px;right:12px;bottom:14px;background:#3a1722;border:1px solid #7a2a3a;color:#ffd3da;padding:12px 14px;border-radius:12px;text-align:center;z-index:50}.banner{background:#3a2a0a;color:var(--gold);text-align:center;padding:8px 12px;font-size:14px}.phone{max-width:520px;margin:0 auto;padding:18px 16px 90px;min-height:100%}.phone h1{font-size:26px;margin:8px 0 6px}.phone h2{font-size:20px;margin:18px 0 8px}.center{text-align:center}.stack>*+*{margin-top:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px}.big-number{font-size:56px;font-weight:800;color:var(--gold);line-height:1.1}.pill{display:inline-block;background:var(--card-2);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:14px;margin:3px 4px 3px 0}.pill.ok{border-color:var(--good);color:var(--good)}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--muted);margin-right:8px}.dot.on{background:var(--good)}.timebar{height:10px;background:var(--card-2);border-radius:999px;overflow:hidden;margin:10px 0 16px}.timebar>div{height:100%;background:linear-gradient(90deg,var(--violet),var(--gold))}.answers{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px}.answer{border:0;border-radius:18px;min-height:130px;font-size:54px;font-weight:800;color:#10152e;box-shadow:0 7px rgba(0,0,0,.35)}.answer.a{background:var(--opt-a)}.answer.b{background:var(--opt-b)}.answer.c{background:var(--opt-c)}.answer.d{background:var(--opt-d)}.answer[disabled]{opacity:.35;box-shadow:none}.answer.chosen{opacity:1;outline:5px solid #fff}.booster{display:block;width:100%;margin:0 0 14px;border:2px solid var(--gold);background:rgba(246,196,83,.1);color:var(--gold);border-radius:14px;padding:12px;font-weight:800;font-size:17px}.booster.active{background:var(--gold);color:#2a1d00}.row{display:flex;align-items:center;justify-content:space-between}.row>*+*{margin-left:10px}.list-row{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-row .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row button{border:1px solid #7a2a3a;background:transparent;color:#ffb3c0;border-radius:10px;padding:6px 10px}.result-good{color:var(--good)}.result-bad{color:var(--bad)}.tv-viewport{position:fixed;left:0;top:0;right:0;bottom:0;background:#000;overflow:hidden}.tv{position:absolute;left:50%;top:50%;width:1920px;height:1080px;min-height:0;box-sizing:border-box;overflow:hidden;transform-origin:center center;font-size:21.12px;padding:2em 4.5em}.tv .brand{font-size:2em}.tv-head{display:flex;justify-content:space-between;align-items:center;height:9em;margin-bottom:.4em}.tv-title{font-size:4.2em;font-weight:800;line-height:1.12;margin:.2em 0}.tv-sub{font-size:2em;color:var(--muted)}.tv-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%}.tv-code{font-size:9em;font-weight:900;letter-spacing:.12em;color:var(--gold);line-height:1}.tv-lobby{display:grid;grid-template-columns:1fr 1fr;grid-gap:4em;align-items:center}.qr{background:#fff;padding:1.2em;border-radius:1.2em;width:22em;height:22em}.qr svg{width:100%;height:100%;display:block}.chips{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5em;margin-top:1em}.chip{background:var(--card-2);border:2px solid var(--line);border-radius:999px;padding:.25em 1em;font-size:1.6em;margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip.off{opacity:.45}.chip.done{border-color:var(--good)}.tv-qmeta{height:1.3em;line-height:1.3;white-space:nowrap;overflow:hidden}.tv-question{font-size:3.6em;font-weight:800;line-height:1.15;height:3.55em;margin:.1em 0 .2em;display:flex;align-items:center;overflow:hidden;overflow-wrap:anywhere}.tv[data-kind=WHOAMI] .tv-question{height:1.3em}.tv[data-kind=PICTURE] .tv-question{height:2.4em}.tv-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.2em}.tv-option{animation:rise .45s ease-out both;position:relative;border-radius:1em;padding:0 2em 0 .7em;height:3.4em;line-height:1.2;font-size:2.4em;font-weight:700;color:#10152e;display:flex;align-items:center;overflow:hidden}.tv-option .l{background:rgba(0,0,0,.22);color:#fff;width:1.2em;height:1.2em;border-radius:.4em;display:flex;align-items:center;justify-content:center;margin-right:.4em;font-weight:900;flex-shrink:0}.tv-option .txt{position:relative;overflow-wrap:anywhere;min-width:0;max-height:2.4em;overflow:hidden}.tv-option .bar{position:absolute;left:0;top:0;bottom:0;background:rgba(255,255,255,.38);transform-origin:left center;animation:grow .9s ease-out both}.tv-option .l,.tv-option .votes{position:relative}.tv-option .votes{position:absolute;right:.6em;top:50%;transform:translateY(-50%);font-size:.8em;font-weight:900}.tv-option.a{background:var(--opt-a)}.tv-option.b{background:var(--opt-b)}.tv-option.c{background:var(--opt-c)}.tv-option.d{background:var(--opt-d)}.tv-option.dim{opacity:.25}.tv-option.win{outline:.25em solid #fff;box-shadow:0 0 3em rgba(255,255,255,.4)}.ring{width:9em;height:9em;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring .t{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3.4em;font-weight:900}.board{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:1.6em;grid-auto-flow:row}.board-row{display:flex;align-items:center;background:var(--card);border:2px solid var(--line);border-radius:1em;padding:.25em 1em;margin-bottom:.4em;font-size:1.9em;line-height:1.2;min-width:0}.board-row .rank{width:1.6em;font-weight:900;color:var(--gold)}.board-row .name{flex:1;min-width:0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-row .pts{font-weight:900;color:var(--gold)}.podium{display:flex;align-items:flex-end;justify-content:center;margin:.4em 0 .6em}.podium>div{width:17em;margin:0 .6em;text-align:center}.podium .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.8em;font-weight:800;margin-bottom:.2em}.podium .pts{font-size:1.4em;color:var(--muted);margin-bottom:.3em}.podium .step{border-radius:1em 1em 0 0;font-size:3em;font-weight:900;color:#1b1300;padding:.2em 0}.podium .p1 .step{background:linear-gradient(#ffe08a,var(--gold-2));height:4.2em}.podium .p2 .step{background:linear-gradient(#e9eef7,#98a3b8);height:3em}.podium .p3 .step{background:linear-gradient(#e8b27c,#a8662b);height:2em}.overlay{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(10,15,36,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:40}.overlay .tv-title{margin-bottom:.5em}.overlay .btn{width:auto;font-size:2.2em;padding:.6em 1.6em}.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.status-line{position:fixed;left:1em;bottom:.6em;font-size:1.1em;color:var(--muted)}@keyframes rise{0%{opacity:0;transform:translateY(.4em)}to{opacity:1;transform:translateY(0)}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes slidein{0%{opacity:0;transform:translate(-2em)}to{opacity:1;transform:translate(0)}}@keyframes stepup{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes fall{0%{transform:translateY(-130px) rotate(0);opacity:1}to{transform:translateY(1210px) rotate(540deg);opacity:.9}}@keyframes tickpop{0%{transform:scale(1.35)}to{transform:scale(1)}}.chip{animation:pop .4s ease-out both}.board-row{animation:slidein .45s ease-out both}.podium .step{transform-origin:bottom center;animation:stepup .8s ease-out both}.podium .p3 .step{animation-delay:.2s}.podium .p2 .step{animation-delay:.7s}.podium .p1 .step{animation-delay:1.3s}.podium .name,.podium .pts{animation:rise .5s ease-out both;animation-delay:1.6s}.ring .t{animation:tickpop .3s ease-out}.ring.urgent .t{color:#ff6b81}.confetti{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:0;border-radius:.1em;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite}.mute{position:fixed;right:1em;bottom:.6em;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.25em .9em;font-size:1.1em;opacity:.55}.mute:hover,.mute:focus{opacity:1}@media (prefers-reduced-motion: reduce){.pulse,.chip,.board-row,.tv-option,.tv-option .bar,.podium .step,.podium .name,.podium .pts,.ring .t{animation:none}.confetti{display:none}}.results-qr{position:absolute;left:2em;bottom:1.6em;text-align:center;font-size:.9em;color:var(--text)}.results-qr .qr{width:9em;height:9em;padding:.6em;margin:0 auto .4em}.res-row{display:grid;grid-template-columns:2.2em 1fr auto;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:18px}.res-row:first-of-type{border-top:0}.res-row .pts{color:var(--gold);font-weight:800}.res-code{font-size:30px;font-weight:800;letter-spacing:.08em;color:var(--gold);user-select:all}.tv-branding{position:fixed;z-index:5;pointer-events:none;text-align:right;line-height:1.25;max-width:34em}.tv-branding.bottom-right{right:1em;bottom:3.4em}.tv-branding.bottom-left{left:1em;bottom:2.4em;text-align:left}.tv-branding.top-right{right:1em;top:.8em}.tv-branding.top-left{left:1em;top:.8em;text-align:left}.tv[data-phase=ENDED] .tv-branding.bottom-left{bottom:16em}.tv-branding.subtle{font-size:1em;opacity:.55}.tv-branding.normal{font-size:1.3em;opacity:.8}.tv-branding.strong{font-size:1.7em;opacity:1}.tv-branding.big{font-size:2.2em;opacity:1}.tv-branding .brand{font-size:1.4em}.tv-branding-cta{margin-top:.3em;color:var(--gold);font-weight:700}.pub-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:144px;font-weight:800;letter-spacing:.18em;margin:.3em 0;padding:.1em .35em;border:.06em solid currentColor;border-radius:.2em}.pub-countdown{position:fixed;left:50%;bottom:4vh;transform:translate(-50%);padding:.5em 1.4em;font-size:clamp(1.4rem,3.4vw,3rem);font-weight:800;border-radius:999px;background:rgba(0,0,0,.72);color:#fff;z-index:50}.field{width:100%;box-sizing:border-box;border-radius:18px;border:3px solid var(--line);background:var(--navy-2);color:var(--text);padding:16px;font-size:44px;font-weight:800;text-align:center}.field:focus-visible{outline:4px solid var(--gold);outline-offset:2px}.field[disabled]{opacity:.4}.field-hint{margin:0;text-align:center;color:var(--muted, #aab0d0);font-size:16px}.field-hint.invalid{color:#ffb3c0}.big-answer{font-size:22px}.order-badge{display:inline-block;margin-left:10px;min-width:1.5em;border-radius:999px;background:#10152e;color:#fff;font-size:.45em;line-height:1.5em;vertical-align:middle}.row-buttons{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px}.tv-estimate{text-align:center;font-size:2.2em;font-weight:700;margin-top:.6em;height:2.6em;line-height:1.3;overflow:hidden}.tv-estimate-target{font-size:4em;line-height:1.1;font-weight:900;color:var(--gold);text-align:center}.tv-estimate-list,.tv-order-list{list-style:none;margin:.4em auto 0;padding:0;max-width:34em;font-size:1.8em}.tv-estimate-list{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:1em;max-width:none}.tv-estimate-list li,.tv-order-list li{display:flex;align-items:baseline;gap:.6em;padding:.2em .6em;border-radius:.5em;background:rgba(255,255,255,.08);margin-bottom:.25em;line-height:1.2;white-space:nowrap;overflow:hidden}.tv-estimate-list li:first-child{background:rgba(246,196,83,.25)}.tv-estimate-list .v,.tv-order-list .n{font-weight:900;min-width:2.2em}.tv-estimate-list .d{margin-left:auto;opacity:.7}:root{--team-a: #ff8fab;--team-b: #5ec8ff;--team-c: #7ee2a8;--team-d: #ffd166;--on-team: #0a0f24}.team-a{--team: var(--team-a)}.team-b{--team: var(--team-b)}.team-c{--team: var(--team-c)}.team-d{--team: var(--team-d)}.team-picker{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.team-choice{min-height:3.4rem;padding:.6rem;border-radius:14px;border:3px solid var(--team);background:transparent;color:var(--text);font:inherit;font-weight:700;cursor:pointer}.team-choice.chosen,.pill.team-a,.pill.team-b,.pill.team-c,.pill.team-d{background:var(--team);color:var(--on-team)}.team-score{display:grid;gap:.4rem;width:100%}.team-score-row{display:flex;justify-content:space-between;padding:.5rem .8rem;border-radius:12px;border-left:8px solid var(--team);background:var(--card)}.team-winner{font-weight:800;color:var(--gold);text-align:center;font-size:1.15em}.team-lobby{display:flex;gap:1em;margin-top:.8em}.team-lobby.many{gap:.5em;font-size:.8em}.team-lobby .team-card{flex:1 1 0;min-width:0;overflow-wrap:anywhere}.team-card{display:flex;flex-direction:column;padding:.5em 1em;border-radius:14px;background:var(--team);color:var(--on-team)}.team-duel{display:grid;gap:.5em;width:min(90%,60em);margin:.6em auto}.team-row{display:grid;grid-template-columns:9em 1fr 4em;align-items:center;gap:.8em;font-size:1.4em}.team-duel.many{gap:.25em;margin:.2em auto}.team-duel.many .team-row{font-size:1.05em;gap:.6em}.team-duel.many .team-row .team-name{overflow-wrap:anywhere;line-height:1.1}.team-duel.many .team-note{display:none}.team-row .team-bar{height:1.1em;border-radius:999px;background:var(--card);overflow:hidden}.team-row .team-bar>div{height:100%;background:var(--team);border-radius:999px;transition:width .8s ease}.team-row.win .team-name{color:var(--gold)}.team-row .team-pts{font-weight:800;text-align:right}.team-note{text-align:center;color:var(--muted);font-size:.9em}@media (prefers-reduced-motion: reduce){.team-row .team-bar>div{transition:none}}.tv-hints{margin:0 0 .6em}.tv-hint-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:.5em}.tv-hint-list li{display:flex;align-items:baseline;grid-gap:.7em;gap:.7em;font-size:1.6em;font-weight:600;line-height:1.2;padding:.2em .7em;border-radius:.6em;background:var(--card);border:2px solid var(--line);color:var(--muted)}.tv-hint-list li .n{flex:none;font-weight:800;color:var(--gold)}.tv-hint-list li.newest{color:var(--text);border-color:var(--gold);background:var(--card-2);animation:rise .45s ease-out both}.tv-hint-meter{display:flex;align-items:center;grid-gap:1.2em;gap:1.2em;margin-top:.5em}.tv-hint-meter .steps{display:flex;grid-gap:.4em;gap:.4em}.tv-hint-meter .steps span{width:3.2em;height:.7em;border-radius:.4em;background:var(--line)}.tv-hint-meter .steps span.on{background:var(--gold)}.tv-whoami-points{font-size:1.7em;font-weight:800;color:var(--gold)}.tv-whoami-stats{list-style:none;margin:.8em 0 0;padding:0;display:flex;flex-wrap:wrap;grid-gap:.4em 1.6em;gap:.4em 1.6em;font-size:1.15em;color:var(--muted)}.tv-whoami-stats strong{color:var(--text)}.stage{font-weight:700;color:var(--gold)}.tv-hints+.tv-options{grid-gap:.7em}.tv-hints+.tv-options .tv-option{font-size:1.8em;height:2.2em;padding:0 1em}.tv-picture-box{display:flex;align-items:center;grid-gap:1.6em;gap:1.6em;margin:0 0 .8em}.tv-picture{display:block;height:14em;max-width:55%;object-fit:contain;background:var(--card);border:2px solid var(--line);border-radius:.6em;image-rendering:pixelated}.tv-picture[data-stage="3"]{image-rendering:auto}.tv-picture-missing{height:14em;display:grid;place-items:center;padding:0 2em;color:var(--muted);border:2px dashed var(--line);border-radius:.6em}.tv-picture-side .tv-hint-meter{flex-direction:column;align-items:flex-start}.tv-picture-box+.tv-options{grid-gap:.7em}.tv-picture-box+.tv-options .tv-option{font-size:1.8em;height:2.2em;padding:0 1em}@media (prefers-reduced-motion: reduce){.tv-hint-list li.newest{animation:none}}.standby{display:grid;grid-template-columns:1fr 26em;grid-gap:3em;height:100%;align-items:center}.standby-main{display:flex;flex-direction:column;gap:.8em;min-width:0}.standby-badge{display:flex;align-items:center;gap:.8em;color:var(--gold);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.standby-venue{font-size:3.4em;font-weight:900;line-height:1.05}.standby-stage{position:relative;height:15em}.standby-slide{position:absolute;top:0;right:0;bottom:0;left:0;animation:standby-in .8s ease both}.standby-slide h2{font-size:2em;margin:0 0 .5em;color:var(--gold)}.standby-slide p{font-size:1.5em;margin:0;color:var(--text)}.standby-steps,.standby-types,.standby-top{list-style:none;margin:0;padding:0;display:grid;grid-gap:.5em;font-size:1.3em}.standby-steps li{display:flex;align-items:center;gap:.8em}.standby-steps b{background:var(--violet);border-radius:50%;width:1.8em;height:1.8em;display:grid;place-items:center}.standby em{color:var(--muted);font-style:normal}.standby-top li{display:flex;justify-content:space-between;max-width:24em;background:var(--card);border-radius:.6em;padding:.3em .9em}.standby-qr{display:flex;flex-direction:column;align-items:center;gap:.6em;text-align:center}.standby-qr .qr{width:24em;height:24em}.standby-cta{font-size:1.8em;font-weight:900;color:var(--gold)}.standby-hint{color:var(--muted);font-size:1.1em}@keyframes standby-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.standby-slide{animation:none}}.rank-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.35em;background:var(--card);border-radius:.9em;padding:.25em}.rank-tab{font:inherit;font-weight:700;font-size:.9em;min-width:0;padding:.6em .2em;border:0;border-radius:.7em;background:transparent;color:var(--muted);cursor:pointer}.rank-tab.on{background:var(--violet);color:#fff}.rank-list{list-style:none;margin:0;padding:0;display:grid;gap:.45em}.rank-list li{display:grid;grid-template-columns:2em 1fr auto;align-items:center;gap:.7em;background:var(--card);border-radius:.8em;padding:.7em .9em}.rank-pos{font-weight:800;color:var(--muted);text-align:center}.rank-list .top-1 .rank-pos{color:var(--gold)}.rank-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.rank-pts{font-weight:800;color:var(--gold);white-space:nowrap}.host-login{font-size:.8em;text-align:center;margin-top:1.5em}.host-login a{color:var(--muted)}
