@import "https://fonts.googleapis.com/css2?family=Inter:wght@500;700;800;900&family=Space+Grotesk:wght@600;700&display=swap";:root{--bg:#090b14;--bg-2:#111527;--surface:#101424d6;--surface-strong:#161c30f0;--surface-soft:#ffffff0a;--text:#f5f7ff;--text-soft:#b0b8d4;--text-dim:#7780a1;--primary:#8b7dff;--primary-2:#5eead4;--primary-soft:#8b7dff29;--gold:#fbbf24;--gold-soft:#fbbf2429;--success:#34d399;--danger:#fb7185;--warning:#fb923c;--border:#ffffff17;--border-strong:#8b7dff52;--shadow-sm:0 10px 28px #02040e47;--shadow-md:0 14px 34px #02040e42;--shadow-lg:0 18px 52px #02040e52;--shadow-glow:0 0 0 1px #8b7dff1f, 0 14px 34px #5b4cff29;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--radius-xl:34px;--transition:.18s ease}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(circle at 0 0,#5b4cff42,#0000 30%),radial-gradient(circle at 80% 20%,#5eead42e,#0000 26%),radial-gradient(circle at 100% 100%,#fbbf241c,#0000 30%),linear-gradient(#070910 0%,#0b1020 50%,#070910 100%);margin:0;font-family:Inter,system-ui,sans-serif}body:before,body:after{content:"";pointer-events:none;filter:blur(60px);opacity:.18;z-index:-1;border-radius:50%;width:22rem;height:22rem;position:fixed;inset:auto}body:before{background:#8b7dff61;top:-6rem;left:-5rem}body:after{background:#5eead433;bottom:-7rem;right:-6rem}#root{flex-direction:column;display:flex}h1,h2,h3,h4,p{margin:0}h1,h2,h3{letter-spacing:-.03em;font-family:Space Grotesk,Inter,system-ui,sans-serif}a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff08}::-webkit-scrollbar-thumb{background:#8b7dff47;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#8b7dff7a}.page{justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.page--top{align-items:flex-start}.page__shell,.container{width:min(1120px,100%)}.container{flex-direction:column;gap:20px;display:flex}.container--narrow{width:min(780px,100%)}.container--wide{width:min(1240px,100%)}.shell{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:linear-gradient(#12182ceb,#0b0e1bf5);position:relative;overflow:hidden}.shell:before{content:"";pointer-events:none;background:linear-gradient(135deg,#8b7dff1f,#0000 34%,#5eead414);position:absolute;inset:0}.shell>*{z-index:1;position:relative}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hero-grid,.split-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px;display:grid}.split-grid--reverse{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr)}.stack{flex-direction:column;gap:16px;display:flex}.stack--sm{gap:10px}.stack--lg{gap:24px}.row{gap:12px;display:flex}.row--between{justify-content:space-between;align-items:center}.row--center{justify-content:center;align-items:center}.grid{gap:12px;display:grid}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.panel,.surface{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.card,.panel{padding:20px}.surface--soft{background:var(--surface-soft)}.surface--strong{background:var(--surface-strong)}.surface--accent,.card--glow{border-color:var(--border-strong);box-shadow:var(--shadow-glow)}.surface--gold,.card--gold{border-color:#fbbf2447;box-shadow:0 20px 56px #fbbf2414}.section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.eyebrow,.input-label,.section-kicker,.question-asker{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:.72rem;font-weight:800}.logo{letter-spacing:-.05em;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:clamp(2.4rem,6vw,4.9rem);font-weight:700;line-height:.95}.logo-img{object-fit:contain;width:auto;height:72px;display:block}.logo-mark{color:var(--text-soft);letter-spacing:.24em;text-transform:uppercase;margin-top:8px;font-size:.26em;font-weight:600;display:block}.headline{font-size:clamp(2.6rem,6vw,5.1rem);line-height:.94}.text-muted,.section-copy,.field__hint{color:var(--text-soft)}.text-accent{color:var(--primary-2)}.text-gold{color:var(--gold)}.text-center{text-align:center}.status-pill,.player-badge,.chip,.tab,.tag{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;font-size:.74rem;font-weight:800;display:inline-flex}.status-pill,.tag{border:1px solid var(--border);color:var(--text-soft);background:#ffffff08;padding:6px 12px}.status-pill--live,.tag--live{color:var(--success);background:#34d3991a;border-color:#34d39938}.status-pill--warn,.tag--warn{color:var(--warning);background:#fb923c1a;border-color:#fb923c3d}.status-pill--gold,.tag--gold{color:var(--gold);background:#fbbf241a;border-color:#fbbf2438}.status-pill--primary,.tag--primary{color:#beb5ff;background:#8b7dff1a;border-color:#8b7dff3d}.btn,.tab,.mode-option,.chip,.answer-btn,.char-chip{transition:transform var(--transition), background var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition), opacity var(--transition)}.btn{color:var(--text);background:0 0;border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:.9rem 1.2rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.btn:hover,.tab:hover,.mode-option:hover,.chip:hover,.answer-btn:hover,.char-chip:hover{transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn--primary{background:linear-gradient(135deg, var(--primary), #6c5cff);box-shadow:0 16px 32px #5b4cff38}.btn--gold{color:#111827;background:linear-gradient(135deg,#fbbf24,#f97316);box-shadow:0 16px 32px #fbbf2433}.btn--ghost{border-color:var(--border);color:var(--text-soft);background:#ffffff05}.btn--danger{color:#ffb4c0;background:#fb71851a;border-color:#fb718538}.btn--full{width:100%}.btn--lg{padding:1rem 1.3rem;font-size:1rem}.btn--sm{border-radius:12px;padding:.65rem .9rem;font-size:.84rem}.tabs{border:1px solid var(--border);background:#ffffff08;border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:6px;display:grid}.tab{color:var(--text-soft);background:0 0;border:1px solid #0000;border-radius:14px;padding:.9rem 1rem;font-weight:800}.tab--active{color:var(--text);background:linear-gradient(135deg,#8b7dff3d,#5eead41f);border-color:#8b7dff3d}.input-group,.field{flex-direction:column;gap:8px;display:flex}.input,.textarea{border:1px solid var(--border);width:100%;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);background:#ffffff08;border-radius:16px;outline:none;padding:.92rem 1rem}.input::placeholder,.textarea::placeholder{color:var(--text-dim)}.input:focus,.textarea:focus{background:#ffffff0d;border-color:#8b7dff5c;box-shadow:0 0 0 4px #8b7dff1f}.input--code{letter-spacing:.3em;text-align:center;text-transform:uppercase;font-size:1.3rem;font-weight:900}.textarea{resize:vertical;min-height:280px}.room-code{letter-spacing:.24em;color:#d8d2ff;background:linear-gradient(135deg,#8b7dff29,#5eead414);border:1px solid #8b7dff47;border-radius:18px;align-items:center;gap:10px;padding:.95rem 1.2rem;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:1.6rem;font-weight:700;display:inline-flex}.feature-list,.check-list{gap:10px;display:grid}.feature,.check-item,.note-item{border:1px solid var(--border);background:#ffffff08;border-radius:16px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.feature__icon,.check-item__icon,.note-item__icon{color:#d8d2ff;background:#8b7dff29;border-radius:999px;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid}.feature__title,.check-item__title,.note-item__title{font-weight:800}.feature__body,.check-item__body,.note-item__body{color:var(--text-soft);margin-top:4px;font-size:.92rem;line-height:1.6}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.stat,.metric{border:1px solid var(--border);background:#ffffff08;border-radius:18px;padding:16px}.stat__value,.metric__value{margin-top:6px;font-size:1.4rem;font-weight:900}.stat__label,.metric__label{color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:800}.player-list,.roster{flex-direction:column;gap:10px;display:flex}.player-item,.roster-item{border:1px solid var(--border);background:#ffffff08;border-radius:18px;align-items:center;gap:12px;padding:14px;display:flex}.player-item--host,.roster-item--host{background:linear-gradient(135deg,#8b7dff29,#ffffff08);border-color:#8b7dff4d}.player-item--winner,.roster-item--winner{background:linear-gradient(135deg,#fbbf241f,#ffffff08);border-color:#fbbf2457}.player-item--eliminated,.roster-item--eliminated{opacity:.56}.player-item--you,.roster-item--you{border-color:#5eead447}.player-avatar,.avatar{background:linear-gradient(135deg, var(--primary), #64d2ff);color:#fff;letter-spacing:.04em;border-radius:16px;flex:none;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:0 10px 18px #5b4cff29}.player-info,.roster-item__content{flex:1;min-width:0}.player-name,.roster-item__name{font-weight:800}.player-meta,.roster-item__meta,.field__hint{color:var(--text-soft);font-size:.82rem;line-height:1.5}.player-badge{border:1px solid #0000;padding:6px 10px}.badge--host{color:#d8d2ff;background:#8b7dff24}.badge--you{color:#7ff1e0;background:#5eead41f}.badge--winner{color:#ffe08a;background:#fbbf2424}.badge--out{color:#ffb4c0;background:#fb71851f}.mode-select{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mode-option{border:1px solid var(--border);text-align:left;color:var(--text);background:#ffffff08;border-radius:20px;padding:18px 16px}.mode-option__icon{margin-bottom:10px;font-size:1.4rem;display:block}.mode-option__label{font-weight:900;display:block}.mode-option__hint{color:var(--text-soft);margin-top:6px;font-size:.84rem;line-height:1.5;display:block}.chars-grid,.chip-grid{flex-wrap:wrap;gap:8px;max-height:220px;padding-right:2px;display:flex;overflow:auto}.char-chip,.chip{border:1px solid var(--border);color:var(--text-soft);background:#ffffff08;border-radius:999px;padding:.62rem .85rem;font-weight:700}.char-chip:hover,.chip:hover{color:var(--text);background:#8b7dff1a;border-color:#8b7dff47}.question-list,.questions-log{flex-direction:column;gap:10px;display:flex}.question-item{border:1px solid var(--border);background:#ffffff08;border-radius:18px;padding:14px}.question-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.question-text{font-weight:600;line-height:1.6}.question-answer,.answer-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:.74rem;font-weight:900;display:inline-flex}.answer--yes,.answer-badge--yes{color:var(--success);background:#34d3991f}.answer--no,.answer-badge--no{color:var(--danger);background:#fb71851f}.answer--maybe,.answer-badge--maybe{color:var(--warning);background:#fb923c1f}.answer--pending{color:var(--text-dim);background:#ffffff0a}.character-mystery,.hero-card,.empty-state,.winner-banner{border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-md);background:linear-gradient(#ffffff0d,#ffffff05)}.character-mystery,.empty-state,.winner-banner{text-align:center;padding:24px}.character-mystery__icon,.winner-emoji{font-size:3rem;line-height:1}.character-mystery__label{margin-top:10px}.character-mystery__name,.winner-name{margin-top:8px;font-size:1.6rem;font-weight:900}.winner-banner{background:linear-gradient(135deg,#fbbf241f,#8b7dff24);border-color:#fbbf2447}.spinner{border:3px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:46px;height:46px;animation:.8s linear infinite spin}.overlay{z-index:100;background:#050810b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{width:min(460px,100%)}.toast{border:1px solid var(--border-strong);box-shadow:var(--shadow-md);z-index:999;background:#0d111ff5;border-radius:16px;padding:12px 16px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.animate-fade{animation:.22s fadeIn}.animate-slide{animation:.22s slideUp}.align-start{align-items:flex-start}.justify-between{justify-content:space-between}.sticky{position:sticky;top:20px}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.hero-grid,.split-grid,.split-grid--reverse{grid-template-columns:1fr}.stats-grid,.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.page{padding:18px 14px}.page-header,.row{flex-direction:column;align-items:stretch}.tabs,.mode-select,.grid--2,.stats-grid,.grid--3{grid-template-columns:1fr}.room-code{letter-spacing:.14em;font-size:1.2rem}.card,.panel,.shell{border-radius:24px}}