@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap";:root{--color-bg:#fff6f8;--color-surface:#fff;--color-surface-sunken:#fbeaf0;--color-surface-plum:#26215c;--color-ink:#2c1420;--color-ink-muted:#8a5d6c;--color-ink-faint:#c79aa9;--color-on-plum:#f4c0d1;--color-accent:#d4537e;--color-accent-strong:#993556;--color-accent-soft:#f4c0d1;--color-purple:#534ab7;--color-purple-soft:#eeedfe;--color-danger:#a32d2d;--color-danger-soft:#f7c1c1;--color-success:#3b6d11;--color-border:#2c14201a;--color-border-strong:#2c14202e;--font-heading:"Fraunces", ui-serif, Georgia, serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-hero:clamp(2rem, 1.6rem + 1.6vw, 2.75rem);--text-title:clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--text-base:1rem;--text-sm:.875rem;--text-xs:.75rem;--space-xs:.375rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--radius-sm:10px;--radius-md:16px;--radius-lg:26px;--radius-pill:999px;--duration-fast:.15s;--duration-normal:.28s;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--shadow-card:0 1px 2px #2c14200a, 0 12px 24px -12px #2c14202e}:root[data-theme=after-dark]{--color-bg:#120810;--color-surface:#21121c;--color-surface-sunken:#2c1725;--color-surface-plum:#2a1440;--color-ink:#f6dde7;--color-ink-muted:#c99cae;--color-ink-faint:#8a6072;--color-on-plum:#f4c0d1;--color-accent:#e0668f;--color-accent-strong:#f6a8c2;--color-accent-soft:#4a2233;--color-purple:#a99cff;--color-purple-soft:#2a2550;--color-danger:#e88a8a;--color-danger-soft:#43222a;--color-success:#8fc46a;--color-border:#f6c0d11f;--color-border-strong:#f6c0d138;--shadow-card:0 1px 2px #00000080, 0 20px 44px -20px #e0668f80}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3{font-family:var(--font-heading);margin:0;font-weight:600}p{margin:0}button,input{font-family:inherit}.app-shell{min-height:100%;padding:var(--space-lg) var(--space-md) var(--space-xl);justify-content:center;display:flex}.screen{width:100%;max-width:420px}.card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-lg) var(--space-md)}.field{gap:var(--space-xs);margin-bottom:var(--space-md);flex-direction:column;display:flex}.field label{font-size:var(--text-sm);color:var(--color-ink-muted)}.input{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);height:44px;padding:0 var(--space-md);font-size:var(--text-base);color:var(--color-ink);transition:border-color var(--duration-fast) var(--ease-out-expo)}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.btn{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);height:48px;color:var(--color-ink);font-size:var(--text-base);justify-content:center;align-items:center;gap:var(--space-xs);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-expo), background var(--duration-fast);width:100%;font-weight:500;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn-danger-outline{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-danger)}.btn-ghost{color:var(--color-ink-muted);background:0 0;border-color:#0000;height:40px}.btn-row{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.error-banner{background:var(--color-danger-soft);color:var(--color-danger);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);margin-bottom:var(--space-md)}.pill{border-radius:var(--radius-pill);font-size:var(--text-xs);align-items:center;gap:4px;padding:4px 12px;font-weight:500;display:inline-flex}.home-hero{text-align:center;margin-bottom:var(--space-lg)}.home-icon{background:var(--color-accent-soft);width:56px;height:56px;color:var(--color-accent-strong);margin-bottom:var(--space-sm);border-radius:50%;justify-content:center;align-items:center;font-size:26px;display:inline-flex}.home-hero h1{font-size:var(--text-hero);color:var(--color-ink)}.home-hero p{color:var(--color-ink-muted);margin-top:var(--space-xs)}.spice-row{gap:var(--space-xs);grid-template-columns:repeat(2,1fr);display:grid}.spice-option{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);height:42px;color:var(--color-ink-muted);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast), border-color var(--duration-fast), color var(--duration-fast);justify-content:center;align-items:center;gap:6px;display:inline-flex}.spice-option-active{background:var(--color-surface-sunken);border-color:var(--color-accent-soft);color:var(--color-accent-strong);font-weight:500}.spice-option-explicit{color:var(--color-on-plum);background:var(--color-surface-plum);border-color:var(--color-surface-plum)}.spice-option-explicit.spice-option-active{border-color:var(--color-accent);color:#fff;box-shadow:0 0 0 1px var(--color-accent), 0 8px 20px -10px #534ab799;background:#17123f}.adult-gate{margin-top:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface-plum);color:var(--color-on-plum);border:1px solid #17123f}.adult-gate-title{color:#fff;margin-bottom:var(--space-xs);align-items:center;gap:6px;font-weight:600;display:inline-flex}.adult-gate-copy{font-size:var(--text-sm);color:var(--color-on-plum);margin-bottom:var(--space-md);line-height:1.45}.adult-gate-actions{gap:var(--space-xs);flex-direction:column;display:flex}.adult-gate-actions .btn-ghost{color:var(--color-on-plum)}.spice-note{margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--color-ink-muted);align-items:center;gap:6px;display:inline-flex}.hearts-stepper{align-items:center;gap:var(--space-md);display:flex}.stepper-btn{border:1px solid var(--color-border-strong);background:var(--color-surface);cursor:pointer;width:36px;height:36px;color:var(--color-ink);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.hearts-value{font-size:var(--text-title);text-align:center;min-width:2ch;font-weight:500}.custom-cards{gap:var(--space-sm);flex-direction:column;display:flex}.custom-cards-back{width:auto;padding:0 var(--space-md);align-self:flex-start}.custom-cards h2{margin-bottom:var(--space-xs)}.custom-cards .lobby-copy{margin-bottom:var(--space-md)}.type-switch{background:var(--color-surface-sunken);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.type-switch:has(.type-chip:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}.type-chip{font-size:var(--text-xs);color:var(--color-ink-muted);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 0;display:flex}.type-chip i{font-size:16px}.type-chip-active{background:var(--color-surface);color:var(--color-accent-strong);box-shadow:var(--shadow-card);font-weight:500}.custom-cards-input{margin-top:var(--space-sm)}.custom-cards-error{margin-top:var(--space-sm);margin-bottom:0}.custom-cards-list h3{font-size:var(--text-sm);color:var(--color-ink-muted);margin-bottom:var(--space-sm)}.custom-card-row{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0;border-top:.5px solid var(--color-border);display:flex}.custom-card-row:first-of-type{border-top:none;padding-top:0}.custom-card-row i{color:var(--color-accent-strong);flex-shrink:0;margin-top:3px}.custom-card-text{font-size:var(--text-sm);line-height:1.45}.custom-card-meta{font-size:var(--text-xs);color:var(--color-ink-faint);margin-top:2px;display:block}.game-header{margin-bottom:var(--space-md);padding:0 var(--space-xs);justify-content:space-between;align-items:center;display:flex}.game-title{font-family:var(--font-heading);font-size:var(--text-title)}.game-header-actions{align-items:center;gap:var(--space-sm);display:flex}.game-round{font-size:var(--text-xs);color:var(--color-ink-muted);align-items:center;gap:6px;display:inline-flex}.icon-btn{width:30px;height:30px;color:var(--color-ink-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:17px;display:inline-flex;position:relative}.icon-btn:active{color:var(--color-accent-strong)}.icon-btn-badge{border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;text-align:center;min-width:15px;height:15px;padding:0 3px;font-size:10px;line-height:15px;position:absolute;top:-2px;right:-4px}.add-card-link{margin-top:var(--space-sm);color:var(--color-ink-muted);background:0 0;border-style:dashed}.score-board{gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.score-card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.score-card-head{margin-bottom:var(--space-xs);align-items:center;gap:8px;display:flex}.avatar{width:28px;height:28px;font-size:var(--text-xs);text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.avatar-me{background:var(--color-purple-soft);color:var(--color-purple)}.avatar-opponent{background:var(--color-accent-soft);color:var(--color-accent-strong)}.score-name{font-size:var(--text-sm);font-weight:500}.heart-row{color:var(--color-accent);letter-spacing:1px;font-size:15px}.score-count{font-size:var(--text-xs);color:var(--color-ink-faint);margin-top:4px;display:block}.lobby-card{text-align:center;gap:var(--space-sm);flex-direction:column;display:flex}.lobby-icon{color:var(--color-accent);margin:0 auto;font-size:34px}.lobby-copy{color:var(--color-ink-muted);font-size:var(--text-sm)}.lobby-code{background:var(--color-surface-sunken);border-radius:var(--radius-sm);padding:var(--space-sm);font-size:var(--text-title);letter-spacing:4px;color:var(--color-accent-strong);margin:var(--space-xs) 0;font-weight:500}.turn-hint{text-align:center;margin-bottom:var(--space-md)}.turn-hint-title{font-weight:500;font-size:var(--text-base);display:block}.turn-hint-sub{font-size:var(--text-sm);color:var(--color-ink-muted);margin-top:2px;display:block}.card-pick-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.card-back{aspect-ratio:3/4;border-radius:var(--radius-md);background:var(--color-surface-sunken);border:1px solid var(--color-accent-soft);justify-content:center;align-items:center;gap:var(--space-xs);color:var(--color-accent-strong);font-size:var(--text-sm);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-expo);flex-direction:column;display:flex}.card-back i{font-size:30px}.card-back:active{transform:scale(.97)}.card-back:disabled{opacity:.5;cursor:not-allowed}.waiting-copy{text-align:center;color:var(--color-ink-muted);font-size:var(--text-sm)}.revealed-card-badge{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--color-accent-strong);margin-bottom:var(--space-sm);align-items:center;gap:6px;font-weight:500;display:inline-flex}.revealed-card-text{font-size:var(--text-base);margin-bottom:var(--space-md);line-height:1.5}.medium-hint{font-size:var(--text-xs);color:var(--color-ink-muted);margin-bottom:var(--space-sm);align-items:center;gap:6px;display:flex}.response-panel{gap:var(--space-sm);flex-direction:column;display:flex}.mode-switch{background:var(--color-surface-sunken);border-radius:var(--radius-sm);grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.mode-chip{font-size:var(--text-xs);color:var(--color-ink-muted);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:8px 0;display:flex}.mode-chip i{font-size:18px}.mode-chip-active{background:var(--color-surface);color:var(--color-accent-strong);box-shadow:var(--shadow-card);font-weight:500}.capture{gap:var(--space-sm);flex-direction:column;display:flex}.capture-stage,.capture-preview{aspect-ratio:4/3;border-radius:var(--radius-md);background:var(--color-surface-plum);object-fit:cover;width:100%;position:relative}.capture-stage video,video.capture-preview{border-radius:var(--radius-md);object-fit:cover;width:100%;height:100%}img.capture-preview{aspect-ratio:auto;object-fit:contain;height:auto}.capture-stage-audio{aspect-ratio:auto;justify-content:center;align-items:center;gap:var(--space-xs);min-height:96px;color:var(--color-on-plum);font-size:var(--text-sm);flex-direction:column;display:flex}.capture-stage-audio i{font-size:28px}.capture-audio{width:100%}.recording-dot{background:var(--color-danger);border-radius:50%;width:10px;height:10px;position:absolute;top:12px;right:12px}.capture-fallback{align-items:center;gap:var(--space-xs);padding:var(--space-lg);background:var(--color-surface-sunken);border-radius:var(--radius-md);text-align:center;color:var(--color-ink-muted);flex-direction:column;display:flex}.capture-fallback i{font-size:26px}.answer-input{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);width:100%;padding:var(--space-sm) var(--space-md);font-family:inherit;font-size:var(--text-base);color:var(--color-ink);resize:vertical}.answer-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.answer-meta{font-size:var(--text-xs);color:var(--color-ink-faint);text-align:right;margin-top:-4px}.refuse-btn{margin-top:var(--space-xs)}.response-outs{gap:var(--space-sm);margin-top:var(--space-xs);grid-template-columns:1fr 1fr;display:grid}.response-outs:has(.btn-pass) .refuse-btn{margin-top:0}.btn-pass{background:var(--color-surface);border-color:var(--color-purple);color:var(--color-purple)}.surprise-complete-btn{height:56px;font-size:var(--text-base)}.pass-hint{font-size:var(--text-xs);color:var(--color-ink-muted);text-align:center;line-height:1.4}.vault-answer{padding:var(--space-sm) var(--space-md);border-left:3px solid var(--color-accent-soft);background:var(--color-surface-sunken);font-family:var(--font-heading);font-size:var(--text-base);color:var(--color-ink);border-radius:0;margin:0}.win-card{text-align:center;gap:var(--space-sm);flex-direction:column;display:flex}.win-icon{color:var(--color-accent,#ef9f27);margin:0 auto;font-size:40px}.win-icon-lost{color:var(--color-ink-faint)}.win-tally{justify-content:center;align-items:center;gap:var(--space-lg);margin:var(--space-sm) 0;display:flex}.win-tally-hearts{font-size:1.5rem;font-weight:500;display:block}.win-tally-label{font-size:var(--text-xs);color:var(--color-ink-muted);display:block}.win-tally-vs{color:var(--color-ink-faint);font-size:var(--text-sm)}.vault{gap:var(--space-sm);flex-direction:column;display:flex}.vault-back{width:auto;padding:0 var(--space-md);align-self:flex-start}.vault-entry{gap:var(--space-sm);flex-direction:column;display:flex}