:root{--bg: #1e1f26;--bg-soft: #2b2d36;--bg-card: #34373f;--text: #f5f6fa;--text-dim: #b6bac6;--accent: #7c4dff;--red: #e2334b;--blue: #1f6fe0;--yellow: #e0a912;--green: #23a455}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}button{font-family:inherit;cursor:pointer;border:none;border-radius:12px;font-weight:700}input{font-family:inherit;border-radius:10px;border:1px solid #4a4d57;background:var(--bg-soft);color:var(--text);padding:12px 14px;font-size:16px}a{color:var(--accent)}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;gap:18px;padding:24px;text-align:center}.btn-primary{background:var(--accent);color:#fff;padding:14px 26px;font-size:18px}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--bg-card);border-radius:16px;padding:22px}.countdown-wrap{width:100%;height:14px;background:#ffffff1f;border-radius:999px;overflow:hidden}.countdown-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#7c4dff,#4dc9ff);transition:width .1s linear}.countdown-pulse{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.board{display:flex;flex-direction:column;height:100vh;padding:20px;gap:16px}.question-text{background:var(--bg-card);border-radius:16px;padding:24px;font-size:clamp(22px,3.2vw,44px);font-weight:800;text-align:center}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1}.option-block{display:flex;align-items:center;gap:16px;border-radius:16px;padding:22px 26px;font-size:clamp(18px,2.4vw,32px);font-weight:800;color:#fff;box-shadow:0 6px #00000040;transition:transform .15s ease,opacity .3s ease}.option-block.dim{opacity:.25}.option-block.correct{outline:6px solid #fff;transform:scale(1.02)}.option-shape{font-size:1.4em}.scoreboard{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.score-chip{background:var(--bg-card);border-radius:999px;padding:8px 16px;font-weight:700;display:flex;gap:8px;align-items:center}.score-chip .pts{color:#4dc9ff}.bounce{animation:bounce .6s ease}@keyframes bounce{0%{transform:scale(1)}30%{transform:scale(1.35)}55%{transform:scale(.9)}to{transform:scale(1)}}.winner{font-size:clamp(30px,6vw,72px);font-weight:900;animation:pop .7s ease}.cup{font-size:clamp(60px,12vw,140px);animation:bounce .9s ease}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.ranking-row{display:flex;justify-content:space-between;gap:20px;background:var(--bg-card);border-radius:12px;padding:12px 20px;font-size:20px;min-width:320px}.player-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;flex:1}.player-block{border:none;border-radius:16px;color:#fff;font-size:40px;font-weight:800;min-height:38vh;box-shadow:0 6px #00000040;transition:transform .1s ease,opacity .2s ease}.player-block:active{transform:translateY(3px)}.player-block.dim{opacity:.3}.qr-card{background:#fff;padding:16px;border-radius:16px}.room-code{font-size:clamp(36px,8vw,80px);font-weight:900;letter-spacing:6px;color:#4dc9ff}.error{color:#ff8a8a}.badge{background:var(--bg-soft);border-radius:999px;padding:6px 14px}