:root{--bg: #0f0e17;--bg-soft: #1a1925;--card: #16151f;--text: #fffffe;--muted: #a7a9be;--accent: #ff8906;--accent-dark: #c96d00;--opt-blue: #2563eb;--opt-red: #dc2626;--opt-green: #16a34a;--opt-yellow: #eab308;--radius: 16px;--shadow: 0 10px 30px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;color:var(--text)}button:disabled{opacity:.45;cursor:not-allowed}.app{min-height:100%}.logo{font-size:3.5rem;font-weight:800;margin:0;letter-spacing:-1px}.logo span{color:var(--accent)}.logo.small{font-size:2.2rem}.muted{color:var(--muted)}.link-btn{background:transparent;color:var(--muted);font-size:.95rem;padding:8px 4px}.link-btn:hover{color:var(--text)}.centered{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:80vh;gap:12px;padding:24px}.status-banner{background:var(--accent-dark);color:var(--text);text-align:center;padding:10px;font-weight:600}.error-text{color:#ff6b6b;font-weight:600}.reconnect-banner{position:fixed;top:0;left:0;right:0;background:var(--accent-dark);color:var(--text);text-align:center;padding:8px;font-weight:700;z-index:100}.disconnected{opacity:.45}.spinner{width:48px;height:48px;border:5px solid rgba(255,137,6,.25);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pulse-dot{width:60px;height:60px;border-radius:50%;background:var(--accent);animation:pulse 1.3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.85);opacity:.6}50%{transform:scale(1.1);opacity:1}}.lobby{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.lobby-inner{text-align:center;max-width:720px;width:100%}.tagline{color:var(--muted);font-size:1.15rem;margin:8px 0 40px}.lobby-buttons{display:grid;grid-template-columns:1fr 1fr;gap:20px}.big-btn{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;border-radius:var(--radius);font-size:1.6rem;font-weight:700;background:var(--card);box-shadow:var(--shadow);transition:transform .12s ease,background .12s ease}.big-btn:hover{transform:translateY(-4px)}.big-btn .emoji{font-size:3.5rem}.host-btn:hover{background:#1f2a44}.player-btn:hover{background:#2a1f1f}.lobby-hint{color:var(--muted);margin-top:36px;font-size:1rem}@media (max-width: 560px){.lobby-buttons{grid-template-columns:1fr}.big-btn{padding:32px}}.tv{min-height:100vh;display:flex;flex-direction:column}.tv-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;border-bottom:1px solid rgba(255,255,255,.08)}.tv-brand{font-size:1.4rem;font-weight:800}.tv-brand span{color:var(--accent)}.tv-room-mini{color:var(--muted);font-weight:600;letter-spacing:2px}.tv-lobby{flex:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:48px;padding:48px}.join-instructions h2{font-size:2.2rem;margin:0 0 8px}.join-instructions p{font-size:1.4rem;color:var(--muted);margin:4px 0}.join-url{color:var(--accent)!important;font-weight:700}.room-code-box{margin-top:28px;display:inline-flex;flex-direction:column;background:var(--card);border-radius:var(--radius);padding:20px 32px;box-shadow:var(--shadow)}.room-code-label{color:var(--muted);font-size:1.1rem;text-transform:uppercase;letter-spacing:2px}.room-code{font-size:4.5rem;font-weight:800;letter-spacing:10px;color:var(--accent)}.qr-box{background:#fffffe;padding:20px;border-radius:var(--radius);box-shadow:var(--shadow);line-height:0}.players-panel{align-self:center}.players-panel h3{font-size:1.8rem;display:flex;align-items:center;gap:12px}.count-pill{background:var(--accent);color:var(--bg);border-radius:999px;padding:2px 14px;font-size:1.2rem}.player-chips{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 28px;min-height:40px}.player-chip{background:var(--bg-soft);padding:10px 18px;border-radius:999px;font-size:1.2rem;font-weight:600;animation:pop .25s ease}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.start-btn{background:var(--accent);color:var(--bg);font-size:1.5rem;font-weight:800;padding:18px 36px;border-radius:var(--radius);width:100%;transition:transform .12s ease}.start-btn:not(:disabled):hover{transform:translateY(-3px)}@media (max-width: 1000px){.tv-lobby{grid-template-columns:1fr;justify-items:center;text-align:center;gap:28px;padding:28px}.join-instructions{text-align:center}}.tv-question,.tv-round-end,.tv-game-end{flex:1;display:flex;flex-direction:column;padding:32px 48px 48px}.question-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.q-progress,.answered-count{font-size:1.4rem;color:var(--muted);font-weight:600;flex:1}.answered-count{text-align:right}.timer-circle{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.6rem;font-weight:800;background:var(--card);border:5px solid var(--accent)}.timer-circle.urgent{border-color:var(--opt-red);color:var(--opt-red);animation:pulse .8s ease-in-out infinite}.question-text{font-size:clamp(28px,4.5vw,56px);text-align:center;margin:12px auto 36px;max-width:1100px;line-height:1.2}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1200px;margin:0 auto;width:100%}.options-grid.compact{gap:14px}.option-card{display:flex;align-items:center;gap:20px;padding:28px 32px;border-radius:var(--radius);font-size:clamp(20px,2.6vw,32px);font-weight:700;position:relative;transition:opacity .2s ease,transform .2s ease}.option-label{font-size:1.4em;font-weight:900;background:#00000040;border-radius:12px;width:1.6em;min-width:1.6em;height:1.6em;display:flex;align-items:center;justify-content:center}.option-text{flex:1}.opt-blue{background:var(--opt-blue)}.opt-red{background:var(--opt-red)}.opt-green{background:var(--opt-green)}.opt-yellow{background:var(--opt-yellow);color:#1a1500}.option-card.dim{opacity:.3}.option-card.correct{outline:5px solid var(--text);transform:scale(1.03);opacity:1}.check{position:absolute;right:24px;font-size:2rem;font-weight:900}.round-title{font-size:2.4rem;text-align:center;margin:0 0 24px}.fastest-note{text-align:center;font-size:1.4rem;margin:24px 0}.scoreboard{max-width:640px;margin:24px auto 0;width:100%}.scoreboard h3{font-size:1.6rem;margin-bottom:12px}.score-row{display:flex;align-items:center;gap:16px;background:var(--card);border-radius:12px;padding:14px 20px;margin-bottom:8px;font-size:1.3rem}.score-rank{background:var(--bg-soft);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800}.score-name{flex:1;font-weight:600}.score-val{color:var(--accent);font-weight:800;min-width:56px;text-align:right}.answer-pill{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:1rem;padding:4px 14px;border-radius:999px}.answer-pill.pill-ok{outline:2px solid var(--text)}.answer-pill.pill-no{opacity:.6}.answer-pill.pill-none{background:var(--bg-soft);color:var(--muted);font-weight:600}.next-btn{background:var(--accent);color:var(--bg);font-size:1.4rem;font-weight:800;padding:16px 40px;border-radius:var(--radius);margin:32px auto 0;display:block}.game-over-title{font-size:3rem;text-align:center;margin:0 0 36px}.podium{display:flex;align-items:flex-end;justify-content:center;gap:20px;margin-bottom:32px}.podium-step{display:flex;flex-direction:column;align-items:center;background:var(--card);border-radius:var(--radius);padding:24px 28px;box-shadow:var(--shadow)}.podium-1{order:2;padding-top:48px;border:3px solid var(--accent)}.podium-2{order:1}.podium-3{order:3}.medal{font-size:3.5rem}.podium-name{font-size:1.6rem;font-weight:800;margin-top:8px}.podium-score{font-size:1.3rem;color:var(--accent);font-weight:700}@media (max-width: 700px){.tv-question,.tv-round-end,.tv-game-end{padding:20px}.options-grid{grid-template-columns:1fr}.timer-circle{width:72px;height:72px;font-size:2rem}}.player{min-height:100vh;display:flex;flex-direction:column;padding:16px;max-width:560px;margin:0 auto}.join-screen{justify-content:flex-start}.join-card{margin-top:8vh;background:var(--card);border-radius:var(--radius);padding:28px 24px;box-shadow:var(--shadow);text-align:center}.join-card .logo{margin-bottom:24px}.join-card form{display:flex;flex-direction:column;text-align:left}.field-label{color:var(--muted);font-size:.9rem;margin:14px 0 6px;font-weight:600}.input{background:var(--bg-soft);border:2px solid transparent;border-radius:12px;padding:16px;font-size:1.2rem;color:var(--text)}.input:focus{outline:none;border-color:var(--accent)}.join-btn{background:var(--accent);color:var(--bg);font-size:1.3rem;font-weight:800;padding:18px;border-radius:12px;margin-top:24px}.hi-name{font-size:2rem;margin:8px 0 0}.player-question{padding:0}.timer-bar{height:10px;background:var(--bg-soft);border-radius:999px;overflow:hidden;margin:12px 16px 0}.timer-fill{height:100%;background:var(--accent);border-radius:999px;transition:width 1s linear}.timer-fill.urgent{background:var(--opt-red)}.q-meta{display:flex;justify-content:space-between;color:var(--muted);font-weight:600;padding:10px 18px 0}.player-q-text{font-size:1.5rem;text-align:center;padding:16px;margin:0;line-height:1.3}.answer-buttons{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:8px 16px 16px}.answer-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius);padding:20px 12px;font-weight:700;min-height:130px;transition:transform .1s ease,filter .1s ease}.answer-btn:active{transform:scale(.96);filter:brightness(1.15)}.answer-label{font-size:2rem;font-weight:900;background:#00000040;border-radius:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.answer-text{font-size:1.1rem;text-align:center}.answer-locked{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.answer-locked p:first-child{font-size:2rem;font-weight:800}.result{min-height:100vh}.result-icon{font-size:5rem}.result-correct h2{color:var(--opt-green)}.result-wrong h2{color:var(--opt-red)}.result h2{font-size:2.4rem;margin:8px 0}.fastest-badge{background:var(--accent);color:var(--bg);font-weight:800;padding:8px 18px;border-radius:999px}.points{font-size:2rem;font-weight:800;margin:8px 0 0}.total-score{font-size:1.3rem;color:var(--muted)}.final-rank{font-size:6rem}.final-place{font-size:1.5rem;font-weight:700;margin:0}.final-score{font-size:2rem;color:var(--accent);font-weight:800;margin:4px 0 24px}@media (max-width: 360px){.answer-btn{min-height:110px;padding:14px 8px}.answer-text{font-size:1rem}}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:800;color:#fff;flex:0 0 auto;box-shadow:inset 0 0 0 2px #ffffff40}.player-chip{display:inline-flex;align-items:center;gap:8px}.pick-title{margin-top:28px;font-size:1.4rem}.round-menu{display:grid;gap:14px;margin-top:14px}.round-card{text-align:left;background:var(--card);border:2px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:18px 22px;display:flex;flex-direction:column;gap:6px;transition:transform .12s ease,border-color .12s ease}.round-card:hover{transform:translateY(-3px);border-color:var(--accent)}.round-card-name{font-size:1.4rem;font-weight:800;color:var(--accent)}.round-card-desc{font-size:1rem;color:var(--muted)}.round-tv,.tv-round-select{flex:1;display:flex;flex-direction:column;padding:28px 48px 40px}.round-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.round-tag{font-size:1.5rem;font-weight:800;color:var(--accent);flex:1}.round-head .answered-count{flex:1;text-align:right}.tv-round-select{max-width:760px;margin:0 auto;width:100%}.center-btn{display:block;margin:24px auto 0}.ranking{max-width:640px;margin:24px auto 0;width:100%}.ranking-row{display:flex;align-items:center;gap:16px;background:var(--card);border-radius:12px;padding:12px 20px;margin-bottom:8px;font-size:1.3rem}.ranking-place{background:var(--accent);color:var(--bg);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800}.center{text-align:center}.end-actions{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:28px}.player-round{display:flex;flex-direction:column;flex:1}.player-q{font-size:1.5rem;text-align:center;padding:16px;margin:0;line-height:1.3}.player-locked{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:70vh}.locked-big{font-size:2rem;font-weight:800}.player-result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:80vh}.player-result.ok h2{color:var(--opt-green)}.player-result.no h2{color:var(--opt-red)}.player-result h2{font-size:2.2rem;margin:4px 0}.big-icon{font-size:5rem}.your-score{font-size:1.2rem;color:var(--accent);font-weight:700}@media (max-width: 700px){.round-tv,.tv-round-select{padding:18px}}.pot{font-size:3.2rem;font-weight:900;color:var(--accent);font-variant-numeric:tabular-nums;min-width:4ch;text-align:center}.pot-low{color:var(--opt-red);animation:pulse .7s ease-in-out infinite}.pot-player{font-size:4rem;margin:8px auto 0}.steal-banner{text-align:center;font-size:1.4rem;color:var(--muted);margin:16px auto;max-width:800px}.steal-banner.big{font-size:1.8rem;color:var(--text);font-weight:700}.steal-pick{padding:8px 16px}.opponent-picker{display:grid;gap:12px;padding:8px 16px 16px}.opponent-btn{display:flex;align-items:center;gap:16px;background:var(--card);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:16px 20px;font-size:1.3rem;font-weight:700;transition:transform .1s ease,border-color .1s ease}.opponent-btn:active{transform:scale(.97)}.opponent-btn:hover{border-color:var(--accent)}.opp-name{flex:1;text-align:left}.opp-score{color:var(--accent);font-weight:800}.bomb-tv{align-items:center;text-align:center}.bomb{font-size:8rem;animation:pulse .7s ease-in-out infinite}.bomb.boom{animation:pop .4s ease}.bomb-mini{text-align:center;font-size:1.3rem;font-weight:900;color:var(--opt-red);padding:10px;animation:pulse .6s ease-in-out infinite}.bomb-holder{border:none}.pulse-bomb{animation:pulse .7s ease-in-out infinite}.combatant-row{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:28px}.combatant{display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:700;font-size:1.1rem;opacity:1;transition:opacity .2s ease}.combatant.holder{transform:scale(1.12)}.combatant.out{opacity:.4;filter:grayscale(1)}.combatant-name{font-size:1rem}.health{font-size:1.1rem;letter-spacing:2px;min-height:1.2em}.health-line{text-align:center;font-size:1.1rem;color:var(--muted);margin:8px 0 0}.small-q{font-size:clamp(24px,3.2vw,40px);margin:8px auto 20px}.final-layout{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:start;max-width:1200px;margin:0 auto;width:100%}.time-bars{display:flex;gap:16px;align-items:flex-end}.time-col{display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:700}.time-col.out{opacity:.4;filter:grayscale(1)}.time-col.frozen .time-fill{box-shadow:0 0 0 3px #bfe9ff inset}.time-val{font-size:1.1rem;font-variant-numeric:tabular-nums;min-height:1.4em}.time-track{width:46px;height:280px;background:var(--bg-soft);border-radius:10px;display:flex;align-items:flex-end;overflow:hidden}.time-fill{width:100%;border-radius:10px 10px 0 0;transition:height .15s linear}.final-time{font-size:4rem;font-weight:900;text-align:center;color:var(--accent);font-variant-numeric:tabular-nums;margin:12px 0}.final-time.frozen{color:#5cc6ff}.final-time.danger{color:var(--opt-red);animation:pulse .6s ease-in-out infinite}@media (max-width: 800px){.final-layout{grid-template-columns:1fr}.time-track{height:160px}}.tv-bar-right{display:flex;align-items:center;gap:14px}.reading-flag{font-size:1.4rem;font-weight:800;color:var(--accent);animation:pulse 1.2s ease-in-out infinite;white-space:nowrap}.big-icon.listen{animation:pulse 1.2s ease-in-out infinite}.answer-status{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}.status-chip{display:flex;align-items:center;gap:8px;background:var(--card);border:2px solid rgba(255,255,255,.08);border-radius:999px;padding:6px 16px 6px 6px;font-weight:600;opacity:.55;transition:opacity .2s ease,border-color .2s ease,transform .2s ease}.status-chip.done{opacity:1;border-color:var(--opt-green);transform:translateY(-2px)}.status-name{font-size:1rem}.status-mark{font-weight:900;color:var(--muted)}.status-chip.done .status-mark{color:var(--opt-green)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.options-grid .option-card{animation:fadeInUp .35s ease both}.options-grid .option-card:nth-child(2){animation-delay:.06s}.options-grid .option-card:nth-child(3){animation-delay:.12s}.options-grid .option-card:nth-child(4){animation-delay:.18s}.reading-note{display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--muted);padding:40px;animation:pulse 1.4s ease-in-out infinite}@keyframes popIn{0%{transform:scale(0);opacity:0}70%{transform:scale(1.18)}to{transform:scale(1);opacity:1}}@keyframes tick{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes glow{0%{box-shadow:0 0 12px #ff890659}to{box-shadow:0 0 36px #ff8906e6}}.player-result .big-icon{animation:popIn .45s cubic-bezier(.2,.8,.3,1.25) both}.player-result h2{animation:fadeInUp .4s ease both}.status-chip.done{animation:tick .3s ease}.podium-1{animation:glow 1.3s ease-in-out infinite alternate}.final-rank{animation:popIn .5s cubic-bezier(.2,.8,.3,1.25) both}