:root{--bg: #120f1f;--bg-2: #1b1630;--ink: #f6f2ff;--muted: #a79dc7;--accent: #ff5470;--accent-2: #4cc9f0;--lime: #b8ff3d;--radius: 20px;color-scheme:dark}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:radial-gradient(1200px 700px at 20% -10%,#2c2350 0%,transparent 60%),radial-gradient(900px 600px at 110% 110%,#1d3a55 0%,transparent 55%),var(--bg);color:var(--ink);font-family:Bricolage Grotesque,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}.stage{height:100%;padding:clamp(20px,3vw,48px);display:flex;flex-direction:column;gap:clamp(16px,2vw,32px)}.brand{font-size:clamp(18px,1.6vw,26px);font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.brand span{color:var(--accent-2);margin-left:.4em}.corner-code{position:fixed;top:clamp(20px,3vw,48px);right:clamp(20px,3vw,48px);font-size:clamp(20px,2vw,32px);font-weight:800;letter-spacing:.3em;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:clamp(12px,1vw,16px);color:var(--muted);margin-bottom:6px}.lobby{flex:1;display:grid;grid-template-rows:auto 1fr auto;gap:clamp(16px,2.5vw,40px);min-height:0}.lobby-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}.join-url{font-size:clamp(24px,3.4vw,56px);font-weight:700;color:var(--lime)}.code-block{text-align:right}.room-code{font-size:clamp(60px,9vw,150px);font-weight:900;line-height:.9;letter-spacing:.08em;background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.players{min-height:0;overflow:auto}.player-grid,.waiting-row{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:clamp(14px,2vw,32px)}.player-grid li,.waiting-row li{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);min-width:130px;animation:pop .28s ease-out}.player-grid li.offline{opacity:.45}@keyframes pop{0%{transform:scale(.85) translateY(8px);opacity:0}}.player-name{font-weight:700;font-size:clamp(15px,1.3vw,22px);letter-spacing:.04em}.vip{font-size:11px;font-weight:800;letter-spacing:.18em;color:#12101c;background:var(--lime);border-radius:999px;padding:2px 10px}.status{font-size:13px;color:var(--muted)}.waiting-row li.ready .status{color:var(--lime)}.empty{color:var(--muted);font-size:clamp(18px,2vw,28px)}.lobby-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}.picker{display:flex;gap:16px;flex-wrap:wrap}.game-card{text-align:left;display:flex;flex-direction:column;gap:4px;max-width:320px;padding:16px 20px;border-radius:var(--radius);background:#ffffff0a;border:2px solid transparent;color:var(--ink);transition:border-color .15s,transform .15s}.game-card:hover{transform:translateY(-2px)}.game-card.selected{border-color:var(--accent);background:#ff54701f}.game-name{font-size:clamp(18px,1.6vw,26px);font-weight:800}.game-tagline,.game-meta{font-size:14px;color:var(--muted)}.start-block{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.hint{color:var(--muted);font-size:14px}.error{color:var(--accent);font-weight:600}.primary{border:none;border-radius:999px;background:linear-gradient(120deg,var(--accent),#ff8a3d);color:#fff;font-weight:800;letter-spacing:.04em;padding:14px 28px;box-shadow:0 10px 30px #ff54704d;transition:transform .12s}.primary:hover:not(:disabled){transform:translateY(-2px)}.primary:disabled{background:#ffffff14;color:var(--muted);box-shadow:none;cursor:not-allowed}.primary.big{font-size:clamp(18px,1.8vw,28px);padding:18px 42px}.scene{flex:1;min-height:0;display:flex;flex-direction:column;gap:clamp(16px,2.5vw,36px)}.scene.center{align-items:center;justify-content:center;text-align:center}.scene-title{font-size:clamp(34px,5vw,78px);font-weight:900;letter-spacing:-.02em}.scene-body{font-size:clamp(18px,2vw,30px);color:var(--muted)}.pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.prompt{font-size:clamp(30px,4.4vw,68px);font-weight:800;line-height:1.1;max-width:22ch}.faceoff{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.5vw,40px);min-height:0}.entry{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;text-align:center;padding:clamp(20px,3vw,48px);border-radius:28px;background:#ffffff0d;border:2px solid rgba(255,255,255,.08);transition:border-color .3s}.entry.revealed{border-color:var(--accent-2)}.entry-text{font-size:clamp(24px,3vw,46px);font-weight:700;line-height:1.15}.entry-author{display:flex;align-items:center;gap:12px;font-size:clamp(16px,1.5vw,24px);font-weight:700;color:var(--lime)}.entry-votes{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.vote-count{color:var(--muted);font-size:15px;margin-left:6px}.quiz-grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:clamp(12px,1.6vw,24px)}.quiz-option{display:flex;align-items:center;gap:18px;padding:clamp(16px,2vw,32px);border-radius:22px;background:#ffffff0d;border:2px solid rgba(255,255,255,.08);transition:border-color .3s,background .3s,opacity .3s}.quiz-letter{flex:none;width:clamp(38px,3.4vw,56px);height:clamp(38px,3.4vw,56px);display:grid;place-items:center;border-radius:50%;background:#ffffff1a;font-weight:900;font-size:clamp(18px,1.8vw,28px)}.quiz-label{font-size:clamp(20px,2.4vw,38px);font-weight:700;line-height:1.15}.quiz-author{display:block;margin-top:6px;font-size:clamp(13px,1.1vw,18px);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.quiz-option.correct .quiz-author{color:var(--lime)}.quiz-grid:has(.quiz-option:nth-child(5)){grid-template-columns:1fr;overflow-y:auto}.quiz-option.correct{border-color:var(--lime);background:#b8ff3d24}.quiz-option.correct .quiz-letter{background:var(--lime);color:#12101c}.quiz-option.wrong{opacity:.4}.quiz-option .entry-votes{margin-left:auto}.scoreboard{list-style:none;padding:0;width:min(900px,90vw);display:flex;flex-direction:column;gap:12px}.scoreboard li{display:grid;grid-template-columns:40px auto 1fr 3fr auto auto;align-items:center;gap:16px;padding:10px 18px;border-radius:var(--radius);background:#ffffff0a}.scoreboard li.leader{background:#b8ff3d1a;border:1px solid rgba(184,255,61,.35)}.rank{font-size:clamp(20px,2vw,30px);font-weight:900;color:var(--muted)}.score-bar{height:14px;border-radius:999px;background:#ffffff12;overflow:hidden}.score-fill{display:block;height:100%;border-radius:999px;transition:width .5s ease-out}.score{font-size:clamp(20px,2vw,32px);font-weight:900;min-width:3ch;text-align:right}.delta{color:var(--lime);font-weight:800}.countdown{display:flex;align-items:center;gap:16px;width:min(720px,80vw)}.countdown-bar{flex:1;height:12px;border-radius:999px;background:#ffffff14;overflow:hidden}.countdown-fill{height:100%;background:linear-gradient(90deg,var(--accent-2),var(--lime));transition:width .1s linear}.countdown-seconds{font-size:clamp(20px,2vw,32px);font-weight:900;min-width:2.5ch}.countdown.urgent .countdown-fill{background:var(--accent)}.countdown.urgent .countdown-seconds{color:var(--accent);animation:pulse .6s ease-in-out infinite}.rules{flex:1;min-height:0;overflow:auto;list-style:none;padding:0;display:flex;flex-direction:column;gap:12px;width:min(1100px,100%)}.rules li{display:flex;align-items:center;gap:20px;padding:clamp(12px,1.4vw,22px) clamp(16px,2vw,30px);border-radius:var(--radius);background:#ffffff0a;border:2px solid rgba(255,255,255,.08)}.rules li.latest{border-color:var(--lime);background:#b8ff3d1a;animation:pop .35s ease-out}.rule-index{flex:none;width:clamp(36px,3vw,52px);height:clamp(36px,3vw,52px);display:grid;place-items:center;border-radius:50%;background:#ffffff1a;font-weight:900}.rules li.latest .rule-index{background:var(--lime);color:#12101c}.rule-text{font-size:clamp(20px,2.2vw,34px);font-weight:700;line-height:1.15}.delta.negative{color:var(--accent)}