*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(ellipse at top,#2b2d5e,#161734 60%,#0d0e22);color:#f4f4fb}.muted{color:#9a9cc0}.screen{min-height:100vh;display:flex;flex-direction:column;padding:24px}.screen-center{align-items:center;justify-content:center;text-align:center}.logo{font-size:56px;text-align:center;margin:8px 0 24px;background:linear-gradient(90deg,#ffd86b,#ff7eb9,#7ed6ff);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:4px}.big-code{font-size:84px;font-weight:800;letter-spacing:14px;color:#ffd86b}.audio-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0d0e22f0;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer}.lobby-grid{display:grid;grid-template-columns:380px 1fr;gap:32px;flex:1}.join-card{background:#ffffff0f;border-radius:24px;padding:28px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;height:fit-content}.qr-wrap{background:#fff;padding:14px;border-radius:16px}.join-warn{background:#e74c3c2e;border:1px solid #e74c3c;color:#ffb4ab;border-radius:12px;padding:10px 14px;font-size:15px;line-height:1.4}.player-grid{display:flex;flex-wrap:wrap;gap:18px}.player-tile{background:#ffffff0f;border-radius:18px;padding:16px 20px;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:130px;animation:pop .3s ease}.player-tile.offline,.score-item.offline{opacity:.4}.player-name{font-weight:600}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.board-wrap{flex:1;display:flex;flex-direction:column;gap:16px}.board-top{display:flex;justify-content:space-between;font-size:26px;align-items:center}.board{display:grid;gap:12px;flex:1}.board-col{display:flex;flex-direction:column;gap:12px}.cat-name{background:#3d3f7d;border-radius:12px;padding:14px 8px;text-align:center;font-weight:700;font-size:22px;min-height:76px;display:flex;align-items:center;justify-content:center}.cell{flex:1;background:#23255c;border:2px solid #3d3f7d;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:800;color:#ffd86b;min-height:70px}.cell.used{background:transparent;border-color:#ffffff14}.timer-chip{background:#ff5e5e;color:#fff;border-radius:999px;min-width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;padding:0 14px}.timer-chip.big{font-size:40px;min-width:76px;height:76px}.question-view{flex:1;display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}.q-head{display:flex;gap:24px;align-items:center}.q-cat{font-size:26px;color:#ffd86b;font-weight:700}.q-text{font-size:44px;font-weight:700;max-width:1200px;line-height:1.25}.q-media{max-height:46vh;max-width:80vw;border-radius:16px;box-shadow:0 10px 50px #00000080}.q-video-placeholder{font-size:28px;color:#9a9cc0;padding:40px}.q-status{font-size:26px}.reveal{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px}.reveal-answer{font-size:52px;color:#6ee7a0;margin:6px 0;text-align:center}.reveal-comment{font-size:24px;color:#c9cbe8;max-width:1000px;text-align:center;margin:0}.reveal-table{border-collapse:collapse;margin-top:18px;font-size:26px;min-width:60vw}.reveal-table td{padding:10px 22px;background:#ffffff0d}.reveal-table tr td:first-child{border-radius:12px 0 0 12px}.reveal-table tr td:last-child{border-radius:0 12px 12px 0}.reveal-table tr{border-bottom:8px solid transparent}.rt-player{display:flex;align-items:center;gap:10px;font-weight:600}.rt-delta{font-weight:800}.row-ok .rt-delta{color:#6ee7a0}.row-bad .rt-delta{color:#ff8585}.results{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;position:relative;overflow:hidden}.podium-row{display:flex;align-items:flex-end;gap:28px}.podium-place{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:24px}.podium{width:170px;border-radius:14px 14px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.podium-0{background:linear-gradient(#ffd86b,#c79b00)}.podium-1{background:linear-gradient(#d9dbe8,#9598ad)}.podium-2{background:linear-gradient(#e8a06b,#a85f2c)}.podium-rank{font-size:44px;font-weight:900;color:#1d1d35}.podium-score{font-size:26px;font-weight:700;color:#1d1d35}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti span{position:absolute;top:-20px;width:12px;height:18px;border-radius:3px;animation:fall linear infinite}@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}.desk-row{display:flex;gap:22px;justify-content:center;align-items:flex-end;flex-wrap:wrap;padding-top:20px;margin-top:auto}.desk-place{display:flex;flex-direction:column;align-items:center;position:relative}.desk-place.offline{opacity:.4}.desk-figure{margin-bottom:-10px;z-index:1;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45))}.desk{min-width:132px;padding:14px 14px 10px;text-align:center;border-radius:12px 12px 4px 4px;background:linear-gradient(#454a96,#2c2f6b 70%,#23255c);border-top:4px solid #6a6fc4;box-shadow:0 10px 24px #0006;display:flex;flex-direction:column;gap:2px}.desk-place.picker .desk{border-top-color:#ffd86b;box-shadow:0 0 24px #ffd86b59}.desk-name{font-weight:600;font-size:17px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desk-score{font-weight:800;font-size:24px;color:#ffd86b}.score-check{color:#6ee7a0;font-weight:900}.emote-bubble{position:absolute;top:-44px;left:50%;font-size:42px;z-index:2;animation:emote-pop 2.5s ease forwards;pointer-events:none}@keyframes emote-pop{0%{transform:translate(-50%) scale(.3);opacity:0}12%{transform:translate(-50%) scale(1.25);opacity:1}25%{transform:translate(-50%) scale(1)}80%{transform:translate(-50%) translateY(-26px);opacity:1}to{transform:translate(-50%) translateY(-44px);opacity:0}}.emote-bar{display:flex;gap:8px;justify-content:center}.emote-btn{font-size:24px;padding:8px 0;flex:1;border-radius:12px;border:none;background:#23255c;cursor:pointer;transition:transform .1s}.emote-btn:active{transform:scale(.9)}.emote-btn:disabled{opacity:.35}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px}.char-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;background:#23255c;border:2px solid transparent;border-radius:12px;cursor:pointer;font-size:13px;text-align:center}.char-tile.active{border-color:#ffd86b}.bg-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.bg-thumb{flex:0 0 96px;height:60px;border-radius:10px;background-size:cover;background-position:center;border:2px solid transparent;cursor:pointer}.bg-thumb.active{border-color:#ffd86b}.bg-none{display:flex;align-items:center;justify-content:center;font-size:13px;background:radial-gradient(ellipse at top,#2b2d5e,#0d0e22);color:#9a9cc0}.phone{min-height:100vh;display:flex;flex-direction:column;padding:16px;max-width:520px;margin:0 auto;gap:14px}.phone h1{font-size:26px;margin:4px 0;text-align:center}.phone-card{background:#ffffff12;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px}.phone input[type=text],.phone input[type=password]{width:100%;font-size:18px;padding:12px 14px;border-radius:12px;border:2px solid #3d3f7d;background:#1b1c42;color:#fff;outline:none}.phone input:focus{border-color:#ffd86b}.btn{font-size:18px;font-weight:700;padding:14px;border-radius:14px;border:none;background:linear-gradient(90deg,#ffb347,#ff7eb9);color:#1d1d35;cursor:pointer;transition:transform .1s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45}.btn.secondary{background:#3d3f7d;color:#fff}.btn.ok{background:#2ecc71;color:#06321a}.btn.bad{background:#e74c3c;color:#fff}.btn.small{padding:8px 12px;font-size:15px}.swatch-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.swatch{width:38px;height:38px;border-radius:50%;border:3px solid transparent;cursor:pointer}.swatch.active{border-color:#fff}.opt-chip{padding:8px 12px;border-radius:10px;background:#23255c;border:2px solid transparent;cursor:pointer;font-size:15px}.opt-chip.active{border-color:#ffd86b}.avatar-preview{display:flex;justify-content:center}.phone-board{display:flex;flex-direction:column;gap:10px}.phone-cat{font-weight:700;margin-top:6px}.phone-cells{display:flex;gap:8px}.phone-cell{flex:1;padding:14px 0;font-size:20px;font-weight:800;border-radius:10px;border:none;background:#23255c;color:#ffd86b;cursor:pointer}.phone-cell:disabled{opacity:.25}.phone-timer{text-align:center;font-size:44px;font-weight:800;color:#ff8585}.answer-accepted{text-align:center;color:#6ee7a0;font-size:20px;font-weight:700}.judge-item{display:flex;flex-direction:column;gap:8px;background:#23255c;padding:12px;border-radius:12px}.judge-row{display:flex;gap:10px}.judge-row .btn{flex:1}.phone-list{display:flex;flex-direction:column;gap:8px}.phone-list-item{display:flex;align-items:center;gap:10px;background:#23255c;padding:8px 12px;border-radius:12px}.phone-list-item .grow{flex:1;font-weight:600}.delta-pos{color:#6ee7a0;font-weight:800}.delta-neg{color:#ff8585;font-weight:800}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#ffd86b;color:#1d1d35;font-weight:700;padding:12px 22px;border-radius:999px;z-index:100;animation:pop .25s ease}.conn-warn{position:fixed;top:0;left:0;right:0;background:#e74c3c;color:#fff;text-align:center;padding:6px;font-size:14px;z-index:99}@media (max-width: 900px){.lobby-grid{grid-template-columns:1fr}.q-text{font-size:28px}.big-code{font-size:56px;letter-spacing:8px}}