:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#111827;color:#f8fafc;--panel: rgba(17, 24, 39, .86);--line: rgba(148, 163, 184, .25);--muted: #a8b3c7;--accent: #2dd4bf;--danger: #ef4444;--ok: #22c55e;--gold: #facc15}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:linear-gradient(135deg,rgba(20,184,166,.2),transparent 34rem),linear-gradient(145deg,#111827,#1f2937 55%,#111827)}button,input,select{font:inherit}button{min-height:46px;border:1px solid var(--line);border-radius:8px;padding:0 15px;color:#f8fafc;background:#ffffff12;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input,select{width:100%;min-height:50px;border:1px solid var(--line);border-radius:8px;padding:0 13px;color:#fff;background:#0f172acc;outline:none}label{display:grid;gap:8px;color:var(--muted);font-size:.9rem}h1,h2,p{margin:0}h1{font-size:clamp(2.2rem,8vw,5rem);line-height:.9}h2{font-size:1.2rem}.shell{width:min(100%,1040px);margin:0 auto;padding:22px 14px 30px}.wide{max-width:1180px}.home{display:grid;gap:14px;align-content:start;min-height:100vh}.brand{display:grid;grid-template-columns:66px 1fr;gap:14px;align-items:center;padding:12px 0}.brand p{color:var(--muted);max-width:620px;margin-top:8px}.logo{width:66px;height:66px;border-radius:8px;display:grid;place-items:center;color:#042f2e;background:linear-gradient(145deg,#5eead4,#fef08a);box-shadow:0 16px 40px #00000047}.panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 18px 46px #0003}.setup,.join-panel,.active-games,.players,.score-board,.score-list{display:grid;gap:12px;padding:14px}.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(160px,.5fr);gap:12px}.primary{border-color:#2dd4bf80;background:linear-gradient(135deg,#0f766e,#2dd4bf);color:#042f2e;font-weight:850}.ghost{background:transparent}.danger{background:#ef444426;border-color:#ef444473}.home-secondary{justify-self:center;width:min(100%,320px)}.join-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.active-games h2{display:flex;gap:8px;align-items:center}.active-game-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:#ffffff0b}.active-game-row div{min-width:0;display:grid;gap:3px}.active-game-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.82rem}.topbar{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:12px;margin-bottom:14px}.topbar h1{font-size:1.45rem}.topbar p{color:var(--muted);margin-top:3px}.icon-btn{width:46px;min-height:46px;padding:0}.code-panel{padding:18px;text-align:center;display:grid;gap:10px}.eyebrow{color:var(--accent);text-transform:uppercase;font-size:.75rem;font-weight:800;letter-spacing:.12em}.game-code{font-size:clamp(3rem,16vw,6.4rem);line-height:.95;font-weight:950;letter-spacing:.08em}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.actions button{flex:1}.waiting{color:var(--muted);text-align:center;padding:12px}.player-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto auto auto;align-items:center;gap:9px;min-height:42px;color:var(--muted)}.player-row b{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{width:10px;height:10px;border-radius:50%;background:#64748b}.status.online{background:var(--ok);box-shadow:0 0 0 4px #22c55e26}.gold{color:var(--gold)}.tiny{width:34px;min-height:34px;padding:0}.question-card{padding:16px;display:grid;gap:16px}.question-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted)}.question-card h2{font-size:clamp(1.35rem,4vw,2.2rem);line-height:1.15}.options{display:grid;gap:10px}.option{min-height:68px;justify-content:start;text-align:left}.option b,.answer{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:#042f2e;background:#e2e8f0;flex:0 0 auto}.option span{min-width:0;overflow-wrap:anywhere}.option.selected{border-color:#2dd4bfbf;background:#2dd4bf1f}.option.correct,.score-player.correct{border-color:#22c55ea6;background:#22c55e24}.option.wrong,.score-player.wrong{border-color:#ef4444a6;background:#ef444424}.reveal{display:grid;gap:10px;padding:12px;border:1px dashed var(--line);border-radius:8px;color:var(--muted)}.reveal.visible{border-style:solid;color:#f8fafc;background:#facc1517}.score-board{margin-top:14px}.score-player,.score-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:#ffffff0b}.score-player strong,.score-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-player span,.score-row span{color:var(--muted);font-size:.82rem}.winner-card{padding:20px;text-align:center;display:grid;gap:8px}.winner-card h2{font-size:clamp(2rem,8vw,4rem)}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);width:min(calc(100% - 28px),520px);padding:12px 14px;border:1px solid rgba(45,212,191,.38);border-radius:8px;color:#f8fafc;background:#0f172af2;box-shadow:0 18px 50px #00000052}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:680px){.split,.join-row,.active-game-row{grid-template-columns:1fr}.brand{grid-template-columns:54px 1fr}.logo{width:54px;height:54px}.player-row{grid-template-columns:14px minmax(0,1fr) auto auto}.player-row .tiny{grid-column:2 / -1;width:100%}}