:root{--bg-0: #0e0a1e;--bg-1: #171130;--bg-2: #221a45;--panel: rgba(38, 29, 74, .6);--panel-solid: #241c4a;--line: rgba(159, 141, 235, .18);--ink: #efeaff;--ink-dim: #a99fd6;--gold: #e8b84b;--gold-soft: #f5e3b3;--teal: #7fd4c1;--rose: #f0a58f;--danger: #e8707c;--radius: 16px;--shadow: 0 10px 40px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 700px at 80% -10%,rgba(94,45,74,.35),transparent 60%),radial-gradient(900px 600px at -10% 30%,rgba(45,64,96,.4),transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-0) 70%);min-height:100vh;color:var(--ink);font-family:Avenir Next,Segoe UI,ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}.shell{width:100%;max-width:760px;margin:0 auto;padding:16px 16px calc(24px + env(safe-area-inset-bottom));flex:1;display:flex;flex-direction:column}.brand{font-family:Georgia,Times New Roman,serif;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-soft);text-shadow:0 0 24px rgba(232,184,75,.35)}h1.brand{font-size:clamp(34px,9vw,56px);font-weight:500;margin:0}.tagline{color:var(--ink-dim);font-size:15px;margin-top:10px;letter-spacing:.04em}h2{font-size:20px;font-weight:600;margin:0 0 4px}.dim{color:var(--ink-dim)}.small{font-size:13px}.center-col{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:14px;padding:15px 22px;font-size:16px;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s;width:100%}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:linear-gradient(135deg,#e8b84b,#d99a2b);color:#241a08;box-shadow:0 6px 24px #e8b84b59}.btn-ghost{background:#9f8deb1a;color:var(--ink);border:1px solid var(--line)}.btn-small{width:auto;padding:9px 16px;font-size:14px;border-radius:10px}.input{width:100%;background:#0e0a1e99;border:1px solid var(--line);border-radius:12px;color:var(--ink);font-size:17px;padding:14px 16px;outline:none}.input:focus{border-color:#e8b84b8c}.input.code{text-transform:uppercase;letter-spacing:.35em;text-align:center;font-size:22px}.error{color:var(--danger);font-size:14px;min-height:18px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:4px 0 14px}.topbar .brand{font-size:17px}.pill{border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13px;color:var(--ink-dim);background:#0e0a1e66}.players{display:flex;flex-wrap:wrap;gap:8px}.player-chip{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#0e0a1e73;border-radius:999px;padding:5px 12px 5px 6px;font-size:14px;transition:opacity .2s}.player-chip.off{opacity:.4}.player-chip.story{border-color:#e8b84b99;box-shadow:0 0 12px #e8b84b33}.avatar{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#17102e}.done-dot{color:var(--teal);font-size:13px}.chip-score{color:var(--ink-dim);font-size:12.5px}.phase-note{text-align:center;color:var(--ink-dim);font-size:14.5px;margin:2px 0}.clue-banner{text-align:center;font-family:Georgia,serif;font-size:clamp(20px,5.4vw,28px);color:var(--gold-soft);padding:14px 16px;border:1px solid rgba(232,184,75,.3);border-radius:var(--radius);background:#e8b84b0f;text-shadow:0 0 18px rgba(232,184,75,.25)}.clue-banner .lbl{display:block;font-family:inherit;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:6px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (min-width: 560px){.card-grid{grid-template-columns:repeat(4,1fr);gap:12px}}.game-card{position:relative;aspect-ratio:5 / 7;border-radius:12px;overflow:hidden;border:2px solid transparent;background:var(--bg-2);cursor:pointer;padding:0;transition:transform .15s ease,border-color .15s,box-shadow .15s;box-shadow:0 6px 18px #0006}.game-card img{width:100%;height:100%;object-fit:cover;display:block}.game-card:hover{transform:translateY(-3px)}.game-card.selected{border-color:var(--gold);box-shadow:0 0 0 3px #e8b84b40,0 8px 24px #00000080}.game-card.dimmed{opacity:.45;cursor:default}.game-card.storyteller-glow{border-color:var(--gold);box-shadow:0 0 24px #e8b84b8c}.card-badge{position:absolute;top:6px;right:6px;background:#0e0a1ecc;border:1px solid var(--line);color:var(--gold-soft);border-radius:999px;font-size:11.5px;padding:3px 9px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#080512db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:14px;animation:fadeIn .18s ease}.overlay img{max-height:62vh;max-width:min(88vw,420px);border-radius:16px;box-shadow:0 20px 80px #000000b3}.overlay .actions{width:min(88vw,420px);display:flex;flex-direction:column;gap:10px}.reveal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 560px){.reveal-grid{grid-template-columns:repeat(3,1fr)}}.reveal-cell{display:flex;flex-direction:column;gap:6px;animation:riseIn .5s ease both}.reveal-cell:nth-child(2){animation-delay:.12s}.reveal-cell:nth-child(3){animation-delay:.24s}.reveal-cell:nth-child(4){animation-delay:.36s}.reveal-cell:nth-child(5){animation-delay:.48s}.reveal-cell:nth-child(6){animation-delay:.6s}.reveal-cell:nth-child(7){animation-delay:.72s}.reveal-owner{font-size:13px;text-align:center;color:var(--ink-dim)}.reveal-owner b{color:var(--ink)}.voter-tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;min-height:20px}.voter-tag{font-size:11px;background:#7fd4c126;color:var(--teal);border-radius:999px;padding:2px 8px}.storyteller-tag{font-size:11px;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;text-align:center}.score-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;background:#0e0a1e73;border:1px solid var(--line);animation:riseIn .4s ease both}.score-rank{width:22px;text-align:center;color:var(--ink-dim);font-size:14px}.score-name{flex:1;font-weight:600}.score-pts{font-variant-numeric:tabular-nums;font-size:17px}.score-delta{color:var(--teal);font-size:13.5px;min-width:34px;text-align:right}.score-bar{height:4px;border-radius:2px;background:#9f8deb26;margin-top:6px;overflow:hidden}.score-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--rose));transition:width .6s ease}.winner-crown{font-size:44px}.notice{background:#e8b84b1a;border:1px solid rgba(232,184,75,.35);color:var(--gold-soft);border-radius:12px;padding:10px 14px;font-size:14px;text-align:center}.code-display{font-family:Georgia,serif;font-size:34px;letter-spacing:.35em;color:var(--gold-soft);text-align:center}.divider{border:0;border-top:1px solid var(--line);margin:6px 0}.waiting-orb{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(245,227,179,.9),rgba(232,184,75,.25) 60%,transparent 75%);animation:pulse 2.2s ease-in-out infinite;margin:8px auto}.fade-in{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.12);opacity:1}}.rounds-picker{display:flex;gap:8px;flex-wrap:wrap}.rounds-picker .btn{min-width:44px}.rounds-picker .btn.selected{background:#e8b84b38;border-color:var(--gold-soft, #e8b84b);color:var(--gold-soft, #e8b84b);font-weight:700;box-shadow:0 0 0 1px var(--gold-soft, #e8b84b) inset}.rounds-value{font-weight:700}.audio-control{display:inline-flex;align-items:center;gap:8px}.audio-btn{background:transparent;border:1px solid var(--line);border-radius:10px;padding:5px 9px;cursor:pointer;font-size:15px;line-height:1}.audio-slider{width:72px;accent-color:var(--gold-soft, #e8b84b)}.audio-corner{position:fixed;top:12px;right:14px;z-index:60}.chat-fab{position:fixed;bottom:16px;right:16px;z-index:90;background:#221a45f2;color:inherit;border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-size:14px;cursor:pointer;box-shadow:0 4px 18px #00000073}.chat-fab.active{border-color:var(--gold-soft, #e8b84b)}.chat-unread{background:#e06767;color:#fff;border-radius:999px;font-size:11px;padding:1px 6px;margin-left:6px}.chat-panel{position:fixed;bottom:68px;right:16px;z-index:89;width:min(92vw,340px);height:min(60vh,440px);display:none;flex-direction:column;background:#171130f7;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 30px #00000080;overflow:hidden}.chat-panel.open{display:flex}.chat-body{display:flex;flex-direction:column;height:100%}.chat-title{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.85;border-bottom:1px solid var(--line)}.chat-close{background:transparent;border:1px solid var(--line);border-radius:8px;color:inherit;font-size:13px;line-height:1;padding:4px 8px;cursor:pointer}.chat-close:hover{border-color:var(--gold-soft, #e8b84b)}.chat-list{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.chat-msg{display:flex;flex-direction:column;font-size:14px}.chat-msg.own .chat-text{background:#e8b84b1f}.chat-meta{display:flex;gap:8px;align-items:baseline;font-size:12px}.chat-time{opacity:.45;font-size:11px}.chat-text{background:#ffffff0d;border-radius:10px;padding:6px 10px;margin-top:2px;word-break:break-word;white-space:pre-wrap}.chat-error{color:#e06767;font-size:12px;padding:2px 14px}.chat-input-row{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}.chat-input-row .input{flex:1;min-width:0}@media (min-width: 980px){.chat-panel{height:min(72vh,560px)}}.reactions-bar{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.reaction-btn{background:#ffffff0f;border:1px solid var(--line);border-radius:12px;font-size:20px;padding:6px 12px;cursor:pointer;transition:transform .12s ease}.reaction-btn:hover:not(:disabled){transform:scale(1.15)}.reaction-btn:disabled{opacity:.5}.reactions-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:80;overflow:hidden}.reaction-float{position:absolute;bottom:18%;display:flex;flex-direction:column;align-items:center;gap:2px;animation:reactionRise 2.6s ease-out forwards}.reaction-emoji{font-size:34px}.reaction-name{font-size:11px;opacity:.75}@keyframes reactionRise{0%{opacity:0;transform:translateY(20px) scale(.7)}12%{opacity:1;transform:translateY(0) scale(1.1)}70%{opacity:1}to{opacity:0;transform:translateY(-42vh) scale(.95)}}.score-row.forfeited{opacity:.55}.score-row.forfeited .score-name{text-decoration:none;font-style:italic}