@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg: #0d0221;--bg2: #1a0a2e;--bg3: #2d1b4e;--fg: #e8d5ff;--fg2: #a78bca;--accent: #ff6b9d;--accent2: #c44dff;--success: #00ff88;--danger: #ff4444;--border: #4a2d7a;--shadow: 0 0 20px rgba(196,77,255,.4);--font: "Press Start 2P", "Courier New", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:12px;line-height:1.6;-webkit-font-smoothing:none;image-rendering:pixelated;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}h1{font-size:1.4rem;color:var(--accent);text-shadow:var(--shadow)}h2{font-size:1.1rem;color:var(--accent2)}h3{font-size:.9rem;color:var(--fg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:14px 20px;background:var(--accent);color:#000;border:3px solid var(--fg);font-family:var(--font);font-size:.75rem;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:transform .1s,box-shadow .1s;box-shadow:4px 4px 0 var(--border);min-height:48px;min-width:48px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--border)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.secondary{background:var(--bg3);color:var(--fg);border-color:var(--border)}.btn.danger{background:var(--danger);color:#fff}.btn.success{background:var(--success);color:#000}.btn.ghost{background:transparent;color:var(--accent);border-color:var(--accent)}.btn.sm{padding:8px 12px;font-size:.6rem;min-height:36px}.btn.lg{padding:18px 28px;font-size:.9rem}.btn.full{width:100%}.card{background:var(--bg2);border:2px solid var(--border);padding:16px;box-shadow:var(--shadow);position:relative}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--accent2);opacity:.2;pointer-events:none}input,select,textarea{background:var(--bg3);color:var(--fg);border:2px solid var(--border);padding:12px;font-family:var(--font);font-size:.75rem;width:100%;outline:none;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder{color:var(--fg2);opacity:.6}.container{max-width:480px;margin:0 auto;padding:16px;width:100%}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.grow{flex:1}.center{text-align:center;align-items:center;justify-content:center}.grid2,.grid4{display:grid;grid-template-columns:1fr 1fr;gap:8px}.badge{display:inline-block;padding:3px 8px;background:var(--bg3);border:1px solid var(--border);font-size:.55rem;color:var(--fg2)}.badge.accent{background:var(--accent);color:#000;border-color:var(--accent)}.badge.success{background:var(--success);color:#000;border-color:var(--success)}.badge.danger{background:var(--danger);color:#fff;border-color:var(--danger)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes glow{0%,to{text-shadow:0 0 10px var(--accent)}50%{text-shadow:0 0 30px var(--accent),0 0 60px var(--accent2)}}.blink{animation:blink 1s step-end infinite}.pulse{animation:pulse 2s ease-in-out infinite}.slide-in{animation:slideIn .3s ease-out}.pop{animation:pop .4s cubic-bezier(.175,.885,.32,1.275)}.shake{animation:shake .4s ease-in-out}.float{animation:float 3s ease-in-out infinite}.glow{animation:glow 2s ease-in-out infinite}.score-toast{position:fixed;top:20px;right:20px;z-index:1000;padding:12px 20px;font-size:1rem;font-weight:700;animation:pop .3s ease-out,slideIn .3s ease-out;pointer-events:none}.score-toast.positive{background:var(--success);color:#000}.score-toast.negative{background:var(--danger);color:#fff}.timer-bar{height:8px;background:var(--bg3);border:1px solid var(--border);overflow:hidden}.timer-bar-fill{height:100%;background:var(--accent);transition:width 1s linear,background .5s}.timer-bar-fill.urgent{background:var(--danger);animation:blink .5s step-end infinite}.avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;background:var(--bg3);border:2px solid var(--border);flex-shrink:0}.avatar.sm{width:32px;height:32px;font-size:1.2rem}.avatar.lg{width:64px;height:64px;font-size:2.5rem}.scanlines:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 4px);pointer-events:none;z-index:9999}.podium{display:flex;align-items:flex-end;justify-content:center;gap:8px;height:120px}.podium-block{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:80px;background:var(--bg3);border:2px solid var(--border);padding:8px 4px;font-size:.6rem;text-align:center}.podium-block.first{height:100%;border-color:var(--accent);background:var(--bg2)}.podium-block.second{height:75%}.podium-block.third{height:55%}.pixel-border{box-shadow:-3px 0 0 var(--border),3px 0 0 var(--border),0 -3px 0 var(--border),0 3px 0 var(--border)}.conn-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);display:inline-block}.conn-dot.online{background:var(--success);animation:pulse 2s infinite}.scroll-list{overflow-y:auto;max-height:300px}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option-btn{padding:20px 12px;font-family:var(--font);font-size:.65rem;border:3px solid var(--border);background:var(--bg3);color:var(--fg);cursor:pointer;text-align:center;transition:all .15s;min-height:80px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.option-btn:active{transform:scale(.97)}.option-btn.selected{border-color:var(--accent);background:var(--bg2);color:var(--accent)}.option-btn.correct{border-color:var(--success);background:#00ff8826;color:var(--success)}.option-btn.wrong{border-color:var(--danger);background:#ff444426;color:var(--danger)}.buzz-btn{width:160px;height:160px;border-radius:50%;background:var(--accent);border:6px solid var(--fg);font-family:var(--font);font-size:.8rem;color:#000;cursor:pointer;box-shadow:0 8px 0 var(--border),var(--shadow);transition:all .1s;-webkit-tap-highlight-color:transparent}.buzz-btn:active{transform:translateY(4px);box-shadow:0 4px 0 var(--border)}.buzz-btn:disabled{opacity:.4}.emoji-puzzle{font-size:3rem;text-align:center;padding:20px;letter-spacing:8px}.scatter-letter{font-size:4rem;color:var(--accent);text-align:center;text-shadow:var(--shadow);animation:glow 2s infinite}.number-tiles{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.number-tile{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--bg3);border:3px solid var(--accent);font-size:1.2rem;color:var(--accent);font-weight:700}.qr-container{background:#fff;padding:12px;display:inline-block;border:4px solid var(--border)}.lb-row{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg3);border:1px solid var(--border);transition:all .3s}.lb-row.highlight{border-color:var(--accent);background:var(--bg2)}.lb-rank{font-size:1rem;width:28px;text-align:center;color:var(--accent2)}@media (min-width: 600px){html{font-size:13px}.grid4{grid-template-columns:1fr 1fr 1fr 1fr}}