:root{--bg-void:oklch(0.145 0.014 288);--bg-base:oklch(0.168 0.015 288);--surface-1:oklch(0.205 0.017 288);--surface-2:oklch(0.245 0.018 288);--surface-3:oklch(0.295 0.020 288);--surface-hi:oklch(0.350 0.022 288);--border-faint:oklch(0.97 0.012 88/0.07);--border:oklch(0.97 0.012 88/0.13);--border-strong:oklch(0.97 0.012 88/0.22);--text-hi:oklch(0.965 0.013 88);--text:oklch(0.885 0.013 88);--text-mid:oklch(0.730 0.012 88);--text-lo:oklch(0.575 0.012 286);--text-faint:oklch(0.460 0.012 286);--accent:oklch(0.820 0.130 78);--accent-bright:oklch(0.890 0.120 86);--accent-deep:oklch(0.620 0.120 70);--accent-ink:oklch(0.225 0.060 72);--accent-glow:oklch(0.820 0.130 78/0.28);--accent-wash:oklch(0.820 0.130 78/0.12);--gold:var(--accent);--gold-bright:var(--accent-bright);--gold-deep:var(--accent-deep);--good:oklch(0.745 0.130 232);--good-bright:oklch(0.825 0.110 232);--good-dim:oklch(0.420 0.080 232);--good-wash:oklch(0.745 0.130 232/0.14);--evil:oklch(0.620 0.205 24);--evil-bright:oklch(0.700 0.190 26);--evil-dim:oklch(0.400 0.130 24);--evil-wash:oklch(0.620 0.205 24/0.15);--neutral:oklch(0.665 0.150 305);--neutral-bright:oklch(0.760 0.130 305);--neutral-dim:oklch(0.420 0.100 305);--neutral-wash:oklch(0.665 0.150 305/0.15);--success:oklch(0.745 0.140 150);--success-wash:oklch(0.745 0.140 150/0.14);--warning:oklch(0.795 0.135 72);--warning-wash:oklch(0.795 0.135 72/0.14);--danger:oklch(0.620 0.205 24);--danger-bright:oklch(0.700 0.190 26);--danger-wash:oklch(0.620 0.205 24/0.15);--info:oklch(0.745 0.130 232);--secret-ink:oklch(0.820 0.130 78);--secret-face:oklch(0.190 0.020 288);--secret-glow:oklch(0.820 0.130 78/0.35);--alive:var(--text-hi);--dead:var(--text-faint);--dead-stamp:oklch(0.620 0.205 24);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:28px;--s-8:32px;--s-10:40px;--s-12:48px;--s-14:56px;--s-16:64px;--s-20:80px;--r-xs:6px;--r-sm:9px;--r:13px;--r-md:16px;--r-lg:20px;--r-xl:26px;--r-2xl:34px;--r-pill:999px;--shadow-1:0 1px 2px oklch(0 0 0/0.45);--shadow-2:0 8px 24px -8px oklch(0 0 0/0.6);--shadow-3:0 22px 60px -16px oklch(0 0 0/0.72);--glow-accent:0 0 0 1px var(--accent-glow),0 10px 44px -10px var(--accent-glow);--inset-hairline:inset 0 1px 0 oklch(0.97 0.012 88/0.05);--font-display:"Grenze Gotisch","Cinzel Decorative",Georgia,serif;--font-ui:"Hanken Grotesk",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",monospace;--t-2xs:11px;--t-xs:12px;--t-sm:13px;--t-base:15px;--t-md:17px;--t-lg:20px;--t-xl:24px;--t-2xl:30px;--t-3xl:38px;--t-4xl:50px;--t-5xl:66px;--lh-tight:1.16;--lh-snug:1.3;--lh-body:1.55;--tracking-label:0.14em;--tracking-wide:0.06em;--ease-out:cubic-bezier(0.2,0.7,0.2,1);--ease-in-out:cubic-bezier(0.65,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.4,0.5,1);--dur-fast:140ms;--dur:240ms;--dur-slow:460ms;--dur-reveal:720ms;--touch-min:44px;--thumb-zone:96px}:root,:root[data-theme=dark]{color-scheme:dark}:root[data-theme=light]{color-scheme:light;--bg-void:oklch(0.905 0.012 88);--bg-base:oklch(0.962 0.010 88);--surface-1:oklch(0.995 0.005 88);--surface-2:oklch(0.972 0.009 88);--surface-3:oklch(1.000 0.000 88);--surface-hi:oklch(0.950 0.012 88);--border-faint:oklch(0.300 0.020 288/0.08);--border:oklch(0.300 0.020 288/0.16);--border-strong:oklch(0.300 0.020 288/0.30);--text-hi:oklch(0.240 0.020 288);--text:oklch(0.310 0.018 288);--text-mid:oklch(0.470 0.016 288);--text-lo:oklch(0.545 0.018 286);--text-faint:oklch(0.660 0.016 286);--accent:oklch(0.760 0.135 76);--accent-bright:oklch(0.560 0.130 64);--accent-deep:oklch(0.490 0.120 62);--accent-ink:oklch(0.235 0.060 72);--accent-glow:oklch(0.720 0.135 76/0.30);--accent-wash:oklch(0.780 0.130 78/0.18);--good-bright:oklch(0.520 0.150 232);--good-wash:oklch(0.745 0.130 232/0.16);--evil-bright:oklch(0.530 0.205 26);--evil-wash:oklch(0.620 0.205 24/0.16);--neutral-bright:oklch(0.520 0.170 305);--neutral-wash:oklch(0.665 0.150 305/0.16);--success-wash:oklch(0.745 0.140 150/0.18);--warning-wash:oklch(0.795 0.135 72/0.20);--danger-bright:oklch(0.530 0.205 26);--danger-wash:oklch(0.620 0.205 24/0.16);--secret-ink:oklch(0.560 0.130 64);--secret-face:oklch(0.920 0.014 288);--secret-glow:oklch(0.720 0.135 76/0.35);--dead-stamp:oklch(0.530 0.205 26);--shadow-1:0 1px 2px oklch(0.300 0.020 288/0.12);--shadow-2:0 8px 24px -8px oklch(0.300 0.020 288/0.20);--shadow-3:0 22px 60px -16px oklch(0.300 0.020 288/0.28);--inset-hairline:inset 0 1px 0 oklch(1 0 0/0.7)}:root[data-theme=light] .night{background:radial-gradient(120% 80% at 50% -10%,var(--accent-wash),transparent 55%),radial-gradient(140% 100% at 50% 120%,oklch(.9 .012 88),transparent 60%),var(--bg-base)}:root[data-theme=light] .night:before{opacity:.18;mix-blend-mode:multiply}:root[data-theme=light] .night:after{background:radial-gradient(115% 90% at 50% 38%,transparent 60%,oklch(.55 .012 288/.1) 100%)}@media (prefers-reduced-motion:no-preference){.btn,.card,.field,.night,.option,.seat,:root,body{transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}}.theme-werewolf{--accent:oklch(0.720 0.115 268);--accent-bright:oklch(0.820 0.100 268);--accent-deep:oklch(0.520 0.110 268);--accent-ink:oklch(0.180 0.040 268);--accent-glow:oklch(0.720 0.115 268/0.30);--accent-wash:oklch(0.720 0.115 268/0.13);--game-tint:oklch(0.165 0.022 268);--game-texture:"moonlit"}.theme-clocktower{--accent:oklch(0.605 0.190 28);--accent-bright:oklch(0.695 0.180 30);--accent-deep:oklch(0.440 0.150 28);--accent-ink:oklch(0.965 0.020 60);--accent-glow:oklch(0.605 0.190 28/0.32);--accent-wash:oklch(0.605 0.190 28/0.14);--game-tint:oklch(0.165 0.020 24);--brass:oklch(0.760 0.110 84);--game-texture:"grimoire"}.theme-coup{--accent:oklch(0.785 0.120 88);--accent-bright:oklch(0.870 0.110 90);--accent-deep:oklch(0.560 0.110 80);--accent-ink:oklch(0.180 0.030 60);--accent-glow:oklch(0.785 0.120 88/0.30);--accent-wash:oklch(0.785 0.120 88/0.12);--game-tint:oklch(0.170 0.006 320);--oxblood:oklch(0.430 0.130 22);--game-texture:"court"}.theme-avalon{--accent:oklch(0.620 0.150 265);--accent-bright:oklch(0.710 0.135 265);--accent-deep:oklch(0.460 0.135 265);--accent-ink:oklch(0.180 0.035 265);--accent-glow:oklch(0.620 0.150 265/0.30);--accent-wash:oklch(0.620 0.150 265/0.12);--game-tint:oklch(0.165 0.022 265);--game-texture:"arcane"}.theme-one-night{--accent:oklch(0.700 0.230 350);--accent-bright:oklch(0.790 0.210 352);--accent-deep:oklch(0.520 0.200 350);--accent-ink:oklch(0.180 0.045 350);--accent-glow:oklch(0.700 0.230 350/0.30);--accent-wash:oklch(0.700 0.230 350/0.12);--game-tint:oklch(0.165 0.022 350);--game-texture:"neon"}.theme-spyfall{--accent:oklch(0.700 0.060 230);--accent-bright:oklch(0.790 0.055 232);--accent-deep:oklch(0.530 0.055 230);--accent-ink:oklch(0.180 0.020 230);--accent-glow:oklch(0.700 0.060 230/0.30);--accent-wash:oklch(0.700 0.060 230/0.12);--game-tint:oklch(0.165 0.016 230);--game-texture:"steel"}.theme-chameleon{--accent:oklch(0.760 0.150 175);--accent-bright:oklch(0.845 0.130 177);--accent-deep:oklch(0.580 0.135 175);--accent-ink:oklch(0.180 0.040 175);--accent-glow:oklch(0.760 0.150 175/0.30);--accent-wash:oklch(0.760 0.150 175/0.12);--game-tint:oklch(0.165 0.022 175);--game-texture:"teal"}.theme-salem{--accent:oklch(0.640 0.090 150);--accent-bright:oklch(0.730 0.080 152);--accent-deep:oklch(0.480 0.080 150);--accent-ink:oklch(0.180 0.025 150);--accent-glow:oklch(0.640 0.090 150/0.30);--accent-wash:oklch(0.640 0.090 150/0.12);--game-tint:oklch(0.165 0.018 150);--game-texture:"colonial"}.theme-secret-hitler{--accent:oklch(0.560 0.070 40);--accent-bright:oklch(0.640 0.065 42);--accent-deep:oklch(0.400 0.060 40);--accent-ink:oklch(0.180 0.022 40);--accent-glow:oklch(0.560 0.070 40/0.30);--accent-wash:oklch(0.560 0.070 40/0.12);--game-tint:oklch(0.165 0.016 40);--game-texture:"chamber"}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg-base);color:var(--text);font-family:var(--font-ui);font-size:var(--t-base);line-height:var(--lh-body);font-weight:420;letter-spacing:.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.night{position:relative;background:radial-gradient(120% 80% at 50% -10%,var(--accent-wash),transparent 55%),radial-gradient(140% 100% at 50% 120%,oklch(.13 .014 288),transparent 60%),var(--bg-base)}.night:before{opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.night:after,.night:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}.night:after{background:radial-gradient(115% 90% at 50% 38%,transparent 52%,oklch(.1 .012 288/.55) 100%)}.night>*{position:relative;z-index:1}.display{line-height:var(--lh-tight);letter-spacing:.01em}.display,h1,h2,h3{font-family:var(--font-display);font-weight:600;color:var(--text-hi)}h1,h2,h3{line-height:var(--lh-snug);margin:0}.overline{font-size:var(--t-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-lo);font-weight:500}.mono,.overline{font-family:var(--font-mono)}.measure{max-width:62ch}.wordmark{font-family:var(--font-display);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-hi);text-shadow:0 0 28px var(--accent-glow)}a{color:var(--accent-bright);text-decoration:none}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px;border-radius:var(--r-xs)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.stack{flex-direction:column}.row,.stack{display:flex}.row{align-items:center}.wrap{flex-wrap:wrap}.gap-1{gap:var(--s-1)}.gap-2{gap:var(--s-2)}.gap-3{gap:var(--s-3)}.gap-4{gap:var(--s-4)}.gap-6{gap:var(--s-6)}.gap-8{gap:var(--s-8)}.grow{flex:1 1}.center{align-items:center;justify-content:center}.between{justify-content:space-between}@keyframes flicker{0%,to{opacity:1}48%{opacity:.94}52%{opacity:.88}70%{opacity:.97}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--touch-min);padding:0 var(--s-5);border-radius:var(--r);border:1px solid transparent;font-family:var(--font-ui);font-size:var(--t-base);font-weight:650;letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform var(--dur-fast) var(--ease-out),background var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg,var(--accent-bright),var(--accent));color:var(--accent-ink);box-shadow:var(--shadow-2),0 0 30px -6px var(--accent-glow),var(--inset-hairline);font-weight:750}.btn--primary:hover{box-shadow:var(--shadow-2),0 0 40px -4px var(--accent-glow)}.btn--secondary{background:var(--surface-2);color:var(--text-hi);border-color:var(--border-strong);box-shadow:var(--inset-hairline)}.btn--secondary:hover{background:var(--surface-3);border-color:var(--accent)}.btn--ghost{background:transparent;color:var(--text-mid)}.btn--ghost:hover{background:var(--surface-1);color:var(--text-hi)}.btn--destructive{background:var(--danger-wash);color:var(--danger-bright);border-color:oklch(.62 .205 24/.4)}.btn--destructive:hover{background:oklch(.62 .205 24/.24);border-color:var(--danger)}.btn--lg{min-height:56px;padding:0 var(--s-7);font-size:var(--t-md);border-radius:var(--r-md)}.btn--block{display:flex;width:100%}.btn--icon{padding:0;width:var(--touch-min)}.action-bar{position:-webkit-sticky;position:sticky;bottom:0;display:flex;gap:var(--s-3);padding:var(--s-4) var(--s-4) calc(var(--s-4) + env(safe-area-inset-bottom, 0px));background:linear-gradient(180deg,transparent,var(--bg-base) 28%);z-index:20}.pill{display:inline-flex;align-items:center;gap:var(--s-2);height:26px;padding:0 var(--s-3);border-radius:var(--r-pill);font-size:var(--t-2xs);font-weight:650;letter-spacing:.04em;border:1px solid var(--border);background:var(--surface-2);color:var(--text-mid);white-space:nowrap}.pill--accent{color:var(--accent-bright);border-color:var(--accent-glow);background:var(--accent-wash)}.glyph{flex:none;display:inline-grid;place-items:center;width:22px;height:22px}.glyph svg{width:100%;height:100%}.align{display:inline-flex;align-items:center;gap:var(--s-2);height:28px;padding:0 var(--s-3) 0 var(--s-2);border-radius:var(--r-pill);font-size:var(--t-2xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid}.align--good{color:var(--good-bright);background:var(--good-wash)}.align--evil{color:var(--evil-bright);background:var(--evil-wash)}.align--neutral{color:var(--neutral-bright);background:var(--neutral-wash)}.sigil{display:inline-grid;place-items:center;color:var(--accent)}.sigil svg{width:100%;height:100%}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-1),var(--inset-hairline)}.card--pad,.game-card{padding:var(--s-5)}.game-card{position:relative;display:block;width:100%;text-align:left;border:1px solid var(--border);border-radius:var(--r-lg);background:radial-gradient(120% 90% at 100% 0,var(--accent-wash),transparent 60%),var(--surface-1);overflow:hidden;cursor:pointer;transition:transform var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.game-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow-2),0 0 36px -12px var(--accent-glow)}.game-card__crest{width:46px;height:46px;border-radius:var(--r);display:grid;place-items:center;background:var(--accent-wash);color:var(--accent-bright);border:1px solid var(--accent-glow)}.game-card__title{font-family:var(--font-display);font-size:var(--t-xl);color:var(--text-hi);line-height:1;margin:0}.seat{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-3);border-radius:var(--r);background:var(--surface-1);border:1px solid var(--border-faint);min-height:var(--touch-min)}.seat__num{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--text-faint);width:22px;text-align:center;flex:none}.seat__avatar{width:38px;height:38px;border-radius:var(--r-sm);flex:none;display:grid;place-items:center;font-family:var(--font-display);font-size:var(--t-md);color:var(--text-hi);background:var(--surface-3);border:1px solid var(--border)}.seat__name{font-weight:600;color:var(--text-hi);font-size:var(--t-base)}.seat__sub{font-size:var(--t-xs);color:var(--text-lo)}.seat--dead{opacity:.5}.seat--dead .seat__name{text-decoration:line-through;-webkit-text-decoration-color:var(--dead-stamp);text-decoration-color:var(--dead-stamp)}.badge{font-size:var(--t-2xs);font-weight:700;letter-spacing:.06em;padding:2px 7px;border-radius:var(--r-pill);border:1px solid var(--border);color:var(--text-mid);background:var(--surface-2)}.badge--you{color:var(--accent-bright);background:var(--accent-wash);border-color:var(--accent-glow)}.badge--host{color:var(--neutral-bright);background:var(--neutral-wash);border-color:var(--neutral-dim)}.badge--dead{color:var(--dead-stamp);background:var(--evil-wash);border-color:var(--evil-dim)}.field{width:100%;min-height:var(--touch-min);padding:var(--s-3) var(--s-4);border-radius:var(--r);background:var(--surface-2);border:1px solid var(--border);color:var(--text-hi);font-family:var(--font-ui);font-size:var(--t-base)}.field::placeholder{color:var(--text-faint)}.field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.option{display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:52px;padding:0 var(--s-4);border-radius:var(--r);background:var(--surface-1);border:1px solid var(--border);color:var(--text-hi);font-size:var(--t-md);font-weight:600;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.option:hover{border-color:var(--accent)}.option:active{transform:scale(.99)}.option.is-selected,.option[aria-pressed=true]{background:var(--accent-wash);border-color:var(--accent);color:var(--accent-bright);box-shadow:0 0 24px -10px var(--accent-glow)}.option__check{margin-left:auto;opacity:0;color:var(--accent-bright)}.option__check:after{content:"\2713"}.option.is-selected .option__check,.option[aria-pressed=true] .option__check{opacity:1}.scrim{inset:0;background:oklch(.1 .012 288/.66);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40}.scrim,.sheet{position:absolute}.sheet{left:0;right:0;bottom:0;z-index:41;background:var(--surface-3);border-top:1px solid var(--border-strong);border-radius:var(--r-2xl) var(--r-2xl) 0 0;padding:var(--s-3) var(--s-5) calc(var(--s-6) + env(safe-area-inset-bottom, 0px));box-shadow:var(--shadow-3)}.sheet__grab{width:38px;height:4px;border-radius:999px;background:var(--border-strong);margin:var(--s-1) auto var(--s-4)}.timer{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.04em}.timer-ring{transform:rotate(-90deg)}.timer-ring__track{stroke:var(--border)}.timer-ring__fill{stroke:var(--accent);transition:stroke-dashoffset 1s linear}.toast{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r);background:var(--surface-3);border:1px solid var(--border-strong);box-shadow:var(--shadow-3);color:var(--text-hi);font-size:var(--t-sm)}.toast:before{content:"";width:3px;align-self:stretch;border-radius:999px;background:var(--accent)}.toast--danger:before{background:var(--danger)}.toast--success:before{background:var(--success)}.reveal{position:relative;width:100%;aspect-ratio:.72;border-radius:var(--r-xl);-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none}.reveal__layer{position:absolute;inset:0;border-radius:inherit;overflow:hidden}.reveal__cover{z-index:2;display:grid;place-items:center;background:radial-gradient(80% 60% at 50% 32%,var(--accent-wash),transparent 70%),repeating-linear-gradient(135deg,oklch(.2 .02 288) 0 9px,oklch(.185 .02 288) 9px 18px);border:1px solid var(--border-strong);box-shadow:inset 0 0 0 1px oklch(.97 .012 88/.04),inset 0 0 80px oklch(.1 .01 288/.7);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-spring)}.reveal__cover-inner{display:grid;justify-items:center;grid-gap:var(--s-4);gap:var(--s-4);padding:var(--s-6);text-align:center}.reveal__crest{display:grid;place-items:center;width:92px;height:92px;color:var(--accent);filter:drop-shadow(0 0 20px var(--accent-glow));animation:flicker 4s ease-in-out infinite}.reveal__crest svg{width:100%;height:100%}.reveal__hint{font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-bright)}.reveal__sub{font-size:var(--t-xs);color:var(--text-lo);max-width:22ch}.reveal__face{z-index:1;display:grid;align-content:space-between;padding:var(--s-6);background:radial-gradient(90% 70% at 50% 0,var(--accent-wash),transparent 60%),linear-gradient(180deg,var(--surface-2),var(--surface-1));border:1px solid var(--accent-glow);box-shadow:inset 0 0 100px -30px var(--accent-glow)}.reveal.is-peeking .reveal__cover{opacity:0;transform:translateY(-6px) scale(1.015);pointer-events:none}.reveal__hold-track{position:absolute;left:50%;bottom:var(--s-6);transform:translateX(-50%);z-index:3;pointer-events:none}