:root{--bg:#0d0b12;--bg-2:#15111d;--surface:#1b1624;--surface-2:#241d30;--line:#342a44;--text:#f2ecf7;--muted:#a498b3;--red:#e0344a;--red-2:#ff5a6e;--gold:#d9b45a;--green:#3fbf7f;--blue:#5b8cff;--mafia:#e0344a;--town:#4fa3e0;--radius:16px;--radius-sm:10px;--shadow:0 10px 40px #00000073;--phase-glow:#e0344a1f;--av-0:#ff7a82;--av-1:#f3a45f;--av-2:#f0d465;--av-3:#97dc6f;--av-4:#5fd3a6;--av-5:#5fc6e3;--av-6:#7ea3ff;--av-7:#a08cff;--av-8:#cf85ef;--av-9:#f07dbb;--av-10:#c9a080;--av-11:#9bb5c2;--av-12:#e0c78f;--av-13:#7fcc9f;--av-14:#b397dc;--av-15:#f09a82;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(1200px 600px at 50% -200px, var(--phase-glow), transparent 70%), var(--bg);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;line-height:1.45}button,input,select{font:inherit;color:inherit}h1,h2,h3{margin:0;line-height:1.2}h2{font-size:1.05rem;font-weight:700}.muted{color:var(--muted)}.small{font-size:.82rem}.grow{flex:1}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.center{justify-content:center}.hint{color:var(--muted);margin:6px 0 0;font-size:.85rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.72rem;font-weight:600}.card{background:linear-gradient(180deg, var(--surface), var(--bg-2));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;padding:10px 16px;font-weight:600;transition:transform 80ms,background .15s,border-color .15s,opacity .15s}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg, var(--red-2), var(--red));color:#fff;box-shadow:0 6px 20px #e0344a59}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-secondary{background:var(--surface-2);border-color:var(--line)}.btn-secondary:hover:not(:disabled){border-color:var(--muted)}.btn-ghost{border-color:var(--line);color:var(--muted);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--muted)}.btn-danger{background:var(--red);color:#fff}.btn-lg{padding:14px 20px;font-size:1.05rem}.btn-small{border-radius:10px;padding:7px 12px;font-size:.85rem}.btn-block{width:100%}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;width:30px;height:30px}.icon-btn:hover{background:var(--surface-2);color:var(--red-2)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}input:not([type=checkbox]),select{background:var(--bg);border:1px solid var(--line);border-radius:12px;outline:none;min-width:0;padding:11px 14px}input:not([type=checkbox]):focus,select:focus{border-color:var(--red)}.tag{background:var(--surface-2);color:var(--muted);vertical-align:middle;border-radius:999px;margin-left:6px;padding:2px 7px;font-size:.68rem;font-weight:600;display:inline-block}.tag-gold{color:var(--gold);background:#d9b45a1f}.tag-green{color:var(--green);background:#3fbf7f24}.tag-dim{opacity:.7}.chip{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:.82rem;display:inline-flex}.chip.team-mafia{border-color:#e0344a80}.chip.team-town{border-color:#4fa3e066}.chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.avatar{color:#16111c;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:inline-grid;box-shadow:inset 0 -3px #0000002e}.avatar-dead{filter:grayscale();opacity:.55;background:#3a3344!important}.splash{min-height:100vh;color:var(--muted);place-items:center;display:grid}.offline-banner{z-index:100;text-align:center;color:#fff;background:#7a1c29;padding:8px;font-size:.9rem;position:fixed;top:0;left:0;right:0}.toasts{z-index:200;gap:8px;width:min(420px,100% - 32px);display:grid;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.toast{background:var(--surface-2);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:11px 14px;font-size:.92rem;animation:.2s ease-out toast-in}.toast-error{border-color:var(--red)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.h{--ink:#0c1424;--ink-2:#131e33;--ink-line:#293957;--bone:#ece3cf;--bone-2:#d9ccb0;--card-ink:#2b231a;--brass:#c9a24a;--oxblood:#9b1f33;--lamp:#f3c15a;--fog:#93a0b8;isolation:isolate;background:radial-gradient(900px 520px at 78% 18%, #1c2b4a, transparent 70%), linear-gradient(180deg, #0a1120, var(--ink) 55%, #0f1a2e);min-height:100vh;position:relative;overflow:hidden}.h ::selection{background:var(--brass);color:var(--ink)}.h :focus-visible{outline-color:var(--lamp)}.h-skyline{z-index:-1;fill:#070c17;width:100%;height:240px;position:absolute;bottom:0;left:0;right:0}.h-skyline .win{fill:var(--lamp);opacity:.85;animation:.5s ease-in forwards lights-out}.h-skyline .win-awake{fill:var(--oxblood);opacity:.9;animation:none}@keyframes lights-out{to{opacity:.06}}@media (prefers-reduced-motion:reduce){.h-skyline .win{opacity:.35;animation:none}}.h-top{grid-template-columns:minmax(0,400px) minmax(0,1fr);align-items:center;gap:40px;max-width:1200px;margin:0 auto;display:grid}.h-mark{letter-spacing:-.02em;color:var(--bone);margin-left:-.04em;font-family:Bodoni Moda,Playfair Display,Georgia,serif;font-size:clamp(4.25rem,11vw,7.5rem);font-style:italic;font-weight:700;line-height:.9}.h-lede{color:var(--brass);margin:14px 0 6px;font-family:Bodoni Moda,Georgia,serif;font-size:1.45rem}.h-sub{color:var(--fog);max-width:38ch;margin:0 0 28px}.h-form{gap:14px;display:grid}.h-field{color:var(--fog);gap:6px;font-size:.88rem;display:grid}.h-field input{border:1px solid var(--ink-line);color:var(--bone);background:#070c1799;border-radius:6px;padding:13px 14px;font-size:1rem}.h-field input::placeholder{color:#5d6a82}.h-field input:focus{border-color:var(--brass)}.h-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:13px 20px;font-size:1rem;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform 80ms}.h-btn:active:not(:disabled){transform:translateY(1px)}.h-btn:disabled{opacity:.4;cursor:not-allowed}.h-btn-main{background:var(--brass);color:var(--ink)}.h-btn-main:hover:not(:disabled){background:var(--lamp)}.h-btn-line{border-color:var(--ink-line);color:var(--bone);background:0 0}.h-btn-line:hover:not(:disabled){border-color:var(--bone)}.h-join{grid-template-columns:1fr auto;align-items:end;gap:8px;margin-top:6px;display:grid}.h-field .h-code{letter-spacing:.35em;text-transform:uppercase;border-style:dashed;padding-left:calc(14px + .35em);font-size:1.05rem;font-weight:700}.h-status{color:var(--fog);align-items:center;gap:8px;margin:2px 0 0;font-size:.84rem;display:flex}.h-status i{background:var(--lamp);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.2s infinite pulse}.h-status.is-on i{background:#58c48c;animation:none}.h-hand{justify-items:center;gap:28px;min-width:0;display:grid}.h-fan{--w:150px;--h:214px;--step:min(112px, (100cqw - var(--w) - var(--h) * .6) / 4);width:100%;height:calc(var(--h) + 60px);position:relative}.h-hand{container-type:inline-size}.h-card{width:var(--w);height:var(--h);margin-left:calc(var(--w) / -2);background:linear-gradient(160deg, var(--bone), var(--bone-2));color:var(--card-ink);cursor:pointer;box-shadow:0 18px 30px #00000073, inset 0 0 0 5px var(--bone), inset 0 0 0 6px #2b231a2e;transform-origin:50% 140%;transform:translateX(calc(var(--o) * var(--step))) translateY(calc(var(--lift) * var(--lift) * 5px)) rotate(calc(var(--o) * 6deg));border:1px solid #2b231a40;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:0;transition:transform .25s cubic-bezier(.3,1.3,.5,1),box-shadow .25s;display:flex;position:absolute;bottom:0;left:50%}.h-card.is-active{z-index:5;transform:translateX(calc(var(--o) * var(--step))) translateY(-34px) rotate(calc(var(--o) * 3deg));box-shadow:0 30px 50px #0000008c, inset 0 0 0 5px var(--bone), inset 0 0 0 6px #2b231a2e}.h-card:focus-visible{outline:2px solid var(--lamp);outline-offset:3px}.h-card-corner{font-family:Bodoni Moda,Georgia,serif;font-size:1.35rem;font-weight:700;line-height:1;position:absolute;top:12px;left:14px}.h-card.team-mafia .h-card-corner,.h-card.team-mafia .h-card-name{color:var(--oxblood)}.h-card.team-town .h-card-corner,.h-card.team-town .h-card-name{color:#1f3354}.h-card-icon{font-size:50px;line-height:1}.h-card-name{font-family:Bodoni Moda,Georgia,serif;font-size:1.1rem;font-weight:700}@container (width<=640px){.h-card:not(.is-active) .h-card-name{visibility:hidden}}.h-caption{text-align:center;max-width:46ch;min-height:7.5em}.h-caption h2{color:var(--bone);font-family:Bodoni Moda,Georgia,serif;font-size:1.6rem;font-weight:700}.h-caption small{vertical-align:middle;margin-left:6px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600}.h-caption small.team-mafia{color:#e86a7c}.h-caption small.team-town{color:#7fb2ea}.h-caption p{color:var(--fog);margin:8px 0 0}.h-fan.is-deco .h-card{cursor:default}.h-fan.is-deco .h-card:hover{z-index:5;transform:translateX(calc(var(--o) * var(--step))) translateY(-28px) rotate(calc(var(--o) * 3deg))}.h-entry{padding:64px 16px 260px}.h-back{cursor:pointer;color:var(--fog);background:0 0;border:0;margin:0 0 20px;padding:0;font-size:.92rem}.h-back:hover{color:var(--bone)}.entry-page{--entry-bg:#09111f;--entry-surface:#111c2b;--entry-surface-deep:#0a1422;--entry-line:#2b394a;--entry-text:#f1eadc;--entry-muted:#9ca8b5;--entry-red:#b52e3c;--entry-red-hot:#d24450;--entry-gold:#c9a767;isolation:isolate;min-height:100svh;color:var(--entry-text);background:radial-gradient(circle at 14% 36%, #233d5b52, transparent 31rem), radial-gradient(circle at 86% 50%, #7c1e2b1f, transparent 28rem), var(--entry-bg);padding:0 28px;position:relative;overflow:hidden}.entry-page:before{content:"";z-index:-2;opacity:.15;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 55%);mask-image:linear-gradient(90deg,#000,#0000 55%)}.entry-page:after{content:"";z-index:-1;border:1px solid #c9a7671f;border-radius:50%;width:50rem;height:50rem;position:absolute;bottom:-24rem;right:-17rem;box-shadow:0 0 0 5rem #c9a76705,0 0 0 10rem #c9a76703}.entry-page ::selection{background:var(--entry-gold);color:var(--entry-bg)}.entry-page :focus-visible{outline:2px solid var(--entry-gold);outline-offset:3px}.offline-banner+.entry-page{padding-top:36px}.entry-nav{border-bottom:1px solid #9ca8b52e;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1160px,100%);height:86px;margin:0 auto;display:grid}.entry-back{min-height:44px;color:var(--entry-muted);cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:10px;padding:0;font-size:.9rem;display:inline-flex}.entry-back span{color:var(--entry-gold);font-size:1.15rem;transition:transform .16s}.entry-back:hover{color:var(--entry-text)}.entry-back:hover span{transform:translate(-3px)}.entry-brand{width:38px;height:38px;color:var(--entry-gold);border:1px solid #c9a767a8;place-items:center;font-family:Bodoni Moda,Georgia,serif;font-size:1.45rem;font-weight:700;line-height:1;display:grid;transform:rotate(-2deg)}.entry-connection{color:var(--entry-muted);justify-self:end;align-items:center;gap:9px;margin:0;font-size:.82rem;display:flex}.entry-connection i{background:var(--entry-gold);border-radius:50%;width:7px;height:7px;animation:1.2s infinite pulse;box-shadow:0 0 0 4px #c9a7671a}.entry-connection.is-on i{background:#5fc18c;animation:none;box-shadow:0 0 0 4px #5fc18c1a}.entry-layout{grid-template-columns:minmax(0,1.08fr) minmax(390px,.82fr);align-items:center;gap:clamp(64px,8vw,120px);width:min(1160px,100%);min-height:calc(100svh - 150px);margin:0 auto;padding:64px 0 72px;display:grid}.entry-story{padding-bottom:8px;position:relative}.entry-story:before{content:"";background:var(--entry-red);width:3px;height:48px;position:absolute;top:7px;left:-28px}.entry-overline{color:var(--entry-gold);letter-spacing:.04em;margin:0 0 25px;font-size:.82rem;font-weight:600}.entry-story h1{max-width:9.3ch;color:var(--entry-text);letter-spacing:-.045em;margin:0;font-family:Bodoni Moda,Georgia,serif;font-size:clamp(3.6rem,6.3vw,6.15rem);font-weight:700;line-height:.95}.entry-copy{max-width:52ch;color:var(--entry-muted);margin:30px 0 0;font-size:1.02rem;line-height:1.75}.entry-facts{border-top:1px solid var(--entry-line);border-bottom:1px solid var(--entry-line);grid-template-columns:repeat(3,1fr);margin:40px 0 0;display:grid}.entry-facts div{padding:17px 18px 18px 0}.entry-facts div+div{border-left:1px solid var(--entry-line);padding-left:18px}.entry-facts dt{color:var(--entry-text);font-family:Bodoni Moda,Georgia,serif;font-size:1.1rem;font-weight:700}.entry-facts dd{color:var(--entry-muted);margin:3px 0 0;font-size:.76rem}.entry-quote{border:0;margin:28px 0 0;padding:0}.entry-quote p{color:#c8d0d8;margin:0;font-family:Bodoni Moda,Georgia,serif;font-size:1.02rem}.entry-quote footer{color:#687688;margin-top:6px;font-size:.72rem}.entry-desk{width:100%;position:relative}.entry-ticket-mark{z-index:-1;color:#c9a7674d;border:1px solid #c9a76733;border-radius:50%;place-items:center;width:116px;height:116px;display:grid;position:absolute;top:-46px;right:-42px;transform:rotate(11deg)}.entry-ticket-mark:before{content:"";border-radius:inherit;border:1px dashed #c9a7672e;position:absolute;inset:8px}.entry-ticket-mark span{font-family:Bodoni Moda,Georgia,serif;font-size:3rem;font-weight:700}.entry-panel{border:1px solid var(--entry-line);border-top:3px solid var(--entry-red);background:#111c2bf0;padding:40px;position:relative;box-shadow:0 28px 70px #0000005c}.entry-panel:before{content:"";background:var(--entry-gold);opacity:.42;width:1px;position:absolute;top:18px;bottom:18px;left:-1px}.entry-panel-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.entry-panel-head h2{color:var(--entry-text);letter-spacing:-.025em;font-family:Bodoni Moda,Georgia,serif;font-size:clamp(1.9rem,3vw,2.35rem);font-weight:700}.entry-panel-head p{max-width:31ch;color:var(--entry-muted);margin:8px 0 0;font-size:.86rem;line-height:1.55}.entry-night{color:var(--entry-gold);font-family:Georgia,serif;font-size:2rem;line-height:1}.entry-create{gap:14px;display:grid}.entry-field{color:#c1cbd4;gap:8px;font-size:.8rem;font-weight:600;display:grid}.entry-field input{border:1px solid var(--entry-line);background:var(--entry-surface-deep);width:100%;min-width:0;height:52px;color:var(--entry-text);border-radius:2px;outline:none;padding:0 15px;font-size:.98rem;transition:border-color .15s,box-shadow .15s}.entry-field input::placeholder{color:#5f6d7e}.entry-field input:hover{border-color:#425369}.entry-field input:focus{border-color:var(--entry-gold);box-shadow:0 0 0 3px #c9a7671a}.entry-primary,.entry-secondary{cursor:pointer;border-radius:2px;min-height:52px;font-weight:700;transition:background .15s,border-color .15s,transform 80ms}.entry-primary:active:not(:disabled),.entry-secondary:active:not(:disabled){transform:translateY(1px)}.entry-primary:disabled,.entry-secondary:disabled{cursor:not-allowed;opacity:.46}.entry-primary{border:1px solid var(--entry-red);background:var(--entry-red);color:#fff8ed}.entry-primary:hover:not(:disabled){border-color:var(--entry-red-hot);background:var(--entry-red-hot)}.entry-divider{color:#748294;align-items:center;gap:14px;margin:24px 0;font-size:.74rem;display:flex}.entry-divider:before,.entry-divider:after{content:"";background:var(--entry-line);flex:1;height:1px}.entry-divider span{white-space:nowrap}.entry-join{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.entry-code{letter-spacing:.13em;text-transform:uppercase;font-weight:700}.entry-secondary{color:var(--entry-text);background:0 0;border:1px solid #536177;padding:0 18px}.entry-secondary:hover:not(:disabled){border-color:var(--entry-gold);background:#c9a7670f}.entry-privacy{color:#718094;text-align:center;margin:22px 0 0;font-size:.74rem}.entry-wait-note{color:var(--entry-muted);margin:14px 0 0;font-size:.78rem;line-height:1.5}.entry-footer{color:#5e6d7f;gap:9px;width:min(1160px,100% - 56px);font-family:Bodoni Moda,Georgia,serif;font-size:.75rem;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.entry-footer span:nth-child(2){color:var(--entry-red)}@media (prefers-reduced-motion:reduce){.entry-back span,.entry-field input,.entry-primary,.entry-secondary{transition:none}}@media (width<=920px){.entry-page{overflow:auto}.entry-layout{grid-template-columns:1fr;gap:54px;padding-top:54px}.entry-story{max-width:680px}.entry-story h1{max-width:10ch}.entry-desk{max-width:560px;margin-left:auto}.entry-footer{width:min(1160px,100%);margin:0 auto;padding:0 0 22px;position:static;transform:none}}@media (width<=560px){.entry-page{padding:0 18px}.entry-nav{grid-template-columns:1fr auto;height:72px}.entry-brand{display:none}.entry-layout{gap:42px;min-height:auto;padding:42px 0 58px}.entry-story:before{left:-18px}.entry-overline{margin-bottom:18px}.entry-story h1{font-size:clamp(3.15rem,15vw,4.5rem)}.entry-copy{margin-top:24px;font-size:.95rem}.entry-facts{grid-template-columns:1fr;margin-top:30px}.entry-facts div{grid-template-columns:110px 1fr;align-items:baseline;padding:12px 0;display:grid}.entry-facts div+div{border-top:1px solid var(--entry-line);border-left:0;padding-left:0}.entry-facts dd{margin:0}.entry-quote{display:none}.entry-ticket-mark{width:88px;height:88px;top:-28px;right:-16px}.entry-ticket-mark span{font-size:2.3rem}.entry-panel{padding:30px 22px 26px}.entry-panel-head{margin-bottom:24px}.entry-night{display:none}.entry-join{grid-template-columns:1fr}.entry-secondary{width:100%}.entry-footer{width:100%;padding-bottom:18px}}.site-page{--site-bg:#09111f;--site-surface:#111c2b;--site-surface-deep:#0a1422;--site-line:#2b394a;--site-text:#f1eadc;--site-muted:#9ca8b5;--site-red:#b52e3c;--site-red-hot:#d24450;--site-gold:#c9a767;min-height:100vh;color:var(--site-text);background:radial-gradient(circle at 78% 8%, #233d5b3d, transparent 32rem), var(--site-bg);padding:0 28px}.site-page ::selection{color:var(--site-bg);background:var(--site-gold)}.site-page :focus-visible{outline:2px solid var(--site-gold);outline-offset:3px}.offline-banner+.site-page{padding-top:36px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-nav{z-index:10;border-bottom:1px solid #9ca8b52e;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1160px,100%);height:86px;margin:0 auto;display:grid;position:relative}.site-logo{color:var(--site-text);justify-self:start;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.site-logo span{width:38px;height:38px;color:var(--site-gold);border:1px solid #c9a767a8;place-items:center;font-family:Bodoni Moda,Georgia,serif;font-size:1.45rem;font-weight:700;line-height:1;display:grid;transform:rotate(-2deg)}.site-logo strong{font-family:Bodoni Moda,Georgia,serif;font-size:1.25rem;font-weight:700}.site-links{align-items:center;gap:30px;display:flex}.site-links a{color:var(--site-muted);font-size:.86rem;text-decoration:none;transition:color .15s}.site-links a:hover{color:var(--site-text)}.site-nav-action{border:1px solid var(--site-line);min-height:42px;color:var(--site-text);cursor:pointer;background:0 0;border-radius:2px;justify-self:end;padding:0 17px;font-size:.86rem;font-weight:650}.site-nav-action:hover{border-color:var(--site-gold);background:#c9a7670d}.site-hero{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:clamp(50px,8vw,110px);width:min(1160px,100%);min-height:710px;margin:0 auto;padding:76px 0 90px;display:grid}.site-hero-copy{z-index:1;position:relative}.site-hero-note{color:var(--site-gold);letter-spacing:.03em;margin:0 0 24px;font-size:.82rem;font-weight:600}.site-hero h1{max-width:9.5ch;color:var(--site-text);letter-spacing:-.045em;margin:0;font-family:Bodoni Moda,Georgia,serif;font-size:clamp(4rem,6.5vw,6.35rem);font-weight:700;line-height:.94}.site-hero-text{max-width:53ch;color:var(--site-muted);margin:30px 0 0;font-size:1.02rem;line-height:1.75}.site-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:34px;display:flex}.site-button{cursor:pointer;border-radius:2px;justify-content:center;align-items:center;min-height:52px;padding:0 21px;font-weight:700;text-decoration:none;transition:border-color .15s,background .15s,transform 80ms;display:inline-flex}.site-button:active{transform:translateY(1px)}.site-button-primary{border:1px solid var(--site-red);color:#fff8ed;background:var(--site-red)}.site-button-primary:hover{border-color:var(--site-red-hot);background:var(--site-red-hot)}.site-button-quiet{border:1px solid var(--site-line);color:var(--site-text);background:0 0}.site-button-quiet:hover{border-color:var(--site-gold);background:#c9a7670d}.site-hero-detail{color:#708094;gap:10px;margin:20px 0 0;font-size:.76rem;display:flex}.site-hero-detail span{color:var(--site-red)}.site-table-scene{perspective:900px;place-items:center;min-height:470px;display:grid;position:relative}.site-table-glow{filter:blur(55px);background:#233d5b38;border-radius:50%;width:420px;height:420px;position:absolute}.site-table{background:radial-gradient(#192a3ee6,#08111dfa 68%);border:1px solid #3a4b60;border-radius:50%;width:390px;height:244px;position:relative;transform:rotateX(7deg);box-shadow:inset 0 0 0 10px #0d1928,inset 0 0 0 11px #c9a76738,0 42px 60px #00000075}.site-table-center{place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.site-table-center span{color:#f1eadcdb;font-family:Bodoni Moda,Georgia,serif;font-size:2rem;font-weight:700}.site-table-center small{color:#6f7d8d;margin-top:4px;font-size:.67rem}.site-seats{position:absolute;inset:0}.site-seats i{color:#7e8b9c;background:#111c2b;border:1px solid #435268;border-radius:50%;place-items:center;width:48px;height:48px;font-size:.7rem;font-style:normal;font-weight:700;display:grid;position:absolute;box-shadow:0 8px 18px #00000061}.site-seats i:first-child{top:-24px;left:calc(50% - 24px)}.site-seats i:nth-child(2){top:5px;right:40px}.site-seats i:nth-child(3){top:calc(50% - 24px);right:-24px}.site-seats i:nth-child(4){bottom:5px;right:40px}.site-seats i:nth-child(5){bottom:-24px;left:calc(50% - 24px)}.site-seats i:nth-child(6){bottom:5px;left:40px}.site-seats i:nth-child(7){top:calc(50% - 24px);left:-24px}.site-seats i:nth-child(8){top:5px;left:40px}.site-seats i.is-you{border-color:var(--site-gold);color:var(--site-bg);background:var(--site-gold)}.site-seats i.is-mafia{border-color:var(--site-red);color:#fff;background:var(--site-red)}.site-table-caption{color:#778697;text-align:center;max-width:34ch;margin:0;font-family:Bodoni Moda,Georgia,serif;font-size:.86rem;position:absolute;bottom:22px}.site-section{border-top:1px solid var(--site-line);width:min(1160px,100%);margin:0 auto;padding:112px 0;scroll-margin-top:24px}.site-section h2,.site-final h2{color:var(--site-text);letter-spacing:-.035em;margin:0;font-family:Bodoni Moda,Georgia,serif;font-size:clamp(2.6rem,4.8vw,4.4rem);font-weight:700;line-height:1}.site-section-title{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(56px,9vw,130px);display:grid}.site-section-title>p,.site-section-heading>p{max-width:52ch;color:var(--site-muted);margin:8px 0 0;font-size:1rem;line-height:1.7}.site-facts{width:58%;margin:66px 0 0 auto}.site-facts div{border-top:1px solid var(--site-line);grid-template-columns:130px 1fr;gap:24px;padding:18px 0;display:grid}.site-facts div:last-child{border-bottom:1px solid var(--site-line)}.site-facts dt{color:var(--site-text);font-weight:650}.site-facts dd{color:var(--site-muted);margin:0;line-height:1.55}.site-section-heading{justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:62px;display:flex}.site-section-heading h2{max-width:10ch}.site-section-heading>p{margin-bottom:3px}.site-team-ledger{grid-template-columns:.8fr 1.2fr;gap:42px;display:grid}.site-team{border-top:3px solid;padding-top:24px}.site-team.team-mafia{border-color:var(--site-red)}.site-team.team-town{border-color:#5a88b3}.site-team>header{border-bottom:1px solid var(--site-line);min-height:92px}.site-team h3{color:var(--site-text);font-family:Bodoni Moda,Georgia,serif;font-size:1.65rem;font-weight:700}.site-team>header p{color:var(--site-muted);margin:8px 0 20px;font-size:.86rem}.site-team ul{margin:0;padding:0;list-style:none}.site-team li{border-bottom:1px solid var(--site-line);grid-template-columns:46px 1fr;gap:16px;padding:22px 0;display:grid}.site-role-letter{border:1px solid var(--site-line);width:42px;height:42px;color:var(--site-gold);place-items:center;font-family:Bodoni Moda,Georgia,serif;font-size:1.05rem;font-weight:700;display:grid}.site-team.team-mafia .site-role-letter{color:#df6570}.site-team li strong{color:var(--site-text)}.site-team li p{color:var(--site-muted);margin:5px 0 0;font-size:.87rem;line-height:1.55}.site-balance{border:1px solid var(--site-line);border-left:3px solid var(--site-gold);background:#111c2b70;grid-template-columns:1fr auto;align-items:center;gap:70px;margin-top:70px;padding:28px 30px;display:grid}.site-balance>p{max-width:57ch;color:var(--site-muted);margin:0;line-height:1.65}.site-balance table{border-collapse:collapse}.site-balance th,.site-balance td{border-bottom:1px solid var(--site-line);text-align:left;min-width:90px;padding:7px 14px}.site-balance th{color:var(--site-muted);font-size:.73rem;font-weight:600}.site-balance td{color:var(--site-text);font-variant-numeric:tabular-nums}.site-balance td:last-child{color:#df6570;font-weight:700}.site-start-steps{counter-reset:landing-step;border-top:1px solid var(--site-line);border-bottom:1px solid var(--site-line);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.site-start-steps li{counter-increment:landing-step;min-height:160px;padding:30px 28px 28px 54px;position:relative}.site-start-steps li+li{border-left:1px solid var(--site-line)}.site-start-steps li:before{content:counter(landing-step);color:var(--site-gold);font-family:Bodoni Moda,Georgia,serif;font-size:1.05rem;position:absolute;top:29px;left:20px}.site-start-steps strong{color:var(--site-text);font-size:1rem}.site-start-steps p{color:var(--site-muted);margin:10px 0 0;font-size:.87rem;line-height:1.6}.site-cycle{grid-template-columns:.7fr 1.3fr;gap:80px;margin-top:92px;display:grid}.site-cycle-intro h3{color:var(--site-text);font-family:Bodoni Moda,Georgia,serif;font-size:2rem}.site-cycle-intro p{max-width:35ch;color:var(--site-muted);margin:14px 0 0;line-height:1.65}.site-cycle ol{border-top:1px solid var(--site-line);margin:0;padding:0;list-style:none}.site-cycle li{border-bottom:1px solid var(--site-line);grid-template-columns:130px 1fr;gap:24px;padding:18px 0;display:grid}.site-cycle li span{color:var(--site-gold);font-family:Bodoni Moda,Georgia,serif;font-weight:700}.site-cycle li p{color:var(--site-muted);margin:0;font-size:.88rem;line-height:1.55}.site-verdict{grid-template-columns:.9fr 1.1fr;gap:90px;display:grid}.site-verdict-title p{max-width:42ch;color:var(--site-muted);margin:22px 0 0;line-height:1.7}.site-verdicts{border-top:1px solid var(--site-line)}.site-verdicts>div{border-bottom:1px solid var(--site-line);padding:26px 0}.site-verdicts span{margin-bottom:8px;font-size:.78rem;font-weight:700;display:block}.site-verdicts strong{max-width:34ch;color:var(--site-text);font-family:Bodoni Moda,Georgia,serif;font-size:1.45rem;line-height:1.35;display:block}.site-verdicts .team-town span{color:#78a8d1}.site-verdicts .team-mafia span{color:#df6570}.site-final{border-top:1px solid var(--site-line);justify-content:space-between;align-items:center;gap:40px;width:min(1160px,100%);margin:0 auto;padding:80px 0 92px;display:flex}.site-final p{color:var(--site-gold);margin:0 0 8px;font-size:.82rem}.site-footer{border-top:1px solid var(--site-line);justify-content:space-between;align-items:center;gap:32px;width:min(1160px,100%);min-height:118px;margin:0 auto;display:flex}.site-footer p{color:#6e7d8f;margin:0;font-size:.78rem}@media (width<=920px){.site-nav{grid-template-columns:1fr auto}.site-links{display:none}.site-hero{grid-template-columns:1fr;gap:34px;padding-top:58px}.site-hero h1{max-width:10ch}.site-table-scene{min-height:440px}.site-section-title,.site-verdict{grid-template-columns:1fr;gap:44px}.site-facts{width:72%}.site-section-heading{flex-direction:column;align-items:flex-start;gap:20px}.site-team-ledger{grid-template-columns:1fr}.site-team>header{min-height:auto}.site-cycle{grid-template-columns:1fr;gap:38px}}@media (width<=640px){.site-page{padding:0 18px}.site-nav{height:72px}.site-logo strong{display:none}.site-nav-action{min-height:40px}.site-hero{min-height:auto;padding:52px 0 70px}.site-hero-note{margin-bottom:18px}.site-hero h1{font-size:clamp(3.2rem,15vw,4.6rem)}.site-hero-text{margin-top:24px;font-size:.95rem}.site-hero-actions{flex-direction:column;align-items:stretch}.site-button{width:100%}.site-table-scene{min-height:330px}.site-table-glow{width:280px;height:280px}.site-table{width:270px;height:170px}.site-table-center span{font-size:1.5rem}.site-seats i{width:38px;height:38px}.site-seats i:first-child{top:-19px;left:calc(50% - 19px)}.site-seats i:nth-child(2){top:0;right:24px}.site-seats i:nth-child(3){top:calc(50% - 19px);right:-19px}.site-seats i:nth-child(4){bottom:0;right:24px}.site-seats i:nth-child(5){bottom:-19px;left:calc(50% - 19px)}.site-seats i:nth-child(6){bottom:0;left:24px}.site-seats i:nth-child(7){top:calc(50% - 19px);left:-19px}.site-seats i:nth-child(8){top:0;left:24px}.site-table-caption{font-size:.78rem;bottom:0}.site-section{padding:80px 0}.site-section h2,.site-final h2{font-size:clamp(2.5rem,12vw,3.5rem)}.site-facts{width:100%;margin-top:44px}.site-facts div{grid-template-columns:1fr;gap:6px}.site-team-ledger{gap:52px}.site-team li{grid-template-columns:40px 1fr;gap:13px}.site-role-letter{width:36px;height:36px}.site-balance{grid-template-columns:1fr;gap:28px;margin-top:54px;padding:24px 20px;overflow-x:auto}.site-start-steps{grid-template-columns:1fr}.site-start-steps li{min-height:0}.site-start-steps li+li{border-top:1px solid var(--site-line);border-left:0}.site-cycle{margin-top:68px}.site-cycle li{grid-template-columns:90px 1fr;gap:16px}.site-final{flex-direction:column;align-items:stretch;padding:68px 0 76px}.site-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;min-height:130px}}@media (prefers-reduced-motion:reduce){.site-links a,.site-button{transition:none}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.l{padding:0 16px}.l [id]{scroll-margin-top:24px}.l-nav{align-items:center;gap:28px;max-width:1200px;margin:0 auto;padding:18px 0;display:flex}.l-brand{color:var(--bone);font-family:Bodoni Moda,Georgia,serif;font-size:1.7rem;font-style:italic;font-weight:700}.l-links{gap:24px;margin-left:auto;display:flex}.l-links a{color:var(--fog);font-size:.94rem;text-decoration:none}.l-links a:hover{color:var(--bone)}.l-nav-btn{padding:9px 16px;font-size:.92rem}.h-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.l-btn-big{padding:15px 28px;font-size:1.05rem}.l-hero{isolation:isolate;margin:0 -16px;padding:40px 16px 270px;position:relative}.l-hero-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;max-width:1200px;margin:0 auto;display:grid}.l-hero-sub{color:var(--fog);max-width:44ch;margin:0 0 30px;font-size:1.06rem}.l-cta{flex-wrap:wrap;gap:12px;display:flex}.l-sec{max-width:1200px;margin:0 auto;padding-top:96px}.l-sec h2{color:var(--bone);margin-bottom:28px;font-family:Bodoni Moda,Georgia,serif;font-size:clamp(1.9rem,4vw,2.5rem);font-weight:700}.l-sec p{margin:0}.l-about{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;display:grid}.l-about>div>p{color:var(--fog);max-width:58ch;font-size:1.05rem;line-height:1.65}.l-about>div>p+p{margin-top:14px}.l-facts{margin:6px 0 0}.l-facts div{border-top:1px solid var(--ink-line);grid-template-columns:130px 1fr;gap:16px;padding:16px 0;display:grid}.l-facts div:last-child{border-bottom:1px solid var(--ink-line)}.l-facts dt{color:var(--bone);font-weight:600}.l-facts dd{color:var(--fog);margin:0}.l-teams{grid-template-columns:1fr 1fr;gap:24px;display:grid}.l-team{border:1px solid var(--ink-line);background:#131e338c;border-radius:14px;padding:26px}.l-team.team-mafia{background:linear-gradient(#9b1f3324,#131e338c);border-color:#9b1f3399}.l-team h3{color:var(--bone);font-family:Bodoni Moda,Georgia,serif;font-size:1.4rem;font-weight:700}.l-team-note{color:var(--fog);font-size:.92rem;margin:6px 0 22px!important}.l-team ul{gap:20px;margin:0;padding:0;list-style:none;display:grid}.l-team li{align-items:flex-start;gap:16px;display:flex}.l-team strong{color:var(--bone);font-size:1.02rem}.l-team li p{color:var(--fog);margin-top:4px;font-size:.93rem}.l-mini{background:linear-gradient(160deg, var(--bone), var(--bone-2));width:52px;height:72px;box-shadow:0 6px 14px #00000059, inset 0 0 0 3px var(--bone), inset 0 0 0 4px #2b231a2e;border-radius:7px;flex-shrink:0;place-items:center;font-size:26px;display:grid;position:relative}.l-mini b{font-family:Bodoni Moda,Georgia,serif;font-size:.8rem;line-height:1;position:absolute;top:5px;left:7px}.l-mini.team-mafia b{color:var(--oxblood)}.l-mini.team-town b{color:#1f3354}.l-count{flex-wrap:wrap;align-items:center;gap:40px;margin-top:32px;display:flex}.l-count p{color:var(--fog);max-width:40ch}.l-count table{border-collapse:collapse}.l-count th,.l-count td{border-bottom:1px solid var(--ink-line);text-align:left;padding:8px 22px 8px 0}.l-count th{color:var(--fog);font-size:.85rem;font-weight:600}.l-count td{color:var(--bone);font-variant-numeric:tabular-nums}.l-count td:last-child{color:#e86a7c;font-weight:700}.l-sub{color:var(--brass);margin:0 0 26px;font-size:1.05rem;font-weight:600}.l-steps+.l-sub{margin-top:52px}.l-steps{counter-reset:step;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.l-steps-3{grid-template-columns:repeat(3,1fr)}.l-steps li{counter-increment:step;border-top:1px solid var(--ink-line);padding:20px 24px 0 0;position:relative}.l-steps li:before{content:counter(step);background:var(--ink);border:1px solid var(--brass);width:23px;height:23px;color:var(--brass);border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;display:grid;position:absolute;top:-12px;left:0}.l-step-icon{margin:6px 0;font-size:26px;display:block}.l-steps strong{color:var(--bone);font-size:1.05rem}.l-steps li p{color:var(--fog);max-width:32ch;margin-top:6px;font-size:.93rem}.l-win{grid-template-columns:1fr 1fr;gap:24px;display:grid}.l-win>div{border-left:3px solid;padding:6px 0 6px 20px}.l-win .team-town{border-color:#7fb2ea}.l-win .team-mafia{border-color:#e86a7c}.l-win h3{color:var(--bone);font-family:Bodoni Moda,Georgia,serif;font-size:1.35rem;font-weight:700}.l-win p{color:var(--fog);margin-top:6px}.l-note{color:var(--fog);max-width:70ch;font-size:.93rem;margin-top:28px!important}.l-final{text-align:center;max-width:1200px;margin:0 auto;padding:120px 0 130px}.l-final h2{color:var(--bone);margin-bottom:30px;font-family:Bodoni Moda,Georgia,serif;font-size:clamp(2rem,5vw,3.2rem);font-style:italic;font-weight:700}@media (width<=900px){.h-entry{padding-top:40px}.h-top,.l-hero-in{grid-template-columns:1fr;gap:40px}.h-intro{width:100%;max-width:460px;margin:0 auto}.l-links{display:none}.l-nav-btn{margin-left:auto}.l-about{grid-template-columns:1fr;gap:32px}.l-teams{grid-template-columns:1fr}.l-steps{grid-template-columns:1fr 1fr;row-gap:32px}}@media (width<=520px){.h-fan{--w:98px;--h:140px;height:calc(var(--h) + 50px)}.h-card{border-radius:9px;gap:8px}.h-card-icon{font-size:34px}.h-card-name{font-size:.85rem}.h-card-corner{font-size:1rem;top:9px;left:10px}.h-card.is-active{transform:translateX(calc(var(--o) * var(--step))) translateY(-24px) rotate(calc(var(--o) * 3deg))}.h-entry{padding-bottom:200px}.h-skyline{height:170px}.l-hero{padding:24px 16px 200px}.l-cta .h-btn{flex:100%}.l-sec{padding-top:72px}.l-team{padding:20px}.l-facts div{grid-template-columns:1fr;gap:4px}.l-steps,.l-steps-3,.l-win{grid-template-columns:1fr}.l-final{padding:90px 0 100px}}.lobby{gap:16px;max-width:1200px;margin:0 auto;padding:20px 16px 32px;display:grid}.lobby-head{justify-content:space-between;align-items:center;display:flex}.brand-sm{letter-spacing:.12em;font-family:Playfair Display,serif;font-size:1.3rem;font-weight:900}.room-code{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.code-big{cursor:pointer;letter-spacing:.25em;color:var(--gold);background:0 0;border:0;padding:0;font-family:Playfair Display,serif;font-size:clamp(2rem,8vw,3rem);font-weight:900}.room-code-actions{text-align:right}.lobby-grid{grid-template-columns:1.2fr 1fr 1.2fr;align-items:start;gap:16px;display:grid}.player-list{gap:6px;margin:0 0 16px;padding:0;list-style:none;display:grid}.player-list li{background:var(--bg);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.player-list li.is-offline{opacity:.55}.player-name{text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.composition{margin-bottom:16px}.waiting{text-align:center;color:var(--muted);margin:8px 0 0}.settings{gap:10px;display:grid}.settings h2{margin-bottom:4px}.setting-row{justify-content:space-between;align-items:center;gap:10px;font-size:.92rem;display:flex}.setting-row select{padding:7px 10px}.switch{appearance:none;background:var(--surface-2);border:1px solid var(--line);cursor:pointer;border-radius:999px;flex-shrink:0;width:42px;height:24px;transition:background .15s;position:relative}.switch:after{content:"";background:var(--muted);border-radius:50%;width:18px;height:18px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.switch:checked{border-color:var(--red);background:#e0344a59}.switch:checked:after{background:#fff;transform:translate(18px)}.switch:disabled{cursor:default;opacity:.6}.chat-card{height:520px;padding:0;display:flex;overflow:hidden}.chat{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.chat-tabs{border-bottom:1px solid var(--line);display:flex}.chat-tabs button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:12px 8px;font-size:.85rem;font-weight:600}.chat-tabs button.active{color:var(--text);border-bottom-color:var(--red)}.badge{background:var(--red);color:#fff;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:.68rem}.chat-list{flex-direction:column;flex:1;gap:6px;min-height:0;padding:12px 14px;display:flex;overflow-y:auto}.chat-empty{color:var(--muted);text-align:center;margin:auto;font-size:.9rem}.msg{word-wrap:break-word;font-size:.92rem}.msg-author{margin-right:6px;font-weight:700}.msg-mine .msg-author:after{content:" (siz)";color:var(--muted);font-size:.8em;font-weight:400}.msg-system{color:var(--gold);border-left:2px solid var(--gold);background:#d9b45a12;border-radius:0 8px 8px 0;padding:5px 9px;font-size:.82rem}.chat-mafia .chat-list{background:linear-gradient(#e0344a12,#0000)}.chat-mafia .msg-system{color:var(--red-2);border-color:var(--red);background:#e0344a14}.chat-dead .chat-list{background:linear-gradient(#9696aa12,#0000)}.chat-input{border-top:1px solid var(--line);gap:8px;padding:10px;display:flex}.chat-input input{flex:1}.chat-input .btn{padding:10px 14px}.game{flex-direction:column;min-height:100vh;transition:background .8s;display:flex}.game.phase-night{--phase-glow:#465adc33;background:radial-gradient(800px 400px at 85% -100px,#788cff38,#0000 70%),linear-gradient(#0b1233,#0a0c1c 45%,#0b0913)}.game.phase-night .card,.game.phase-night .pcard{background:linear-gradient(#161a33,#0f1124);border-color:#2a3058}.game.phase-day,.game.phase-voting,.game.phase-morning,.game.phase-verdict{--phase-glow:#f0aa4624;background:radial-gradient(1000px 500px at 50% -150px,#f0aa4624,#0000 70%)}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#0d0b12d1;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.topbar-phase{align-items:center;gap:10px;min-width:0;display:flex}.phase-icon{font-size:28px}.phase-name{font-size:1.05rem;font-weight:700}.timer{justify-items:center;gap:4px;min-width:110px;display:grid}.timer-num{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:700}.timer-bar{background:var(--surface-2);border-radius:4px;width:110px;height:4px;overflow:hidden}.timer-bar span{background:var(--gold);height:100%;transition:width .25s linear;display:block}.timer-low .timer-num{color:var(--red-2);animation:1s infinite pulse}.timer-low .timer-bar span{background:var(--red)}@keyframes pulse{50%{opacity:.55}}.topbar-right{align-items:center;gap:8px;display:flex}.role-chip{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:999px;padding:7px 12px;font-size:.88rem;font-weight:700}.role-chip.team-mafia{border-color:var(--red);background:#e0344a26}.role-chip.team-town{background:#4fa3e01f;border-color:#4fa3e099}.role-chip.is-hidden{border-color:var(--line);background:var(--surface-2)}.game-main{flex:1;grid-template-columns:1fr 380px;gap:16px;width:100%;max-width:1400px;min-height:0;margin:0 auto;padding:16px;display:grid}.board{flex-direction:column;gap:16px;min-width:0;display:flex}.side{height:calc(100vh - 100px);padding:0;display:flex;position:sticky;top:84px;overflow:hidden}.action-panel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.action-text{flex:1;min-width:240px}.action-text h2{margin-bottom:4px;font-size:1.2rem}.action-body{color:var(--muted);gap:6px;display:grid}.action-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pick-line{color:var(--text);font-size:.92rem}.result{border-radius:10px;padding:8px 12px;font-weight:700;display:inline-block}.result.good{color:var(--green);background:#3fbf7f26}.result.bad{color:var(--red-2);background:#e0344a2e}.seg{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:3px;display:inline-flex}.seg button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:8px 12px;font-weight:600}.seg button.active{background:var(--surface-2);color:var(--text)}.player-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.pcard{background:linear-gradient(180deg, var(--surface), var(--bg-2));border:1px solid var(--line);border-radius:var(--radius);cursor:default;text-align:center;flex-direction:column;align-items:center;gap:6px;min-height:170px;padding:26px 10px 14px;transition:transform .12s,border-color .15s,box-shadow .15s;display:flex;position:relative}.pcard:disabled{opacity:1;color:inherit}.pcard.is-me{border-color:#d9b45a99}.pcard.team-mafia:not(.is-dead){box-shadow:inset 0 0 0 1px #e0344a59}.pcard.is-targetable{cursor:pointer}.pcard.is-targetable:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:0 10px 30px #e0344a40}.phase-night .pcard.is-targetable:hover{border-color:var(--blue);box-shadow:0 10px 30px #5b8cff40}.pcard.is-selected{border-color:var(--gold)!important;box-shadow:0 0 0 2px var(--gold), 0 10px 30px #d9b45a40!important}.pcard.is-dead{opacity:.5;filter:saturate(.3)}.pcard.is-offline .avatar{opacity:.5}.pcard-top{justify-content:flex-end;align-items:center;gap:2px;display:flex;position:absolute;top:8px;left:8px;right:8px}.pcard-top .tag{margin-left:2px}.pcard-top>span:first-child:not(.tag){margin-right:auto}.pcard-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:700;overflow:hidden}.pcard-role{color:var(--muted);font-size:.82rem}.pcard-marks{text-overflow:ellipsis;white-space:nowrap;border-radius:8px;max-width:100%;padding:3px 8px;font-size:.74rem;overflow:hidden}.mafia-marks{color:var(--red-2);background:#e0344a29}.vote-marks{color:var(--gold);background:#d9b45a24}.vote-marks b{font-size:.95rem}.pcard-selected{color:var(--gold);font-size:.74rem;font-weight:700}.verdict-tag{border-radius:8px;padding:3px 8px;font-size:.72rem;font-weight:700}.verdict-tag.good{color:var(--green);background:#3fbf7f29}.verdict-tag.bad{color:var(--red-2);background:#e0344a33}.verdict-tag.neutral{background:var(--surface-2);color:var(--muted)}.overlay{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050409c7;place-items:center;padding:16px;animation:.25s ease-out fade;display:grid;position:fixed;inset:0;overflow-y:auto}@keyframes fade{0%{opacity:0}}.reveal{text-align:center;justify-items:center;gap:16px;max-width:420px;display:grid}.flip-card{perspective:1000px;cursor:pointer;background:0 0;border:0;width:230px;height:320px;padding:0}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,1.4,.5,1);display:block;position:relative}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{backface-visibility:hidden;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.flip-front{color:var(--muted);background:repeating-linear-gradient(45deg,#1d1726 0 12px,#221a2d 12px 24px);font-weight:600}.flip-logo{font-size:64px}.flip-back{background:linear-gradient(#243247,#121822);transform:rotateY(180deg)}.flip-back.team-mafia{border-color:var(--red);background:linear-gradient(#5a1522,#1a0a10)}.flip-icon{font-size:80px}.flip-name{font-family:Playfair Display,serif;font-size:2rem;font-weight:900}.flip-team{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem}.reveal-info{justify-items:center;gap:10px;animation:.4s fade;display:grid}.reveal-info p{color:var(--muted);margin:0}.mates{color:var(--red-2)!important}.announce{text-align:center;justify-items:center;gap:12px;width:100%;max-width:480px;padding:28px;animation:.3s ease-out pop;display:grid}@keyframes pop{0%{opacity:0;transform:scale(.92)}}.announce-icon{font-size:52px}.announce h1{font-family:Playfair Display,serif;font-size:1.8rem}.announce-line{margin:0;font-size:1.1rem}.endgame{text-align:center;gap:12px;width:100%;max-width:520px;padding:28px;animation:.35s ease-out pop;display:grid}.endgame.team-mafia{border-color:var(--red);background:linear-gradient(180deg, #2a0f17, var(--bg-2))}.endgame.team-town{border-color:var(--town);background:linear-gradient(180deg, #10233a, var(--bg-2))}.endgame-icon{font-size:60px}.endgame h1{font-family:Playfair Display,serif;font-size:2rem}.endgame p{margin:0}.you-result{font-size:1.1rem;font-weight:700}.you-result.won{color:var(--green)}.you-result.lost{color:var(--muted)}.final-roles{text-align:left;gap:6px;max-height:40vh;margin:6px 0;padding:0;list-style:none;display:grid;overflow-y:auto}.final-roles li{background:var(--bg);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:7px 10px;font-size:.92rem;display:flex}.final-roles li.team-mafia{border-color:#e0344a80}.final-roles li.is-dead{opacity:.6}@media (width<=1080px){.lobby-grid{grid-template-columns:1fr 1fr}.chat-card{grid-column:1/-1;height:380px}}@media (width<=860px){.game-main{grid-template-columns:1fr}.side{height:420px;position:static}}@media (width<=640px){.lobby-grid{grid-template-columns:1fr}.room-code-actions{text-align:left}.player-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.pcard{min-height:150px;padding:24px 6px 10px}.topbar{flex-wrap:wrap;padding:10px 12px}.timer{order:3;grid-template-columns:auto 1fr;place-items:center start;gap:10px;width:100%}.timer-bar{width:100%}.phase-icon{font-size:22px}}