*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1a2e;--surface: #16213e;--surface2: #0f3460;--accent: #e94560;--text: #f0f0f0;--muted: #8899aa;--green: #4caf50;--red: #f44336}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.page{min-height:100%;padding:16px;max-width:480px;margin:0 auto}.page-wide{min-height:100%;padding:16px;max-width:960px;margin:0 auto}h1{font-size:1.8rem;font-weight:700;margin-bottom:8px}h2{font-size:1.3rem;font-weight:600;margin-bottom:8px}h3{font-size:1.05rem;font-weight:600;margin-bottom:6px;color:var(--muted)}.card{background:var(--surface);border-radius:12px;padding:16px;margin-bottom:12px}.btn{display:block;width:100%;padding:14px 20px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;text-align:center;margin-bottom:8px;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--surface2);color:var(--text)}.btn-success{background:var(--green);color:#fff}.btn-outline{background:transparent;border:2px solid var(--surface2);color:var(--text);margin-bottom:8px}.input{width:100%;padding:12px 14px;background:var(--surface2);border:2px solid transparent;border-radius:8px;color:var(--text);font-size:1rem;outline:none;margin-bottom:10px;-webkit-appearance:none}.input:focus{border-color:var(--accent)}.input.code{text-transform:uppercase;letter-spacing:.15em;font-size:1.3rem;font-weight:700;text-align:center}.muted{color:var(--muted);font-size:.9rem}.gap{height:12px}.err{color:#f87171;font-size:.9rem;padding:6px 0}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.answer-btn{padding:20px 10px;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;text-align:center;color:#fff;transition:opacity .15s,transform .1s;min-height:70px;display:flex;align-items:center;justify-content:center}.answer-btn:active{transform:scale(.96)}.answer-btn:disabled{cursor:default;transform:none}.answer-0{background:#e74c3c}.answer-1{background:#3498db}.answer-2{background:#f39c12}.answer-3{background:#27ae60}.answer-4{background:#9b59b6}.answer-5{background:#e67e22}.answer-btn.correct-choice{outline:4px solid #fff}.answer-btn.wrong-choice{opacity:.3}.answer-btn.selected{outline:3px solid rgba(255,255,255,.7)}.lb-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;margin-bottom:4px;background:var(--surface2)}.lb-row.me{background:var(--accent)}.lb-rank{font-weight:700;width:28px}.lb-name{flex:1}.lb-score{font-weight:700;font-size:1.1rem}.lb-delta{font-size:.8rem;color:#a3ffb0;min-width:40px;text-align:right}.timer-wrap{background:var(--surface2);border-radius:6px;height:8px;overflow:hidden;margin-bottom:12px}.timer-bar{height:100%;background:var(--green);transition:width .5s linear,background .5s;border-radius:6px}.timer-bar.urgent{background:#f44336}.join-code{font-size:3rem;font-weight:900;letter-spacing:.15em;color:var(--accent);text-align:center;padding:12px 0}.phase-label{text-align:center;font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.feedback{text-align:center;padding:16px;border-radius:12px;margin-top:12px}.feedback.correct{background:#4caf5033;border:2px solid var(--green)}.feedback.wrong{background:#f4433626;border:2px solid var(--red)}.feedback .pts{font-size:2rem;font-weight:900}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--surface2);padding:4px 10px;border-radius:20px;font-size:.85rem;display:inline-flex;align-items:center;gap:5px}.dot-green{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block}.dot-grey{width:7px;height:7px;border-radius:50%;background:var(--muted);display:inline-block}.cmd-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.cmd-row .btn{width:auto;flex:1;min-width:80px;margin-bottom:0;padding:12px 8px}