:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07050c;--panel:#13101fe6;--panel-strong:#171326;--border:#ffffff1c;--text:#fff7ed;--muted:#b8abc8;--dim:#7f7195;--gold:#f59e0b;--gold-2:#fbbf24;--pink:#ec4899;--green:#34d399;--red:#fb7185;--shadow:0 24px 80px #00000073}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100%;color:var(--text);background:radial-gradient(circle at 100% 0,#f59e0b38,#0000 34rem),radial-gradient(circle at 0 40%,#ec489929,#0000 28rem),linear-gradient(135deg,#07050c 0%,#0f0b19 52%,#080611 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}.site-shell,.play-shell{width:min(1120px,100%);margin:0 auto;padding:20px}.site-shell{gap:18px;padding-top:28px;padding-bottom:28px;display:grid}.hero-card,.section-card,.panel{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px}.hero-card{align-content:center;gap:22px;min-height:72vh;padding:clamp(28px,7vw,76px);display:grid}.buy-hero{min-height:auto}.hero-card h1,.section-card h1,.section-card h2,.panel h1,.panel h2,.round-card h3{letter-spacing:-.045em;margin:0;line-height:.95}.hero-card h1{max-width:820px;font-size:clamp(3.8rem,13vw,8rem)}.section-card h2,.section-card h1,.panel h1,.panel h2{font-size:clamp(2rem,7vw,4rem)}.round-card h3{font-size:clamp(1.8rem,7vw,3.8rem)}.hero-copy,.section-card p,.panel p,.muted{color:var(--muted);line-height:1.65}.hero-copy{max-width:720px;margin:0;font-size:clamp(1.05rem,4vw,1.35rem)}.eyebrow{color:var(--gold-2);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.primary-link,.secondary-link,.primary-button,.secondary-button,.danger-button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:12px 18px;font-weight:800;display:inline-flex}.primary-link,.primary-button{background:linear-gradient(135deg, var(--gold), var(--gold-2));color:#1a1000;box-shadow:0 18px 40px #f59e0b3d}.secondary-link,.secondary-button{border-color:var(--border);color:var(--text);background:#ffffff0f}.danger-button{color:#fecdd3;background:#fb71851f;border-color:#fb718559}.disabled-link{opacity:.68;pointer-events:none}.notice,.answer-box,.host-bubble,.responsible-note,.legal-note{color:#fde68a;background:#f59e0b17;border:1px solid #f59e0b3d;border-radius:18px;padding:14px 16px;line-height:1.55}.quiet-line{max-width:720px;color:var(--muted);margin:0;font-size:.95rem;line-height:1.5}.section-card{padding:clamp(22px,5vw,42px)}.game-grid,.room-start-grid,.lobby-grid{gap:14px;display:grid}.game-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:22px}.portable-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.mini-card{border:1px solid var(--border);background:#ffffff0b;border-radius:22px;min-height:140px;padding:18px}.mini-card span{margin-bottom:10px;font-weight:900;display:block}.mini-card p{color:var(--muted);margin:0;font-size:.95rem}.plain-list{color:var(--muted);gap:10px;margin:0;padding-left:1.15rem;line-height:1.55;display:grid}.split-section{align-items:center;gap:18px;display:grid}.landing-host{max-width:720px;margin-top:2px}.legal-note,.responsible-note{color:var(--muted);border-color:var(--border);background:#ffffff0a;margin-top:4px}.play-shell{gap:14px;min-height:100vh;display:grid}.play-header,.room-header,.game-topbar,.stat-line,.player-row,.vote-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.play-header{z-index:5;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07050cd6;margin:-20px -20px 0;padding:16px 20px;position:sticky;top:0}.brand-mark{letter-spacing:-.06em;font-size:1.45rem;font-weight:950}.brand-mark span{color:var(--gold-2)}.play-header div{color:var(--muted);justify-items:end;font-size:.76rem;display:grid}.play-header strong{color:var(--text)}.panel{padding:20px}.host-bubble{color:#fde68a;grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.host-bubble p{margin:0;line-height:1.5}.host-bubble .pill-button{grid-column:1/-1;justify-self:start}.host-bubble-muted{border-color:var(--border);color:var(--muted);background:#ffffff0b}.host-avatar{background:linear-gradient(135deg, var(--pink), var(--gold-2));color:#170713;border-radius:999px;place-items:center;width:44px;height:44px;font-weight:950;display:grid;box-shadow:0 12px 28px #ec489933}.join-toast{z-index:20;color:#bbf7d0;width:min(340px,100vw - 36px);box-shadow:var(--shadow);background:#0b1f19f5;border:1px solid #34d39961;border-radius:18px;padding:14px 16px;font-weight:800;position:fixed;bottom:18px;right:18px}.stack{align-content:start;gap:16px;display:grid}.age-shell{place-items:center}.age-card{width:min(560px,100%)}.text-link{color:var(--gold-2);font-weight:800}label{color:var(--muted);gap:8px;font-size:.9rem;font-weight:700;display:grid}input,select{border:1px solid var(--border);width:100%;color:var(--text);background:#00000038;border-radius:16px;outline:none;padding:14px 15px}input:focus,select:focus{border-color:#f59e0bb3;box-shadow:0 0 0 4px #f59e0b1f}.inline-form{grid-template-columns:1fr auto;gap:10px;display:grid}.saved-rooms,.player-list,.game-picker,.choice-list,.vote-list,.statement-list,.guess-grid{gap:10px;display:grid}.saved-rooms button,.player-row,.choice,.vote-row,.guess-card{border:1px solid var(--border);color:var(--text);background:#ffffff0d;border-radius:16px;padding:12px}.saved-rooms button{text-align:left}.player-row{grid-template-columns:1fr auto auto;display:grid}.player-row button{color:var(--red);background:0 0;border:0;font-weight:800}.game-card{border:1px solid var(--border);width:100%;color:var(--text);text-align:left;background:linear-gradient(135deg,#ffffff14,#ffffff08);border-radius:20px;gap:9px;padding:16px;display:grid}.game-card span{font-size:1.12rem;font-weight:900}.game-card small,.game-card em,.small{color:var(--muted)}.game-card em{color:var(--gold-2);font-style:normal;font-weight:900}.room-start-card{position:relative;overflow:hidden}.room-start-card:before{content:"";background:var(--gold-2);width:5px;position:absolute;inset:0 auto 0 0}.join-card:before{background:var(--pink)}.room-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.room-header h1{font-size:clamp(3rem,17vw,6rem)}.room-code{letter-spacing:.12em;text-shadow:0 0 36px #fbbf2433}.scoreboard{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.scoreboard div{border:1px solid var(--border);background:#ffffff0d;border-radius:16px;min-width:92px;padding:10px;display:grid}.scoreboard span{color:var(--muted);font-size:.82rem}.scoreboard strong{font-size:1.5rem}.round-card{border:1px solid var(--border);background:var(--panel-strong);border-radius:24px;gap:16px;padding:clamp(16px,5vw,28px);display:grid}.playing-card{color:#151018;background:#fff7ed;border-radius:24px;place-items:center;width:min(230px,100%);min-height:300px;margin:0 auto;display:grid;box-shadow:0 24px 60px #00000059}.playing-card span{font-size:6rem;font-weight:950}.playing-card small{text-transform:uppercase;letter-spacing:.18em;color:#6b5f72}.playing-card.hearts,.playing-card.diamonds{color:#be123c}.stat-line{color:var(--muted);flex-wrap:wrap}.choice{text-align:left;justify-content:space-between;align-items:center;gap:10px;display:flex}.choice span{color:var(--gold-2);font-weight:900}.selected,.choice.selected{background:#f59e0b29;border-color:#f59e0bd9}.statement-list label{border:1px solid var(--border);background:#ffffff0a;border-radius:18px;padding:12px}.pill-button{border:1px solid var(--border);color:var(--text);background:#ffffff0f;border-radius:999px;padding:9px 12px;font-size:.86rem;font-weight:800}.guess-card div,.vote-row div{flex-wrap:wrap;gap:8px;display:flex}.answer-box.correct{color:#bbf7d0;background:#34d3991a;border-color:#34d39966}.answer-box p{margin:8px 0 0}.loading-card{color:var(--muted);place-self:center}@media (min-width:760px){.site-shell,.play-shell{padding:32px}.play-header{margin:-32px -32px 0;padding:18px 32px}.split-section,.room-start-grid,.lobby-grid{grid-template-columns:1fr 1fr}.room-header{display:flex}.host-bubble{grid-template-columns:auto 1fr auto}.host-bubble .pill-button{grid-column:auto}.panel{padding:28px}}
