:root{--bg: #070707;--bg-soft: #101010;--card: #151515;--card-2: #1f1f1f;--line: #3a3a3a;--ink: #ededed;--ink-dim: #9a9a9a;--tea: #e6e6e6;--tea-deep: #9a9a9a;--witch: #cfcfcf;--danger: #d2d2d2;--good: #dcdcdc;--radius: 0px;--display: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;--splash: url(/art/title.jpg);--art-lobby: var(--splash);--art-role: var(--splash);--art-night: url(/art/night-bg-2.webp);--art-day: url(/art/day-bg-2.webp);--art-gameover: var(--splash);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:hidden}body{margin:0;width:100%;background:#110629;color:var(--ink);font-family:var(--display);-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizeSpeed;text-shadow:0 0 2px rgba(255,255,255,.5),-.6px 0 0 rgba(255,0,0,.3),.6px 0 0 rgba(0,190,255,.26)}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--art, var(--splash)) center / cover no-repeat;background-position:var(--art-pos, center);opacity:.3;filter:grayscale(1) contrast(1.15) brightness(.72);pointer-events:none;z-index:-1;transform:scale(1.05);border-radius:7%/5%}.shell[data-phase=lobby]{--art: var(--art-lobby)}.shell[data-phase=role_reveal]{--art: var(--art-role)}.shell[data-phase=night]{--art: var(--art-night)}.shell[data-phase=night] .ambient,.shell[data-phase=day] .ambient{opacity:.85;filter:none;--art-pos: center;transform:none;border-radius:0}.shell[data-phase=day]{--art: var(--art-day)}.shell[data-phase=game_over]{--art: var(--art-gameover)}.shell[data-phase=lobby] .ambient,.shell[data-phase=role_reveal] .ambient,.shell[data-phase=midnight] .ambient,.shell[data-phase=game_over] .ambient,.shell[data-phase=lobby] .static{display:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 35%,transparent 15%,rgba(0,0,0,.92) 100%);pointer-events:none;z-index:0}#root{display:flex;justify-content:center;position:relative;z-index:1;height:auto;min-height:100%;width:100%}.mask{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background-image:repeating-linear-gradient(90deg,#ff000021,#ff000021 1px,#00ff0021 1px,#00ff0021 2px,#0000ff21 2px,#0000ff21 3px),repeating-linear-gradient(0deg,rgba(0,0,0,.3) 0px,rgba(0,0,0,.3) 1px,transparent 1px,transparent 3px);mix-blend-mode:overlay}.tube{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background:radial-gradient(58% 42% at 50% 34%,rgba(255,255,255,.045) 0%,transparent 70%),linear-gradient(107deg,transparent 34%,rgba(255,255,255,.03) 42%,transparent 50%),radial-gradient(125% 118% at 50% 50%,transparent 46%,rgba(0,0,0,.55) 84%,rgba(0,0,0,.96) 100%);box-shadow:inset 0 0 140px #000c,inset 0 0 40px #000000bf;animation:tube-breathe 6.5s steps(1,end) infinite}.tube:after{content:"";position:absolute;left:-5%;right:-5%;height:26vh;background:linear-gradient(180deg,transparent,rgba(255,255,255,.04),transparent);animation:tube-roll 11s linear infinite}@keyframes tube-breathe{0%,96%,to{opacity:1}97%{opacity:.86}98%{opacity:1}99%{opacity:.93}}@keyframes tube-roll{0%{top:-30vh}to{top:108vh}}.static{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;opacity:.08;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;animation:snow .5s steps(1,end) infinite}@keyframes snow{0%{background-position:0 0}12%{background-position:-37px 61px}25%{background-position:88px -23px}37%{background-position:-64px -91px}50%{background-position:121px 44px}62%{background-position:-19px 107px}75%{background-position:73px -58px}87%{background-position:-102px 16px}to{background-position:0 0}}.vhs-fx{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:radial-gradient(120% 112% at 50% 50%,transparent 42%,rgba(17,6,41,.65) 80%,rgba(17,6,41,.96) 100%);box-shadow:inset 0 0 130px #110629d9}.vhs-fx:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background-image:repeating-linear-gradient(0deg,rgba(17,6,41,.28) 0px,rgba(17,6,41,.28) 2px,transparent 2px,transparent 5px);opacity:.5;mix-blend-mode:multiply;animation:vhs-roll 18s linear infinite}.vhs-fx:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.06;mix-blend-mode:overlay;animation:snow .5s steps(1,end) infinite}@keyframes vhs-roll{0%{background-position:0 0}to{background-position:0 -600px}}@media (prefers-reduced-motion: reduce){.vhs-fx:before{animation:none}.vhs-fx:after{animation:none}}.sound-toggle{position:fixed;left:14px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;background:#000000bf;border:1px solid rgba(255,255,255,.55);border-radius:0;box-shadow:0 0 12px #0009;opacity:1}.sound-toggle:hover{border-color:#fff;background:#000000e6}.sound-toggle .speaker{width:22px;height:22px;filter:invert(1)}.sound-toggle.is-muted{border-color:#ff6a6a}.sound-toggle.is-muted .speaker{filter:invert(1) opacity(.6)}.leave-corner{position:fixed;top:14px;right:14px;z-index:6;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;background:#00000080;border:1px solid var(--line);opacity:.6}.leave-corner:hover{opacity:1}.leave-corner img{width:20px;height:20px;filter:invert(1)}.roles-corner{position:fixed;top:14px;left:14px;z-index:6;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;background:#00000080;border:1px solid var(--line);opacity:.6;font-weight:800;font-size:1.1rem;color:#fff}.roles-corner:hover{opacity:1}.shell{width:100%;max-width:560px;min-height:100dvh;padding:20px 16px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}@media (min-width: 900px){.shell{max-width:720px;padding-top:40px}}.shell.loading{max-width:none;width:100vw;align-items:center;justify-content:center;background:#110629}h1,h2,h3{margin:0;line-height:1.15}h1{font-size:1.9rem;letter-spacing:-.01em}h2{font-size:1.2rem}p{margin:0;line-height:1.55}.muted{color:var(--ink-dim);font-size:.9rem}.center{text-align:center}.card{position:relative;background:#0a0a0ad1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--line);border-radius:var(--radius);padding:16px 16px 14px;display:flex;flex-direction:column;gap:10px}.notice{flex-direction:row;align-items:flex-start;gap:16px}.notice-icon{width:34px;height:34px;flex:none;color:var(--ink-dim);margin-top:2px}.notice h2{font-size:.95rem;margin-bottom:4px}.notice-text{color:#b7b3d6;font-size:.86rem;line-height:1.45}.notice-text+.notice-text{margin-top:5px}.notice-text a{color:#febc2e;text-decoration:underline;text-underline-offset:.15em}.card:before,.splash-panel:before{content:"";position:absolute;top:-5px;left:50%;width:9px;height:9px;margin-left:-5px;transform:rotate(45deg);border:1px solid var(--line);background:var(--bg)}.card.tight{padding:16px 12px 12px;gap:8px}input,button,textarea{font:inherit;border-radius:0}input,textarea{width:100%;padding:12px 14px;background:#0b0b0b;border:1px solid #2a2a2a;color:var(--ink);outline:none}input:focus,textarea:focus{border-color:var(--ink-dim);background:#111}input::placeholder{color:#6f6f6f}.code-input{text-transform:uppercase;letter-spacing:.4em;text-align:center;font-size:1.4rem;font-weight:700}button{padding:12px 16px;border:1px solid var(--line);background:#131313;color:var(--ink);cursor:pointer;font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;transition:background .12s ease,color .12s ease}button:hover:not(:disabled){background:#1c1c1c;color:#fff}button:active:not(:disabled){background:#262626}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary,.btn-danger,input,textarea,.pill{text-shadow:none}.btn-primary{background:var(--tea);color:#0a0a0a;border-color:#fff}.btn-primary:hover:not(:disabled){background:#fff;color:#000}.btn-danger{background:var(--danger);color:#0a0a0a}.btn-ghost{background:transparent;border-color:#2a2a2a;color:var(--ink-dim)}.btn-full{width:100%}.btn-leave{border-color:#7d2b2b;color:#ff6a6a}.btn-leave:hover{border-color:#ff6a6a;background:#ff6a6a14}.btn-leave-icon{width:15px;height:15px;vertical-align:-2px;margin-left:6px;transform:scaleX(-1);transition:filter .15s ease,transform .15s ease;filter:invert(38%) sepia(80%) saturate(2400%) hue-rotate(340deg)}button.btn-leave:hover:not(:disabled) .btn-leave-icon{transform:scaleX(-1) scale(1.1);filter:invert(38%) sepia(80%) saturate(2400%) hue-rotate(340deg) drop-shadow(0 0 5px rgba(255,106,106,.7))}@media (prefers-reduced-motion: reduce){button.btn-leave:hover:not(:disabled) .btn-leave-icon{transform:scaleX(-1)}}.waiting-box{margin:0;padding:12px 16px;border:1px solid var(--line);background:#131313}.btn-sm{padding:8px 12px;font-size:.85rem}.btn-poison{background:transparent;border-color:#2f7d4a;color:#4ad07a;border-radius:10px}button.btn-poison:hover:not(:disabled){border-color:#4ad07a;background:#4ad07a14}.btn-poison.is-active{background:#4ad07a;color:#0a0a0a;border-color:#4ad07a}.btn-kill{background:transparent;border-color:#7d2b2b;color:#ff6a6a;border-radius:10px}button.btn-kill:hover:not(:disabled){border-color:#ff6a6a;background:#ff6a6a14}.btn-kill.is-active{background:#ff6a6a;color:#0a0a0a;border-color:#ff6a6a}.btn-skip{border-color:#7d2b2b;color:#ff6a6a;border-radius:10px}button.btn-skip:hover:not(:disabled){border-color:#ff6a6a;background:#ff6a6a14}.btn-skip.is-active{background:#ff6a6a;color:#0a0a0a;border-color:#ff6a6a}.btn-skip.is-active .btn-skip-icon{filter:brightness(0)}.btn-poison-icon,.btn-skip-icon,.btn-kill-icon{width:14px;height:14px;vertical-align:-2px;margin-right:6px;transition:filter .15s ease,transform .15s ease}.btn-poison-icon{filter:invert(56%) sepia(78%) saturate(411%) hue-rotate(83deg) brightness(96%) contrast(101%)}.btn-skip-icon,.btn-kill-icon{filter:invert(38%) sepia(80%) saturate(2400%) hue-rotate(340deg)}.shell[data-phase=day] .btn-skip-icon{margin-right:0;margin-left:6px}.btn-poison.is-active .btn-poison-icon,.btn-kill.is-active .btn-kill-icon{filter:brightness(0)}button.btn-poison:hover:not(:disabled) .btn-poison-icon{filter:invert(56%) sepia(78%) saturate(411%) hue-rotate(83deg) brightness(96%) contrast(101%) drop-shadow(0 0 4px rgba(74,208,122,.8))}button.btn-kill:hover:not(:disabled) .btn-kill-icon{filter:invert(38%) sepia(80%) saturate(2400%) hue-rotate(340deg) drop-shadow(0 0 4px rgba(255,106,106,.8))}button.btn-skip:hover:not(:disabled) .btn-skip-icon{filter:invert(38%) sepia(80%) saturate(2400%) hue-rotate(340deg) drop-shadow(0 0 4px rgba(255,106,106,.8));transform:scale(1.25)}@media (prefers-reduced-motion: reduce){button.btn-skip:hover:not(:disabled) .btn-skip-icon{transform:none}}.btn-investigate{border:none;background:none;padding:0;display:inline-flex;align-items:center}.btn-investigate-icon{width:22px;height:22px;transition:filter .15s ease,transform .15s ease;filter:invert(45%) sepia(90%) saturate(1500%) hue-rotate(185deg) brightness(1.1)}.btn-investigate:hover .btn-investigate-icon{transform:scale(1.1);filter:invert(45%) sepia(90%) saturate(1500%) hue-rotate(185deg) brightness(1.1) drop-shadow(0 0 5px rgba(74,155,232,.7))}@media (prefers-reduced-motion: reduce){.btn-investigate:hover .btn-investigate-icon{transform:none}}.row{display:flex;gap:10px;align-items:center}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.grow{flex:1}.error{background:#ffffff0f;border:1px dashed var(--danger);color:#f2f2f2;padding:10px 12px;border-radius:0;font-size:.9rem}.pill{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:0;background:var(--card-2);color:var(--ink-dim);border:1px solid var(--line);white-space:nowrap}.pill.host{color:var(--ink);border-color:var(--ink-dim)}.pill.dead{color:var(--ink-dim);border-style:dashed;text-decoration:line-through}.pill.you{color:#0a0a0a;background:var(--ink);border-color:var(--ink)}.role-pill{font-weight:800;color:#fff;background:#2a2a2a;border-color:#4a4a4a;padding:6px 8px}.pill.you{padding:6px 8px}.role-pill .role-icon{opacity:1}.role-pill.coven{color:#ff6a6a;border-color:#7d2b2b;background:#ff6a6a1a}.role-pill.neutral{color:#ffd23f;border-color:#8a6d1f;background:#ffd23f1a}.role-pill.town{color:#7fc0ff;border-color:#2b5b7d;background:#7fc0ff1a}.role-pill.assassin{color:#b98aff;border-color:#5b3b8a;background:#b88aff1a}.role-pill.coven .role-icon{filter:invert(38%) sepia(80%) saturate(2400%) hue-rotate(340deg)}.role-pill.neutral .role-icon{filter:invert(80%) sepia(60%) saturate(1000%) hue-rotate(2deg) brightness(1.05)}.role-pill.town .role-icon{filter:invert(45%) sepia(90%) saturate(1500%) hue-rotate(185deg) brightness(1.1)}.role-pill.assassin .role-icon{filter:invert(29%) sepia(74%) saturate(3000%) hue-rotate(250deg)}.pill.you.coven{color:#ff6a6a;background:#ff6a6a1a;border-color:#7d2b2b}.pill.you.neutral{color:#ffd23f;background:#ffd23f1a;border-color:#8a6d1f}.pill.you.town{color:#7fc0ff;background:#7fc0ff1a;border-color:#2b5b7d}.pill.you.assassin{color:#b98aff;background:#b88aff1a;border-color:#5b3b8a}.pill.you.coven .role-icon.tiny{filter:invert(38%) sepia(80%) saturate(2400%) hue-rotate(340deg)}.pill.you.neutral .role-icon.tiny{filter:invert(80%) sepia(60%) saturate(1000%) hue-rotate(2deg) brightness(1.05)}.pill.you.town .role-icon.tiny{filter:invert(45%) sepia(90%) saturate(1500%) hue-rotate(185deg) brightness(1.1)}.pill.you.assassin .role-icon.tiny{filter:invert(29%) sepia(74%) saturate(3000%) hue-rotate(250deg)}.role-icon.tiny.coven{filter:invert(38%) sepia(80%) saturate(2400%) hue-rotate(340deg)}.role-icon.tiny.neutral{filter:invert(80%) sepia(60%) saturate(1000%) hue-rotate(2deg) brightness(1.05)}.role-icon.tiny.town{filter:invert(45%) sepia(90%) saturate(1500%) hue-rotate(185deg) brightness(1.1)}.role-icon.tiny.assassin{filter:invert(29%) sepia(74%) saturate(3000%) hue-rotate(250deg)}.seatmate.coven{border-color:#7d2b2b}.seatmate.neutral{border-color:#8a6d1f}.seatmate.town{border-color:#2b5b7d}.seatmate.assassin{border-color:#5b3b8a}.name.coven{color:#ff6a6a}.name.neutral{color:#ffd23f}.name.town{color:#7fc0ff}.name.assassin{color:#b98aff}.role-icon.coven,.role-popover-icon.coven{filter:invert(38%) sepia(80%) saturate(2400%) hue-rotate(340deg)}.role-icon.neutral,.role-popover-icon.neutral{filter:invert(80%) sepia(60%) saturate(1000%) hue-rotate(2deg) brightness(1.05)}.role-icon.town,.role-popover-icon.town{filter:invert(45%) sepia(90%) saturate(1500%) hue-rotate(185deg) brightness(1.1)}.role-icon.assassin,.role-popover-icon.assassin{filter:invert(29%) sepia(74%) saturate(3000%) hue-rotate(250deg)}.seatmate.is-dead .role-pill,.seatmate.is-dead .role-label{opacity:.45;filter:saturate(.6)}.reveal-list .role-icon.coven{filter:invert(38%) sepia(80%) saturate(2400%) hue-rotate(340deg)}.reveal-list .role-icon.neutral{filter:invert(80%) sepia(60%) saturate(1000%) hue-rotate(2deg) brightness(1.05)}.reveal-list .role-icon.town{filter:invert(45%) sepia(90%) saturate(1500%) hue-rotate(185deg) brightness(1.1)}.reveal-list .role-icon.assassin{filter:invert(29%) sepia(74%) saturate(3000%) hue-rotate(250deg)}.reveal-list .seatmate{display:grid;grid-template-columns:90px 1fr 90px}.reveal-list .seatmate .role-icon{justify-self:start}.reveal-list .name{grid-column:2;justify-self:center;text-align:center;flex:initial}.reveal-list .role-label{grid-column:3;justify-self:end}.reveal-list .name.coven{color:#ff6a6a}.reveal-list .name.neutral{color:#ffd23f}.reveal-list .name.town{color:#7fc0ff}.reveal-list .name.assassin{color:#b98aff}.reveal-list .seatmate.coven{border-color:#7d2b2b}.reveal-list .seatmate.neutral{border-color:#8a6d1f}.reveal-list .seatmate.town{border-color:#2b5b7d}.reveal-list .seatmate.assassin{border-color:#5b3b8a}.seatmate.is-dead .role-icon.coven{filter:invert(38%) sepia(80%) saturate(1000%) hue-rotate(340deg) brightness(.75)}.seatmate.is-dead .role-icon.neutral{filter:invert(60%) sepia(90%) saturate(700%) hue-rotate(1deg) brightness(.8)}.seatmate.is-dead .role-icon.town{filter:invert(45%) sepia(90%) saturate(600%) hue-rotate(185deg) brightness(.75)}.seatmate.is-dead .role-icon.assassin{filter:invert(29%) sepia(74%) saturate(1200%) hue-rotate(250deg) brightness(.75)}.roomcode{font-size:2rem;font-weight:800;font-style:italic;letter-spacing:.18em;color:#febc2e;text-align:center}.roomcode-row{display:flex;align-items:center;justify-content:center;gap:12px}.roomcode-copy{width:34px;height:34px}.roomcode-copy svg{width:16px;height:16px}.lobby-card-actions{gap:10px}.lobby-card-actions .btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px}.lobby-card-actions .btn-ghost svg,.lobby-card-actions .btn-ghost .btn-icon{width:16px;height:16px;flex:none;filter:brightness(0) invert(1)}.list{display:flex;flex-direction:column;gap:8px}.list.two-col{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,auto);grid-auto-flow:column;gap:8px 14px}.seatmate.empty{border-style:dashed;opacity:.35}.player{display:flex;align-items:center;gap:10px;padding:11px 13px;background:var(--bg-soft);border:1px solid var(--line);border-radius:0}.player.is-dead{opacity:.45}.player .name{font-weight:600}.dot{width:8px;height:8px;border-radius:50%;background:#4a4a4a;flex:none}.dot.on{background:#fff;box-shadow:0 0 8px #fffc}.tables{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width: 480px){.tables{grid-template-columns:repeat(4,1fr)}}.table-btn{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--bg-soft);border:2px solid var(--line);font-size:1.6rem;filter:grayscale(1)}.table-btn small{font-size:.75rem;color:var(--ink-dim);font-weight:600}.table-btn.selected{border-color:#fff;background:#ffffff1f}.choice{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;background:var(--bg-soft);border:1px solid var(--line)}.choice.selected{border-color:#fff;background:#ffffff1f}.choice.selected.harm{border:1px dashed #ffffff;background:#ffffff2e}.witch-panel{border-color:var(--witch);box-shadow:0 0 0 1px #ffffff24}.witch-panel h2{color:#fff}.chat{display:flex;flex-direction:column;gap:6px;max-height:210px;overflow-y:auto;padding:8px;background:var(--bg-soft);border-radius:0;border:1px solid var(--line)}.chat .msg{font-size:.9rem}.chat .msg b{color:#fff}.secret{background:#ffffff12;border:1px dashed var(--witch);border-radius:0;padding:12px;font-size:.92rem}.secret.good{border-style:solid;border-color:var(--good)}.role-card{text-align:center;padding:32px 20px;gap:10px}.role-icon,.role-art{filter:invert(1) grayscale(1);object-fit:contain;flex:none}.role-icon{width:22px;height:22px;opacity:.85}.role-icon.tiny{width:13px;height:13px;vertical-align:-2px;margin-right:5px}.role-label-group{display:inline-flex;align-items:center;gap:5px;flex:none}.role-label-group .role-icon.tiny{width:16px;height:16px;margin-right:0}.pill.you{display:inline-flex;align-items:center}.pill.you .role-icon.tiny{filter:none}.role-art{width:84px;height:84px;align-self:center}.role-art.placeholder{filter:none;border:1px dashed var(--line)}.shell,.intro{animation:scene-in .9s ease-out both}.intro-role{animation:scene-in 1.6s ease-out both}.ambient{animation:scene-in 1.2s ease-out both}.phase-dip{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#000;pointer-events:none;animation:dip-out .9s ease-out both}@keyframes dip-out{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes scene-in{0%{opacity:0}to{opacity:1}}.night-scene{position:relative;display:flex;flex-direction:column;flex:1;gap:16px}.night-head{display:flex;align-items:baseline;justify-content:center;gap:14px}.night-head h1{font-style:italic;font-weight:800;font-size:clamp(1.6rem,5vw,2.4rem);letter-spacing:.1em;text-transform:uppercase}.seats{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.seat{position:absolute;top:49.5%;width:190px;padding:14px 12px;background:#120e288c;border:1px solid #4a3f8f;border-radius:10px;color:#b7b3d6;font-size:.82rem;letter-spacing:.18em;pointer-events:auto}.seat:hover:not(.selected){background:#241f52;border-color:#7d6fd6;color:#fff}.seat:nth-of-type(1){left:22%;transform:translate(-50%)}.seat:nth-of-type(2){left:78%;transform:translate(-50%)}.seat.selected{background:#3a3380;color:#c9c2f0;border-color:#7d6fd6}.seat small{display:block;margin-top:4px;font-size:.68rem;letter-spacing:.12em;opacity:.75}.shell[data-phase=night] .leave-corner,.shell[data-phase=night] .roles-corner,.shell[data-phase=night] .sound-toggle{background:#120e28;border:1px solid #4a3f8f;border-radius:10px;opacity:1;color:#b7b3d6}.shell[data-phase=night] .leave-corner:hover,.shell[data-phase=night] .roles-corner:hover,.shell[data-phase=night] .sound-toggle:hover{border-color:#7d6fd6;background:#1a1440;color:#fff}.shell[data-phase=night] .leave-corner img{filter:invert(76%) sepia(11%) saturate(946%) hue-rotate(210deg) brightness(96%)}.shell[data-phase=night] .card{background:#120e28;border:1px solid #332a63;border-radius:18px;-webkit-backdrop-filter:none;backdrop-filter:none}.shell[data-phase=night] .card:before{display:none}.shell[data-phase=night] .seatmate{background:#00000040;border:1px solid #332a63;border-radius:10px;color:#b7b3d6}.shell[data-phase=night] .seatmate.ally,.shell[data-phase=night] .seatmate.coven{border-color:#7d2b2b}.shell[data-phase=night] .seatmate.neutral{border-color:#8a6d1f}.shell[data-phase=night] .seatmate.town{border-color:#2b5b7d}.shell[data-phase=night] .seatmate.assassin{border-color:#5b3b8a}.shell[data-phase=night] .seatmate.town-flag{border-color:#2b5b7d}.shell[data-phase=night] .seatmate.neutral-flag{border-color:#8a6d1f}.shell[data-phase=night] .seatmate.assassin-flag{border-color:#5b3b8a}.shell[data-phase=night] .seatmate .name{font-family:var(--display);font-style:italic;font-weight:700;text-shadow:none}.shell[data-phase=night] .card h2,.shell[data-phase=night] .btn-primary,.shell[data-phase=night] .btn-skip,.shell[data-phase=night] .btn-poison,.shell[data-phase=night] .btn-kill,.shell[data-phase=night] .role-pill{font-family:IM Fell English,Georgia,serif}.shell[data-phase=night] .btn-skip{padding:14px 16px;font-size:.88rem}.shell[data-phase=night] .btn-primary{border-radius:10px}.shell[data-phase=day] .leave-corner,.shell[data-phase=day] .roles-corner,.shell[data-phase=day] .sound-toggle{background:#0f1d30;border:1px solid #2a4566;border-radius:10px;opacity:1;color:#b9c9e0}.shell[data-phase=day] .leave-corner:hover,.shell[data-phase=day] .roles-corner:hover,.shell[data-phase=day] .sound-toggle:hover{border-color:#4a6f9e;background:#16283f;color:#fff}.shell[data-phase=day] .leave-corner img{filter:invert(80%) sepia(15%) saturate(500%) hue-rotate(180deg) brightness(105%)}.shell[data-phase=day] .card{background:#0b2f30;border:1px solid #1f7a76;border-radius:18px;-webkit-backdrop-filter:none;backdrop-filter:none}.shell[data-phase=day] .roles-table{background:#0b2f30;border:1px solid #1f7a76;border-radius:10px}.shell[data-phase=day] .card:before{display:none}.shell[data-phase=day] .seatmate,.shell[data-phase=day] .slot{background:#00000040;border:none;border-radius:10px;color:#fff}.shell[data-phase=day] .seatmate .name,.shell[data-phase=day] .slot .name{font-family:var(--display);font-style:italic;font-weight:700;text-shadow:none}.shell[data-phase=day] .pill:not(.role-pill):not(.you){background:#00000040;border:1px solid #1f7a76;border-radius:999px;color:#fff}.shell[data-phase=day] .pill.bare:not(.role-pill):not(.you){background:none;border:none;padding:0}.shell[data-phase=day] .role-pill,.shell[data-phase=day] .pill.you{border-radius:10px}.shell[data-phase=day] .card button:not(.btn-primary):not(.btn-skip):not(.btn-vote):not(.btn-investigate){background:#00000040;border:1px solid #1f7a76;border-radius:10px;color:#fff}.shell[data-phase=day] .card button:not(.btn-primary):not(.btn-skip):not(.btn-vote):not(.btn-investigate):hover:not(:disabled){border-color:#3ba99d;color:#fff;background:#0006}.shell[data-phase=day] .btn-skip{border-radius:10px;background:#2a1010;border-color:#6b2f2f;color:#d18a8a}.shell[data-phase=day] .btn-skip:hover{border-color:#8a3a3a;background:#331313;color:#e8b0b0}.shell[data-phase=day] .btn-skip-icon{filter:invert(60%) sepia(20%) saturate(800%) hue-rotate(320deg) brightness(.9)}.shell[data-phase=day] .btn-investigate{background:none;border:none}.shell[data-phase=day] .tally{color:#d4fbf6}.shell[data-phase=day] .card h2,.shell[data-phase=day] .btn-primary,.shell[data-phase=day] .btn-skip,.shell[data-phase=day] .card button:not(.btn-primary):not(.btn-skip),.shell[data-phase=day] .role-pill,.shell[data-phase=day] .role-label{font-family:IM Fell English,Georgia,serif}.shell[data-phase=day] .btn-primary{background:#0f766e;border:1px solid #3ba99d;color:#d4fbf6;border-radius:10px}.shell[data-phase=day] .btn-primary:hover:not(:disabled){background:#14958a;color:#fff}.shell[data-phase=day] .btn-primary:disabled{background:#0a3230;border-color:#1f5654;color:#5c8b87}.night-foot{text-align:center;letter-spacing:.18em;text-transform:uppercase;font-size:.85rem;font-weight:700;color:var(--ink);text-shadow:0 2px 14px #000,0 0 20px rgba(0,0,0,.9)}.night-scene .footer-actions{margin-top:0;margin-bottom:6vh}.ghost-tables{margin:auto 0;display:grid;grid-template-columns:1fr;gap:16px;width:min(860px,100%);align-self:center}@media (min-width: 760px){.ghost-tables{grid-template-columns:1fr 1fr}}.ghost-tables .seatmate.coven{border-color:#7d2b2b}.ghost-tables .seatmate.neutral{border-color:#8a6d1f}.ghost-tables .seatmate.town{border-color:#2b5b7d}.ghost-tables .seatmate.assassin{border-color:#5b3b8a}.ghost-tables .name.coven{color:#ff6a6a}.ghost-tables .name.neutral{color:#ffd23f}.ghost-tables .name.town{color:#7fc0ff}.ghost-tables .name.assassin{color:#b98aff}.ghost-tables .role-icon.coven{filter:invert(38%) sepia(80%) saturate(2400%) hue-rotate(340deg)}.ghost-tables .role-icon.neutral{filter:invert(80%) sepia(60%) saturate(1000%) hue-rotate(2deg) brightness(1.05)}.ghost-tables .role-icon.town{filter:invert(45%) sepia(90%) saturate(1500%) hue-rotate(185deg) brightness(1.1)}.ghost-tables .role-icon.assassin{filter:invert(29%) sepia(74%) saturate(3000%) hue-rotate(250deg)}.role-label{font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.role-label.coven{color:#ff6a6a}.role-label.neutral{color:#ffd23f}.role-label.town{color:#7fc0ff}.role-label.assassin{color:#b98aff}.table-view{margin:auto 0;display:flex;flex-direction:column;gap:14px;width:min(520px,100%);align-self:center}.table-view.wide{width:min(760px,100%)}.day-view{margin-top:24px;margin-bottom:auto;display:flex;flex-direction:column;gap:14px;width:min(560px,100%);align-self:center}.day-head{padding:0 56px;display:flex;align-items:baseline;justify-content:center}.day-head h1{font-style:italic;font-weight:800;font-size:clamp(1.6rem,5vw,2.4rem);letter-spacing:.1em;text-transform:uppercase}.day-alive{align-self:flex-end}.table-number{font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:1rem;color:#fff;margin-bottom:12px}.seatmate{display:flex;align-items:center;gap:10px;min-height:46px;padding:11px 13px;border:1px solid var(--line)}.seatmate .name{font-weight:600;letter-spacing:.04em}.seatmate.ally{border-color:#7d2b2b}.seatmate.ally .name{color:#ff6a6a}.seatmate.ally .role-icon{filter:invert(38%) sepia(80%) saturate(2400%) hue-rotate(340deg)}.seatmate.town-flag{border-color:#2b5b7d}.seatmate.town-flag .name{color:#7fc0ff}.seatmate.town-flag .role-icon{filter:invert(45%) sepia(90%) saturate(1500%) hue-rotate(185deg) brightness(1.1)}.seatmate.neutral-flag{border-color:#8a6d1f}.seatmate.neutral-flag .name{color:#ffd23f}.seatmate.neutral-flag .role-icon{filter:invert(80%) sepia(60%) saturate(1000%) hue-rotate(2deg) brightness(1.05)}.seatmate.assassin-flag{border-color:#5b3b8a}.seatmate.assassin-flag .name{color:#b98aff}.seatmate.assassin-flag .role-icon{filter:invert(29%) sepia(74%) saturate(3000%) hue-rotate(250deg)}.day-fade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;background:#000;opacity:0;pointer-events:none;transition:opacity 1.1s ease}.day-fade.on{opacity:1}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;display:flex;align-items:center;justify-content:center;padding:24px;background:#110629}.intro-line{position:relative;max-width:22ch;text-align:center;font-style:italic;font-weight:700;font-size:clamp(1.2rem,3.6vw,2rem);line-height:1.7;letter-spacing:.06em;text-transform:uppercase;color:#fff;filter:blur(.5px);text-shadow:-1.6px 0 0 rgba(255,0,0,.45),1.6px 0 0 rgba(0,200,255,.4),0 0 22px rgba(255,255,255,.35)}.role-hero{width:min(180px,42vw);height:min(180px,42vw);align-self:center;object-fit:contain;filter:invert(1) grayscale(1) drop-shadow(0 0 26px rgba(255,255,255,.35))}.role-hero.coven{filter:invert(38%) sepia(80%) saturate(2400%) hue-rotate(340deg) drop-shadow(0 0 26px rgba(255,106,106,.4))}.role-hero.town{filter:invert(45%) sepia(90%) saturate(1500%) hue-rotate(185deg) brightness(1.1) drop-shadow(0 0 26px rgba(127,192,255,.4))}.role-hero.neutral{filter:invert(80%) sepia(60%) saturate(1000%) hue-rotate(2deg) brightness(1.05) drop-shadow(0 0 26px rgba(255,210,63,.4))}.role-hero.assassin{filter:invert(29%) sepia(74%) saturate(3000%) hue-rotate(250deg) drop-shadow(0 0 26px rgba(184,138,255,.4))}.intro-role{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.intro-role .kicker{font-size:.8rem;letter-spacing:.32em;text-transform:uppercase;color:#b7b3d6}.intro-role .secret{max-width:42ch}.intro-role .footer-actions{margin-top:18px;width:min(320px,80vw)}.intro-role .footer-actions .muted{color:#b7b3d6}.intro-role .nurse-intel{width:min(320px,80vw);display:flex;flex-direction:column;gap:8px;margin-top:4px}.nurse-intel .seatmate{display:grid;grid-template-columns:34px 1fr 34px;align-items:center}.nurse-intel .seatmate .role-icon{justify-self:start}.nurse-intel .seatmate .name{grid-column:2;justify-self:center;text-align:center;flex:initial}.role-name{font-style:italic;font-weight:800;font-size:clamp(2rem,7vw,3rem);letter-spacing:.08em;text-transform:uppercase}.role-name.coven{color:#ff6a6a}.role-name.town{color:#7fc0ff}.role-name.neutral{color:#ffd23f}.role-name.assassin{color:#b98aff}.reveal-list{display:flex;flex-direction:column;gap:8px;width:min(420px,82vw);margin-top:6px}.reveal-list.two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px;width:min(760px,92vw)}.reveal-list .seatmate.is-dead{opacity:.4}.reveal-list .seatmate.is-dead .name{text-decoration:line-through}.shell.wide{max-width:1820px}@media (min-width: 900px){.shell.wide{max-width:1820px}}.lobby{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}@media (min-width: 900px){.lobby{grid-template-columns:minmax(460px,1.3fr) minmax(320px,.85fr);justify-content:center}.lobby-side .card{max-width:400px}}@media (min-width: 1600px){.lobby{grid-template-columns:780px 340px}}.lobby-mid,.lobby-side{display:flex;flex-direction:column;gap:12px}.lobby-mid .footer-actions,.lobby-side .footer-actions{margin-top:0}.rules{gap:16px;max-height:calc(100dvh - 80px);overflow:hidden}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;background:#000000b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:modal-fade .15s ease}.modal-panel{width:100%;max-width:640px;max-height:calc(100dvh - 40px);animation:modal-in .18s ease}.modal-close{position:absolute;top:10px;right:10px;width:28px;height:28px;padding:0;display:grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--ink-dim)}.modal-close:hover{border-color:#ffd23f;color:#ffd23f}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.roles-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.roles-scroll::-webkit-scrollbar{width:8px}.roles-scroll::-webkit-scrollbar-track{background:transparent}.roles-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.roles-scroll::-webkit-scrollbar-thumb:hover{background:var(--ink-dim)}.gameplay{display:flex;flex-direction:column;gap:6px}.carousel-body{min-height:60px;display:flex;flex-direction:column;justify-content:center;gap:6px}.storybook-page{display:flex;flex-direction:column;gap:10px}.storybook-image-wrap{position:relative}.storybook-image{width:100%;border-radius:10px;display:block}.storybook-arrow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:#00000073}.storybook-arrow-prev{left:10px}.storybook-arrow-next{right:10px}.tips-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.tips-list li{line-height:1.5}.gameplay .muted{font-size:.9rem;line-height:1.55}.gameplay b{color:var(--ink);font-weight:700}.roles-grid{columns:3 200px;column-gap:26px}.rules h2{font-size:1.35rem}.rules h3{font-size:.95rem;letter-spacing:.16em;text-transform:uppercase}.rule{display:flex;flex-direction:column;gap:6px;break-inside:avoid;margin-bottom:18px}.rule.coven h3{color:#ff6a6a}.rule.coven .role-icon{filter:invert(38%) sepia(80%) saturate(2400%) hue-rotate(340deg)}.rule.neutral h3{color:#ffd23f}.rule.neutral .role-icon{filter:invert(80%) sepia(60%) saturate(1000%) hue-rotate(2deg) brightness(1.05)}.rule.town h3{color:#7fc0ff}.rule.town .role-icon{filter:invert(45%) sepia(90%) saturate(1500%) hue-rotate(185deg) brightness(1.1)}.rule.assassin h3{color:#b98aff}.rule.assassin .role-icon{filter:invert(29%) sepia(74%) saturate(3000%) hue-rotate(250deg)}.text-coven{color:#ff6a6a;font-weight:700;text-transform:uppercase}.text-town{color:#7fc0ff;font-weight:700;text-transform:uppercase}.text-jester{color:#ffd23f;font-weight:700;text-transform:uppercase}.text-assassin{color:#b98aff;font-weight:700;text-transform:uppercase}.shell.flat .text-coven,.shell.flat .text-town,.shell.flat .text-jester,.shell.flat .text-assassin{font-family:IM Fell English,Georgia,serif}.carousel-arrow{width:26px;height:26px;padding:0;display:grid;place-items:center;background:transparent;border:1px solid var(--line);color:var(--ink);font-size:1.1rem;line-height:1}.carousel-arrow:disabled{opacity:.3}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:4px}.carousel-dot{width:8px;height:8px;padding:0;border-radius:50%;background:var(--card-2);border:1px solid var(--line)}.carousel-dot.is-active{background:#fff;border-color:#fff}.role-group-label{margin:18px 0 10px;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}.role-group-label:first-of-type{margin-top:4px}.rules .muted{font-size:.96rem;line-height:1.6;color:#c6c6c6}.rules .role-icon{width:26px;height:26px;opacity:1}.guests-title{flex-wrap:wrap}.active-roles-row{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}.active-roles-row:before{content:":";color:var(--ink-dim);margin-right:2px}.active-roles-row .role-icon{width:22px;height:22px;opacity:.9}.slots{display:grid;grid-template-columns:1fr;gap:6px}@media (min-width: 640px){.slots{grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(6,auto)}}.slot{display:flex;align-items:center;gap:10px;min-height:36px;padding:6px 12px;background:var(--bg-soft);border:1px solid var(--line)}.slot.empty{border-style:dashed;opacity:.35}.slot.is-dead{opacity:.4}.slot.is-dead .name{text-decoration:line-through;text-decoration-thickness:1px}.slot.is-dead .mic{position:relative;opacity:.6}.slot.is-dead .mic:after{content:"";position:absolute;left:-3px;right:-3px;top:50%;height:1px;background:var(--ink-dim);transform:rotate(-30deg)}.slot .name{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot button.btn-sm{padding:6px 8px;font-size:.62rem;letter-spacing:.05em;white-space:nowrap;flex:none}.icon-btn{width:26px;height:26px;flex:none;display:grid;place-items:center;padding:0;font-size:.85rem;line-height:1;background:var(--bg-soft);border:1px solid var(--line);color:var(--ink);cursor:pointer}.icon-btn svg{width:14px;height:14px}.roll-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:0;color:var(--ink-dim);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}button.roll-btn:hover:not(:disabled){background:none;color:#ffd23f}.roll-btn img{width:15px;height:15px;filter:brightness(0) invert(1)}.roles-actions{gap:10px}.settings-btn{display:inline-flex;align-items:center;background:none;border:none;padding:0 0 0 6px;cursor:pointer}.settings-btn img{width:22px;height:22px;filter:brightness(0) invert(1);transition:transform .2s ease}.settings-btn:hover img{transform:rotate(45deg)}@media (prefers-reduced-motion: reduce){.settings-btn:hover img{transform:none}}button.settings-btn:hover:not(:disabled){background:none}.roll-btn img.is-rolling{animation:roll-shake .4s ease}@keyframes roll-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-18deg)}40%{transform:rotate(14deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(6deg)}}.shell.flat .roll-btn{color:#b7b3d6}.shell.flat button.roll-btn:hover:not(:disabled){background:none;color:#febc2e}.roles-title{gap:8px}.roles-title-icon{width:20px;height:20px;flex:none;filter:brightness(0) invert(1)}.civilian-count{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:#7fc0ff}.shell.flat .civilian-count{font-family:Lora,Georgia,serif}.icon-btn:hover{border-color:#ffd23f;color:#ffd23f}.icon-btn.danger:hover{border-color:#ff6a6a;color:#ff6a6a}.stepper{display:flex;align-items:center;gap:12px;padding:9px 12px;background:var(--bg-soft);border:1px solid var(--line);transition:box-shadow .15s ease,border-color .15s ease}.stepper-tip{position:relative}.stepper-tip:hover{box-shadow:0 0 0 1px #7d6fd6}.stepper-tip:hover .role-icon{transform:rotate(-8deg)}.stepper .role-icon{transition:transform .15s ease}.role-popover{position:absolute;width:240px;background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:12px;font-family:var(--display);z-index:30;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.stepper-tip:hover .role-popover{opacity:1}@media (hover: none){.role-popover{display:none}.stepper-tip:hover{box-shadow:none}.stepper-tip:hover .role-icon{transform:none}}@media (prefers-reduced-motion: reduce){.role-popover{transition:opacity .15s ease}}.role-popover-header{display:flex;align-items:center;gap:8px}.role-popover-header h3{flex:1;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.role-popover-header .role-icon{width:24px;height:24px}.role-popover.coven .role-popover-header h3{color:#ff6a6a}.role-popover.neutral .role-popover-header h3{color:#ffd23f}.role-popover.town .role-popover-header h3{color:#7fc0ff}.role-popover.assassin .role-popover-header h3{color:#b98aff}.role-popover-desc{margin:6px 0 0;font-size:.86rem;line-height:1.45;color:#d8d8d8}.role-popover-divider{height:1px;background:var(--line);margin:10px 0}.role-popover-heading{display:flex;align-items:center;gap:6px;margin-bottom:3px}.role-popover-icon{width:18px;height:18px;flex:none}.role-popover-icon.poison{filter:invert(56%) sepia(78%) saturate(411%) hue-rotate(83deg) brightness(96%) contrast(101%)}.role-popover-icon.red{filter:invert(38%) sepia(80%) saturate(2400%) hue-rotate(340deg)}.role-popover-heading h4{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.role-popover.coven .role-popover-heading h4{color:#ff6a6a}.role-popover.neutral .role-popover-heading h4{color:#ffd23f}.role-popover.town .role-popover-heading h4{color:#7fc0ff}.role-popover.assassin .role-popover-heading h4{color:#b98aff}.role-popover-section p{font-size:.86rem;line-height:1.45;color:#d8d8d8}.shell.flat .role-popover{background:#120e28;border-color:#332a63;font-family:Lora,Georgia,serif}.shell.flat .role-popover-divider{background:#332a63}.shell.flat .role-popover-desc,.shell.flat .role-popover-section p{color:#d7d2f5}.role-word{font-weight:700}.role-word.coven{color:#ff6a6a}.role-word.town{color:#7fc0ff}.role-word.neutral{color:#ffd23f}.role-word.assassin{color:#b98aff}@media (prefers-reduced-motion: reduce){.stepper-tip:hover .role-icon{transform:none}.roll-btn img.is-rolling{animation:none}}.stepper .name{font-size:.82rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.stepper.coven .name{color:#ff6a6a}.stepper.coven .role-icon{filter:invert(38%) sepia(80%) saturate(2400%) hue-rotate(340deg)}.stepper.neutral .name{color:#ffd23f}.stepper.neutral .role-icon{filter:invert(80%) sepia(60%) saturate(1000%) hue-rotate(2deg) brightness(1.05)}.stepper.town .name{color:#7fc0ff}.stepper.town .role-icon{filter:invert(45%) sepia(90%) saturate(1500%) hue-rotate(185deg) brightness(1.1)}.stepper.assassin .name{color:#b98aff}.stepper.assassin .role-icon{filter:invert(29%) sepia(74%) saturate(3000%) hue-rotate(250deg)}.counter-group{display:flex;align-items:center;background:#0b0b0b;border:1px solid var(--line);border-radius:999px;padding:2px}.step{width:30px;padding:6px 0;font-size:1rem;line-height:1;letter-spacing:0;background:none;border:none;border-radius:999px}.step-minus{color:#ff6a6a}.step-minus:hover:not(:disabled){background:#ff6a6a1f}.step-plus{color:#4ad07a}.step-plus:hover:not(:disabled){background:#4ad07a1f}.step-count{min-width:26px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums;color:#fff}.tally{min-width:30px;text-align:center;font-weight:800;color:#fff}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.overlay .card{max-width:380px;width:100%;text-align:center}.roles-table{position:fixed;top:60px;left:14px;z-index:6;display:flex;flex-direction:column;gap:4px;background:#120e28;border:1px solid #4a3f8f;border-radius:10px;padding:8px}.role-row{display:flex;align-items:center;gap:8px;padding:3px 6px}.role-row .role-icon{width:18px;height:18px;opacity:1;flex:none}.role-row-name{font-size:.8rem;font-weight:600;white-space:nowrap;font-family:IM Fell English,Georgia,serif}.role-row-count{font-weight:800;color:#fff;min-width:14px;text-align:right}.role-row.coven .role-row-name{color:#ff6a6a}.role-row.coven .role-icon{filter:invert(38%) sepia(80%) saturate(2400%) hue-rotate(340deg)}.role-row.neutral .role-row-name{color:#ffd23f}.role-row.neutral .role-icon{filter:invert(80%) sepia(60%) saturate(1000%) hue-rotate(2deg) brightness(1.05)}.role-row.town .role-row-name{color:#7fc0ff}.role-row.town .role-icon{filter:invert(45%) sepia(90%) saturate(1500%) hue-rotate(185deg) brightness(1.1)}.role-row.assassin .role-row-name{color:#b98aff}.role-row.assassin .role-icon{filter:invert(29%) sepia(74%) saturate(3000%) hue-rotate(250deg)}.timer{font-variant-numeric:tabular-nums;font-weight:800;font-style:italic;color:#fff}.divider{height:1px;background:var(--line)}.footer-actions{margin-top:auto;display:flex;flex-direction:column;gap:8px}.support-link{margin-top:6px;text-align:center;font-size:.8rem;color:var(--ink-dim);text-decoration:underline;text-underline-offset:.15em}.support-link:hover{color:var(--ink)}.support-links{position:fixed;right:clamp(20px,7vw,110px);bottom:calc(40px + env(safe-area-inset-bottom));z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.kofi-badge,.discord-badge,.facebook-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 0;font-weight:700;font-size:.82rem;letter-spacing:.04em;text-decoration:none;white-space:nowrap}.kofi-badge svg,.discord-badge svg,.facebook-badge svg,.kofi-badge img{width:20px;height:20px;flex:none}.kofi-badge,.discord-badge,.facebook-badge{border:none;background:none;color:#fff;transition:opacity .15s ease}.kofi-badge:hover,.discord-badge:hover,.facebook-badge:hover{opacity:.6}.kofi-badge img{border-radius:4px;filter:grayscale(1) brightness(2)}.discord-badge svg,.facebook-badge svg{color:currentColor}.splash{position:relative;width:100%;min-height:100dvh;display:flex;align-items:center;justify-content:flex-end;padding:40px clamp(20px,7vw,110px) calc(40px + env(safe-area-inset-bottom))}.splash-art{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--splash) center / cover no-repeat;z-index:-1;filter:grayscale(1) contrast(1.2) brightness(.78);border-radius:6%/5%;animation:drift 44s ease-in-out infinite alternate}.splash-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 25%,rgba(0,0,0,.74) 62%,rgba(0,0,0,.92) 100%),radial-gradient(110% 85% at 50% 40%,transparent 10%,rgba(0,0,0,.82) 100%)}@keyframes drift{0%{transform:scale(1.05) translate3d(-.7%,-.5%,0)}to{transform:scale(1.11) translate3d(.7%,.5%,0)}}.splash-content{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:22px;width:min(440px,100%)}.splash-title{font-family:var(--display);font-style:italic;font-weight:800;font-size:clamp(2.1rem,6.4vw,3.4rem);line-height:1.05;letter-spacing:.01em;text-transform:uppercase;text-decoration:underline;text-underline-offset:.16em;text-decoration-thickness:.055em;color:#fff;filter:blur(.75px);text-shadow:-2px 0 0 rgba(255,0,0,.5),2px 0 0 rgba(0,200,255,.45),0 -1.4px 0 rgba(0,255,0,.28),0 0 18px rgba(255,255,255,.45),0 2px 26px rgba(0,0,0,.95)}.splash-tagline{margin-top:-12px;font-size:clamp(.82rem,2.6vw,.95rem);font-weight:600;line-height:1.75;letter-spacing:.13em;text-transform:uppercase;color:#c4c4c4;filter:blur(.3px);text-shadow:-.9px 0 0 rgba(255,0,0,.32),.9px 0 0 rgba(0,200,255,.3),0 0 10px rgba(255,255,255,.25),0 2px 14px rgba(0,0,0,.95)}.menu{display:flex;flex-direction:column;align-items:flex-end;gap:2px;width:100%}.menu-item{background:none;border:none;padding:7px 0;font-family:var(--display);font-style:italic;font-weight:700;font-size:clamp(1.15rem,3.4vw,1.45rem);letter-spacing:.02em;text-transform:uppercase;color:#e4e4e4;filter:blur(.5px);text-shadow:-1.3px 0 0 rgba(255,0,0,.42),1.3px 0 0 rgba(0,200,255,.38),0 0 12px rgba(255,255,255,.32),0 2px 16px rgba(0,0,0,.95)}.menu-item:hover:not(:disabled),.menu-item:focus-visible{outline:none;color:#fff;filter:blur(.15px);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:.06em}.menu-item:disabled{color:#5e5e5e;text-shadow:none;filter:blur(.5px)}.menu-hint{min-height:3.2em;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);line-height:1.6}.splash-panel{position:relative;width:min(300px,100%);display:flex;flex-direction:column;gap:6px;text-align:left;background:#080808e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px 14px}.splash-panel label{font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}.splash-panel input,.splash-panel button{padding:9px 14px}.splash-panel label:not(:first-child){margin-top:4px}.splash-note{font-size:.82rem;line-height:1.6;color:var(--ink-dim);text-shadow:0 1px 10px rgba(0,0,0,.9),0 0 2px rgba(255,255,255,.45)}.splash-note.bad{color:#f0f0f0}.splash.flat{justify-content:center;align-items:flex-start;padding-top:clamp(90px,20vh,220px);background:#110629 url(/art/menu-bg.png) center center / cover no-repeat;font-family:IM Fell English,Georgia,serif}.splash.flat .splash-content{align-items:center;text-align:center;width:min(460px,100%);gap:28px}.splash.flat .splash-title{font-family:IM Fell English,Georgia,serif;font-style:normal;text-transform:none;text-decoration:none;filter:none;white-space:nowrap;text-shadow:0 2px 12px rgba(0,0,0,.85);color:#fff;font-size:clamp(2.2rem,6vw,3.6rem)}.splash.flat .menu{gap:12px;align-items:center;width:100%}.splash.flat .menu-item{font-family:IM Fell English,Georgia,serif;filter:none;text-shadow:none;font-style:normal;text-transform:none;letter-spacing:.01em;font-size:1.25rem;font-weight:700;color:#fff;background:none;border:none;border-radius:0;padding:8px 4px;transition:transform .12s ease,color .12s ease}.splash.flat .menu-item:hover:not(:disabled),.splash.flat .menu-item:focus-visible{text-decoration:underline;filter:none;color:#d8d8d8;background:none;transform:translateY(-1px)}.splash.flat .menu-item:disabled{color:#6a6a6a}.splash.flat .menu-item[data-variant=ghost]{background:none;border:none;color:#7d9cce;opacity:.75;padding:8px 4px}.splash.flat .menu-item[data-variant=ghost]:hover:not(:disabled){background:none;color:#a8bfe0;opacity:1}.splash.flat .menu-hint{display:none}.splash.flat p:not(.menu-hint){font-family:Lora,Georgia,serif}.splash.flat .splash-panel{background:#241f52;border:1px solid #4a3f8f;border-radius:18px;width:min(340px,100%)}.splash.flat .splash-panel:before{display:none}.splash.flat .splash-panel label{font-family:IM Fell English,Georgia,serif;color:#fff}.splash.flat .splash-panel input{font-family:var(--display);font-style:italic;font-weight:700;background:#00000038;border:1px solid #4a3f8f;border-radius:10px;color:#fff}.splash.flat .splash-panel input#nick{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a89be0'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0 2c-4.4 0-8 2.2-8 5v1a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-1c0-2.8-3.6-5-8-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px center;background-size:16px;padding-left:38px}.splash.flat .splash-panel input:focus{border-color:#7d6fd6;background-color:#0000004d}.splash.flat .btn-primary{font-family:IM Fell English,Georgia,serif;background:#3a3380;border:1px solid #4a3f8f;border-radius:10px;color:#c9c2f0}.splash.flat .btn-primary:hover:not(:disabled){background:#453c96;color:#e4dffa}.splash.flat .btn-primary:disabled{background:#29255a;border-color:#322d5c;color:#5c5590}.splash.flat .btn-ghost{font-family:IM Fell English,Georgia,serif;background:transparent;border:1px solid #4a3f8f;border-radius:10px;color:#b7b3d6}.splash.flat .btn-ghost:hover:not(:disabled){border-color:#6a63a8;color:#fff;background:none}.splash.flat .splash-note.bad{color:#ff9284;text-shadow:none}.splash.flat .sound-toggle.flat{background:#241f52;border:1px solid #4a3f8f;border-radius:14px}.splash.flat .sound-toggle.flat:hover{border-color:#7d6fd6}.app-version{position:fixed;top:calc(16px + env(safe-area-inset-top));right:16px;z-index:5;font-family:Lora,Georgia,serif;font-variant-numeric:lining-nums;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#b7b3d6;pointer-events:none}.splash.flat .support-links{gap:0;bottom:16px;right:16px}.splash.flat .kofi-badge,.splash.flat .discord-badge,.splash.flat .facebook-badge{font-size:.74rem}.shell.flat{background:#110629;font-family:IM Fell English,Georgia,serif;text-shadow:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.shell.flat h1,.shell.flat h2,.shell.flat h3{font-family:IM Fell English,Georgia,serif}.shell.flat .muted,.shell.flat .notice-text,.shell.flat p{font-family:Lora,Georgia,serif}.shell.flat .muted,.shell[data-phase=night] .muted,.shell[data-phase=day] .muted{color:#b7b3d6}.shell[data-phase=day] .cannot-vote{color:#fff}.shell.flat .card{background:#120e28;border:1px solid #332a63;border-radius:18px}.shell.flat .card:before{display:none}.shell.flat .card-bg-1,.shell.flat .card-bg-2{background-blend-mode:normal;background-repeat:no-repeat;background-size:cover;background-position:center}.shell.flat .card-bg-1{background-image:linear-gradient(#0a061a59,#0a061a8c),url(/art/card-bg-1.webp)}.shell.flat .card-bg-2{background-image:linear-gradient(#0a061a59,#0a061a8c),url(/art/card-bg-2.webp)}.shell.flat .stepper,.shell.flat .slot{background:#ffffff0a}.shell.flat .step,.shell.flat .icon-btn,.shell.flat .carousel-arrow,.shell.flat .carousel-dot{border-color:#332a63}.shell.flat .pill,.shell.flat .step-count{font-family:Lora,Georgia,serif}.shell.flat .btn-primary{background:#3a3380;border:1px solid #4a3f8f;border-radius:10px;color:#c9c2f0}.shell.flat .btn-primary:hover:not(:disabled){background:#453c96;color:#e4dffa}.shell.flat .btn-primary:disabled{background:#29255a;border-color:#322d5c;color:#b7b3d6}.shell.flat .btn-ghost{background:transparent;border:1px solid #4a3f8f;border-radius:10px;color:#b7b3d6}.shell.flat .btn-ghost:hover:not(:disabled){border-color:#7d6fd6;color:#fff;background:none}.shell.flat .btn-leave{border-color:#7d2b2b;color:#ff9284;border-radius:10px}.shell.flat .btn-leave:hover{border-color:#ff6152;background:#ff61521a}.shell.flat .notice h2{color:#febc2e;font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase}.shell.flat .waiting-box{border:1px solid #4a3f8f;border-radius:10px;background:transparent;color:#b7b3d6;font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.shell.flat .pill{background:#00000040;color:#b7b3d6}.shell.flat .pill.host{color:#b7b3d6;border-color:#7d6fd6}.shell.flat .roomcode-label,.shell.flat .role-group-label{color:#b7b3d6}.shell.flat .pill.bare{background:none;border:none;padding:0}.shell.flat .pill.table-found{color:#fff;font-family:IM Fell English,Georgia,serif}.vote-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.vote-header-icon{width:44px;height:44px;flex:none;filter:invert(56%) sepia(90%) saturate(1200%) hue-rotate(1deg) brightness(105%) drop-shadow(0 0 6px rgba(255,140,26,.4))}.vote-header-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.vote-header-text h2{margin:0}.table-reminder{font-size:.8rem;color:#b7b3d6;white-space:nowrap}.vote-progress{display:flex;flex-direction:column;align-items:center;gap:6px}.vote-count{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#e6e3f7;border:1px solid #4a3f8f;border-radius:999px;padding:5px 12px;background:#00000040;white-space:nowrap}.vote-dots{display:flex;gap:6px}.vote-dot{width:10px;height:10px;border-radius:50%;background:#ffffff1f}.vote-dot.on{background:#ff9a3c;box-shadow:0 0 6px #ff8c1a99}.dead-x{width:22px;height:22px;flex:none;color:#e04a4a}.slot.is-dead{opacity:.7}.slot.is-dead .name{text-decoration:none;opacity:.8}.shell.flat .pill.you{background:#7d9cce;border-color:#7d9cce;color:#12102b}.shell.flat .icon-btn{background:#00000040;border:1px solid #4a3f8f;border-radius:8px;color:#b7b3d6}.shell.flat .icon-btn:hover{border-color:#febc2e;color:#febc2e}.shell.flat .icon-btn.danger:hover{border-color:#ff6152;color:#ff6152}.shell.flat .modal-close{background:#00000040;border-color:#4a3f8f;color:#b7b3d6}.shell.flat .modal-close:hover{border-color:#febc2e;color:#febc2e}.shell.flat .stepper{background:#00000038;border:1px solid #332a63;border-radius:10px}.shell.flat .counter-group{background:#0000004d;border:1px solid #332a63}.shell.flat .step{background:none;border:none}.shell.flat .roomcode{color:#febc2e;font-family:var(--display)}.shell.flat .divider{background:#4a3f8f;opacity:.5}.shell.flat .carousel-arrow{background:#00000040;border:1px solid #4a3f8f;border-radius:6px;color:#b7b3d6}.shell.flat .storybook-arrow{border-radius:50%}.shell.flat .carousel-dot{border:1px solid #4a3f8f;background:#00000040}.shell.flat .carousel-dot.is-active{background:#7d9cce;border-color:#7d9cce}.shell.flat .slot{background:#00000038;border:1px solid #332a63;border-radius:10px}.shell.flat .slot.empty{opacity:1;border-style:dashed;background:#0e0b1f}.shell.flat .slot .name{font-family:var(--display);font-weight:700;font-style:italic}.shell.flat .seatmate{background:#00000038;border-radius:10px}.shell.flat .seatmate .name{font-family:var(--display);font-weight:700;font-style:italic}.shell.flat .role-pill{border-radius:999px}.shell.flat .notice-icon{color:#febc2e}.shell.flat .sound-toggle{background:#120e28;border:1px solid #4a3f8f;border-radius:14px}.shell.flat .sound-toggle:hover{border-color:#7d6fd6}.shell.flat .roles-scroll{scrollbar-color:#b9a6f0 transparent}.shell.flat .roles-scroll::-webkit-scrollbar-thumb{background:#b9a6f0}.shell.flat .roles-scroll::-webkit-scrollbar-thumb:hover{background:#d4c8f5}@media (max-width: 720px){.splash{justify-content:center;padding-inline:20px}.splash-content{align-items:center;text-align:center}.menu{align-items:center}.splash-art:after{background:linear-gradient(180deg,transparent 8%,rgba(0,0,0,.84) 45%,rgba(0,0,0,.94) 100%)}.support-links{right:auto;left:50%;transform:translate(-50%);align-items:center}}@media (prefers-reduced-motion: reduce){.menu-item,.menu-item:hover,.splash-art,.tube,.tube:after,.static{animation:none}}.shell[data-phase=day] .btn-vote{background:none;border:none;padding:0;display:inline-flex;align-items:center}.btn-vote-icon{width:22px;height:22px}.shell[data-phase=day] .btn-vote .btn-vote-icon{transition:filter .15s ease,transform .15s ease;filter:invert(21%) sepia(48%) saturate(1200%) hue-rotate(340deg) brightness(75%)}.shell[data-phase=day] .btn-vote:hover .btn-vote-icon{transform:scale(1.1)}.shell[data-phase=day] .btn-vote.is-active .btn-vote-icon{filter:invert(56%) sepia(90%) saturate(1200%) hue-rotate(1deg) brightness(105%) contrast(105%) drop-shadow(0 0 5px rgba(255,140,26,.7))}.btn-primary .btn-vote-icon{width:15px;height:15px;vertical-align:-2px;margin-left:6px;filter:brightness(0) invert(1)}@media (prefers-reduced-motion: reduce){.shell[data-phase=day] .btn-vote:hover .btn-vote-icon{transform:none}}.shell[data-phase=night] .seat{width:230px;white-space:nowrap}.shell[data-phase=night] .seat.selected,.shell[data-phase=night] .seat.selected:hover{background:linear-gradient(#ffd23f0d,#ffd23f0d),#080614d9;border-color:#ffd23f;color:#ffd23f}@media (max-width: 640px){.shell[data-phase=night] .seat{width:min(230px,78vw);left:50%}.shell[data-phase=night] .seat:nth-of-type(1){top:40%}.shell[data-phase=night] .seat:nth-of-type(2){top:50%}}@media (max-width: 640px){.shell[data-phase=night] .seatmate .btn-sm{padding:4px 8px;font-size:.62rem;letter-spacing:.05em;border-radius:8px;flex:none}}@media (max-width: 640px){.shell[data-phase=night] .card .list.two-col{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}.shell[data-phase=night] .card .seatmate.empty{display:none}.shell[data-phase=night] .card .seatmate button.btn-sm{padding:4px 10px;font-size:.6rem;letter-spacing:.05em;border-radius:8px;min-height:0;line-height:1.2}}@media (max-width: 640px){.shell[data-phase=night] .card .list{gap:6px}.shell[data-phase=night] .card .seatmate{min-height:38px;padding-top:4px;padding-bottom:4px}}@media (max-width: 640px){.reveal-list.two-col{grid-template-columns:1fr;width:min(420px,92vw)}}.shell.flat .error{background:#00000038;border:1px solid #332a63;border-radius:10px;color:#b7b3d6;font-family:Lora,Georgia,serif}body:has(.shell.flat){background:#110629}body:has(.shell.flat):after{display:none}.shell[data-phase=day] .card.vote-card{background:#0f1d30;border:1px solid #2a4566;box-shadow:0 0 0 3px #0f1d30e6,0 0 0 4px #2a4566,0 12px 30px #00000080}.shell[data-phase=day] .vote-card .slot{background:#13243a;border:1px solid #243d5a;border-radius:12px}.shell[data-phase=day] .vote-card .vote-count{border-color:#2f4a6e;background:#13243a}.shell[data-phase=day] .vote-card .vote-dot{background:#1d3350}.shell[data-phase=day] .vote-card .vote-dot.on{background:#ff9a3c}.shell[data-phase=day] .vote-card .role-label-group{background:#14304a;border:1px solid #1f4a72;border-radius:8px;padding:5px 10px}.shell[data-phase=day] .vote-card .btn-vote{background:#3a1722;border:1px solid #6b2a38;border-radius:10px;width:38px;height:38px;justify-content:center;padding:0}.shell[data-phase=day] .vote-card .btn-vote:hover:not(:disabled){background:#4a1c2a;border-color:#8a3646}.shell[data-phase=day] .vote-card .btn-vote.is-active{background:#5a2030;border-color:#ff9a3c}.shell[data-phase=day] .vote-card .vote-skip{flex:2;background:#16263d;border:1px solid #28405f;color:#7f93b3;border-radius:12px}.shell[data-phase=day] .vote-card .vote-skip:hover:not(:disabled){background:#1b2f4a;border-color:#36527a;color:#a9bad4}.shell[data-phase=day] .vote-card .vote-skip .btn-skip-icon{filter:invert(55%) sepia(15%) saturate(600%) hue-rotate(180deg) brightness(.9)}.shell[data-phase=day] .vote-card .vote-submit{flex:3;background:#4a1822;border:1px solid #7a2a38;color:#f2c9ce;border-radius:12px}.shell[data-phase=day] .vote-card .vote-submit:hover:not(:disabled){background:#5c1e2b;border-color:#9a3646;color:#fff}.shell[data-phase=day] .vote-card .vote-submit:disabled{background:#2a141c;border-color:#4a2330;color:#8a6a70}.shell[data-phase=day] .vote-card .table-reminder{color:#fff;opacity:.85}.shell[data-phase=day] .vote-card .role-label-group{background:none;border:none;padding:0;margin-right:10px}.shell[data-phase=day] .vote-card .vote-count{background:#182b44;border:none;border-radius:10px;padding:6px 14px;font-weight:700;letter-spacing:.06em;color:#e6ecf7}.shell[data-phase=day] .vote-card .vote-progress{align-items:flex-end}.shell[data-phase=day] .vote-card .vote-dot{background:#1a2d47}.shell[data-phase=day] .vote-card .vote-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px}.shell[data-phase=day] .vote-card .vote-submit .btn-vote-icon{width:18px;height:18px;margin:0;vertical-align:0;filter:invert(48%) sepia(70%) saturate(1800%) hue-rotate(335deg) brightness(105%)}.shell[data-phase=day] .result-card .vote-submit{flex:none}.shell[data-phase=night] .leave-corner,.shell[data-phase=night] .roles-corner,.shell[data-phase=night] .sound-toggle{background:#0b1340;border-color:#2a409a;color:#b4c2f2}.shell[data-phase=night] .leave-corner:hover,.shell[data-phase=night] .roles-corner:hover,.shell[data-phase=night] .sound-toggle:hover{border-color:#4a64c8;background:#142068;color:#fff}.shell[data-phase=night] .leave-corner img{filter:invert(80%) sepia(20%) saturate(700%) hue-rotate(195deg) brightness(105%)}.shell[data-phase=night] .card{background:#0b1340;border:1px solid #2a409a;box-shadow:0 0 0 3px #0b1340e6,0 0 0 4px #2a409a,0 12px 30px #00000080}.shell[data-phase=night] .seatmate{background:#101a52;border-color:#27398a}.shell[data-phase=night] .seat{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#0b1340;border:1px solid #2a409a;color:#b4c2f2}.shell[data-phase=night] .seat:hover:not(.selected){background:#142068;border-color:#4a64c8;color:#fff}.seat-icon{width:22px;height:22px;flex:none}.shell[data-phase=night] .btn-primary{background:#1b2f78;border:1px solid #3f5bc4;color:#dfe7ff}.shell[data-phase=night] .btn-primary:hover:not(:disabled){background:#243d94;border-color:#4a64c8;color:#fff}.shell[data-phase=night] .btn-primary:disabled{background:#0d1544;border-color:#222f78;color:#6372b0}.shell[data-phase=night] .seat.selected .seat-icon{filter:sepia(1) saturate(6) hue-rotate(2deg) brightness(1.15)}.shell[data-phase=day] .vote-card .cannot-vote{font:inherit;font-size:.8rem;color:#fff;opacity:.85;letter-spacing:normal;text-transform:none}.shell[data-phase=night] .muted,.shell[data-phase=night] .night-foot,.shell[data-phase=night] .seatmate,.shell[data-phase=night] .seatmate .name,.shell[data-phase=night] .roomcode-label{color:#b4c2f2}.shell[data-phase=day] .roles-table{background:#0f1d30;border-color:#2a4566}.shell[data-phase=night] .roles-table{background:#0b1340;border-color:#2a409a}.settings{display:flex;flex-direction:column;gap:14px}.settings h2{margin:0}.settings-tabs{display:flex;gap:8px}.settings-tab{flex:1;padding:10px 14px;border-radius:10px;background:none;border:1px solid #332a63;color:#b7b3d6}.settings-tab.active{background:#241f52;border-color:#7d6fd6;color:#fff}.settings-body{display:flex;flex-direction:column;gap:12px}.setting-row{display:flex;align-items:center;gap:14px}.setting-label{flex:1;font-size:.92rem}.setting-value{width:2.2em;text-align:right;font-variant-numeric:tabular-nums;color:#b7b3d6}.setting-row input[type=range]{flex:1.4;accent-color:#7d6fd6}.setting-note{font-size:.82rem;margin:0}.cycler{display:inline-flex;align-items:center;gap:4px;border:1px solid #332a63;border-radius:10px;padding:2px}.cycler span{min-width:7.5em;text-align:center}.cycler button{background:none;border:none;width:30px;height:30px;padding:0;font-size:1.2rem;color:#b7b3d6}.cycler button:disabled{opacity:.3}.switch{min-width:62px;padding:6px 12px;border-radius:999px;border:1px solid #332a63;background:#120e28;color:#b7b3d6}.switch.on{background:#3a3380;border-color:#7d6fd6;color:#fff}.switch:disabled{opacity:.5}.settings .setting-label,.settings .cycler span{font-family:Lora,Georgia,serif;font-size:.95rem;color:#fff}.settings .setting-note{min-height:2.6em}button.settings-tab:hover:not(:disabled){background:#241f52;border-color:#7d6fd6;color:#fff}button.settings-tab.active:hover:not(:disabled){background:#3a3380}.cycler button:hover:not(:disabled){background:none;color:#fff}button.switch:hover:not(:disabled){background:#1a1440;border-color:#7d6fd6;color:#fff}button.switch.on:hover:not(:disabled){background:#4a42a0}.settings .setting-value{font-family:Lora,Georgia,serif;font-size:.95rem;color:#fff}.setting-row input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:999px;background:linear-gradient(to right,#7d6fd6 var(--p, 100%),#2a2458 var(--p, 100%));outline:none}.setting-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#b7aef5;border:2px solid #7d6fd6;cursor:pointer}.setting-row input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#b7aef5;border:2px solid #7d6fd6;cursor:pointer}.settings .cycler.is-off{opacity:.45}.settings-panels{display:grid}.settings-panels>.settings-body{grid-area:1 / 1}.settings-body.inactive{visibility:hidden;pointer-events:none}html.reduce-motion *,html.reduce-motion *:before,html.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html.reduce-motion .shell,html.reduce-motion .intro{animation:scene-in .9s ease-out both!important}html.reduce-motion .intro-role{animation:scene-in 1.6s ease-out both!important}html.reduce-motion .day-fade{transition:opacity 1.1s ease!important}html.reduce-motion .phase-dip{animation:dip-out .9s ease-out both!important}html.reduce-motion .mask,html.reduce-motion .tube,html.reduce-motion .static,html.reduce-motion .vhs-fx{display:none!important}.mode-switch{display:inline-flex;gap:4px;padding:3px;border:1px solid #332a63;border-radius:10px;background:#00000040}button.mode-btn{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:8px;border:1px solid transparent;background:none;color:#b7b3d6;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.mode-btn img{width:15px;height:15px;filter:brightness(0) invert(1);opacity:.7}button.mode-btn.active{background:#3a3380;border-color:#7d6fd6;color:#fff}button.mode-btn.active img{opacity:1}button.mode-btn:hover:not(:disabled):not(.active){background:#241f52;color:#fff}button.mode-btn:disabled{opacity:1;cursor:default}button.mode-btn.active:disabled{background:#3a3380}button.mode-btn:disabled:not(.active){opacity:.45}.btn-start-icon{width:20px;height:20px;margin-right:10px;vertical-align:-5px}.shell.flat .btn-ghost.btn-leave:hover:not(:disabled){border-color:#ff6152;color:#ff9284;background:#ff61521a}.modal-close:hover,.shell.flat .modal-close:hover{border-color:#7d6fd6;color:#fff;background:#241f52}.btn-start-icon{filter:hue-rotate(50deg) saturate(.45) brightness(1.1)}.sound-toggle.gear{top:14px;bottom:auto;left:14px;width:40px;height:40px}.sound-toggle.gear .speaker{width:20px;height:20px}.roles-corner,.roles-table{left:62px}.modal-panel{max-width:760px}.modal-close{width:40px;height:40px;top:14px;right:14px}.modal-close svg{width:18px;height:18px}.howto-title{font-size:2.2rem!important;margin:0 0 4px}.howto-num{color:#7fb0f0}.storybook-page{gap:18px}.storybook-arrow{width:48px;height:48px;font-size:1.7rem;background:#0a0e28bf;border:1px solid #4a3f8f;color:#fff}.storybook-arrow-prev{left:12px}.storybook-arrow-next{right:12px}.carousel-body{align-items:center;text-align:center;gap:4px}.howto-lead{margin:0;font-size:1.3rem;line-height:1.4;color:#fff}.howto-sub{margin:0;font-size:1.05rem;color:#6f7399}.carousel-dots{gap:14px;margin-top:10px}.carousel-dot,.shell.flat .carousel-dot{width:13px;height:13px;border:1.5px solid #4a3f8f;background:transparent}.carousel-dot.is-active,.shell.flat .carousel-dot.is-active{background:#9cc4f5;border-color:#9cc4f5}.storybook-arrow{width:58px;height:58px;display:grid;place-items:center;padding:0}.storybook-arrow svg{width:26px;height:26px;display:block}.card.has-note{position:relative}button.note-btn{position:absolute;top:12px;right:12px;width:30px;height:30px;padding:0;border-radius:50%;display:grid;place-items:center;background:#00000040;border:1px solid #4a3f8f;color:#b7b3d6;font-weight:800;font-size:.95rem}button.note-btn:hover:not(:disabled){background:#241f52;border-color:#7d6fd6;color:#fff}.dev-note{display:flex;flex-direction:column;gap:10px}.dev-note h2{margin:0 0 4px}.dev-note p{margin:0;line-height:1.55;font-family:Lora,Georgia,serif}.dev-note a{color:#ffd23f}.modal-close{width:30px;height:30px;top:12px;right:12px}.modal-close svg{width:14px;height:14px}.modal-panel:has(.howto-title) .modal-close{width:40px;height:40px;top:14px;right:14px}.modal-panel:has(.howto-title) .modal-close svg{width:18px;height:18px}button.note-btn{background:none;border:none;width:32px;height:32px;font-family:Lora,Georgia,serif;font-weight:700;font-size:1.5rem;line-height:1;color:#b7b3d6}button.note-btn:hover:not(:disabled){background:none;color:#fff}.counter-group.secret .step{visibility:hidden}.shell.flat .counter-group.readonly,.counter-group.readonly{border-color:transparent;background:none}.game-settings .settings-body{margin-top:10px}.settings-hint{font-size:.8rem}.game-settings .setting-label,.game-settings .cycler span{font-family:Lora,Georgia,serif;font-size:.95rem;color:#fff}.party-card{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;align-items:start}.party-card .note-btn{z-index:1}.party-left{display:flex;flex-direction:column;gap:8px;min-width:0}.party-left .lobby-card-actions{flex-direction:column;align-items:stretch;margin-top:4px}.party-right{min-width:0;padding-left:28px;border-left:1px solid #332a63;padding-right:30px}.party-right h2{margin:0}.party-right .settings-body{margin-top:10px;gap:8px}.party-right .setting-row{gap:10px}.party-right .setting-label{font-family:Lora,Georgia,serif;font-size:.9rem;color:#fff}.party-right .cycler span{font-family:Lora,Georgia,serif;font-size:.85rem;color:#fff;min-width:5.5em}@media (max-width: 640px){.party-card{grid-template-columns:1fr;gap:16px}.party-right{border-left:none;padding-left:0;padding-right:0;border-top:1px solid #332a63;padding-top:14px}}.party-right{padding-right:0}.party-right>.row.between{padding-right:34px}.cycler.is-off{opacity:.45}.shell[data-phase=night] .settings .settings-tab{border-color:#27398a;color:#b4c2f2}.shell[data-phase=night] .settings button.settings-tab:hover:not(:disabled){background:#142068;border-color:#4a64c8;color:#fff}.shell[data-phase=night] .settings .settings-tab.active,.shell[data-phase=night] .settings button.settings-tab.active:hover:not(:disabled){background:#1b2f78;border-color:#4a64c8;color:#fff}.shell[data-phase=night] .settings input[type=range]{background:linear-gradient(to right,#4a64c8 var(--p, 100%),#1b2a6e var(--p, 100%))}.shell[data-phase=night] .settings input[type=range]::-webkit-slider-thumb{background:#b4c2f2;border-color:#4a64c8}.shell[data-phase=night] .settings input[type=range]::-moz-range-thumb{background:#b4c2f2;border-color:#4a64c8}.shell[data-phase=night] .settings .setting-value{color:#b4c2f2}.shell[data-phase=night] .settings .switch{background:#0b1340;border-color:#27398a;color:#b4c2f2}.shell[data-phase=night] .settings button.switch:hover:not(:disabled){background:#142068;border-color:#4a64c8;color:#fff}.shell[data-phase=night] .settings .switch.on,.shell[data-phase=night] .settings button.switch.on:hover:not(:disabled){background:#1b2f78;border-color:#4a64c8;color:#fff}.shell[data-phase=day] .settings .settings-tab{border-color:#2a4566;color:#b9c9e0}.shell[data-phase=day] .settings button.settings-tab:hover:not(:disabled){background:#16283f;border-color:#4a6f9e;color:#fff}.shell[data-phase=day] .settings .settings-tab.active,.shell[data-phase=day] .settings button.settings-tab.active:hover:not(:disabled){background:#1b3354;border-color:#4a6f9e;color:#fff}.shell[data-phase=day] .settings input[type=range]{background:linear-gradient(to right,#4a6f9e var(--p, 100%),#1d3350 var(--p, 100%))}.shell[data-phase=day] .settings input[type=range]::-webkit-slider-thumb{background:#b9c9e0;border-color:#4a6f9e}.shell[data-phase=day] .settings input[type=range]::-moz-range-thumb{background:#b9c9e0;border-color:#4a6f9e}.shell[data-phase=day] .settings .setting-value{color:#b9c9e0}.shell[data-phase=day] .settings .switch{background:#0f1d30;border-color:#2a4566;color:#b9c9e0}.shell[data-phase=day] .settings button.switch:hover:not(:disabled){background:#16283f;border-color:#4a6f9e;color:#fff}.shell[data-phase=day] .settings .switch.on,.shell[data-phase=day] .settings button.switch.on:hover:not(:disabled){background:#1b3354;border-color:#4a6f9e;color:#fff}button.modal-close:hover:not(:disabled){background:#241f52;border-color:#7d6fd6;color:#fff}.shell[data-phase=night] button.modal-close{border-color:#2a409a;color:#b4c2f2;background:transparent}.shell[data-phase=night] button.modal-close:hover:not(:disabled){background:#142068;border-color:#4a64c8;color:#fff}.shell[data-phase=day] button.modal-close{border-color:#2a4566;color:#b9c9e0;background:transparent}.shell[data-phase=day] button.modal-close:hover:not(:disabled){background:#16283f;border-color:#4a6f9e;color:#fff}.shell[data-phase=day] .modal-panel{background:#0f1d30;border-color:#2a4566}.shell[data-phase=day] .modal-panel button.settings-tab,.shell[data-phase=day] .modal-panel button.switch,.shell[data-phase=day] .modal-panel button.modal-close{background:#0f1d30!important;border-color:#2a4566!important;color:#b9c9e0!important}.shell[data-phase=day] .modal-panel button.settings-tab:hover:not(:disabled),.shell[data-phase=day] .modal-panel button.switch:hover:not(:disabled),.shell[data-phase=day] .modal-panel button.modal-close:hover:not(:disabled){background:#16283f!important;border-color:#4a6f9e!important;color:#fff!important}.shell[data-phase=day] .modal-panel button.settings-tab.active,.shell[data-phase=day] .modal-panel button.switch.on{background:#1b3354!important;border-color:#4a6f9e!important;color:#fff!important}.vote-timer-slot{flex:1;display:flex;justify-content:center}.vote-header-text{flex:none}.vote-timer{display:inline-flex;align-items:center;gap:7px;font-family:Lora,Georgia,serif;font-size:1.15rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.vote-timer img{width:20px;height:20px;filter:brightness(0) invert(1)}.vote-timer.urgent{color:#ff6a6a}.vote-timer.urgent img{filter:invert(48%) sepia(70%) saturate(1800%) hue-rotate(335deg) brightness(105%)}.splash.flat .modal-panel{background:#120e28;border:1px solid #332a63;border-radius:18px}.splash.flat .modal-panel:before{display:none}.splash.flat .modal-panel h2{font-family:IM Fell English,Georgia,serif}.splash.flat button.modal-close{background:#00000040;border-color:#4a3f8f;color:#b7b3d6}.active-roles-row{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 2px}.active-roles-row:before{content:none}.mode-switch{flex:none}.guests-head{justify-content:flex-start}.guests-title{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:12px 0 4px}.guests-title h2,.guests-title .active-roles-row{margin:0}.guests-title .active-roles-row:before{content:":";color:var(--ink-dim);margin-right:4px}.shell[data-phase=day] .vote-card .slot.is-dead .name{text-decoration:line-through;text-decoration-color:currentColor;text-decoration-thickness:1px}@media (min-width: 900px){.lobby{grid-template-columns:minmax(0,840px) 400px;justify-content:center}.lobby-side .card{max-width:none}}@media (max-width: 1240px){.party-card{grid-template-columns:1fr;gap:16px}.party-right{border-left:none;padding-left:0;border-top:1px solid #332a63;padding-top:14px}.party-right>.row.between{padding-right:0}}.setting-label{min-width:0}.cycler{flex:none}@media (max-width: 640px){.reveal-list.two-col{grid-template-columns:repeat(2,1fr);gap:8px;width:min(520px,94vw)}.reveal-list.two-col .seatmate{grid-template-columns:26px 1fr 26px;padding-left:10px;padding-right:10px}.reveal-list.two-col .role-label{display:none}.reveal-list.two-col .name{font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}}.card,.splash-content,.modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}.vhs-fx:before,.vhs-fx:after{animation:none}.vhs-fx:before{inset:-10px 0 auto 0;height:calc(100% + 600px);mix-blend-mode:normal;opacity:.35;will-change:transform;animation:vhs-roll-gpu 18s linear infinite}.vhs-fx:after{top:-200px;right:-200px;bottom:-200px;left:-200px;mix-blend-mode:normal;opacity:.045;will-change:transform;animation:snow-gpu .5s steps(1,end) infinite}@keyframes vhs-roll-gpu{0%{transform:translateZ(0)}to{transform:translate3d(0,-600px,0)}}@keyframes snow-gpu{0%{transform:translateZ(0)}12%{transform:translate3d(-37px,61px,0)}25%{transform:translate3d(88px,-23px,0)}37%{transform:translate3d(-64px,-91px,0)}50%{transform:translate3d(121px,44px,0)}62%{transform:translate3d(-19px,107px,0)}75%{transform:translate3d(73px,-58px,0)}87%{transform:translate3d(-102px,16px,0)}to{transform:translateZ(0)}}@media (prefers-reduced-motion: reduce){.vhs-fx:before,.vhs-fx:after{animation:none}}.day-view.wide{width:min(900px,100%)}.list.vote-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.list.vote-two-col .slot{min-width:0}.list.vote-two-col .slot .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 640px){.day-view.wide{width:min(560px,100%)}.list.vote-two-col{grid-template-columns:1fr}}.leave-corner,.roles-corner{z-index:25}.roles-table{z-index:26}.shell.flat .leave-corner{width:40px;height:40px;opacity:1;background:#120e28;border:1px solid #4a3f8f;border-radius:14px}.shell.flat .leave-corner:hover{border-color:#7d6fd6;background:#1a1440}.shell.flat .leave-corner img{filter:invert(76%) sepia(11%) saturate(946%) hue-rotate(210deg) brightness(110%)}