:root{color-scheme:dark;--stone-1000: oklch(.11 .013 258);--stone-900: oklch(.138 .014 258);--stone-850: oklch(.163 .015 258);--stone-800: oklch(.195 .016 258);--stone-750: oklch(.228 .017 258);--stone-700: oklch(.268 .018 258);--stone-600: oklch(.335 .019 258);--stone-500: oklch(.43 .018 258);--stone-400: oklch(.55 .016 258);--stone-300: oklch(.68 .014 258);--stone-200: oklch(.8 .011 258);--stone-100: oklch(.935 .008 258);--canvas: var(--stone-900);--surface: var(--stone-800);--surface-raised: var(--stone-750);--surface-sunken: var(--stone-1000);--line: oklch(.315 .019 258);--line-soft: oklch(.245 .017 258);--line-bright: oklch(.42 .02 258);--text: var(--stone-100);--text-muted: var(--stone-300);--text-faint: var(--stone-400);--ember: oklch(.815 .128 72);--ember-dim: oklch(.62 .107 66);--ember-deep: oklch(.58 .1 64);--ember-ink: oklch(.185 .038 62);--ember-wash: oklch(.815 .128 72 / .14);--moon: oklch(.79 .052 244);--moon-wash: oklch(.79 .052 244 / .13);--blood: oklch(.645 .163 25);--blood-wash: oklch(.645 .163 25 / .14);--moss: oklch(.755 .093 158);--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;--t-xs: .75rem;--t-sm: .8125rem;--t-base: .9375rem;--t-md: 1.0625rem;--t-lg: 1.375rem;--t-xl: clamp(1.625rem, 1.3rem + 1.6vw, 2.125rem);--t-2xl: clamp(2.125rem, 1.6rem + 2.6vw, 3rem);--s-1: 4px;--s-2: 8px;--s-4: 16px;--s-6: 24px;--s-9: 36px;--s-14: 56px;--r-1: 3px;--r-2: 5px;--r-3: 9px;--r-pill: 999px;--lift-1: 0 1px 0 oklch(1 0 0 / .05) inset, 0 1px 2px oklch(0 0 0 / .5);--lift-2: 0 1px 0 oklch(1 0 0 / .07) inset, 0 2px 6px oklch(0 0 0 / .55);--edge-light: oklch(1 0 0 / .06);--dur-1: .12s;--dur-2: .22s;--dur-3: .42s;--dur-sky: 1.1s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--sky-top: oklch(.19 .026 264);--sky-glow: oklch(.34 .055 258 / .42);--stars-opacity: .5;--motes-opacity: 1;--vig-1: .55}[data-sky=day]{--sky-top: oklch(.225 .03 62);--sky-glow: oklch(.56 .085 68 / .3);--stars-opacity: 0;--motes-opacity: .25;--vig-1: .35;--line: oklch(.335 .022 60);--line-soft: oklch(.26 .02 60);--surface: oklch(.215 .018 60);--surface-raised: oklch(.25 .019 60)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--canvas);color:var(--text);font-family:var(--font-ui);font-size:var(--t-base);line-height:1.55;letter-spacing:.006em;-webkit-font-smoothing:antialiased}#root{min-height:100dvh}h1,h2,h3{margin:0;font-weight:600;line-height:1.2}p{margin:0}ul{margin:0;padding:0;list-style:none}button,input,select{font:inherit;color:inherit}.sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(115% 62% at 50% -8%,var(--sky-glow),transparent 62%),linear-gradient(180deg,var(--sky-top),var(--canvas) 58%);transition:background var(--dur-sky) var(--ease-in-out)}.sky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--stars-opacity);transition:opacity var(--dur-sky) var(--ease-in-out);background-image:radial-gradient(1.5px 1.5px at 12% 18%,oklch(.95 .02 250 / .75),transparent 100%),radial-gradient(1.5px 1.5px at 68% 9%,oklch(.95 .02 250 / .6),transparent 100%),radial-gradient(1px 1px at 32% 34%,oklch(.95 .02 250 / .5),transparent 100%),radial-gradient(1.5px 1.5px at 84% 27%,oklch(.95 .02 250 / .55),transparent 100%),radial-gradient(1px 1px at 47% 12%,oklch(.95 .02 250 / .45),transparent 100%),radial-gradient(1px 1px at 5% 42%,oklch(.95 .02 250 / .4),transparent 100%);background-size:520px 380px;background-repeat:repeat}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(130% 100% at 50% 40%,transparent 45%,oklch(0 0 0 / var(--vig-1)));transition:background var(--dur-sky) var(--ease-in-out)}.sky:after{animation:star-drift 300s linear infinite}.sky-art{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:linear-gradient(180deg,oklch(.13 .02 264 / .6) 0%,oklch(.13 .02 264 / .88) 40%,var(--canvas) 72%),url(/splash/splash1.webp);background-position:center 20%;background-size:cover;opacity:.85;transition:opacity var(--dur-sky) var(--ease-in-out)}[data-sky=day] .sky-art{opacity:.3}@keyframes star-drift{to{background-position:-300px 220px}}.motes{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:var(--motes-opacity);transition:opacity var(--dur-sky) var(--ease-in-out)}.mote{position:absolute;bottom:-3rem;width:3.5px;height:3.5px;border-radius:50%;background:var(--moon);box-shadow:0 0 9px 2px #9fbfda80;opacity:0;animation:mote-rise linear infinite}.mote:nth-child(1){left:6%;animation-duration:29s;animation-delay:-2s}.mote:nth-child(2){left:17%;animation-duration:37s;animation-delay:-19s}.mote:nth-child(3){left:29%;animation-duration:24s;animation-delay:-9s}.mote:nth-child(4){left:41%;animation-duration:33s;animation-delay:-26s}.mote:nth-child(5){left:56%;animation-duration:27s;animation-delay:-14s}.mote:nth-child(6){left:68%;animation-duration:41s;animation-delay:-31s}.mote:nth-child(7){left:79%;animation-duration:31s;animation-delay:-6s}.mote:nth-child(8){left:91%;animation-duration:35s;animation-delay:-22s}.mote:nth-child(9){left:11%;animation-duration:43s;animation-delay:-35s}.mote:nth-child(10){left:24%;animation-duration:26s;animation-delay:-4s}.mote:nth-child(11){left:36%;animation-duration:39s;animation-delay:-28s}.mote:nth-child(12){left:52%;animation-duration:22s;animation-delay:-11s}.mote:nth-child(13){left:73%;animation-duration:45s;animation-delay:-33s}.mote:nth-child(14){left:86%;animation-duration:28s;animation-delay:-16s}@keyframes mote-rise{0%{transform:translateY(0) scale(.6);opacity:0}14%{opacity:.7}78%{opacity:.4}to{transform:translateY(-108vh) scale(1.15);opacity:0}}.sky-sweep{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,var(--sky-glow),transparent 58%);animation:sky-sweep 1.5s var(--ease-out) forwards}@keyframes sky-sweep{0%{opacity:0;transform:translateY(-6%)}20%{opacity:1}to{opacity:0;transform:translateY(5%)}}.panel{background:var(--surface);border:1px solid var(--line);border-top-color:var(--edge-light);border-radius:var(--r-3);padding:var(--s-4);box-shadow:var(--lift-1)}.panel-title{font-family:var(--font-display);font-size:var(--t-sm);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:var(--s-2)}.btn{--btn-bg: var(--surface-raised);--btn-fg: var(--text);display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:44px;padding:var(--s-2) var(--s-4);border:1px solid var(--line);border-top-color:var(--edge-light);border-radius:var(--r-2);background:var(--btn-bg);color:var(--btn-fg);font-size:var(--t-base);font-weight:500;cursor:pointer;transition:transform var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.btn:hover:not(:disabled){background:var(--stone-700);border-color:var(--line-bright)}[data-sky=day] .btn:hover:not(:disabled){background:#332921}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{--btn-bg: var(--ember);--btn-fg: var(--ember-ink);border-color:#fece8c;font-weight:650}.btn-primary:hover:not(:disabled){background:#ffc576;background:oklch(.86 .13 74)}.btn-quiet{--btn-bg: transparent;--btn-fg: var(--text-muted);min-height:40px}.btn-quiet:hover:not(:disabled){background:var(--surface-raised);color:var(--text)}.field{display:flex;flex-direction:column;gap:var(--s-1);font-size:var(--t-sm);color:var(--text-muted)}.input{min-height:44px;padding:var(--s-2) var(--s-4);background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--r-2);color:var(--text);font-size:1rem}.input::placeholder{color:var(--text-faint)}.input:focus-visible,.btn:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ember);outline-offset:2px;border-radius:var(--r-1)}.badge{display:inline-flex;align-items:center;gap:var(--s-1);padding:2px var(--s-2);border-radius:var(--r-1);border:1px solid var(--line);background:var(--surface-sunken);font-size:var(--t-xs);font-weight:600;letter-spacing:.04em;color:var(--text-muted)}.badge-mayor{border-color:var(--ember-dim);color:var(--ember);background:var(--ember-wash)}.badge-you{border-color:var(--moon);color:var(--moon);background:var(--moon-wash)}.badge-dead{border-color:var(--blood);color:var(--blood);background:var(--blood-wash)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.hint{color:var(--text-faint);font-size:var(--t-sm);line-height:1.5}.numeric{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.alert{border:1px solid var(--blood);background:var(--blood-wash);color:var(--text);border-radius:var(--r-2);padding:var(--s-2) var(--s-4);font-size:var(--t-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.shell{position:relative;display:flex;flex-direction:column;gap:var(--s-4);min-height:100dvh;max-width:1560px;margin:0 auto;padding:var(--s-4);padding-bottom:max(var(--s-4),env(safe-area-inset-bottom))}.shell>.decision{margin-top:auto}.stage{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:var(--s-4)}@media (min-width: 920px){.stage{grid-template-columns:minmax(0,1fr) 21rem;align-items:start}}.rail{display:flex;flex-direction:column;gap:var(--s-4)}@media (max-width: 919px){.decision{position:sticky;bottom:max(var(--s-2),env(safe-area-inset-bottom));z-index:5}}.topbar{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;padding-bottom:var(--s-2);border-bottom:1px solid var(--line-soft)}.wordmark{display:flex;align-items:baseline;gap:var(--s-2);margin-right:auto}.wordmark h1{font-family:var(--font-display);font-size:var(--t-md);font-weight:600;letter-spacing:.01em}.wordmark span{font-size:var(--t-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.logo{flex:none;align-self:center;width:34px;height:34px;border-radius:var(--r-2);object-fit:cover;box-shadow:var(--lift-1)}.link-state{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.link-dot{width:7px;height:7px;border-radius:50%;background:var(--text-faint)}.link-dot[data-state=open]{background:var(--moss);box-shadow:0 0 0 3px #7bc29929}.link-dot[data-state=connecting]{background:var(--ember);animation:pulse 1.4s var(--ease-in-out) infinite}.link-dot[data-state=closed]{background:var(--blood)}@keyframes pulse{50%{opacity:.35}}.phase-banner{position:relative;display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-4);border:1px solid var(--line);border-top-color:var(--edge-light);border-radius:var(--r-3);background:linear-gradient(180deg,oklch(1 0 0 / .035),transparent 70%),var(--surface);box-shadow:var(--lift-1);overflow:hidden}.phase-sigil{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line-bright);background:radial-gradient(circle at 32% 28%,oklch(1 0 0 / .08),transparent 60%),var(--surface-sunken);font-size:22px;line-height:1}[data-sky=night] .phase-sigil{border-color:#496684;color:#b9d4f1;box-shadow:0 0 24px -6px #6084a980}[data-sky=day] .phase-sigil{border-color:var(--ember-dim);color:var(--ember);box-shadow:0 0 28px -6px #dda15173}.phase-text{min-width:0}.phase-name{font-family:var(--font-display);font-size:var(--t-lg);font-weight:600;animation:rise var(--dur-3) var(--ease-out)}.phase-meta{display:flex;gap:var(--s-4);flex-wrap:wrap;font-size:var(--t-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.table{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--s-2);overflow-x:clip}.table:before{content:"";position:absolute;top:-6%;right:-4%;bottom:-14%;left:-4%;z-index:-1;pointer-events:none;border-radius:46% 46% 40% 40%/14% 14% 10% 10%;background:radial-gradient(68% 62% at 50% 24%,oklch(.33 .028 258 / .5),transparent 72%)}.seat{position:relative;display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-4);border:1px solid var(--line-soft);border-top-color:var(--edge-light);border-radius:var(--r-3);background:var(--surface);box-shadow:var(--lift-1);transition:border-color var(--dur-2) var(--ease-out),background var(--dur-3) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.seat-you{border-color:#405b72;background:linear-gradient(180deg,var(--moon-wash),transparent 70%),var(--surface)}.seat-acting{border-color:var(--ember);box-shadow:var(--lift-1),0 0 30px -12px #f5b45e8c}.seat-eliminated{border-color:#3a211f;background:var(--surface-sunken)}.seat-eliminated .seat-name{text-decoration:line-through;text-decoration-color:var(--blood)}.seat-eliminated .card,.seat-eliminated .seat-quiet{filter:grayscale(.85) brightness(.72)}.portrait{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid oklch(.6 .07 var(--seat-h));background:oklch(.3 .045 var(--seat-h));color:oklch(.93 .05 var(--seat-h));font-family:var(--font-display);font-size:var(--t-xs);font-weight:700;text-transform:uppercase}.seat-head{display:flex;align-items:center;gap:var(--s-2);min-width:0}.seat-name{flex:0 1 auto;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-count{margin-left:auto;flex:none;font-size:var(--t-xs);color:var(--text-faint);font-variant-numeric:tabular-nums;letter-spacing:.04em}.seat-cards{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s-2);min-height:calc(var(--seat-card-w, 3rem) * 4 / 3 + 4px)}.seat-cards>*{flex:none}.seat-quiet{font-size:var(--t-xs);color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase}.card{--card-w: 4.5rem;position:relative;display:flex;flex-direction:column;width:var(--card-w);aspect-ratio:3 / 4;container-type:inline-size;border:1px solid var(--line);border-radius:var(--r-2);background:linear-gradient(180deg,var(--surface-raised),var(--surface));overflow:hidden;box-shadow:var(--lift-1);transition:filter var(--dur-3) var(--ease-out),opacity var(--dur-3) var(--ease-out),transform var(--dur-3) var(--ease-out),border-color var(--dur-2) var(--ease-out);animation:deal-in var(--dur-3) var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 26ms)}.card[data-camp]:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;z-index:2;background:var(--moon)}.card[data-camp=MAFIA]:before{background:repeating-linear-gradient(45deg,var(--blood) 0 3px,oklch(.44 .09 25) 3px 6px)}.card-sm{--card-w: var(--seat-card-w, 3rem);border-radius:var(--r-1)}.card-lg{--card-w: 5.5rem}@keyframes deal-in{0%{opacity:0;transform:translateY(9px) scale(.94)}55%{opacity:.85;transform:translateY(0) scale(1.015)}to{opacity:1;transform:translateY(0) scale(1)}}.card-art{flex:1;display:grid;place-items:center;min-height:0;overflow:hidden;background:linear-gradient(180deg,oklch(1 0 0 / .05),transparent 60%)}.card-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.card-sigil{font-family:var(--font-display);font-size:46cqi;line-height:1;letter-spacing:-.02em;color:var(--text-faint)}.card-caption{flex:none;display:block;padding:3px 5px 4px;border-top:1px solid var(--line-soft);background:var(--surface-sunken);font-family:var(--font-display);font-size:max(8px,14cqi);font-weight:600;letter-spacing:.01em;text-transform:uppercase;line-height:1.2;text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-sm .card-caption{padding:1px 3px 2px;letter-spacing:0}.card-back{background:repeating-linear-gradient(45deg,oklch(1 0 0 / .028) 0 1px,transparent 1px 7px),repeating-linear-gradient(-45deg,oklch(1 0 0 / .028) 0 1px,transparent 1px 7px),linear-gradient(180deg,#202938,#0f1621);border-color:#333e4d}.card-back .card-art{color:#7289a1;font-size:.9em}.card-dead{filter:grayscale(.9) brightness(.62);border-color:#532b28}.card-dead .card-caption{text-decoration:line-through;text-decoration-color:var(--blood);text-decoration-thickness:1.5px}.card-dead:after{content:"✝";position:absolute;top:3px;right:4px;z-index:3;font-size:24cqi;color:var(--blood);text-shadow:0 1px 3px oklch(0 0 0 / .85)}.card-muted .card-caption{color:var(--text-faint)}.hand{display:flex;gap:var(--s-2);flex-wrap:wrap}.hand:has(>:nth-child(6)) .card-lg{--card-w: 4.25rem}.decision{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface);box-shadow:var(--lift-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.decision-active{border-color:var(--ember-dim);background:linear-gradient(180deg,var(--ember-wash),var(--surface) 62%);box-shadow:var(--lift-2),0 0 40px -16px #f5b45e8c}.decision-head{display:flex;align-items:baseline;gap:var(--s-2);flex-wrap:wrap}.decision-title{font-family:var(--font-display);font-size:var(--t-md);font-weight:600}.decision-active .decision-title{color:var(--ember)}.decision-note{font-size:var(--t-sm);color:var(--text-muted)}.options{display:flex;flex-wrap:wrap;gap:var(--s-2)}.option{display:inline-flex;align-items:center;gap:var(--s-2);min-height:44px;padding:var(--s-2) var(--s-4);border:1px solid var(--line);border-top-color:var(--edge-light);border-radius:var(--r-2);background:var(--surface-raised);color:var(--text);font-size:var(--t-base);cursor:pointer;transition:transform var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.option:hover{border-color:var(--ember-dim);background:var(--ember-wash)}.option:active{transform:translateY(1px)}.option-chosen{border-color:var(--ember);background:var(--ember-wash)}.option:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.option-card{padding:var(--s-1) var(--s-2) var(--s-1) var(--s-1)}.option-who{padding-left:var(--s-2);font-weight:600}.options-scroll{max-height:34vh;overflow-y:auto;overscroll-behavior:contain}.option-sub{font-size:var(--t-xs);color:var(--text-faint)}.rail .panel{display:flex;flex-direction:column;gap:var(--s-2)}.chronicle{display:flex;flex-direction:column;gap:var(--s-1);max-height:15rem;overflow-y:auto;font-size:var(--t-sm)}.chronicle li{display:flex;gap:var(--s-2);padding-left:var(--s-2);border-left:2px solid var(--line-soft);color:var(--text-muted)}.chronicle li[data-kind=death]{border-left-color:var(--blood);color:var(--text)}.chronicle li[data-kind=mayor]{border-left-color:var(--ember-dim);color:var(--text)}.chronicle li[data-kind=magic]{border-left-color:var(--moon);color:var(--text)}.intel-list{display:flex;flex-direction:column;gap:var(--s-2)}.intel-item{padding:var(--s-2);border:1px solid var(--line-soft);border-radius:var(--r-2);background:var(--surface-sunken);font-size:var(--t-sm)}.intel-when{font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.intel-cards{display:flex;flex-direction:column;gap:2px;margin-top:var(--s-1)}.intel-cards li{display:flex;align-items:center;gap:var(--s-2)}.verdict{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-6);border:1px solid var(--line-bright);border-radius:var(--r-3);background:linear-gradient(180deg,oklch(1 0 0 / .04),transparent 70%),var(--surface)}.verdict-village{border-color:var(--moon);background:linear-gradient(180deg,var(--moon-wash),transparent 70%),var(--surface)}.verdict-mafia{border-color:var(--blood);background:linear-gradient(180deg,var(--blood-wash),transparent 70%),var(--surface)}.verdict h2{font-family:var(--font-display);font-size:var(--t-xl);font-weight:600}.verdict p{color:var(--text-muted);font-size:var(--t-sm)}.gate{display:grid;gap:var(--s-4);align-content:center;min-height:100dvh;max-width:44rem;margin:0 auto;padding:var(--s-6) var(--s-4)}.gate-splash{position:relative;display:grid;align-content:end;gap:var(--s-2);min-height:15rem;padding:var(--s-6);border:1px solid var(--line);border-radius:var(--r-3);overflow:hidden;background:linear-gradient(180deg,#151f32,#070b14)}.gate-splash-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.72}.gate-splash-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#03060d26,#03060deb)}.gate-splash:before{content:"";position:absolute;z-index:0;top:10%;right:12%;width:6.5rem;height:6.5rem;border-radius:50%;opacity:.62;background:radial-gradient(circle at 38% 34%,oklch(.94 .03 240),oklch(.62 .05 242) 60%,transparent 72%);box-shadow:0 0 100px -12px #a1c3db8c}.gate-splash:after{content:"";position:absolute;z-index:0;inset:auto 0 0 0;height:42%;opacity:.85;background-repeat:no-repeat;background-image:linear-gradient(#020307,#020307),linear-gradient(#020307,#020307),linear-gradient(#020409,#020409),linear-gradient(#020307,#020307),linear-gradient(#03060b,#03060b),linear-gradient(#020307,#020307),linear-gradient(#020409,#020409);background-size:3.6rem 2.6rem,2.4rem 3.6rem,4.4rem 2rem,2.8rem 3rem,5rem 2.4rem,3rem 3.2rem,2.2rem 2.2rem;background-position:3% 100%,13% 100%,22% 100%,33% 100%,45% 100%,61% 100%,74% 100%}.gate-splash-text{position:relative;z-index:2}.gate h1{font-family:var(--font-display);font-size:var(--t-2xl);font-weight:600;letter-spacing:-.01em}.gate-tagline{color:var(--text-muted);max-width:34ch}.gate-columns{display:grid;gap:var(--s-4)}@media (min-width: 640px){.gate-columns{grid-template-columns:1fr 1fr;align-items:start}}.stack{display:flex;flex-direction:column;gap:var(--s-4)}.stack-tight{display:flex;flex-direction:column;gap:var(--s-2)}.row{display:flex;gap:var(--s-2);align-items:flex-end;flex-wrap:wrap}.row>.field{flex:1 1 6rem}.rules{display:flex;flex-direction:column;gap:var(--s-1);font-size:var(--t-sm);color:var(--text-muted)}.rules li{display:flex;gap:var(--s-2)}.rules li:before{content:"·";color:var(--ember)}.lobby-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-2)}.lobby-count{font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-variant-numeric:tabular-nums}.lobby-code{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.lobby-code code{font-family:var(--font-mono);font-size:var(--t-md);letter-spacing:.08em;padding:var(--s-2) var(--s-4);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-sunken);color:var(--ember);-webkit-user-select:all;user-select:all}.lobby-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--s-2)}.lobby-player{display:flex;align-items:center;gap:var(--s-2);min-width:0;padding:var(--s-2);border:1px solid var(--line-soft);border-radius:var(--r-2);background:var(--surface-sunken);animation:deal-in var(--dur-3) var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 40ms)}.lobby-player-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.lobby-player-role{font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.lobby-player[data-off=true]{border-color:#3a211f}.lobby-player[data-off=true] .portrait{filter:grayscale(.7)}.lobby-empty{border-style:dashed;background:transparent;color:var(--text-faint)}.lobby-empty .portrait{border-color:var(--line);background:transparent;color:var(--text-faint)}.turnbar-row{display:flex;align-items:center;gap:var(--s-2)}.turnbar{position:relative;flex:1;height:8px;border-radius:999px;background:var(--surface-sunken);border:1px solid var(--line-soft);overflow:hidden}.turnbar-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;background:linear-gradient(90deg,var(--ember-deep),var(--ember));transition:transform .26s linear}.turnbar-row[data-low=true] .turnbar-fill{background:linear-gradient(90deg,oklch(.46 .13 25),var(--blood))}.turnbar-label{font-size:var(--t-xs);font-variant-numeric:tabular-nums;color:var(--text-muted);min-width:3.2em;text-align:right}.card-pick{cursor:pointer;border-color:var(--ember);box-shadow:var(--lift-1),0 0 0 1px var(--ember-deep)}.card-pick:hover,.card-pick:focus-visible{transform:translateY(-4px);border-color:var(--ember);box-shadow:var(--lift-2),0 0 26px -10px #f1af57b3}.card-pick:active{transform:translateY(-1px)}.card-chosen{border-color:var(--ember);box-shadow:var(--lift-2),0 0 0 2px var(--ember);transform:translateY(-4px)}.seat-pick{cursor:pointer;border-color:var(--ember);text-align:left;font:inherit}.seat-pick:hover,.seat-pick:focus-visible{box-shadow:var(--lift-1),0 0 26px -12px #f1af5799}.card-shielded{border-color:var(--moon)}.card-shield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--moon),inset 0 0 20px -6px #9fbfdad9;animation:shield-in var(--dur-3) var(--ease-out) both,shield-pulse 2.6s var(--ease-in-out) .45s infinite}.card-shield:after{content:"";position:absolute;top:8%;left:9%;width:34%;aspect-ratio:1 / 1.15;background:var(--moon);clip-path:polygon(50% 0%,100% 20%,100% 58%,50% 100%,0% 58%,0% 20%);filter:drop-shadow(0 1px 2px oklch(0 0 0 / .6))}@keyframes shield-in{0%{opacity:0;transform:scale(1.22)}55%{opacity:1;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes shield-pulse{50%{box-shadow:inset 0 0 0 2px var(--moon),inset 0 0 26px -3px #9fbfda}}.card-spent{border-color:var(--line)}.card-spent-ring{position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:4;pointer-events:none;border-radius:inherit;border:2px dashed oklch(.79 .052 244 / .4)}.allies{display:flex;flex-wrap:wrap;gap:var(--s-2)}.ballots{display:flex;flex-direction:column;gap:2px;margin:var(--s-2) 0 0;padding:0;list-style:none}.ballot{display:flex;align-items:baseline;gap:var(--s-2);font-size:var(--t-xs)}.ballot-who{min-width:5em;font-weight:600;color:var(--text-muted)}.ballot-arrow{color:var(--text-faint)}.ballot-target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tally{display:flex;flex-direction:column;gap:4px;margin-top:var(--s-2)}.tally-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--s-2);font-size:var(--t-sm)}.tally-label{max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tally-bar{height:6px;border-radius:999px;background:var(--surface-sunken);overflow:hidden}.tally-fill{height:100%;background:linear-gradient(90deg,var(--ember-deep),var(--ember))}.tally-count{font-variant-numeric:tabular-nums;color:var(--text-muted)}.vote-chip{flex:none;display:inline-flex;align-items:center;gap:5px;padding:1px 7px;border:1px solid var(--ember-dim);border-radius:var(--r-pill);background:var(--ember-wash);color:var(--ember);font-size:var(--t-xs);font-weight:600;font-variant-numeric:tabular-nums;animation:vote-in var(--dur-2) var(--ease-out) both}.vote-chip[data-leading=true]{border-color:var(--ember);box-shadow:0 0 0 3px var(--ember-wash),0 0 22px -2px #f5b45ebf;animation:vote-in var(--dur-2) var(--ease-out) both,vote-lead 2.6s var(--ease-in-out) .4s infinite}.vote-pips{display:inline-flex;gap:2px}.vote-pips i{width:4px;height:4px;border-radius:50%;background:var(--ember)}.vote-pending{flex:none;display:grid;place-items:center;width:1.15rem;height:1.15rem;border:1px dashed var(--ember-dim);border-radius:50%;color:var(--ember);font-size:var(--t-xs);line-height:1;animation:vote-pending 1.9s var(--ease-in-out) infinite}.seat-meter{position:absolute;inset-inline:0;bottom:0;height:4px;border-radius:0 0 var(--r-3) var(--r-3);background:linear-gradient(90deg,var(--ember-deep),var(--ember));box-shadow:0 0 12px -1px #f5b45eb3;transform-origin:left center;transition:transform var(--dur-3) var(--ease-out);pointer-events:none}.seat-leading{border-color:var(--ember);box-shadow:var(--lift-1),0 0 0 3px var(--ember-wash)}.seat-leading .seat-name{color:var(--ember)}.card-votes{position:absolute;inset-inline:0;bottom:0;height:58%;z-index:5;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2px;pointer-events:none}.card-votes-bar{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,var(--ember-wash) 45%,oklch(.815 .128 72 / .4));transform-origin:bottom center;transition:transform var(--dur-3) var(--ease-out)}.card-votes-count{position:relative;padding:0 4px;border-radius:var(--r-1);background:#130b05b8;color:var(--ember);font-size:.6rem;font-weight:700;line-height:1.6}.card-votes[data-leading=true] .card-votes-bar{background:linear-gradient(180deg,transparent,var(--ember-wash) 35%,oklch(.815 .128 72 / .7))}.tracers{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:4;overflow:visible;pointer-events:none}.tracer-line{fill:none;stroke:var(--moon);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:5 7;opacity:.72;animation:tracer-flow 1.1s linear infinite}.tracer-comet{fill:none;stroke:var(--moon);stroke-width:3.6;stroke-linecap:round;stroke-dasharray:16 calc(var(--len) - 16);filter:drop-shadow(0 0 7px oklch(.79 .052 244 / .9));animation:tracer-comet 1.6s linear infinite}.tracer-ring{fill:none;stroke:var(--moon);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:tracer-ring 1.6s var(--ease-out) infinite}.tracer-tip{fill:var(--moon);transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 6px oklch(.79 .052 244 / .9));animation:tracer-tip 1.6s var(--ease-in-out) infinite}.tracer[data-mine=true] .tracer-line,.tracer[data-mine=true] .tracer-comet,.tracer[data-mine=true] .tracer-ring{stroke:var(--ember)}.tracer[data-mine=true] .tracer-comet{filter:drop-shadow(0 0 8px oklch(.815 .128 72 / .9))}.tracer[data-mine=true] .tracer-tip{fill:var(--ember);filter:drop-shadow(0 0 6px oklch(.815 .128 72 / .9))}.tracer[data-mine=true] .tracer-line{stroke-width:2.4;opacity:.95}.phase-votes{color:var(--ember)}@keyframes vote-in{0%{opacity:0;transform:scale(.8)}}@keyframes vote-lead{50%{box-shadow:0 0 0 5px var(--ember-wash),0 0 30px #f5b45ee6}}@keyframes vote-pending{50%{opacity:.4;border-color:var(--ember)}}@keyframes tracer-flow{to{stroke-dashoffset:-12}}@keyframes tracer-comet{0%{stroke-dashoffset:0}to{stroke-dashoffset:calc(var(--len) * -1)}}@keyframes tracer-ring{0%{transform:scale(.3);opacity:.9}70%,to{transform:scale(1.6);opacity:0}}@keyframes tracer-tip{50%{transform:scale(1.9);opacity:1}}.card-ash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;border-radius:inherit;pointer-events:none;background:radial-gradient(2.5px 2.5px at 18% 78%,var(--blood),transparent 100%),radial-gradient(2px 2px at 34% 88%,var(--blood),transparent 100%),radial-gradient(3px 3px at 52% 72%,var(--blood),transparent 100%),radial-gradient(2px 2px at 70% 86%,var(--blood),transparent 100%),radial-gradient(2.5px 2.5px at 86% 76%,var(--blood),transparent 100%),radial-gradient(2px 2px at 28% 60%,var(--blood),transparent 100%),radial-gradient(2px 2px at 62% 58%,var(--blood),transparent 100%),radial-gradient(2px 2px at 80% 64%,var(--blood),transparent 100%);box-shadow:inset 0 0 0 2px var(--blood);animation:ash 1.3s var(--ease-out) forwards}@keyframes ash{0%{opacity:1;transform:translateY(8%) scale(.86)}60%{opacity:.7}to{opacity:0;transform:translateY(-52%) scale(1.22)}}.ritual{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;pointer-events:none;opacity:0;animation:ritual-fade 1.6s var(--ease-out) forwards}.ritual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(48% 34% at 50% 44%,var(--moon-wash),transparent 72%)}.ritual[data-tone=mafia]:before{background:radial-gradient(48% 34% at 50% 44%,var(--blood-wash),transparent 72%)}.ritual:after{content:"";position:absolute;width:min(62vmin,30rem);aspect-ratio:1;border:2px solid var(--moon);border-radius:50%;opacity:0;animation:ritual-ring 1.6s var(--ease-out) forwards}.ritual[data-tone=mafia]:after{border-color:var(--blood)}.ritual-sigil{font-family:var(--font-display);font-size:clamp(7rem,24vmin,16rem);line-height:1;opacity:.3;color:var(--moon);animation:ritual-sigil 1.6s var(--ease-out) forwards}.ritual[data-tone=mafia] .ritual-sigil{color:var(--blood)}@keyframes ritual-fade{0%{opacity:0}14%{opacity:1}58%{opacity:.85}to{opacity:0}}@keyframes ritual-ring{0%{transform:scale(.32);opacity:.8}to{transform:scale(1.15);opacity:0}}@keyframes ritual-sigil{0%{transform:scale(.8) rotate(-6deg)}40%{transform:scale(1.02) rotate(1deg)}to{transform:scale(1.14) rotate(0)}}.finale{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;padding:var(--s-4);background:#02040bd1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:finale-in .7s var(--ease-out) both}.finale:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(58% 44% at 50% 46%,var(--moon-wash),transparent 72%)}.finale[data-tone=mafia]:before{background:radial-gradient(58% 44% at 50% 46%,var(--blood-wash),transparent 72%)}.finale-card{position:relative;display:grid;justify-items:center;gap:var(--s-6);max-width:36rem;padding:var(--s-9) var(--s-6);text-align:center;border:1px solid var(--line-bright);border-radius:var(--r-3);background:var(--surface-raised);box-shadow:var(--lift-2);animation:finale-card .9s var(--ease-out) both}.finale-sigil{font-size:clamp(4.5rem,16vmin,8rem);line-height:1;color:var(--moon);filter:drop-shadow(0 0 24px oklch(.79 .052 244 / .55));animation:finale-sigil 1.4s var(--ease-out) both}.finale[data-tone=mafia] .finale-sigil{color:var(--blood);filter:drop-shadow(0 0 24px oklch(.645 .163 25 / .55))}.finale-who{font-family:var(--font-display);font-size:var(--t-2xl);font-weight:600;line-height:1.05}.finale[data-tone=village] .finale-who{color:var(--moon)}.finale[data-tone=mafia] .finale-who{color:var(--blood)}.finale-body{color:var(--text-muted)}@keyframes finale-in{0%{opacity:0}}@keyframes finale-card{0%{opacity:0;transform:translateY(5%) scale(.94)}}@keyframes finale-sigil{0%{opacity:0;transform:scale(.35) rotate(-10deg)}55%{opacity:1;transform:scale(1.12) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.table{--seat-card-w: 3rem}@media (min-width: 920px){.table{--seat-card-w: 3.5rem}}@media (min-width: 1600px){.table{--seat-card-w: 3.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}}.guide{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;display:grid;justify-items:center;align-items:start;padding:var(--s-4);animation:guide-in var(--dur-3) var(--ease-out) both}.guide-veil{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:0;background:#02040bdb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.guide-sheet{position:relative;display:grid;gap:var(--s-6);width:100%;max-width:70rem;max-height:calc(100dvh - var(--s-14));overflow-y:auto;padding:var(--s-6);border:1px solid var(--line-bright);border-radius:var(--r-3);background:var(--surface);box-shadow:var(--lift-2)}.guide-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.guide-title{font-family:var(--font-display);font-size:var(--t-xl);letter-spacing:.01em}.guide-block{display:grid;gap:var(--s-4)}.guide-rule{display:grid;gap:var(--s-1)}.guide-rule-title{font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--moon)}.guide-list{display:grid;gap:6px;margin:0;padding-left:1.1rem;color:var(--text-muted);font-size:var(--t-sm);line-height:1.55}.guide-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--s-4)}.guide-card{display:grid;align-content:start;gap:var(--s-2);overflow:hidden;border:1px solid var(--line-soft);border-radius:var(--r-2);background:var(--surface-sunken)}.guide-card[data-camp=MAFIA]{border-color:#7d3d39}.guide-card-art{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--canvas)}.guide-card-text{display:grid;gap:6px;padding:0 var(--s-4) var(--s-4)}.guide-card-name{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-2);font-family:var(--font-display);font-size:var(--t-md);letter-spacing:.04em;text-transform:uppercase}.guide-card-camp{flex:none;font-size:var(--t-xs);letter-spacing:.1em;color:var(--moon)}.guide-card[data-camp=MAFIA] .guide-card-camp{color:var(--blood)}.guide-card-rule{color:var(--text-muted);font-size:var(--t-sm);line-height:1.55}@keyframes guide-in{0%{opacity:0}}