: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)}.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{font-size:1.1vw;min-height:100vh;padding:3.2em 4.5em;position:relative}.tv .brand{font-size:2em}.tv-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:2em}.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;min-height:62vh}.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:flex;flex-wrap:wrap;margin-top:1.4em}.chip{background:var(--card-2);border:2px solid var(--line);border-radius:999px;padding:.35em 1.1em;font-size:1.8em;margin:0 .5em .5em 0}.chip.off{opacity:.45}.chip.done{border-color:var(--good)}.tv-question{font-size:4.4em;font-weight:800;line-height:1.15;margin:.3em 0 .6em}.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:1em 1.2em;font-size:2.8em;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.5em;height:1.5em;border-radius:.4em;display:flex;align-items:center;justify-content:center;margin-right:.6em;font-weight:900;flex-shrink:0}.tv-option .txt{position:relative}.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{margin-left:auto;font-size:.9em;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%;max-width:60em;margin:0 auto}.board-row{display:flex;align-items:center;background:var(--card);border:2px solid var(--line);border-radius:1em;padding:.5em 1.2em;margin-bottom:.7em;font-size:2.4em}.board-row .rank{width:1.6em;font-weight:900;color:var(--gold)}.board-row .name{flex:1;font-weight:700}.board-row .pts{font-weight:900;color:var(--gold)}.podium{display:flex;align-items:flex-end;justify-content:center;margin:1em 0 2em}.podium>div{width:14em;margin:0 .6em;text-align:center}.podium .name{font-size:2.6em;font-weight:800;margin-bottom:.2em}.podium .pts{font-size:1.8em;color:var(--muted);margin-bottom:.4em}.podium .step{border-radius:1em 1em 0 0;font-size:5em;font-weight:900;color:#1b1300;padding:.2em 0}.podium .p1 .step{background:linear-gradient(#ffe08a,var(--gold-2));height:4.4em}.podium .p2 .step{background:linear-gradient(#e9eef7,#98a3b8);height:3.2em}.podium .p3 .step{background:linear-gradient(#e8b27c,#a8662b);height:2.4em}.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(-12vh) rotate(0);opacity:1}to{transform:translateY(112vh) 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}}