:root{color:#ebe2d2;background:#0d0e10;font-family:Trebuchet MS,Gill Sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #0d0e10;--panel: rgba(19, 20, 22, .84);--paper: #ebe2d2;--muted: #928b81;--line: rgba(235, 226, 210, .14);--red: #b5322d;--red-bright: #e1564f;--gold: #c7a66a;--green: #7b9b75;--app-telegram-safe-top: 0px;--app-telegram-safe-right: 0px;--app-telegram-safe-bottom: 0px;--app-telegram-safe-left: 0px;--app-fullscreen-fallback-top: 0px;--app-safe-top: max( env(safe-area-inset-top, 0px), var(--tg-safe-area-inset-top, 0px), var(--tg-content-safe-area-inset-top, 0px), var(--app-telegram-safe-top), var(--app-fullscreen-fallback-top) );--app-safe-right: max( env(safe-area-inset-right, 0px), var(--tg-safe-area-inset-right, 0px), var(--tg-content-safe-area-inset-right, 0px), var(--app-telegram-safe-right) );--app-safe-bottom: max( env(safe-area-inset-bottom, 0px), var(--tg-safe-area-inset-bottom, 0px), var(--tg-content-safe-area-inset-bottom, 0px), var(--app-telegram-safe-bottom) );--app-safe-left: max( env(safe-area-inset-left, 0px), var(--tg-safe-area-inset-left, 0px), var(--tg-content-safe-area-inset-left, 0px), var(--app-telegram-safe-left) )}html[data-telegram-fullscreen=true]{--app-fullscreen-fallback-top: 88px}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--ink)}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden}img{user-select:none;-webkit-user-drag:none;-webkit-user-select:none}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.app-shell{position:relative;isolation:isolate;display:flex;flex-direction:column;width:min(100%,760px);min-height:100vh;min-height:100dvh;margin:0 auto;padding:calc(18px + var(--app-safe-top)) calc(clamp(18px,5vw,42px) + var(--app-safe-right)) calc(18px + var(--app-safe-bottom)) calc(clamp(18px,5vw,42px) + var(--app-safe-left));overflow:hidden}html,body,#root,.app-shell,.app-shell *{cursor:default!important}.cinematic-backdrop{--phase-progress: .5;--celestial-x: 72%;--celestial-y: 18%;--celestial-glow: .5;--pointer-x: var(--celestial-x);--pointer-y: var(--celestial-y);--parallax-x: 0px;--parallax-y: 0px;--scene-top: #15171a;--scene-mid: #0f1012;--scene-bottom: #070809;--scene-accent-rgb: 181 50 45;--scene-secondary-rgb: 199 166 106;--scene-mist-rgb: 116 82 63;--scene-horizon-rgb: 130 56 42;--scene-city-back-rgb: 40 43 46;--scene-city-front-rgb: 6 7 9;--scene-stars-opacity: .16;--scene-grid-opacity: .1;--scene-beam-opacity: .12;--scene-haze-opacity: .2;--scene-horizon-opacity: .28;--scene-spot-opacity: .16;--scene-city-height: 33vh;--scene-city-offset: 0vh;--scene-vignette-opacity: .62;--celestial-image: url(/backdrops/moon-crescent.svg);position:fixed;z-index:-3;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;contain:layout paint style;background:linear-gradient(180deg,var(--scene-top) 0%,var(--scene-mid) 48%,var(--scene-bottom) 100%);animation:backdrop-fade-in .7s ease both}.cinematic-backdrop[data-scene=landing]{--scene-top: #16181b;--scene-mid: #101113;--scene-bottom: #070809}.cinematic-backdrop[data-scene=lobby]{--scene-top: #1a1818;--scene-mid: #121111;--scene-bottom: #09090a;--scene-accent-rgb: 170 63 45;--scene-secondary-rgb: 199 166 106;--scene-mist-rgb: 126 87 66;--scene-horizon-rgb: 128 67 43;--scene-stars-opacity: .08;--scene-grid-opacity: .07}.cinematic-backdrop[data-scene=role_reveal]{--scene-top: #1d1916;--scene-mid: #14110f;--scene-bottom: #080808;--scene-accent-rgb: 199 166 106;--scene-secondary-rgb: 235 226 210;--scene-mist-rgb: 139 104 70;--scene-horizon-rgb: 112 83 34;--scene-stars-opacity: .02;--scene-grid-opacity: .13;--scene-beam-opacity: .16;--scene-haze-opacity: .17;--scene-horizon-opacity: .2;--scene-city-height: 22vh}.cinematic-backdrop[data-scene=zero_night]{--scene-top: #12161d;--scene-mid: #0c0f15;--scene-bottom: #06080b;--scene-accent-rgb: 120 69 54;--scene-secondary-rgb: 181 193 220;--scene-mist-rgb: 73 82 98;--scene-horizon-rgb: 65 74 103;--scene-stars-opacity: .2;--scene-grid-opacity: .05;--scene-beam-opacity: .08}.cinematic-backdrop[data-scene=night]{--scene-top: #091119;--scene-mid: #090c12;--scene-bottom: #05070a;--scene-accent-rgb: 148 58 49;--scene-secondary-rgb: 196 214 255;--scene-mist-rgb: 62 77 101;--scene-horizon-rgb: 51 70 108;--scene-stars-opacity: .24;--scene-grid-opacity: .04;--scene-beam-opacity: .07;--scene-haze-opacity: .18;--scene-horizon-opacity: .18}.cinematic-backdrop[data-scene=morning]{--scene-top: #1a2330;--scene-mid: #25324a;--scene-bottom: #180f0e;--scene-accent-rgb: 240 165 104;--scene-secondary-rgb: 255 231 196;--scene-mist-rgb: 155 119 96;--scene-horizon-rgb: 233 145 97;--scene-stars-opacity: .03;--scene-grid-opacity: .03;--scene-beam-opacity: .18;--scene-haze-opacity: .22;--scene-horizon-opacity: .42;--scene-city-height: 31vh}.cinematic-backdrop[data-scene=discussion]{--scene-top: #23252b;--scene-mid: #1b1d22;--scene-bottom: #0d0e11;--scene-accent-rgb: 196 170 122;--scene-secondary-rgb: 233 223 206;--scene-mist-rgb: 130 120 110;--scene-horizon-rgb: 128 113 88;--scene-stars-opacity: .01;--scene-grid-opacity: .09;--scene-beam-opacity: .1;--scene-haze-opacity: .16;--scene-horizon-opacity: .18}.cinematic-backdrop[data-scene=last_word]{--scene-top: #191113;--scene-mid: #110c0d;--scene-bottom: #060607;--scene-accent-rgb: 190 68 61;--scene-secondary-rgb: 230 207 173;--scene-mist-rgb: 120 70 62;--scene-horizon-rgb: 104 50 49;--scene-stars-opacity: .03;--scene-grid-opacity: .04;--scene-beam-opacity: .22;--scene-haze-opacity: .15;--scene-vignette-opacity: .72}.cinematic-backdrop[data-scene=voting]{--scene-top: #17171a;--scene-mid: #111114;--scene-bottom: #060708;--scene-accent-rgb: 198 69 56;--scene-secondary-rgb: 220 197 158;--scene-mist-rgb: 110 72 64;--scene-horizon-rgb: 143 62 51;--scene-stars-opacity: .01;--scene-grid-opacity: .12;--scene-beam-opacity: .18;--scene-haze-opacity: .17;--scene-horizon-opacity: .22}.cinematic-backdrop[data-scene=day_result]{--scene-top: #242228;--scene-mid: #17161a;--scene-bottom: #0a0a0b;--scene-accent-rgb: 222 153 108;--scene-secondary-rgb: 233 214 179;--scene-mist-rgb: 145 109 90;--scene-horizon-rgb: 190 125 84;--scene-stars-opacity: .02;--scene-grid-opacity: .05;--scene-beam-opacity: .12;--scene-haze-opacity: .21;--scene-horizon-opacity: .34}.cinematic-backdrop[data-scene=game_over]{--scene-top: #21161a;--scene-mid: #141214;--scene-bottom: #09090a;--scene-accent-rgb: 202 76 63;--scene-secondary-rgb: 216 187 112;--scene-mist-rgb: 140 94 74;--scene-horizon-rgb: 150 88 57;--scene-stars-opacity: .12;--scene-grid-opacity: .06;--scene-beam-opacity: .16;--scene-haze-opacity: .24;--scene-horizon-opacity: .31}.backdrop-base,.backdrop-aura,.backdrop-horizon,.backdrop-beams,.backdrop-stars,.backdrop-grid,.backdrop-fog,.backdrop-city,.backdrop-noise,.backdrop-vignette{position:absolute;top:0;right:0;bottom:0;left:0}.backdrop-base{background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgb(var(--scene-secondary-rgb) / calc(var(--scene-spot-opacity) * .48)) 0%,transparent 16%),radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgb(var(--scene-accent-rgb) / var(--scene-spot-opacity)) 0%,transparent 34%),radial-gradient(ellipse at 50% 100%,rgb(var(--scene-horizon-rgb) / var(--scene-horizon-opacity)) 0%,transparent 52%),linear-gradient(180deg,var(--scene-top) 0%,var(--scene-mid) 48%,var(--scene-bottom) 100%);transform:scale(1.03)}.backdrop-aura{border-radius:50%;opacity:var(--scene-haze-opacity);will-change:transform;backface-visibility:hidden}.backdrop-aura-primary{--aura-parallax-x-start: -.22;--aura-parallax-y-start: -.18;--aura-parallax-x-end: .16;--aura-parallax-y-end: .14;--aura-rotate-start: -8deg;--aura-rotate-end: 6deg;inset:auto;top:10%;left:-8%;width:56vw;height:28vh;background:radial-gradient(circle,rgb(var(--scene-mist-rgb) / .9) 0%,transparent 68%);animation:backdrop-drift 22s ease-in-out infinite alternate}.backdrop-aura-secondary{--aura-parallax-x-start: .18;--aura-parallax-y-start: .16;--aura-parallax-x-end: -.12;--aura-parallax-y-end: -.1;--aura-rotate-start: 10deg;--aura-rotate-end: -4deg;inset:auto;right:-10%;bottom:6%;width:54vw;height:34vh;background:radial-gradient(circle,rgb(var(--scene-accent-rgb) / .85) 0%,transparent 70%);animation:backdrop-drift 26s ease-in-out infinite alternate-reverse}.backdrop-horizon{inset:auto 0 12vh;height:24vh;background:radial-gradient(ellipse at 50% 100%,rgb(var(--scene-horizon-rgb) / var(--scene-horizon-opacity)) 0%,transparent 70%);filter:blur(12px);transform:translate3d(0,calc(var(--parallax-y) * .08),0)}.backdrop-beams{background:linear-gradient(118deg,transparent 32%,rgb(var(--scene-secondary-rgb) / .14) 50%,transparent 68%),linear-gradient(146deg,transparent 40%,rgb(var(--scene-accent-rgb) / .16) 58%,transparent 74%);opacity:var(--scene-beam-opacity);transform:translate3d(calc(var(--parallax-x) * -.18),calc(var(--parallax-y) * -.14),0);animation:backdrop-sweep 18s ease-in-out infinite alternate;will-change:transform,opacity;backface-visibility:hidden}.backdrop-stars{top:-10%;right:-10%;bottom:-10%;left:-10%;opacity:var(--scene-stars-opacity);background-image:radial-gradient(circle at 15% 24%,rgba(255,255,255,.95) 0 1px,transparent 1.8px),radial-gradient(circle at 34% 16%,rgba(255,255,255,.82) 0 1px,transparent 1.7px),radial-gradient(circle at 52% 28%,rgba(255,255,255,.8) 0 1px,transparent 1.7px),radial-gradient(circle at 68% 18%,rgba(255,255,255,.72) 0 1px,transparent 1.7px),radial-gradient(circle at 82% 26%,rgba(255,255,255,.9) 0 1px,transparent 1.8px),radial-gradient(circle at 24% 36%,rgba(255,255,255,.68) 0 1px,transparent 1.7px),radial-gradient(circle at 61% 11%,rgba(255,255,255,.88) 0 1px,transparent 1.7px),radial-gradient(circle at 90% 14%,rgba(255,255,255,.65) 0 1px,transparent 1.6px);transform:translate3d(calc(var(--parallax-x) * -.08),calc(var(--parallax-y) * -.08),0)}.backdrop-grid{inset:0 0 auto;height:56vh;opacity:var(--scene-grid-opacity);background:repeating-linear-gradient(90deg,rgba(235,226,210,.28) 0 1px,transparent 1px 74px),repeating-linear-gradient(180deg,rgba(235,226,210,.18) 0 1px,transparent 1px 74px);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent 72%);mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent 72%);transform:perspective(900px) rotateX(74deg) translateY(-14vh);transform-origin:top center}.backdrop-fog{inset:auto;border-radius:50%;opacity:calc(var(--scene-haze-opacity) * .85);will-change:transform;backface-visibility:hidden}.backdrop-fog-one{--fog-drift-x-start: -12%;--fog-drift-y-start: 0%;--fog-drift-x-mid: -4%;--fog-drift-y-mid: -2%;--fog-drift-x-end: 4%;--fog-drift-y-end: 1%;--fog-rotate-start: -7deg;--fog-rotate-mid: -3deg;--fog-rotate-end: 2deg;--fog-parallax-x: -.12;--fog-parallax-y: .1;left:-16%;bottom:18%;width:72vw;height:20vh;background:radial-gradient(circle,rgb(var(--scene-mist-rgb) / .6) 0%,transparent 72%);animation:backdrop-fog-roll 28s linear infinite}.backdrop-fog-two{--fog-drift-x-start: -4%;--fog-drift-y-start: 1%;--fog-drift-x-mid: 4%;--fog-drift-y-mid: -2%;--fog-drift-x-end: 10%;--fog-drift-y-end: 2%;--fog-rotate-start: 8deg;--fog-rotate-mid: 4deg;--fog-rotate-end: -2deg;--fog-parallax-x: .12;--fog-parallax-y: .08;right:-14%;bottom:8%;width:62vw;height:24vh;background:radial-gradient(circle,rgb(var(--scene-accent-rgb) / .34) 0%,transparent 74%);animation:backdrop-fog-roll 36s linear infinite reverse}.backdrop-city{right:-8vw;bottom:calc(-2vh + var(--scene-city-offset));left:-8vw;height:var(--scene-city-height);clip-path:polygon(0 43%,5% 43%,5% 24%,10% 24%,10% 55%,14% 55%,14% 14%,17% 14%,17% 49%,22% 49%,22% 32%,28% 32%,28% 58%,33% 58%,33% 18%,38% 18%,38% 50%,43% 50%,43% 36%,49% 36%,49% 55%,55% 55%,55% 9%,59% 9%,59% 49%,64% 49%,64% 27%,70% 27%,70% 57%,76% 57%,76% 19%,82% 19%,82% 45%,88% 45%,88% 31%,93% 31%,93% 53%,100% 53%,100% 100%,0 100%)}.backdrop-city-back{bottom:calc(7vh + var(--scene-city-offset));background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 16%),rgb(var(--scene-city-back-rgb) / .36);transform:translate3d(calc(var(--parallax-x) * -.08),calc(var(--parallax-y) * .1),0) scale(1.05);opacity:.8}.backdrop-city-front{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 12%),rgb(var(--scene-city-front-rgb) / .94);box-shadow:0 -18px 55px #0000002e;transform:translate3d(calc(var(--parallax-x) * -.14),calc(var(--parallax-y) * .14),0)}.backdrop-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");background-size:140px 140px;pointer-events:none}.backdrop-vignette{background:radial-gradient(circle at 50% 42%,transparent 30%,rgba(0,0,0,.28) 62%),linear-gradient(180deg,rgba(0,0,0,.2) 0%,transparent 18%,transparent 76%,rgba(0,0,0,var(--scene-vignette-opacity)) 100%)}.cinematic-backdrop{--sky-top: #0d1626;--sky-mid: #111a2d;--sky-bottom: #1b1213;--cloud-rgb: 95 110 142;--celestial-rgb: 224 201 154;--sky-glow-rgb: 104 124 174;--stage-top: rgba(18, 20, 26, .18);--stage-bottom: rgba(5, 6, 8, .9);--stage-height: 58vh;--stage-glow-rgb: 138 79 65;--stage-divider-rgb: 212 181 116;--scene-back-image: url(/backdrops/night-city-back.svg);--scene-front-image: url(/backdrops/night-city-front.svg)}.cinematic-backdrop[data-scene=landing],.cinematic-backdrop[data-scene=lobby],.cinematic-backdrop[data-scene=role_reveal],.cinematic-backdrop[data-scene=zero_night],.cinematic-backdrop[data-scene=night]{--sky-top: #09111e;--sky-mid: #111a2b;--sky-bottom: #251716;--cloud-rgb: 79 93 123;--celestial-rgb: 232 206 154;--sky-glow-rgb: 97 120 177;--stage-top: rgba(16, 20, 28, .12);--stage-bottom: rgba(5, 6, 10, .92);--stage-height: 58vh;--stage-glow-rgb: 128 74 62;--stage-divider-rgb: 154 118 77;--scene-back-image: url(/backdrops/night-city-back.svg);--scene-front-image: url(/backdrops/night-city-front.svg)}.cinematic-backdrop[data-scene=morning]{--sky-top: #344768;--sky-mid: #715d58;--sky-bottom: #2b1b1a;--cloud-rgb: 183 146 126;--celestial-rgb: 255 226 170;--sky-glow-rgb: 248 154 106;--stage-top: rgba(58, 36, 31, .08);--stage-bottom: rgba(10, 7, 8, .9);--stage-height: 57vh;--stage-glow-rgb: 242 154 94;--stage-divider-rgb: 245 187 113;--scene-back-image: url(/backdrops/dawn-alley-back.svg);--scene-front-image: url(/backdrops/dawn-alley-front.svg);--celestial-image: url(/backdrops/sunrise-sun.svg)}.cinematic-backdrop[data-scene=discussion],.cinematic-backdrop[data-scene=last_word],.cinematic-backdrop[data-scene=voting],.cinematic-backdrop[data-scene=day_result]{--sky-top: #9aa8b9;--sky-mid: #c6b8a5;--sky-bottom: #85715e;--cloud-rgb: 214 199 177;--celestial-rgb: 255 248 224;--sky-glow-rgb: 255 230 188;--stage-top: rgba(73, 58, 45, .08);--stage-bottom: rgba(13, 10, 8, .88);--stage-height: 60vh;--stage-glow-rgb: 182 142 94;--stage-divider-rgb: 223 194 145;--scene-back-image: url(/backdrops/courtroom-back.svg);--scene-front-image: url(/backdrops/courtroom-front.svg);--celestial-image: url(/backdrops/day-sun.svg)}.cinematic-backdrop[data-scene=game_over]{--sky-top: #3a3040;--sky-mid: #76564d;--sky-bottom: #231617;--cloud-rgb: 156 114 97;--celestial-rgb: 244 201 136;--sky-glow-rgb: 221 120 92;--stage-top: rgba(52, 30, 29, .1);--stage-bottom: rgba(7, 6, 8, .92);--stage-height: 60vh;--stage-glow-rgb: 188 98 73;--stage-divider-rgb: 209 161 96;--scene-back-image: url(/backdrops/victory-city-back.svg);--scene-front-image: url(/backdrops/victory-city-front.svg);--celestial-image: url(/backdrops/day-sun.svg)}.cinematic-backdrop[data-scene=game_over][data-winner=mafia]{--sky-top: #1a1220;--sky-mid: #311a24;--sky-bottom: #180d11;--cloud-rgb: 118 67 73;--celestial-rgb: 236 116 102;--sky-glow-rgb: 180 56 58;--stage-top: rgba(42, 18, 20, .08);--stage-bottom: rgba(6, 4, 7, .94);--stage-height: 60vh;--stage-glow-rgb: 148 38 43;--stage-divider-rgb: 156 54 48;--scene-back-image: url(/backdrops/night-city-back.svg);--scene-front-image: url(/backdrops/night-city-front.svg);--celestial-image: url(/backdrops/blood-moon.svg)}.cinematic-backdrop[data-scene=game_over][data-winner=town]{--sky-top: #90b3db;--sky-mid: #c8d8af;--sky-bottom: #e3bd80;--cloud-rgb: 213 214 198;--celestial-rgb: 255 236 180;--sky-glow-rgb: 255 210 138;--stage-top: rgba(91, 113, 72, .05);--stage-bottom: rgba(8, 10, 8, .88);--stage-height: 60vh;--stage-glow-rgb: 196 168 96;--stage-divider-rgb: 240 220 165;--scene-back-image: url(/backdrops/victory-city-back.svg);--scene-front-image: url(/backdrops/victory-city-front.svg);--celestial-image: url(/backdrops/day-sun.svg)}.backdrop-base{background:radial-gradient(circle at var(--pointer-x) min(var(--pointer-y),34%),rgb(var(--sky-glow-rgb) / .18) 0%,transparent 24%),linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 24%,var(--sky-bottom) 52%,#08090b 100%)}.backdrop-sky,.backdrop-celestial-glow,.backdrop-celestial,.backdrop-clouds,.backdrop-stage,.backdrop-stage-glow,.backdrop-scene,.backdrop-ground{position:absolute}.backdrop-sky{inset:0 0 auto;height:42vh;background:radial-gradient(circle at var(--pointer-x) 18%,rgb(var(--sky-glow-rgb) / .18) 0%,transparent 22%),linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 46%,transparent 100%)}.backdrop-celestial{top:var(--celestial-y);left:var(--celestial-x);width:clamp(84px,12vw,152px);height:clamp(84px,12vw,152px);background-image:var(--celestial-image);background-position:center;background-repeat:no-repeat;background-size:contain;box-shadow:0 0 48px rgb(var(--sky-glow-rgb) / calc(var(--celestial-glow) * .32)),0 0 140px rgb(var(--sky-glow-rgb) / calc(var(--celestial-glow) * .22));opacity:calc(.6 + (var(--celestial-glow) * .36));transform:translate(-50%,-50%)}.cinematic-backdrop[data-scene=discussion] .backdrop-celestial,.cinematic-backdrop[data-scene=last_word] .backdrop-celestial,.cinematic-backdrop[data-scene=voting] .backdrop-celestial,.cinematic-backdrop[data-scene=day_result] .backdrop-celestial{width:clamp(84px,11vw,154px);height:clamp(84px,11vw,154px)}.cinematic-backdrop[data-celestial=bloodmoon] .backdrop-celestial{width:clamp(104px,14vw,176px);height:clamp(104px,14vw,176px)}.cinematic-backdrop[data-celestial=sunrise] .backdrop-celestial,.cinematic-backdrop[data-celestial=sun] .backdrop-celestial{width:clamp(92px,13vw,164px);height:clamp(92px,13vw,164px)}.backdrop-clouds{border-radius:50%;filter:blur(54px);background:radial-gradient(circle,rgb(var(--cloud-rgb) / .34) 0%,transparent 72%);opacity:.52}.backdrop-clouds-one{top:8vh;left:-8vw;width:46vw;height:16vh;transform:translateZ(0)}.backdrop-clouds-two{top:15vh;right:-6vw;width:42vw;height:14vh;transform:translateZ(0)}.backdrop-stars{inset:0 0 auto;height:40vh;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%)}.backdrop-horizon{inset:auto 0 calc(var(--stage-height) - 6vh);height:18vh;background:linear-gradient(180deg,transparent 0%,rgb(var(--stage-divider-rgb) / .08) 50%,transparent 100%),radial-gradient(ellipse at 50% 100%,rgb(var(--stage-glow-rgb) / .24) 0%,transparent 70%);filter:blur(10px)}.backdrop-beams{top:0;right:0;bottom:0;left:0;background:linear-gradient(118deg,transparent 30%,rgb(var(--sky-glow-rgb) / .08) 48%,transparent 64%),linear-gradient(145deg,transparent 38%,rgb(var(--stage-glow-rgb) / .08) 58%,transparent 74%)}.backdrop-stage{inset:auto 0 0;height:var(--stage-height);overflow:hidden}.backdrop-stage-glow{top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--stage-top) 0%,rgba(10,10,12,.16) 24%,var(--stage-bottom) 100%),radial-gradient(ellipse at 50% 8%,rgb(var(--stage-glow-rgb) / .22) 0%,transparent 46%)}.backdrop-scene{top:0;right:0;bottom:0;left:0;background-position:center bottom;background-repeat:no-repeat;background-size:cover}.backdrop-scene-back{background-image:var(--scene-back-image);opacity:.86}.backdrop-scene-front{background-image:var(--scene-front-image);opacity:.98}.backdrop-ground{inset:auto 0 0;height:18vh;background:linear-gradient(180deg,rgb(var(--stage-glow-rgb) / .06),transparent 34%),linear-gradient(180deg,#0c0c0e1a,#060608eb)}.backdrop-fog-one{bottom:20vh}.backdrop-fog-two{bottom:10vh}.backdrop-vignette{background:radial-gradient(circle at 50% 20%,transparent 18%,rgba(0,0,0,.16) 56%,rgba(0,0,0,.46) 100%),linear-gradient(180deg,rgba(0,0,0,.08) 0%,transparent 14%,transparent 72%,rgba(0,0,0,.66) 100%)}.topbar{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;animation:reveal-down .7s ease-out both}.topbar-profile-button{display:flex;gap:7px;align-items:center;min-width:0;padding:3px 8px 3px 3px;border:1px solid var(--line);color:var(--paper);background:#0a0b0c85;cursor:pointer}.topbar-actions{display:flex;gap:7px;align-items:center;min-width:0}.topbar-leaderboards-button{display:flex;gap:7px;align-items:center;height:34px;padding:0 9px;border:1px solid rgba(199,166,106,.28);color:var(--gold);background:#0a0b0c85;cursor:pointer}.topbar-leaderboards-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.topbar-leaderboards-button b{color:var(--paper);font-size:8px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.topbar-profile-button>span{display:grid;place-items:center;width:26px;height:26px;overflow:hidden;color:var(--gold);background:#c7a66a1a;font-size:8px;font-weight:700;letter-spacing:.05em}.topbar-profile-button img{width:100%;height:100%;object-fit:cover}.topbar-profile-button b{font-size:8px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.brand-mark{display:flex;gap:3px;align-items:flex-end;width:34px;height:34px;padding:8px;border:1px solid var(--line);transform:rotate(45deg)}.brand-mark span{display:block;width:3px;background:var(--red-bright)}.brand-mark span:nth-child(1){height:8px}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:11px}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-family:Bodoni MT,Didot,Times New Roman,serif;font-size:19px;font-weight:500;letter-spacing:.05em}.eyebrow,.chapter{margin:0;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.eyebrow{margin-bottom:5px;color:var(--muted);font-size:8px}.connection-pill{display:flex;gap:7px;align-items:center;padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.connection-pill i{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 10px var(--red)}.connection-pill.is-online i{background:var(--green);box-shadow:0 0 10px var(--green)}.landing-panel,.room-panel{flex:1;padding:clamp(60px,11vh,110px) 0 30px}.landing-panel{padding-top:clamp(44px,7vh,72px)}.simulator-shell{display:grid;gap:18px;flex:1;min-width:0;padding:18px 0 30px}.performance-probe{position:fixed;z-index:20;right:8px;bottom:8px;max-width:calc(100vw - 16px);padding:6px 8px;border:1px solid rgba(123,155,117,.45);color:#d5e4d0;background:#080c09f0;font:10px/1.35 monospace;pointer-events:none}.simulator-panel{position:sticky;top:max(14px,env(safe-area-inset-top));z-index:2;padding:16px;border:1px solid var(--line);background:#0c0d0fcc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 45px #00000038;min-width:0;width:100%}.simulator-heading,.simulator-controls,.simulator-toggles{display:grid;gap:12px}.simulator-heading{grid-template-columns:1fr auto;align-items:end;margin-bottom:14px}.simulator-heading span,.simulator-heading strong{display:block}.simulator-heading span{color:var(--gold);font-size:8px;letter-spacing:.16em;text-transform:uppercase}.simulator-heading strong{margin-top:4px;font-family:Bodoni MT,Didot,serif;font-size:26px;font-weight:500}.simulator-heading i{color:var(--muted);font-size:10px;font-style:normal;letter-spacing:.08em;text-transform:uppercase}.simulator-phase-row{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;padding-bottom:2px}.simulator-phase-row button,.simulator-controls input,.simulator-controls select,.simulator-toggles select{border:1px solid var(--line);color:var(--paper);background:#ebe2d20a}.simulator-phase-row button{flex:0 0 auto;min-height:34px;padding:0 12px;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.simulator-phase-row button.is-active{border-color:#c7a66a66;background:linear-gradient(90deg,rgba(199,166,106,.18),transparent),#ebe2d20f;transform:translateY(-1px)}.simulator-controls{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.simulator-controls label,.simulator-toggles label{display:grid;gap:8px}.simulator-controls span,.simulator-toggles span{color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.simulator-controls input,.simulator-controls select,.simulator-toggles select{min-height:40px;padding:0 12px}.simulator-toggles{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.simulator-toggles label:first-child,.simulator-toggles label:nth-child(2),.simulator-toggles label:nth-child(3){grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:40px;padding:0 12px;border:1px solid var(--line);background:#ebe2d20a}.simulator-toggles input{margin:0}.simulator-preview .game-panel{margin-top:0;min-width:0;width:100%}.simulator-preview{min-width:0;width:100%;overflow:hidden}.hero-copy{max-width:560px;animation:reveal-up .85s .08s cubic-bezier(.16,1,.3,1) both}.hero-copy h1,.room-heading h1{margin:14px 0 18px;font-family:Bodoni MT,Didot,Times New Roman,serif;font-size:clamp(48px,12vw,82px);font-weight:400;line-height:.9;letter-spacing:-.045em}.hero-copy h1 em{color:var(--red-bright);font-weight:400}.hero-text{max-width:320px;margin:0;color:#b7afa4;font-family:Palatino Linotype,Book Antiqua,serif;font-size:16px;line-height:1.55}.player-avatar{display:grid;place-items:center;overflow:hidden;border-radius:50%;color:var(--paper);background:linear-gradient(145deg,#b5322dcc,#321414b3),var(--red);font-family:Bodoni MT,serif}.join-card label{display:block;margin-bottom:7px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.join-row input{width:100%;min-width:0;border:0;border-bottom:1px solid rgba(235,226,210,.24);border-radius:0;color:var(--paper);background:transparent}.primary-actions{display:grid;gap:12px;margin-top:clamp(28px,5vh,40px);animation:reveal-up .8s .28s both}.create-button{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;width:100%;padding:18px 17px;border:1px solid rgba(225,86,79,.55);border-radius:0;text-align:left;background:linear-gradient(90deg,rgba(181,50,45,.3),transparent 58%),#101113d1;box-shadow:inset 3px 0 var(--red-bright);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.create-button:hover:not(:disabled){border-color:var(--red-bright);background:linear-gradient(90deg,rgba(181,50,45,.45),transparent 65%),#141517eb;transform:translateY(-2px)}.create-button.casual-create-button{border-color:#c7a66a6b;background:linear-gradient(90deg,rgba(199,166,106,.16),transparent 58%),#101113d1;box-shadow:inset 3px 0 #c7a66ad1}.create-button.casual-create-button:hover:not(:disabled){border-color:var(--gold);background:linear-gradient(90deg,rgba(199,166,106,.25),transparent 65%),#141517eb}.casual-create-button .button-index,.casual-create-button b{color:var(--gold)}.create-button:disabled,.join-row button:disabled,.room-actions button:disabled,.game-over-actions button:disabled{cursor:not-allowed;opacity:.38}.button-index{color:var(--red-bright);font-family:Bodoni MT,serif;font-size:13px}.create-button strong{display:block;font-family:Bodoni MT,Didot,serif;font-size:20px;font-weight:500}.create-button small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.create-button b{color:var(--red-bright);font-size:24px;font-weight:300}.join-card{padding:16px;border:1px solid var(--line);background:#0a0b0ca3}.join-row{display:grid;grid-template-columns:1fr auto;gap:10px}.join-row input{padding:8px 0 9px;font-size:17px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.join-row input::placeholder{color:#625e58}.join-row button{padding:0 18px;border:1px solid var(--line);background:#ebe2d20f;cursor:pointer}.profile-card{margin-top:14px;padding:16px;border:1px solid var(--line);background:linear-gradient(120deg,rgba(199,166,106,.06),transparent 50%),#0a0b0cb8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:reveal-up .8s .36s both}.profile-heading{display:flex;gap:16px;align-items:start;justify-content:space-between}.profile-heading span,.profile-heading strong{display:block}.profile-heading span,.match-history>span{color:var(--gold);font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.profile-heading strong{margin-top:4px;font-family:Bodoni MT,serif;font-size:22px;font-weight:500}.profile-heading b{padding:6px 8px;border:1px solid rgba(199,166,106,.25);color:#a69b8c;font-size:8px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:15px 0 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-stats div{padding:10px 8px}.profile-stats div+div{border-left:1px solid var(--line)}.profile-stats span,.profile-stats strong{display:block;text-align:center}.profile-stats span{margin-bottom:3px;color:var(--muted);font-size:7px;letter-spacing:.12em;text-transform:uppercase}.profile-stats strong{font-family:Bodoni MT,serif;font-size:20px;font-weight:500}.experience-track{height:2px;background:#ebe2d214}.experience-track div{width:100%;height:100%;background:linear-gradient(90deg,var(--red),var(--gold));transform-origin:left center;transition:transform .5s cubic-bezier(.16,1,.3,1);will-change:transform}.experience-copy{margin:6px 0 15px;color:#625e58;font-size:8px;letter-spacing:.06em;text-transform:uppercase}.match-history{display:grid;gap:6px}.match-history>span{margin-bottom:3px;color:var(--muted)}.match-history>p{margin:0;padding:10px;border:1px dashed var(--line);color:#69645d;font-size:10px}.match-history article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;min-width:0;padding:8px 9px;border-left:2px solid #5e3735;background:#0000002b}.match-history article.is-win{border-left-color:var(--green)}.match-history i{color:#b66560;font-size:7px;font-style:normal;letter-spacing:.1em;text-transform:uppercase}.match-history .is-win i{color:#8ba486}.match-history strong{overflow:hidden;font-family:Bodoni MT,serif;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.match-history small{color:#5f5a54;font-size:8px;text-transform:uppercase}.feature-strip{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;color:#6f6a63;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;animation:reveal-up .8s .38s both}.feature-strip span:not(:last-child):after{content:"·";margin-left:18px;color:var(--red)}.room-panel{padding-top:clamp(42px,7vh,70px)}.game-panel{flex:1;min-width:0;padding:clamp(40px,7vh,72px) 0 30px;animation:reveal-up .65s both}.phase-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.phase-timer{flex:0 0 auto;min-width:96px;padding:8px 12px;border:1px solid var(--line);color:var(--gold);background:#0a0b0c8f;font-family:Bodoni MT,Didot,serif;font-size:17px;font-variant-numeric:tabular-nums;letter-spacing:.08em;line-height:1;text-align:center;white-space:nowrap}.phase-timer span{display:block;min-width:4.8ch}.role-stage{display:grid;place-items:center;gap:14px;min-height:min(570px,68vh);min-width:0;padding:30px 0 18px;perspective:1200px}.role-flip-shell{display:grid;gap:12px;justify-items:center;width:min(100%,390px)}.role-flip-shell.is-compact{width:min(100%,430px)}.role-flip-card{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;transform-origin:right center;will-change:transform,opacity;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.role-flip-card *,.role-card-art{user-select:none;-webkit-user-select:none}.role-card-art{-webkit-user-drag:none}.role-flip-card.is-dealing{animation:deal-card-in 1s cubic-bezier(.16,1,.3,1) both}.role-flip-card-inner{position:relative;width:100%;aspect-ratio:.695;transform-style:preserve-3d;transition:transform .76s cubic-bezier(.16,1,.3,1);will-change:transform}.role-flip-card.is-front-visible .role-flip-card-inner{transform:rotateY(180deg)}.role-flip-face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:26px;backface-visibility:hidden;background:#121315;box-shadow:0 28px 80px #00000080,inset 0 0 80px #c7a66a08}.role-flip-front{transform:rotateY(180deg)}.role-card-art{display:block;width:100%;height:100%;object-fit:cover}.role-card-hint{margin:0;color:var(--muted);font-size:10px;letter-spacing:.05em;text-align:center}.sealed-card,.revealed-role{position:relative;width:min(100%,390px);min-height:475px;padding:32px 28px;border:1px solid rgba(199,166,106,.35);color:var(--paper);background:linear-gradient(145deg,rgba(40,35,30,.3),transparent 45%),#151517;box-shadow:0 28px 80px #00000080,inset 0 0 80px #c7a66a08}.sealed-card{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:0;text-align:center;white-space:normal;cursor:pointer;animation:dossier-in .8s cubic-bezier(.16,1,.3,1) both}.sealed-card:before,.revealed-role:before{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(235,226,210,.07);content:"";pointer-events:none}.sealed-card:hover{border-color:#c7a66aa6}.case-number{position:absolute;top:25px;left:26px;color:#656058;font-size:8px;letter-spacing:.15em;text-transform:uppercase}.seal{display:grid;place-items:center;width:92px;height:92px;margin-bottom:34px;border:2px solid rgba(225,86,79,.7);border-radius:50%;color:var(--red-bright);background:radial-gradient(circle,rgba(181,50,45,.25),transparent 68%),#171315;box-shadow:0 0 0 8px #b5322d12,0 0 50px #b5322d2e;font-family:Bodoni MT,serif;font-size:34px;transform:rotate(-7deg)}.sealed-card h1{margin:0;font-family:Bodoni MT,Didot,serif;font-size:38px;font-weight:400}.sealed-card p{max-width:255px;margin:14px 0 30px;color:var(--muted);font-family:Palatino Linotype,serif;font-size:13px;line-height:1.55}.sealed-card>strong{padding-bottom:5px;border-bottom:1px solid var(--red);color:var(--paper);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.sealed-card.is-loading{cursor:default}.revealed-role{overflow:hidden;animation:role-flip .65s cubic-bezier(.16,1,.3,1) both}.role-card-back-fallback,.role-card-fallback{width:100%;min-height:100%;height:100%;margin:0;border:0;border-radius:26px;box-shadow:none}.role-card-back-fallback{cursor:inherit;animation:none}.role-card-fallback{animation:none}.role-card-back-fallback:before,.role-card-fallback:before{top:12px;right:12px;bottom:12px;left:12px}.role-card-back-fallback h1{letter-spacing:.08em}.role-card-back-fallback p{max-width:280px;margin-bottom:24px}.revealed-role.faction-mafia{border-color:#e1564f85;background:radial-gradient(circle at 50% 18%,rgba(181,50,45,.3),transparent 34%),linear-gradient(160deg,#211416,#111214 58%)}.revealed-role.faction-town{border-color:#c7a66a73;background:radial-gradient(circle at 50% 18%,rgba(199,166,106,.17),transparent 36%),linear-gradient(160deg,#1b1916,#111214 58%)}.hide-role{position:absolute;z-index:2;top:22px;right:22px;border:0;color:var(--muted);background:none;font-size:9px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.role-faction{color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.role-sigil{margin:44px 0 18px;color:var(--red-bright);font-family:Bodoni MT,serif;font-size:62px;line-height:1;text-shadow:0 0 35px rgba(181,50,45,.35)}.faction-town .role-sigil{color:var(--gold);text-shadow:0 0 35px rgba(199,166,106,.22)}.revealed-role h1{margin:0;font-family:Bodoni MT,Didot,serif;font-size:clamp(42px,11vw,62px);font-weight:400;line-height:.95}.revealed-role h2{margin:0;font-family:Bodoni MT,Didot,serif;font-size:clamp(30px,8vw,42px);font-weight:400;line-height:.98}.revealed-role>p{margin:18px 0 24px;color:#b7afa4;font-family:Palatino Linotype,serif;font-size:13px;line-height:1.55}.role-reference-card{display:flex;justify-content:center;width:100%;margin:-10px 0 18px}.role-reference-card .role-sigil{margin:22px 0 12px;font-size:44px}.role-reference-card .ability-list{margin-top:16px}.ability-list{display:grid;gap:8px;margin-top:18px}.ability-list div{padding:12px;border-left:2px solid var(--red);background:#0003}.faction-town .ability-list div{border-color:var(--gold)}.ability-list strong,.ability-list span{display:block}.ability-list strong{margin-bottom:5px;font-family:Bodoni MT,serif;font-size:15px}.ability-list span{color:var(--muted);font-size:10px;line-height:1.45}.teammate-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:18px}.role-teammates{justify-content:center;width:min(100%,390px);margin-top:0}.teammate-list span{width:100%;color:var(--muted);font-size:8px;letter-spacing:.14em;text-transform:uppercase}.teammate-list strong{padding:6px 8px;border:1px solid rgba(225,86,79,.25);font-size:10px;font-weight:500}.role-warning{margin:0;color:var(--muted);font-size:10px;letter-spacing:.08em;text-align:center;text-transform:uppercase}.phase-hero{display:flex;flex-direction:column;align-items:center;min-height:280px;padding:clamp(32px,6vh,60px) 0 28px;text-align:center}.phase-hero h1{max-width:520px;margin:0;font-family:Bodoni MT,Didot,serif;font-size:clamp(44px,11vw,72px);font-weight:400;line-height:.95}.phase-hero p{max-width:330px;margin:18px auto 0;color:var(--muted);font-family:Palatino Linotype,serif;font-size:13px;line-height:1.55}.secret-team-card{margin:-12px 0 22px;padding:16px;border:1px solid rgba(225,86,79,.3);background:#34101247}.secret-team-card>span,.secret-team-card>strong{display:block}.secret-team-card>span{color:var(--red-bright);font-size:8px;letter-spacing:.16em;text-transform:uppercase}.secret-team-card>strong{margin:5px 0 12px;font-family:Bodoni MT,serif;font-size:20px;font-weight:500}.secret-team-card div{display:flex;flex-wrap:wrap;gap:6px}.secret-team-card i{padding:6px 8px;border:1px solid var(--line);color:#c7bdb0;font-size:10px;font-style:normal}.alive-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.alive-strip div{min-width:0;padding:13px 10px}.alive-strip div+div{border-left:1px solid var(--line)}.alive-strip span,.alive-strip strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alive-strip span{margin-bottom:5px;color:var(--muted);font-size:8px;letter-spacing:.12em;text-transform:uppercase}.alive-strip strong{font-family:Bodoni MT,serif;font-size:14px;font-weight:500}.phase-placeholder{display:flex;gap:10px;align-items:center;margin-top:14px;padding:12px;color:#6f6a63;background:#00000024;font-size:10px;line-height:1.4}.phase-placeholder i{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--gold)}.phase-night .phase-hero,.phase-voting .phase-hero,.phase-morning .phase-hero,.phase-day_result .phase-hero,.phase-game_over .phase-hero{min-height:250px;padding-bottom:24px}.action-console,.phase-confirmation,.phase-result,.private-result,.game-over-card,.observer-card{margin:8px 0 18px;border:1px solid var(--line);background:#0c0d0fd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.action-console{overflow:hidden;box-shadow:0 24px 60px #00000047,inset 3px 0 var(--red)}.action-console-heading{display:flex;align-items:end;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.action-console-heading span,.action-console-heading strong{display:block}.action-console-heading span,.phase-result>span,.private-result>span,.game-over-card>span,.observer-card>span{color:var(--gold);font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.action-console-heading strong{font-family:Bodoni MT,serif;font-size:20px;font-weight:500}.action-block{padding:16px}.action-block+.action-block{border-top:1px solid var(--line)}.action-block>div:first-child>strong{font-family:Bodoni MT,serif;font-size:18px;font-weight:500}.action-block p{max-width:440px;margin:5px 0 13px;color:var(--muted);font-size:10px;line-height:1.5}.target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.target-grid button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0;min-height:45px;padding:9px 10px;border:1px solid var(--line);color:var(--paper);background:#ebe2d206;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.target-grid button:hover:not(:disabled){border-color:#c7a66a80;transform:translateY(-1px)}.target-grid button.is-selected{border-color:#e1564fa3;background:linear-gradient(90deg,rgba(181,50,45,.18),transparent),#ebe2d209;box-shadow:inset 2px 0 var(--red-bright)}.target-grid button:disabled{cursor:wait;opacity:.68}.target-grid span{color:#5e5952;font-size:8px}.target-grid strong{overflow:hidden;font-family:Bodoni MT,serif;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.target-grid button.knowledge-mafia strong{color:#ef625c}.target-grid button.knowledge-sheriff strong{color:#69aee8}.target-grid button.knowledge-doctor strong{color:#80c77c}.target-grid button.knowledge-escort strong{color:#bd86dc}.target-grid button.knowledge-villager strong{color:var(--paper)}.target-grid button.knowledge-town strong{color:#dfbd72}.target-grid i{color:var(--red-bright);font-size:12px;font-style:normal}.action-notice{margin:0;padding:11px 16px;border-top:1px solid rgba(123,155,117,.24);color:#9fb39a;background:#4560401a;font-size:9px;line-height:1.4}.phase-confirmation{display:grid;gap:14px;padding:16px;border-color:#7b9b7547;background:linear-gradient(115deg,rgba(123,155,117,.12),transparent 62%),#0c0d0fd6}.phase-confirmation span,.phase-confirmation strong{display:block}.phase-confirmation span{color:#9fb39a;font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.phase-confirmation strong{margin-top:4px;font-family:Bodoni MT,serif;font-size:19px;font-weight:500}.phase-confirmation p{margin:8px 0 0;color:#b7afa4;font-size:10px;line-height:1.5}.phase-confirmation button{min-height:46px;border:1px solid rgba(123,155,117,.42);color:#d5e4d0;background:linear-gradient(90deg,rgba(123,155,117,.24),transparent),#151c16e0;box-shadow:inset 3px 0 var(--green);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.phase-confirmation button.is-confirmed{border-color:#c7a66a66;color:#e2d4b6;background:linear-gradient(90deg,rgba(199,166,106,.18),transparent),#1d1811e0;box-shadow:inset 3px 0 var(--gold)}.phase-result{padding:18px;border-color:#c7a66a4d;background:linear-gradient(120deg,rgba(199,166,106,.08),transparent 60%),#0c0d0fdb}.phase-result>strong,.private-result>strong,.observer-card>strong{display:block;margin-top:7px;font-family:Bodoni MT,serif;font-size:20px;font-weight:500;line-height:1.2}.vote-tally{display:grid;gap:6px;margin-top:16px}.vote-tally div{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border-left:1px solid var(--gold);background:#0000002e;color:#aaa196;font-size:10px}.vote-tally b{color:var(--gold);font-family:Bodoni MT,serif;font-size:15px;font-weight:500}.private-result{padding:15px 16px;border-color:#e1564f47;background:linear-gradient(110deg,rgba(181,50,45,.1),transparent 68%),#0c0d0fd6}.private-result>span{color:var(--red-bright)}.private-result>strong{font-size:17px}.observer-card{padding:16px;opacity:.72}.chat-panel{overflow:hidden;margin:18px 0;border:1px solid var(--line);background:linear-gradient(135deg,rgba(181,50,45,.055),transparent 42%),#0a0b0de6;box-shadow:0 24px 60px #0000003d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.chat-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 15px 12px}.chat-heading span,.chat-heading strong{display:block}.chat-heading span{color:var(--red-bright);font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.chat-heading strong{margin-top:3px;font-family:Bodoni MT,serif;font-size:20px;font-weight:500}.chat-heading i{color:#6f6a63;font-size:7px;font-style:normal;letter-spacing:.12em;text-transform:uppercase}.chat-tabs{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.chat-tabs button{position:relative;flex:1;min-width:0;padding:10px 8px;border:0;color:#6f6a63;background:transparent;font-size:9px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.chat-tabs button+button{border-left:1px solid var(--line)}.chat-tabs button.is-active{color:var(--paper);background:#ebe2d209;box-shadow:inset 0 -2px var(--red-bright)}.chat-tabs span{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:6px;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-size:7px}.chat-messages{display:grid;gap:8px;min-height:150px;max-height:260px;padding:14px;overflow-y:auto;scrollbar-color:rgba(199,166,106,.24) transparent}.chat-messages article{width:min(86%,390px);padding:9px 10px;border-left:2px solid rgba(199,166,106,.35);background:#ebe2d209}.chat-messages article.is-self{justify-self:end;border-right:2px solid rgba(225,86,79,.5);border-left:0;background:#b5322d1a}.chat-messages article.is-last-word,.chat-messages article.is-last-word.is-self{width:min(100%,520px);justify-self:stretch;padding:14px 15px;border:1px solid rgba(225,86,79,.58);border-left:4px solid var(--red-bright);background:linear-gradient(110deg,rgba(181,50,45,.22),transparent 72%),#181010eb;box-shadow:inset 0 0 26px #b5322d14,0 12px 34px #0000003d}.last-word-badge{flex:0 0 auto;padding:3px 6px;border:1px solid rgba(225,86,79,.42);color:var(--red-bright);font-size:7px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.chat-messages article>div{display:flex;gap:12px;align-items:center;justify-content:space-between}.chat-messages strong{overflow:hidden;color:#bcb3a7;font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.chat-messages time{flex:0 0 auto;color:#514d48;font-size:7px}.chat-messages p{margin:5px 0 0;color:#d3cabd;font-family:Palatino Linotype,serif;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.chat-empty{display:grid;place-content:center;min-height:120px;color:#68625b;text-align:center}.chat-empty span{font-family:Bodoni MT,serif;font-size:17px}.chat-empty small{margin-top:4px;font-size:8px}.quick-phrases{display:flex;gap:6px;padding:0 12px 10px;overflow-x:auto;scrollbar-width:none}.quick-phrases::-webkit-scrollbar{display:none}.quick-phrases button{flex:0 0 auto;padding:7px 9px;border:1px solid var(--line);color:#888076;background:#ebe2d206;font-size:8px;cursor:pointer}.quick-phrases button:hover:not(:disabled){border-color:#c7a66a66;color:var(--paper)}.chat-composer{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px 12px 12px;border-top:1px solid var(--line)}.chat-composer input{min-width:0;padding:10px 2px;border:0;border-bottom:1px solid rgba(235,226,210,.2);border-radius:0;color:var(--paper);background:transparent}.chat-composer input::placeholder{color:#5b5650}.chat-composer button{width:40px;border:1px solid rgba(225,86,79,.48);color:var(--red-bright);background:#b5322d1f;font-size:20px;cursor:pointer}.chat-composer button:disabled,.quick-phrases button:disabled{cursor:not-allowed;opacity:.35}.chat-readonly,.chat-notice{margin:0;padding:11px 13px;border-top:1px solid var(--line);color:#68625b;font-size:9px}.chat-notice{color:#c2817c;background:#b5322d14}.game-over-card{overflow:hidden;padding:20px;border-color:#c7a66a61;background:radial-gradient(circle at 85% 0,rgba(199,166,106,.14),transparent 32%),#0c0d0fe6}.game-over-card h2{margin:6px 0 20px;color:var(--gold);font-family:Bodoni MT,serif;font-size:38px;font-weight:400}.game-over-card.winner-mafia h2{color:var(--red-bright)}.game-over-actions{display:grid;gap:8px;margin-top:18px}.game-over-reset-button{min-height:48px}.game-over-leave-button{min-height:38px;border:0;color:var(--muted);background:transparent;font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.role-ledger{display:grid;gap:1px;background:var(--line)}.role-ledger div{display:flex;gap:12px;justify-content:space-between;padding:10px 11px;background:#121315}.role-ledger div.is-eliminated{opacity:.5}.role-ledger span{overflow:hidden;color:#b7afa4;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.role-ledger strong{flex:0 0 auto;color:var(--muted);font-family:Bodoni MT,serif;font-size:12px;font-weight:500}.room-heading{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;animation:reveal-up .7s both}.room-heading h1{margin-bottom:0;font-size:clamp(42px,10vw,68px)}.room-mode-label{margin:12px 0 0;color:var(--red-bright);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.room-mode-label.is-casual{color:var(--gold)}.code-card{padding:12px 14px;border:1px solid rgba(199,166,106,.34);text-align:left;background:#0e0f11d1;cursor:pointer}.code-card span,.code-card small{display:block;color:var(--muted);font-size:8px;letter-spacing:.1em;text-transform:uppercase}.code-card strong{display:block;margin:5px 0 4px;color:var(--gold);font-family:Bodoni MT,serif;font-size:23px;letter-spacing:.13em}.room-progress{height:2px;margin-top:28px;background:#ebe2d217}.room-progress div{width:100%;height:100%;background:linear-gradient(90deg,var(--red),var(--gold));box-shadow:0 0 14px #b5322d80;transform-origin:left center;transition:transform .45s cubic-bezier(.16,1,.3,1);will-change:transform}.room-meta{display:flex;justify-content:space-between;margin:8px 0 20px;color:var(--muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.room-readiness{display:grid;gap:10px;margin-bottom:18px}.ready-button{min-height:50px;border:1px solid rgba(181,50,45,.5);color:var(--paper);background:linear-gradient(90deg,rgba(181,50,45,.18),transparent),#0e0f11db;box-shadow:inset 3px 0 var(--red);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}.ready-button:hover:not(:disabled){border-color:#e1564fb8;transform:translateY(-1px)}.ready-button.is-ready{border-color:#7b9b758c;background:linear-gradient(90deg,rgba(123,155,117,.2),transparent),#0e120fe0;box-shadow:inset 3px 0 var(--green)}.room-readiness p{margin:0;color:#847d73;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.bot-controls{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:18px;padding:12px 14px;border:1px solid rgba(199,166,106,.24);background:linear-gradient(100deg,rgba(199,166,106,.1),transparent 60%),#0e0f11d1}.bot-controls span,.bot-controls strong{display:block}.bot-controls span{color:var(--gold);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.bot-controls strong{margin-top:4px;color:var(--muted);font-size:10px;font-weight:400}.bot-controls button{min-height:38px;padding:0 14px;border:1px solid rgba(199,166,106,.4);color:var(--paper);background:#1b1813e6;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.player-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.player-card{--delay: 0ms;position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;min-width:0;padding:11px;border:1px solid var(--line);background:#0f1012b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:card-in .45s var(--delay) both;contain:layout paint}.chat-messages article,.target-grid button{content-visibility:auto;contain-intrinsic-size:auto 58px}.player-card.is-ready{border-color:#7b9b755c;box-shadow:inset 2px 0 var(--green)}.player-card.is-away{opacity:.45}.player-card.empty{border-style:dashed;opacity:.42}.player-avatar{position:relative;width:38px;height:38px;font-size:12px}.player-avatar img{width:100%;height:100%;object-fit:cover}.player-card strong,.player-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-card strong{font-family:Bodoni MT,serif;font-size:14px;font-weight:500}.player-card span{margin-top:3px;color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.player-card>b{align-self:start;color:#4d4944;font-size:8px;font-weight:400}.remove-bot-button{align-self:start;width:26px;height:26px;border:1px solid rgba(181,50,45,.35);color:#d99b95;background:#b5322d14;font-size:18px;line-height:1;cursor:pointer}.remove-bot-button:hover:not(:disabled){border-color:#e1564fb3;background:#b5322d2e}.room-actions{display:grid;gap:8px;margin-top:18px}.room-actions button{min-height:48px;border:1px solid var(--line);background:#0e0f11db;cursor:pointer;transition:.18s ease}.room-actions .start-button{min-height:52px;color:#17130d;border-color:var(--gold);background:var(--gold);font-weight:700}.room-actions .leave-button{grid-column:1 / -1;min-height:38px;border:0;color:var(--muted);background:transparent;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.room-actions .telegram-share-button{grid-column:1 / -1;min-height:44px;border-color:#5a9ecf73;color:#b7d7ec;background:linear-gradient(90deg,rgba(42,119,167,.22),transparent),#0e1216e0;box-shadow:inset 3px 0 #4d9dca;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.notice{position:fixed;z-index:4;right:18px;bottom:max(22px,env(safe-area-inset-bottom));left:18px;display:flex;gap:10px;align-items:center;width:min(calc(100% - 36px),560px);margin:0 auto;padding:13px 15px;border:1px solid var(--line);background:#141517f5;box-shadow:0 18px 50px #0006;color:#d2c9bc;font-size:12px;animation:notice-in .35s both}.notice i{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--red-bright);box-shadow:0 0 12px var(--red)}footer{display:flex;gap:10px;align-items:center;justify-content:center;color:#4d4944;font-size:8px;letter-spacing:.16em;text-transform:uppercase}footer i{width:24px;height:1px;background:#343230}@keyframes backdrop-fade-in{0%{opacity:0}}@keyframes backdrop-drift{0%{transform:translate3d(calc(var(--parallax-x) * var(--aura-parallax-x-start)),calc(var(--parallax-y) * var(--aura-parallax-y-start)),0) rotate(var(--aura-rotate-start)) scale(.98)}to{transform:translate3d(calc(var(--parallax-x) * var(--aura-parallax-x-end)),calc(var(--parallax-y) * var(--aura-parallax-y-end)),0) rotate(var(--aura-rotate-end)) scale(1.04)}}@keyframes backdrop-sweep{0%{transform:translate3d(calc(var(--parallax-x) * -.18),calc(var(--parallax-y) * -.14),0) scale(1);opacity:calc(var(--scene-beam-opacity) * .7)}to{transform:translate3d(calc(var(--parallax-x) * .12),calc(var(--parallax-y) * .08),0) scale(1.06);opacity:var(--scene-beam-opacity)}}@keyframes backdrop-fog-roll{0%{transform:translate3d(calc(var(--fog-drift-x-start) + (var(--parallax-x) * var(--fog-parallax-x))),calc(var(--fog-drift-y-start) + (var(--parallax-y) * var(--fog-parallax-y))),0) rotate(var(--fog-rotate-start))}50%{transform:translate3d(calc(var(--fog-drift-x-mid) + (var(--parallax-x) * var(--fog-parallax-x))),calc(var(--fog-drift-y-mid) + (var(--parallax-y) * var(--fog-parallax-y))),0) rotate(var(--fog-rotate-mid))}to{transform:translate3d(calc(var(--fog-drift-x-end) + (var(--parallax-x) * var(--fog-parallax-x))),calc(var(--fog-drift-y-end) + (var(--parallax-y) * var(--fog-parallax-y))),0) rotate(var(--fog-rotate-end))}}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}}@keyframes reveal-down{0%{opacity:0;transform:translateY(-12px)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(18px)}}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}}@keyframes notice-in{0%{opacity:0;transform:translateY(12px)}}@keyframes dossier-in{0%{opacity:0;transform:rotateX(8deg) translateY(24px)}}@keyframes role-flip{0%{opacity:0;transform:rotateY(-20deg) scale(.96)}}@keyframes deal-card-in{0%{opacity:0;transform:translate3d(clamp(220px,42vw,420px),18px,0) rotate(12deg) scale(.92)}to{opacity:1;transform:translateZ(0) rotate(0) scale(1)}}@keyframes orbit-pulse{50%{transform:scale(1.035);box-shadow:0 0 0 22px #c7a66a09,0 0 0 50px #c7a66a03}}.cinematic-backdrop{--scene-photo-image: url(/decorations/night-city.webp);--scene-photo-position: center center;--celestial-image: url(/decorations/moon-game.webp);--moon-cloud-shift: 0;--moon-cloud-opacity: 0;--moon-sky-glow: 0;--moon-veil-opacity: 0;--moon-scale: 1}.cinematic-backdrop[data-scene=landing],.cinematic-backdrop[data-scene=lobby],.cinematic-backdrop[data-scene=role_reveal],.cinematic-backdrop[data-scene=zero_night],.cinematic-backdrop[data-scene=night]{--scene-photo-image: url(/decorations/night-city.webp);--scene-photo-position: center center}.cinematic-backdrop[data-scene=morning]{--scene-photo-image: url(/decorations/morning-crime-scene.webp);--scene-photo-position: center center}.cinematic-backdrop[data-scene=discussion],.cinematic-backdrop[data-scene=last_word],.cinematic-backdrop[data-scene=voting],.cinematic-backdrop[data-scene=day_result]{--scene-photo-image: url(/decorations/day-courtroom.webp);--scene-photo-position: center center}.cinematic-backdrop[data-scene=game_over][data-winner=town]{--scene-photo-image: url(/decorations/game-over-town.webp);--scene-photo-position: center center}.cinematic-backdrop[data-scene=game_over][data-winner=mafia]{--scene-photo-image: url(/decorations/game-over-mafia.webp);--scene-photo-position: center center}.cinematic-backdrop[data-celestial=none] .backdrop-celestial-glow,.cinematic-backdrop[data-celestial=none] .backdrop-celestial,.cinematic-backdrop[data-celestial=none] .backdrop-clouds{display:none}.backdrop-base{background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 32%,var(--sky-bottom) 58%,#070809 100%)}.backdrop-sky{top:0;right:0;bottom:0;left:0;height:auto;background:none}.backdrop-celestial-glow{top:0;left:0;width:clamp(440px,76vw,760px);height:clamp(280px,48vh,520px);background:radial-gradient(ellipse,rgb(var(--sky-glow-rgb) / .38) 0%,rgb(var(--sky-glow-rgb) / .14) 28%,transparent 70%);opacity:calc(.28 + var(--moon-sky-glow));transform:translate3d(var(--celestial-translate-x),var(--celestial-translate-y),0) translate3d(-50%,-50%,0) scale(var(--moon-scale));will-change:transform,opacity;backface-visibility:hidden}.backdrop-celestial{top:0;left:0;width:clamp(92px,11vw,164px);height:clamp(92px,11vw,164px);background-image:var(--celestial-image);box-shadow:0 0 36px rgb(var(--sky-glow-rgb) / calc(var(--celestial-glow) * .18)),0 0 96px rgb(var(--sky-glow-rgb) / calc(var(--celestial-glow) * .12));opacity:calc(.52 + (var(--celestial-glow) * .18));transform:translate3d(var(--celestial-translate-x),var(--celestial-translate-y),0) translate(-50%,-50%) scale(var(--moon-scale));will-change:transform,opacity;backface-visibility:hidden}.cinematic-backdrop[data-celestial=moon] .backdrop-celestial{box-shadow:none;filter:drop-shadow(0 0 18px rgb(var(--sky-glow-rgb) / calc(var(--celestial-glow) * .18))) drop-shadow(0 0 48px rgb(var(--sky-glow-rgb) / calc(var(--celestial-glow) * .12)))}.backdrop-clouds{opacity:.32;will-change:transform,opacity;backface-visibility:hidden}.backdrop-horizon,.backdrop-beams{opacity:.5}.backdrop-stage{top:0;right:0;bottom:0;left:0;height:auto;overflow:hidden}.backdrop-stage-glow{background:linear-gradient(180deg,#07080a00,#07080a14 12%,#07080a38),radial-gradient(ellipse at 50% 0%,rgb(var(--stage-glow-rgb) / .2) 0%,transparent 50%)}.backdrop-scene{top:0;right:0;bottom:0;left:0;background-image:var(--scene-photo-image);background-position:var(--scene-photo-position);background-repeat:no-repeat;background-size:cover}.backdrop-scene-back{transform:none;filter:none;opacity:1}.backdrop-scene-front{background:linear-gradient(180deg,#07080a1f,#07080a14 18%,#07080a33),radial-gradient(ellipse at 50% 18%,rgba(255,255,255,.05) 0%,transparent 42%);opacity:.2}.cinematic-backdrop[data-scene=game_over] .backdrop-stage-glow{background:linear-gradient(180deg,#07080a05,#07080a0a 62%,#07080a2e)}.cinematic-backdrop[data-scene=game_over] .backdrop-scene-front{opacity:.08}.cinematic-backdrop[data-scene=game_over] .backdrop-aura,.cinematic-backdrop[data-scene=game_over] .backdrop-horizon,.cinematic-backdrop[data-scene=game_over] .backdrop-beams,.cinematic-backdrop[data-scene=game_over] .backdrop-fog{display:none}.cinematic-backdrop[data-scene=game_over] .backdrop-ground{background:linear-gradient(180deg,transparent 0%,rgba(6,7,9,.08) 58%,rgba(6,7,9,.34) 100%)}.cinematic-backdrop[data-scene=game_over] .backdrop-vignette{background:radial-gradient(circle at 50% 34%,transparent 48%,rgba(0,0,0,.2) 100%),linear-gradient(180deg,rgba(0,0,0,.04) 0%,transparent 72%,rgba(0,0,0,.24) 100%)}.backdrop-ground{background:linear-gradient(180deg,#07080a00,#07080a2e 22%,#07080a80)}.backdrop-fog-one{bottom:12%;opacity:.34}.backdrop-fog-two{bottom:4%;opacity:.26}.cinematic-backdrop[data-celestial=moon] .backdrop-clouds{filter:none}.cinematic-backdrop[data-celestial=moon] .backdrop-clouds-one{top:0;left:0;width:30vw;height:12vh;background:radial-gradient(ellipse,rgb(var(--cloud-rgb) / calc(.16 + var(--moon-cloud-opacity))) 0%,transparent 76%);opacity:calc(.2 + var(--moon-cloud-opacity));transform:translate3d(calc(var(--celestial-translate-x) - 26vw + (var(--moon-cloud-shift) * 1vw)),calc(var(--celestial-translate-y) - 4vh),0)}.cinematic-backdrop[data-celestial=moon] .backdrop-clouds-two{top:0;left:0;right:auto;width:22vw;height:9vh;background:radial-gradient(ellipse,rgb(var(--cloud-rgb) / calc(.1 + (var(--moon-cloud-opacity) * .72))) 0%,transparent 78%);opacity:calc(.16 + (var(--moon-cloud-opacity) * .72));transform:translate3d(calc(var(--celestial-translate-x) - 6vw - (var(--moon-cloud-shift) * .65vw)),calc(var(--celestial-translate-y) + 2vh),0)}.simulator-panel,.profile-card,.action-console,.phase-confirmation,.phase-result,.private-result,.game-over-card,.observer-card,.chat-panel,.player-card{-webkit-backdrop-filter:none;backdrop-filter:none}.cinematic-backdrop[data-celestial=moon] .backdrop-aura-primary{opacity:calc(.1 + var(--moon-sky-glow) * .34)}.cinematic-backdrop[data-celestial=moon] .backdrop-aura-secondary{opacity:calc(.08 + var(--moon-veil-opacity) * .28)}.cinematic-backdrop[data-scene=discussion] .backdrop-stars,.cinematic-backdrop[data-scene=last_word] .backdrop-stars,.cinematic-backdrop[data-scene=voting] .backdrop-stars,.cinematic-backdrop[data-scene=day_result] .backdrop-stars,.cinematic-backdrop[data-scene=game_over] .backdrop-stars{opacity:0}.profile-screen,.leaderboards-screen{display:grid;gap:18px;flex:1;align-content:start;min-width:0;padding:clamp(30px,7vh,64px) 0 36px;animation:reveal-up .65s both}.leaderboards-hero{display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,4vw,28px);align-items:center;padding:clamp(16px,4vw,25px);border:1px solid rgba(199,166,106,.28);background:linear-gradient(120deg,rgba(199,166,106,.12),transparent 46%),#0a0b0cd1}.leaderboards-hero-icon{display:flex;gap:4px;align-items:flex-end;justify-content:center;width:clamp(66px,17vw,96px);height:clamp(66px,17vw,96px);padding:20px 16px;border:1px solid rgba(199,166,106,.3);background:#c7a66a0f}.leaderboards-hero-icon i{width:9px;background:var(--gold);box-shadow:0 0 14px #c7a66a2e}.leaderboards-hero-icon i:nth-child(1){height:20px;opacity:.58}.leaderboards-hero-icon i:nth-child(2){height:42px}.leaderboards-hero-icon i:nth-child(3){height:29px;opacity:.76}.leaderboards-hero p,.leaderboards-hero h1,.leaderboards-hero span{margin:0}.leaderboards-hero p{color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.leaderboards-hero h1{margin:4px 0 8px;font-family:Bodoni MT,Didot,serif;font-size:clamp(32px,8vw,52px);font-weight:500;line-height:.95}.leaderboards-hero span{color:var(--muted);font-size:8px;letter-spacing:.1em;text-transform:uppercase}.leaderboards-loading,.leaderboard-empty{margin:0;padding:24px;border:1px dashed var(--line);color:var(--muted);text-align:center;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.leaderboards-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.leaderboards-tabs::-webkit-scrollbar{display:none}.leaderboards-tabs button{flex:0 0 auto;padding:8px 10px;border:1px solid var(--line);color:var(--muted);background:#0a0b0ca8;font-size:8px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.leaderboards-tabs button.is-active{border-color:#c7a66a85;color:var(--gold);background:#c7a66a1a}.leaderboard-board{border:1px solid var(--line);background:#090a0bb8}.leaderboard-heading{display:flex;gap:18px;align-items:end;justify-content:space-between;padding:15px;border-bottom:1px solid var(--line)}.leaderboard-heading span,.leaderboard-heading h2,.leaderboard-heading small{margin:0}.leaderboard-heading span{color:var(--red-bright);font-size:7px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.leaderboard-heading h2{margin-top:4px;font-family:Bodoni MT,Didot,serif;font-size:clamp(23px,5vw,34px);font-weight:500}.leaderboard-heading small{max-width:180px;color:var(--muted);font-size:7px;letter-spacing:.08em;text-align:right;text-transform:uppercase}.leaderboard-list{display:grid}.leaderboard-list article{display:grid;grid-template-columns:30px 34px minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;padding:10px 12px;border-bottom:1px solid rgba(235,226,210,.08)}.leaderboard-list article:last-child{border-bottom:0}.leaderboard-list article.is-podium{background:linear-gradient(90deg,rgba(199,166,106,.1),transparent 70%)}.leaderboard-list article.is-self{box-shadow:inset 2px 0 var(--red-bright)}.leaderboard-rank{color:#736d65;font-family:Bodoni MT,Didot,serif;font-size:15px;font-weight:500}.is-podium .leaderboard-rank{color:var(--gold);font-size:20px}.leaderboard-avatar{display:grid;place-items:center;width:34px;height:34px;overflow:hidden;border:1px solid rgba(199,166,106,.22);border-radius:50%;color:var(--gold);background:#c7a66a14;font-size:8px;font-weight:700}.leaderboard-avatar img{width:100%;height:100%;object-fit:cover}.leaderboard-player{min-width:0}.leaderboard-player b,.leaderboard-player span{display:block}.leaderboard-player b{overflow:hidden;font-family:Bodoni MT,Didot,serif;font-size:16px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.leaderboard-player span{margin-top:3px;color:var(--muted);font-size:7px;letter-spacing:.07em;text-transform:uppercase}.leaderboard-list article em{color:var(--paper);font-family:Bodoni MT,Didot,serif;font-size:clamp(18px,5vw,27px);font-style:normal;white-space:nowrap}.profile-back-button{justify-self:start;padding:7px 0;border:0;color:var(--muted);background:transparent;font-size:9px;letter-spacing:.13em;text-transform:uppercase;cursor:pointer}.profile-back-button span{margin-right:8px;color:var(--gold);font-size:15px}.profile-hero{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:clamp(14px,4vw,28px);align-items:center;min-width:0;padding:clamp(16px,4vw,26px);border:1px solid rgba(199,166,106,.24);background:linear-gradient(120deg,rgba(199,166,106,.1),transparent 44%),#0a0b0cd1;overflow:hidden}.profile-hero:after{position:absolute;right:8%;bottom:-48px;width:150px;height:100px;border:1px solid rgba(181,50,45,.16);content:"";transform:rotate(-18deg);pointer-events:none}.profile-portrait{position:relative;display:grid;place-items:center;width:clamp(76px,19vw,112px);aspect-ratio:4 / 5;border:1px solid rgba(235,226,210,.18);color:var(--gold);background:linear-gradient(145deg,rgba(181,50,45,.18),transparent 55%),#171719;font-family:Bodoni MT,Didot,serif;font-size:28px;overflow:hidden}.profile-portrait img{width:100%;height:100%;object-fit:cover}.profile-portrait i{position:absolute;right:6px;bottom:6px;width:7px;height:7px;border:1px solid #111;border-radius:50%;background:var(--green);box-shadow:0 0 10px #7b9b75b3}.profile-identity-copy{min-width:0}.profile-identity-copy p,.profile-identity-copy h1{margin:0}.profile-identity-copy p{color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.profile-identity-copy h1{min-width:0;margin:0;font-family:Bodoni MT,Didot,serif;font-size:clamp(28px,7vw,48px);font-weight:500;line-height:.95;overflow-wrap:anywhere}.profile-name-row{display:flex;gap:8px;align-items:center;min-width:0;margin:5px 0 10px}.profile-name-edit-button,.profile-name-action{display:grid;flex:0 0 auto;place-items:center;width:28px;height:28px;padding:0;border:1px solid rgba(199,166,106,.2);border-radius:50%;color:var(--gold);background:#c7a66a0f;cursor:pointer}.profile-name-edit-button:hover,.profile-name-action:hover{border-color:#c7a66a7a;background:#c7a66a1f}.profile-name-edit-button svg,.profile-name-action svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.profile-name-form{display:flex;gap:6px;align-items:center;min-width:0;width:min(100%,330px)}.profile-name-form input{min-width:0;width:100%;padding:4px 1px 6px;border:0;border-bottom:1px solid rgba(199,166,106,.5);border-radius:0;color:var(--paper);background:transparent;font-family:Bodoni MT,Didot,serif;font-size:clamp(22px,6vw,34px)}.profile-name-action.is-confirm{color:var(--green);border-color:#7b9b7557;background:#7b9b7514}.profile-identity-copy b{display:inline-block;padding:5px 8px;border:1px solid var(--line);color:var(--muted);font-size:8px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.profile-case-number{align-self:start;color:#ebe2d217;font-family:Bodoni MT,Didot,serif;font-size:clamp(38px,9vw,64px);line-height:.8}.profile-experience-block{padding:0 2px}.profile-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:#0a0b0cad}.profile-stat-grid article{min-width:0;padding:14px 8px;text-align:center}.profile-stat-grid article+article{border-left:1px solid var(--line)}.profile-stat-grid span,.profile-stat-grid strong,.profile-stat-grid small{display:block}.profile-stat-grid span{min-height:18px;color:var(--muted);font-size:7px;letter-spacing:.1em;text-transform:uppercase}.profile-stat-grid strong{margin-top:4px;font-family:Bodoni MT,Didot,serif;font-size:clamp(21px,5vw,30px);font-weight:500}.profile-stat-grid small{min-height:12px;margin-top:2px;color:#777168;font-size:8px;letter-spacing:.06em;text-transform:uppercase}.profile-loading{display:flex;gap:12px;align-items:center;justify-content:center;min-height:150px;border:1px dashed var(--line);color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.profile-loading i{width:12px;height:12px;border:1px solid var(--gold);animation:profile-loading-turn 1.4s linear infinite}.profile-insight-grid,.profile-faction-grid,.profile-role-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-favorite-role{min-height:110px;padding:16px;border:1px solid var(--line);background:#0a0b0cb8}.profile-favorite-role>span{display:block;color:var(--gold);font-size:8px;letter-spacing:.14em;text-transform:uppercase}.profile-favorite-role strong{display:block;margin-top:10px;font-family:Bodoni MT,Didot,serif;font-size:27px;font-weight:500}.profile-favorite-role small{color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.profile-favorite-role p{margin:12px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.profile-insight-grid>:only-child{grid-column:1 / -1}.profile-coverage-note{margin:0;padding:10px 12px;border-left:2px solid var(--gold);color:#a89f92;background:#c7a66a12;font-size:9px;line-height:1.5}.profile-section-block{display:grid;gap:11px;margin-top:5px}.profile-section-heading{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:8px}.profile-section-heading>span{color:var(--red-bright);font-size:8px;letter-spacing:.1em}.profile-section-heading h2{margin:0;font-family:Bodoni MT,Didot,serif;font-size:22px;font-weight:500}.profile-section-heading small{color:var(--muted);font-size:8px;letter-spacing:.08em;text-transform:uppercase}.profile-faction-card{position:relative;min-height:112px;padding:15px;border:1px solid var(--line);background:#0a0b0cbd;overflow:hidden}.profile-faction-card:after{position:absolute;right:-28px;bottom:-50px;width:100px;height:100px;border:20px solid rgba(123,155,117,.06);border-radius:50%;content:""}.profile-faction-card.faction-mafia:after{border-color:#b5322d14}.profile-faction-card span,.profile-faction-card strong,.profile-faction-card small{position:relative;z-index:1;display:block}.profile-faction-card span{color:var(--muted);font-size:8px;letter-spacing:.14em;text-transform:uppercase}.profile-faction-card strong{margin:5px 0;color:var(--green);font-family:Bodoni MT,Didot,serif;font-size:35px;font-weight:500}.profile-faction-card.faction-mafia strong{color:var(--red-bright)}.profile-faction-card small{color:var(--muted);font-size:8px;text-transform:uppercase}.profile-role-card{padding:14px;border:1px solid var(--line);border-top:2px solid var(--green);background:#0a0b0cb3}.profile-role-card.faction-mafia{border-top-color:var(--red)}.profile-role-card-heading{min-width:0}.profile-role-card-heading span,.profile-role-card-heading strong{display:block}.profile-role-card-heading span{color:var(--muted);font-size:7px;letter-spacing:.12em;text-transform:uppercase}.profile-role-card-heading strong{margin:4px 0 8px;font-family:Bodoni MT,Didot,serif;font-size:20px;font-weight:500}.profile-role-card>b{color:var(--paper);font-size:9px;font-weight:500}.profile-role-metrics{display:flex;gap:8px;justify-content:space-between;margin:8px 0;color:var(--muted);font-size:7px;letter-spacing:.04em;text-transform:uppercase}.profile-role-track{height:2px;background:#ebe2d214;overflow:hidden}.profile-role-track i{display:block;width:100%;height:100%;background:var(--green);transform-origin:left}.profile-role-card.faction-mafia .profile-role-track i{background:var(--red-bright)}.profile-history-list{display:grid;gap:7px}.profile-history-list>p{margin:0;padding:18px;border:1px dashed var(--line);color:var(--muted);font-size:10px}.profile-history-list article{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0;padding:11px 12px;border:1px solid var(--line);background:#0a0b0ca3}.profile-history-result{display:flex;gap:7px;align-items:center;color:#b66560;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.profile-history-result i{width:5px;height:18px;background:var(--red)}.profile-history-list article.is-win .profile-history-result{color:#9db697}.profile-history-list article.is-win .profile-history-result i{background:var(--green)}.profile-history-main,.profile-history-meta{min-width:0}.profile-history-main strong,.profile-history-main span,.profile-history-meta time,.profile-history-meta span{display:block}.profile-history-main strong{overflow:hidden;font-family:Bodoni MT,Didot,serif;font-size:17px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.profile-history-main span,.profile-history-meta span{margin-top:3px;color:var(--muted);font-size:7px;letter-spacing:.06em;text-transform:uppercase}.profile-history-meta{text-align:right}.profile-history-meta time{color:#b7aea1;font-size:9px}.profile-history-mode{display:inline-block;margin-bottom:5px;padding:3px 5px;border:1px solid rgba(225,86,79,.42);color:#e68b84;font-size:7px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.profile-history-mode.is-casual{border-color:#c7a66a61;color:var(--gold)}@keyframes profile-loading-turn{to{transform:rotate(360deg)}}@media(max-width:520px){.cinematic-backdrop{--scene-city-height: 28vh}.backdrop-grid{height:44vh;transform:perspective(780px) rotateX(76deg) translateY(-14vh)}.backdrop-aura-primary,.backdrop-aura-secondary{width:84vw}.room-heading{grid-template-columns:1fr;align-items:start}.code-card{width:100%}.topbar-profile-button b,.topbar-leaderboards-button b{display:none}.topbar-leaderboards-button{width:34px;padding:0;justify-content:center}.topbar-profile-button{padding-right:3px}.profile-hero{grid-template-columns:auto 1fr}.leaderboard-heading{align-items:start;flex-direction:column;gap:7px}.leaderboard-heading small{max-width:none;text-align:left}.leaderboard-list article{grid-template-columns:26px 32px minmax(0,1fr) auto;gap:8px;padding-inline:9px}.profile-case-number{display:none}.profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-stat-grid article:nth-child(3){border-left:0;border-top:1px solid var(--line)}.profile-stat-grid article:nth-child(4){border-top:1px solid var(--line)}.profile-insight-grid{grid-template-columns:1fr}.profile-role-grid{gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-role-card{min-width:0;padding:10px}.profile-role-card-heading strong{margin:3px 0 6px;font-size:17px;line-height:1.05;overflow-wrap:anywhere}.profile-role-card>b{font-size:8px}.profile-role-metrics{display:grid;gap:3px;justify-content:stretch;margin:7px 0;font-size:7px}.profile-history-list article{grid-template-columns:68px minmax(0,1fr)}.profile-history-meta{grid-column:2;text-align:left}.player-grid{grid-template-columns:1fr}}@media(max-width:760px){.backdrop-aura,.backdrop-beams,.backdrop-fog{animation:none;will-change:auto}.simulator-controls,.simulator-toggles,.simulator-heading{grid-template-columns:1fr}.simulator-phase-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.simulator-phase-row button{width:100%;min-height:42px;white-space:normal}}@media(hover:none)and (pointer:coarse){.backdrop-aura,.backdrop-beams,.backdrop-fog{animation:none;will-change:auto}}@media(min-width:760px){.app-shell{border-right:1px solid rgba(255,255,255,.04);border-left:1px solid rgba(255,255,255,.04)}.landing-panel{padding-top:clamp(44px,7vh,72px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}