:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f3ecdc;--color-bg-elevated:#fffdf7;--color-surface:#fffdf7;--color-surface-hover:#ece2c9;--color-border:#1c1a15;--color-border-strong:#1c1a15;--color-text:#1c1a15;--color-text-muted:#5c5642;--color-text-faint:#8c8468;--color-accent:#2f5fdb;--color-accent-hover:#2049b0;--color-accent-text:#fff;--color-accent-muted:#dce6ff;--color-amber:#ff9f1c;--color-amber-muted:#ffe6bd;--color-success:#1e8a4c;--color-success-muted:#d7f0e0;--color-danger:#c23b3b;--color-danger-muted:#f9dad8;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--font-display:"Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--border-w:2px;--shadow-hard-sm:3px 3px 0 var(--color-border);--shadow-hard:5px 5px 0 var(--color-border);--dot-color:#1c1a1517}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#1a1712;--color-bg-elevated:#23201a;--color-surface:#23201a;--color-surface-hover:#2c2820;--color-border:#f3ecdc;--color-border-strong:#f3ecdc;--color-text:#f3ecdc;--color-text-muted:#c3b89d;--color-text-faint:#8f8567;--color-accent:#7ea0ff;--color-accent-hover:#97b3ff;--color-accent-text:#16130d;--color-accent-muted:#2c3a63;--color-amber:#ffb454;--color-amber-muted:#4a3418;--color-success:#4ad38a;--color-success-muted:#1c3c2c;--color-danger:#ff8080;--color-danger-muted:#4a2323;--dot-color:#f3ecdc12}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#1a1712;--color-bg-elevated:#23201a;--color-surface:#23201a;--color-surface-hover:#2c2820;--color-border:#f3ecdc;--color-border-strong:#f3ecdc;--color-text:#f3ecdc;--color-text-muted:#c3b89d;--color-text-faint:#8f8567;--color-accent:#7ea0ff;--color-accent-hover:#97b3ff;--color-accent-text:#16130d;--color-accent-muted:#2c3a63;--color-amber:#ffb454;--color-amber-muted:#4a3418;--color-success:#4ad38a;--color-success-muted:#1c3c2c;--color-danger:#ff8080;--color-danger-muted:#4a2323;--dot-color:#f3ecdc12}*{box-sizing:border-box}html,body{height:100%}body{min-height:100vh;font-family:var(--font-display);color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(var(--dot-color) 1.5px, transparent 1.5px);-webkit-font-smoothing:antialiased;background-size:22px 22px;margin:0;font-size:15px;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:800}h1{font-size:26px}h2{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);font-size:12px;font-weight:600}p{margin:0}a{color:var(--color-accent)}button{font:inherit;cursor:pointer}input{font:inherit}.app-header{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);border-bottom:var(--border-w) solid var(--color-border);background:radial-gradient(600px 140px at 50% 0%, #ff9f1c24, transparent 70%), var(--color-surface);flex-direction:column;display:flex;position:relative}@media (width>=640px){.app-header{flex-direction:row}.app-header .header-controls{right:var(--space-5);position:absolute;top:50%;transform:translateY(-50%)}}.theme-toggle{border:var(--border-w) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);flex-shrink:0;display:inline-flex;overflow:hidden}.theme-toggle-btn{appearance:none;color:var(--color-text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:11px;font-weight:700;transition:background-color .1s,color .1s}.theme-toggle-btn:first-child{border-right:var(--border-w) solid var(--color-border)}.theme-toggle-btn.is-active{background:var(--color-accent);color:var(--color-accent-text)}.theme-toggle-btn:not(.is-active):hover{background:var(--color-surface-hover);color:var(--color-text)}.header-controls{align-items:center;gap:var(--space-2);display:flex}.icon-toggle{appearance:none;border:var(--border-w) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);width:38px;height:38px;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .1s,color .1s;display:inline-flex}.icon-toggle:hover{background:var(--color-surface-hover);color:var(--color-text)}.icon-toggle[aria-pressed=true]{color:var(--color-text-faint)}.brand{align-items:center;gap:var(--space-3);color:var(--color-text);text-decoration:none;display:flex}.app-footer{justify-content:center;gap:var(--space-5);padding:var(--space-5);border-top:var(--border-w) solid var(--color-border);flex-wrap:wrap;margin-top:auto;display:flex}.app-footer a{color:var(--color-text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600;text-decoration:none}.app-footer a:hover{color:var(--color-accent)}.brand-mark{flex-shrink:0;width:44px;height:44px}.brand-name{letter-spacing:-.01em;font-size:24px;font-weight:800}.page{width:100%;max-width:640px;padding:var(--space-6) var(--space-5) var(--space-8);gap:var(--space-5);flex-direction:column;flex:1;margin:0 auto;display:flex}.stack{gap:var(--space-3);flex-direction:column;display:flex}.stack-lg{gap:var(--space-5);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.header-block{gap:var(--space-1);flex-direction:column;display:flex}.header-block.hero{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-4) 0 var(--space-2)}.header-block.hero h1{font-size:42px;line-height:1.05}.header-block.hero .lede{max-width:34ch;font-size:16px}.header-block .eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);font-size:12px;font-weight:600}.lede{color:var(--color-text-muted);font-size:14px}.card{background:var(--color-surface);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.card-tilt-l{transform:rotate(-.7deg)}.card-tilt-r{transform:rotate(.7deg)}.divider{height:var(--border-w);background:var(--color-border);opacity:.15;border:none;margin:0}.btn{appearance:none;border:var(--border-w) solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md);font-family:var(--font-display);min-height:44px;box-shadow:var(--shadow-hard-sm);padding:9px 18px;font-size:14px;font-weight:700;transition:transform .1s,box-shadow .1s,background-color .1s;transform:translate(0)}.btn:hover:not(:disabled){background:var(--color-surface-hover)}.btn:active:not(:disabled){box-shadow:0 0 0 var(--color-border);transform:translate(3px,3px)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-primary{background:var(--color-accent);color:var(--color-accent-text)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-ghost{box-shadow:none;color:var(--color-text-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.btn-ghost:active:not(:disabled){transform:none}.btn-sm{min-height:36px;padding:6px 13px;font-size:13px}.btn-block{width:100%}.btn-danger{color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger-muted)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-size:12px;font-weight:600}.input{appearance:none;background:var(--color-bg-elevated);border:var(--border-w) solid var(--color-border);color:var(--color-text);border-radius:var(--radius-md);font-family:var(--font-display);width:100%;padding:9px 13px;font-size:16px;font-weight:500;transition:box-shadow .12s,border-color .12s}.input:focus{border-color:var(--color-accent);box-shadow:3px 3px 0 var(--color-accent);outline:none}.input::placeholder{color:var(--color-text-faint)}.input-row{gap:var(--space-2);display:flex}.textarea{resize:vertical;font-family:var(--font-mono);font-size:14px;line-height:1.6}.form-error{color:var(--color-danger);font-size:13px;font-weight:600}.checkbox-option{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;cursor:pointer;font-size:14px;font-weight:500;display:flex}.checkbox-option input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.checkbox-option .option-hint{font-family:var(--font-mono);color:var(--color-text-faint);font-size:12px}.category-actions{gap:var(--space-2);display:flex}.category-picker{max-height:360px;padding-right:var(--space-2);border-top:1.5px dashed var(--color-border);border-bottom:1.5px dashed var(--color-border);overflow-y:auto}.link-button{appearance:none;font-family:var(--font-mono);color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.link-button:hover{text-decoration:underline}.selected-tray{gap:var(--space-2);padding:var(--space-3);border:1.5px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);flex-direction:column;display:flex}.selected-empty{color:var(--color-text-muted);margin:0;font-size:13px}.selected-count{font-family:var(--font-mono);color:var(--color-text-faint);font-size:12px}.chip-list{gap:var(--space-2);flex-wrap:wrap;max-height:136px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.chip{appearance:none;border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-accent-muted);max-width:100%;min-height:32px;color:var(--color-text);font-family:var(--font-display);cursor:pointer;align-items:center;gap:6px;padding:4px 8px 4px 12px;font-size:13px;font-weight:600;transition:background-color .1s;display:inline-flex}.chip:hover{background:var(--color-danger-muted)}.chip-order{font-family:var(--font-mono);color:var(--color-text-muted);font-size:11px}.chip-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip-remove{color:var(--color-text-muted);font-size:16px;line-height:1}.chip:hover .chip-remove{color:var(--color-danger)}.section-tabs{flex-wrap:wrap;gap:6px;display:flex}.section-tab{appearance:none;border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);min-height:32px;color:var(--color-text-muted);font-family:var(--font-mono);cursor:pointer;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;transition:background-color .1s,color .1s;display:inline-flex}.section-tab:hover{background:var(--color-surface-hover);color:var(--color-text)}.section-tab[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-text)}.section-tab-count{border-radius:var(--radius-full);background:var(--color-amber);color:#1c1a15;text-align:center;min-width:18px;padding:0 5px;font-size:11px;line-height:18px}.picker-section-title{z-index:1;padding:var(--space-3) 0 var(--space-1);background:var(--color-surface);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);margin:0;font-size:11px;font-weight:700;position:sticky;top:0}.family-row{flex-direction:column;padding:2px 0;display:flex}.family-row .checkbox-option .option-hint{white-space:nowrap;margin-left:auto}.family-name{min-width:0}.part-toggles{padding:0 0 var(--space-2) 26px;flex-wrap:wrap;gap:6px;display:flex}.part-toggle{appearance:none;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-width:40px;min-height:30px;color:var(--color-text-muted);font-family:var(--font-mono);cursor:pointer;padding:2px 8px;font-size:12px;font-weight:600;transition:background-color .1s,color .1s}.part-toggle:hover{background:var(--color-surface-hover);color:var(--color-text)}.part-toggle[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-text)}.number-input{width:76px}.badge{border:1.5px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;background:var(--color-surface);color:var(--color-text-muted);align-items:center;gap:4px;padding:2px 10px;font-size:10px;font-weight:600;display:inline-flex}.badge-accent{background:var(--color-accent);color:#fff}.badge-success{background:var(--color-success);color:#fff}.badge-warning{background:var(--color-amber);color:#1c1a15}.badge-danger{background:var(--color-danger);color:#fff}.category-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.category-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1.5px dashed var(--color-border-strong);opacity:1;flex-wrap:wrap;display:flex}.category-row:last-child{border-bottom:none}.player-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.player-row{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:flex}.avatar{border-radius:var(--radius-full);border:1.5px solid var(--color-border);width:32px;height:32px;font-family:var(--font-mono);color:#14110a;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.player-name{align-items:center;gap:var(--space-2);overflow-wrap:anywhere;flex-wrap:wrap;min-width:0;font-size:14px;font-weight:700;display:flex}.player-meta{align-items:center;gap:var(--space-2);font-family:var(--font-mono);color:var(--color-text-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px;display:flex}.player-score{color:var(--color-text);font-weight:700}.settings-summary{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.settings-summary li{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);flex-direction:column;gap:2px;display:flex}.settings-summary li:last-child{border-bottom:none}.settings-summary .field-label{font-size:12px}.card-tile-list{gap:var(--space-2);flex-direction:column;display:flex}.card-tile{align-items:center;gap:var(--space-3);padding:var(--space-3);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);flex-wrap:wrap;display:flex}.card-tile.is-you{background:var(--color-accent-muted);box-shadow:var(--shadow-hard-sm)}.card-tile-value{font-family:var(--font-mono);text-align:right;overflow-wrap:anywhere;min-width:0;margin-left:auto;font-size:14px;font-weight:600}.card-tile-value.is-hidden{color:var(--color-text-faint);font-style:italic;font-weight:500}.card-tile-place{font-family:var(--font-mono);color:var(--color-text-faint);font-size:12px}.mode-picker{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.mode-option{appearance:none;gap:var(--space-1);padding:var(--space-3) var(--space-4);text-align:left;border:var(--border-w) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text);box-shadow:var(--shadow-hard-sm);flex-direction:column;transition:background-color .1s,transform .1s,box-shadow .1s;display:flex}.mode-option:hover{background:var(--color-surface-hover)}.mode-option[aria-pressed=true]{background:var(--color-accent-muted);border-color:var(--color-accent);box-shadow:3px 3px 0 var(--color-accent)}.mode-option-new{align-self:flex-start}.mode-option-label{font-size:16px;font-weight:800}.mode-option-summary{color:var(--color-text-muted);font-size:13px;line-height:1.4}.secret-card{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-5);text-align:center;border:var(--border-w) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-accent-muted);box-shadow:var(--shadow-hard);flex-direction:column;display:flex}.secret-card.is-spy{background:var(--color-danger-muted)}.secret-card-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-size:12px;font-weight:600}.secret-card-value{overflow-wrap:anywhere;font-size:32px;font-weight:800;line-height:1.1}.secret-card.is-spy .secret-card-value{color:var(--color-danger)}.secret-card-hint{max-width:38ch;color:var(--color-text-muted);font-size:13px}.candidate-list{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin:0;padding:0;list-style:none;display:grid}.candidate{appearance:none;width:100%;height:100%;padding:var(--space-2) var(--space-3);text-align:left;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text);font:inherit;overflow-wrap:anywhere;cursor:pointer;font-size:14px;font-weight:600;line-height:1.3;transition:background-color .1s}@media (hover:hover){.candidate:hover{background:var(--color-surface-hover)}}.candidate[aria-pressed=true]{color:var(--color-text-muted);border-style:dashed;border-color:var(--color-text-faint);background:0 0;text-decoration:line-through;text-decoration-thickness:2px}.tally{font-family:var(--font-mono);color:var(--color-text-faint);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.action-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.vote-row{padding:var(--space-2);margin:0 calc(-1 * var(--space-2));border-radius:var(--radius-md);transition:background-color .15s}.vote-row.is-locking{background:var(--color-danger-muted)}.vote-count{text-align:right;white-space:nowrap;min-width:52px}.vote-row .btn,.vote-button-spacer{flex-shrink:0;width:76px}.lock-in{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-danger-muted);box-shadow:var(--shadow-hard);display:flex}.lock-in-seconds{border:var(--border-w) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);width:56px;height:56px;font-family:var(--font-mono);color:var(--color-danger);font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex}.lock-in-text{color:var(--color-text-muted);overflow-wrap:anywhere;flex-direction:column;gap:2px;min-width:0;font-size:13px;display:flex}.lock-in-text strong{color:var(--color-text);font-size:16px}.outcome{gap:var(--space-1);padding:var(--space-3) var(--space-4);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);flex-direction:column;display:flex}.outcome-caught,.outcome-spyMissed{background:var(--color-success-muted)}.outcome-escaped,.outcome-spyGuessed{background:var(--color-danger-muted)}.outcome-headline{overflow-wrap:anywhere;font-size:16px}.outcome-detail{color:var(--color-text-muted);font-size:13px}.outcome-card{font-family:var(--font-mono);text-align:right;overflow-wrap:anywhere;font-weight:700}.placement-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.placement-row{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:flex}.placement-rank{text-align:center;width:22px;font-family:var(--font-mono);color:var(--color-text-faint);flex-shrink:0;font-size:13px;font-weight:700}.placement-rank.is-first{color:var(--color-accent)}.placement-name{align-items:center;gap:var(--space-2);flex-shrink:0;font-size:14px;font-weight:700;display:flex}.placement-card{font-family:var(--font-mono);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.placement-points{font-family:var(--font-mono);color:var(--color-success);font-variant-numeric:tabular-nums;margin-left:auto;font-size:14px;font-weight:700}.banner-stack{top:var(--space-4);z-index:20;gap:var(--space-2);flex-direction:column;width:min(420px,100vw - 32px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.banner{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-hard);border:var(--border-w) solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:13px;font-weight:600;display:flex}.banner-error{background:var(--color-danger-muted);color:var(--color-danger)}.invite-row{align-items:center;gap:var(--space-2);background:var(--color-bg-elevated);border:var(--border-w) dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);display:flex}.invite-link{font-family:var(--font-mono);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:500;overflow:hidden}.empty-hint{color:var(--color-text-faint);font-size:13px}