:root{--bg:#07060d;--ink:#f3ecff;--muted:#a99fc2;--pumpkin:#ff8a2a;--ember:#ff5a2a;--violet:#7a3cff;--slime:#7dffb0;--panel:#100c1cc7;--line:#bea0ff2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}#stage,#stage canvas{width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}.screen{background:radial-gradient(ellipse at 50% 120%, #3a1606 0%, transparent 55%), radial-gradient(ellipse at 20% 0%, #1d1240 0%, transparent 60%), var(--bg);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.moon{background:radial-gradient(circle at 42% 40%,#fffbe8,#d6d1b8 60%,#b9b39b);border-radius:50%;width:140px;height:140px;position:absolute;top:7%;right:12%;box-shadow:0 0 80px 20px #dfe6ff40}.fog{pointer-events:none;background:radial-gradient(at 30% 85%,#a096c81f,#0000 50%),radial-gradient(at 75% 90%,#a096c81a,#0000 45%);animation:18s ease-in-out infinite alternate drift;position:absolute;inset:0}@keyframes drift{0%{transform:translate(-4%)}to{transform:translate(4%)}}.menu-card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;width:min(420px,100%);padding:28px 24px 22px;position:relative;box-shadow:0 30px 80px #0009,inset 0 0 0 1px #ff8a2a0d}.logo{text-align:center;letter-spacing:2px;color:var(--pumpkin);text-shadow:0 0 24px #ff781e8c,0 4px #5a1c00;margin:0;font-family:Creepster,Inter,cursive;font-size:clamp(56px,14vw,84px);font-weight:400;line-height:1}.tagline{text-align:center;color:var(--muted);margin:8px 0 22px;font-size:14px}.field{color:var(--muted);gap:6px;margin-bottom:12px;font-size:13px;display:grid}input{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#00000059;border-radius:10px;outline:none;padding:12px 14px;font-size:15px}input:focus{border-color:var(--pumpkin)}.btn{border:1px solid var(--line);background:#ffffff0a;border-radius:10px;width:100%;padding:12px 16px;font-weight:600;transition:transform 80ms,background .15s}.btn:hover{background:#ffffff17}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:wait}.btn.primary{color:#1a0800;background:linear-gradient(#ff9a3c,#e2560f);border:none;font-size:17px;font-weight:800;box-shadow:0 8px 24px #ff6e1459}.btn.primary:hover{background:linear-gradient(#ffab55,#ef6418)}.row{gap:8px;margin-top:10px;display:flex}.row.join input{text-transform:uppercase;letter-spacing:3px}.row.join .btn{width:auto;padding-inline:20px}.invite{text-align:center;background:#7a3cff26;border:1px solid #7a3cff66;border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:14px}.error{color:#ff7b6b;text-align:center;min-height:18px;margin:10px 0 0;font-size:13px}.how{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.5}.how summary{cursor:pointer;color:var(--ink);font-weight:600}.how .k{color:var(--ember)}.keys{grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}kbd{border:1px solid var(--line);min-width:22px;color:var(--ink);text-align:center;background:#ffffff0f;border-radius:5px;padding:1px 6px;font:600 11px Inter,sans-serif;display:inline-block}#hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#hud button{pointer-events:auto}.hud-top{text-align:center;text-shadow:0 2px 8px #000;position:absolute;top:14px;left:50%;transform:translate(-50%)}.phase{letter-spacing:3px;text-transform:uppercase;color:var(--muted);font-size:12px}.timer{font-variant-numeric:tabular-nums;font:800 34px Inter,sans-serif}.timer.urgent{color:var(--ember)}.sub{color:var(--pumpkin);min-height:18px;font-size:14px}.hud-left{justify-items:start;gap:6px;display:grid;position:absolute;top:14px;left:14px}.chip{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600}.chip.muted{color:var(--muted);font-weight:400}.feed{justify-items:end;gap:6px;max-width:46vw;margin:0;padding:0;list-style:none;display:grid;position:absolute;top:14px;right:14px}.feed li{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:13px;animation:.25s ease-out feedIn}.feed li.bad{border-color:#ff5a2a80}.feed li.good{border-color:#7dffb080}@keyframes feedIn{0%{opacity:0;transform:translate(12px)}}.banner{text-align:center;opacity:0;text-shadow:0 4px 20px #000;width:min(90vw,700px);transition:opacity .4s;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.banner.show{opacity:1}.banner .big{letter-spacing:2px;font-family:Creepster,cursive;font-size:clamp(44px,9vw,76px);line-height:1.05}.banner .big.killer{color:var(--ember)}.banner .big.survivor{color:var(--slime)}.banner .small{color:var(--ink);margin-top:6px;font-size:16px}.hud-bottom{justify-items:center;gap:8px;display:grid;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.prompt{text-shadow:0 2px 6px #000;min-height:22px;font-size:15px;font-weight:600}.prompt kbd{font-size:13px}.bar{border:1px solid var(--line);background:#00000080;border-radius:4px;width:220px;height:7px;overflow:hidden}.bar i{background:var(--slime);width:100%;height:100%;transition:width .1s linear;display:block}.bar.tired i{background:#ff7b6b}.bar.cd i{background:var(--ember)}.spectate{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 14px;font-size:14px;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.click-to-play{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 20px;font-weight:600;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.vignette{opacity:0;background:radial-gradient(#0000 55%,#7800008c 100%);transition:opacity .3s;position:absolute;inset:0}.players,.results{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;width:min(440px,100vw - 32px);padding:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.players h3,.results h3{letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:13px}.players ul,.results ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.players li,.results li{justify-content:space-between;gap:12px;font-size:14px;display:flex}.tag{color:var(--muted);font-size:12px}.tag.k{color:var(--ember)}.tag.g{color:var(--slime)}.results .headline{text-align:center;margin:0 0 12px;font-family:Creepster,cursive;font-size:46px}.results .headline.k{color:var(--ember)}.results .headline.s{color:var(--slime)}.results .next{text-align:center;color:var(--muted);margin-top:14px;font-size:13px}@media (width<=600px){.timer{font-size:26px}.bar{width:160px}}.redgrade{mix-blend-mode:multiply;opacity:0;background:#ff2a2a;transition:opacity .25s linear;position:absolute;inset:0}.escape-fx{opacity:0;background:radial-gradient(circle,#fffffff2 0 6%,#0000 32%),repeating-conic-gradient(#ffffff8c 0deg 1.2deg,#0000 1.2deg 7deg);position:absolute;inset:-20%;-webkit-mask:radial-gradient(circle,#0000 12%,#000 55%);mask:radial-gradient(circle,#0000 12%,#000 55%)}.escape-fx.play{animation:1.4s ease-out forwards rush}@keyframes rush{0%{opacity:0;transform:scale(1.4)rotate(0)}15%{opacity:1}to{opacity:0;transform:scale(.9)rotate(8deg)}}.eye{color:#ff2d3a;filter:drop-shadow(0 0 10px #ff1e28e6);width:64px;animation:.9s ease-in-out infinite eyePulse;position:absolute;top:13%;left:50%;transform:translate(-50%)}.eye svg{width:100%;display:block}@keyframes eyePulse{50%{transform:translate(-50%)scale(1.12)}}.announce{text-align:center;text-shadow:0 2px 12px #000,0 0 2px #000;pointer-events:none;width:min(92vw,900px);font-family:IM Fell English SC,Georgia,serif;font-size:clamp(22px,3.4vw,38px);line-height:1.25;position:absolute;top:22%;left:50%;transform:translate(-50%)}.announce div{transition:opacity .6s;animation:.35s ease-out announceIn}.announce div.fade{opacity:0}.announce .danger{color:#ff5a4a}.announce .good{color:#8dffbf}.announce .info{color:#fff3e6}@keyframes announceIn{0%{opacity:0;transform:translateY(6px)scale(.98)}}.hud-right{justify-items:end;gap:8px;display:grid;position:absolute;top:14px;right:14px}.hud-right .feed{max-width:46vw;position:static}.coins{background:var(--panel);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:10px;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-weight:800;display:flex}.coins.bump{animation:.35s ease-out bump}@keyframes bump{40%{transform:scale(1.18)}}.candy-icon{background:repeating-linear-gradient(45deg,#ff8a2a 0 4px,#fff3e6 4px 7px);border-radius:50%;width:18px;height:18px;box-shadow:0 0 8px #ff8a2a99}.popups{pointer-events:none;position:absolute;inset:0}.popups div{color:#ffd25a;text-shadow:0 2px 10px #000;font-family:IM Fell English SC,Georgia,serif;font-size:30px;animation:1.3s ease-out forwards rise;position:absolute;top:30%;left:50%;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-46px)}}.timer{justify-content:center;gap:3px;font:800 30px Inter,sans-serif;display:flex}.timer .d{color:#e9e6f2;text-align:center;font-variant-numeric:tabular-nums;background:linear-gradient(#1c1a22 0 49%,#0d0c11 51%);border:1px solid #ffffff1f;border-radius:6px;min-width:30px;padding:2px 4px;display:inline-block}.timer .sep{color:#e9e6f2;text-align:center;background:#1c1a22;border-radius:3px;width:10px;margin:0 2px;display:inline-block}.timer.exits .sep{color:#fff;background:#1f9d55}.timer.urgent .d{color:var(--ember)}.timer.plain{font-size:30px}.portraits{justify-content:center;gap:6px;min-height:0;display:flex}.portrait{color:#fff;text-shadow:0 1px 2px #000;border:2px solid #0009;border-radius:8px;place-items:center;width:34px;height:34px;font:800 14px Inter,sans-serif;display:grid;position:relative}.portrait.me{border-color:#fff3e6}.portrait.down{border-color:#ff3d3d;animation:.8s ease-in-out infinite downPulse}.portrait.out{filter:grayscale()brightness(.45)}.portrait.out:after{content:"×";color:#ff5a4a;place-items:center;font-size:30px;display:grid;position:absolute;inset:0}.portrait.escaped{border-color:#7dffb0}@keyframes downPulse{50%{box-shadow:0 0 12px #ff3d3d}}.markers{pointer-events:none;position:absolute;inset:0}.marker{text-shadow:0 1px 3px #000;white-space:nowrap;justify-items:center;gap:2px;font:700 11px Inter,sans-serif;display:grid;position:absolute;transform:translate(-50%,-50%)}.marker i{background:#0000008c;border:2px solid;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-style:normal;display:grid}.marker.ally{color:#ffd25a;opacity:.85}.marker.help{color:#ff5a4a}.marker.help i{animation:.8s ease-in-out infinite downPulse}.marker.help b{font-family:IM Fell English SC,Georgia,serif;font-size:15px}.marker.exit{color:#7dffb0}.spectate{pointer-events:auto;justify-items:center;gap:6px;padding:8px 10px;display:grid;bottom:26px}.spectate-name{text-shadow:0 2px 6px #000;font:800 20px Inter,sans-serif}.spectate-controls{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.spectate-controls button{border:1px solid var(--line);background:#0000008c;border-radius:8px;width:44px;height:40px;font-size:22px;line-height:1}.roulette{background:radial-gradient(#140a1e,#050308);place-content:center;gap:14px;display:grid;position:absolute;inset:0}.roulette-title{text-align:center;color:#fff3e6;text-shadow:0 2px 12px #000;font-family:IM Fell English SC,Georgia,serif;font-size:clamp(26px,4vw,40px)}.roulette-window{border:1px solid var(--line);background:#08050ed9;border-radius:14px;width:min(92vw,760px);height:150px;position:relative;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.roulette-strip{will-change:transform;gap:10px;display:flex;position:absolute;top:15px;left:0}.roulette-card{background:#16121e;border:2px solid #ffffff14;border-radius:12px;flex:0 0 110px;grid-template-rows:1fr auto;justify-items:center;height:120px;padding:10px 6px 8px;display:grid}.roulette-card .face{color:#fff;text-shadow:0 2px 4px #000;border-radius:12px;place-items:center;width:64px;height:64px;font:800 30px Inter,sans-serif;display:grid}.roulette-card .nm{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font:600 13px Inter,sans-serif;overflow:hidden}.roulette-card.chosen{border-color:#ff3a2a;animation:.35s ease-in-out 3 chosen;box-shadow:0 0 26px #ff281ecc}@keyframes chosen{50%{transform:scale(1.08)}}.roulette-marker{background:#ff8a2a;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 12px #ff8a2a}.reveal{text-align:center;text-shadow:0 4px 24px #000,0 0 2px #000;animation:.6s ease-out revealIn;position:absolute;bottom:14%;left:0;right:0}.reveal-label{color:#ffb39a;letter-spacing:6px;font-family:IM Fell English SC,Georgia,serif;font-size:clamp(22px,3vw,32px)}.reveal-name{color:#ff3a2a;font-family:Creepster,cursive;font-size:clamp(54px,10vw,104px);line-height:1}@keyframes revealIn{0%{opacity:0;transform:translateY(16px)scale(.96)}}.name-btn{cursor:pointer}.name-btn:hover{border-color:var(--pumpkin)}.name-panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;border-radius:14px;gap:10px;width:min(340px,100vw - 32px);padding:18px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.name-panel label{color:var(--muted);font-size:13px}.name-actions{gap:8px;display:flex}.name-actions .btn{flex:1}