:root{--ink: #fff8ec;--shadow: rgba(20, 12, 4, .55);--gold: #ffd166;--red: #ef476f;--green: #06d6a0;--blue: #3a86ff;--panel: rgba(28, 22, 16, .62)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1b140d;font-family:Nunito,system-ui,sans-serif;color:var(--ink);-webkit-user-select:none;user-select:none}#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#cross{position:absolute;left:50%;top:50%;width:0;height:0}#cross i{position:absolute;background:var(--ink);box-shadow:0 0 2px #000}#cross i:nth-child(1){width:2px;height:8px;left:-1px;top:-14px}#cross i:nth-child(2){width:2px;height:8px;left:-1px;top:6px}#cross i:nth-child(3){width:8px;height:2px;left:-14px;top:-1px}#cross i:nth-child(4){width:8px;height:2px;left:6px;top:-1px}#water{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:linear-gradient(#2878c859,#0a286ed9)}#hurt{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(transparent 55%,#dc1e288c);opacity:0;transition:opacity .4s}#topleft{position:absolute;left:20px;top:18px;display:grid;gap:6px}#phase{font:900 13px Nunito;letter-spacing:.14em;text-transform:uppercase;opacity:.85;text-shadow:0 1px 3px var(--shadow)}#timer{font:42px Lilita One,system-ui;line-height:1;text-shadow:0 2px 6px var(--shadow)}#role{display:inline-block;justify-self:start;padding:4px 12px;border-radius:999px;font:900 14px Nunito;letter-spacing:.1em;text-transform:uppercase}#role:empty{display:none}#spiders{justify-self:start;display:flex;align-items:center;gap:8px;padding:4px 12px 4px 8px;border-radius:999px;background:#0b0612b8;font:800 14px Nunito,system-ui;color:#ffd6dc}#spiders i{width:10px;height:10px;border-radius:50%;background:#ff1a2e;box-shadow:0 0 8px #ff1a2e,14px 0 #ff1a2e;margin-right:14px;animation:eyes 1.6s infinite}@keyframes eyes{0%,to{opacity:1}50%{opacity:.45}}#floor{font:700 14px Nunito;opacity:.9;text-shadow:0 1px 3px var(--shadow)}#feed{position:absolute;right:20px;top:18px;display:grid;gap:6px;justify-items:end}#feed div{background:var(--panel);padding:5px 12px;border-radius:8px;font-weight:700;font-size:14px;animation:fade 6s forwards}@keyframes fade{0%,80%{opacity:1}to{opacity:0}}#look{position:absolute;left:50%;top:calc(50% + 28px);transform:translate(-50%);text-align:center;text-shadow:0 1px 4px #000}#look b{display:block;font:20px Lilita One}#look small{font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase}#banner{position:absolute;left:50%;top:22%;transform:translate(-50%);text-align:center;opacity:0;transition:opacity .35s;max-width:min(720px,90vw)}#banner.on{opacity:1}#banner h1{margin:0;font:56px Lilita One,system-ui;letter-spacing:.02em;text-shadow:0 3px 0 rgba(0,0,0,.35),0 6px 18px rgba(0,0,0,.45)}#banner.pixel h1{font:40px "Press Start 2P",monospace;letter-spacing:0;line-height:1.25;text-shadow:4px 4px 0 #14082a}#banner p{margin:8px 0 0;font-size:18px;font-weight:700;text-shadow:0 1px 4px #000}#toast{position:absolute;left:50%;bottom:120px;transform:translate(-50%);background:var(--panel);padding:6px 14px;border-radius:8px;font-weight:900;opacity:0;transition:opacity .3s}#toast.on{opacity:1}#health{position:absolute;left:20px;bottom:22px;display:flex;align-items:center;gap:12px}#hpbar{width:230px;height:18px;border-radius:999px;background:#00000073;overflow:hidden;border:2px solid rgba(255,255,255,.25)}#hpbar span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#06d6a0,#8ac926);transition:width .15s}#hpnum{font:30px Lilita One;text-shadow:0 2px 4px var(--shadow)}#ammo{position:absolute;right:24px;bottom:112px;text-align:right;text-shadow:0 2px 4px var(--shadow)}#gun{display:block;font-weight:900;letter-spacing:.1em;text-transform:uppercase;font-size:13px;opacity:.85}#ammonum{font:44px Lilita One}#spec{position:absolute;left:50%;bottom:40px;transform:translate(-50%);font-weight:900;text-shadow:0 1px 4px #000}#board{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#18120ce0;border-radius:16px;padding:18px 22px;min-width:360px}#board h2{margin:0 0 10px;font:26px Lilita One}#board .row{display:flex;justify-content:space-between;gap:30px;padding:6px 0;border-top:1px solid rgba(255,255,255,.08);font-weight:700}#board .dead{opacity:.5;text-decoration:line-through}.tag-traitor{color:#c77dff}.tag-detective{color:#7fb2ff}.tag-innocent{color:var(--green)}#ammonum.dim{font-size:22px;opacity:.7}#crouch{font:900 12px Nunito;letter-spacing:.12em;text-transform:uppercase;opacity:.8}#tool{position:absolute;left:50%;bottom:74px;transform:translate(-50%);background:#781224c7;border:2px solid rgba(255,120,140,.6);padding:7px 16px;border-radius:10px;font-weight:900;letter-spacing:.02em;white-space:nowrap}#tool[hidden],#crouch[hidden]{display:none}#dot{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#ff3b3b;box-shadow:0 0 4px #ff3b3b;opacity:0}#scope{position:absolute;top:0;right:0;bottom:0;left:0}#scope[hidden]{display:none}#scope .lens{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,transparent 0,transparent 38vh,rgba(0,0,0,.6) 38.4vh,#000 39vh)}#scope i{position:absolute;background:#000}#scope .h{left:0;right:0;top:50%;height:2px;margin-top:-1px}#scope .v{top:0;bottom:0;left:50%;width:2px;margin-left:-1px}#start{position:fixed;top:0;right:0;bottom:0;left:0}#start[hidden]{display:none}#start .left{position:absolute;left:56px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:360px}.stencil{font:26px Black Ops One,system-ui;letter-spacing:.08em;text-transform:uppercase;color:#fff8eceb;text-shadow:0 2px 0 rgba(0,0,0,.35)}.title{margin:-6px 0 0;font:68px/.95 Lilita One,system-ui;color:var(--gold);text-transform:uppercase;letter-spacing:.01em;text-shadow:0 5px 0 rgba(0,0,0,.5)}.tag{margin:0 0 6px;font:900 17px Nunito,system-ui;color:#fff8ecd1}.chunky{font:900 18px Nunito,system-ui;color:#fff;border:0;border-radius:14px;padding:13px 24px;cursor:pointer;box-shadow:0 4px #00000059;transition:transform .08s,box-shadow .08s;letter-spacing:.01em}.chunky:active{transform:translateY(3px);box-shadow:0 1px #00000059}.chunky:disabled{opacity:.5;cursor:not-allowed}.chunky.green{background:#4f7a3a}.chunky.blue{background:#2f6f8f}.chunky.tan{background:#9a7b4f}.chunky.red{background:#a8202e}.chunky.purple{background:#5a4a7a}#start .left .chunky{min-width:210px;text-align:left}.status{font:700 11px Nunito,system-ui;color:#fff8ec99;letter-spacing:.04em}.toggles{position:absolute;top:18px;right:40px}#start .beta{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:10px 20px;background:repeating-linear-gradient(-45deg,#f5c543 0,#f5c543 22px,#1b1830 22px,#1b1830 44px);box-shadow:0 3px #00000059}#start .beta b,#start .beta span{background:#f5c543;color:#1b1830;padding:4px 14px;border-radius:6px}#start .beta b{font:22px Black Ops One,system-ui;letter-spacing:.1em;text-transform:uppercase}#start .beta span{font:900 15px Nunito,system-ui;max-width:100%}#start .toggles{top:78px}@media (max-width: 700px){#start .beta{gap:8px;padding:8px 10px}#start .beta b{font-size:18px}#start .beta span{font-size:13px;text-align:center}#start .toggles{top:112px}}.toggle{font:900 13px Nunito,system-ui;color:#fff;background:#00000073;border:2px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 14px;cursor:pointer}.toggle:not(.on){opacity:.6;text-decoration:line-through}.shade{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0000008c}.shade[hidden]{display:none}.sheet{background:#1f2416f5;border:2px solid rgba(194,178,128,.35);border-radius:20px;padding:24px 26px;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:min(860px,94vw);box-shadow:0 20px 60px #00000080}.sheet.small{min-width:260px}.sheet.small .chunky{width:100%}.sheet h2{margin:0;font:22px Black Ops One,system-ui;letter-spacing:.05em;color:#fff8ec}.roles{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.note{margin:0;font:700 12px Nunito,system-ui;color:#fff8ecb3}#maps{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.map{width:92px;padding:0;border-radius:10px;overflow:hidden;background:#2a3020;border:1px solid rgba(255,255,255,.2);cursor:pointer;display:flex;flex-direction:column}.map canvas{width:92px;height:52px;display:block}.map span{font:900 10px Nunito,system-ui;color:#fff;padding:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#2a3020}.map.on{border:2.5px solid var(--gold)}.map.on span{background:#4f7a3a}.keys{display:grid;grid-template-columns:repeat(3,auto);gap:9px 26px;font:700 14px Nunito,system-ui;color:#fff8ece0}.keys i{font-style:normal;font-size:11px;opacity:.6}kbd{display:inline-block;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-bottom-width:3px;border-radius:6px;padding:1px 7px;margin-right:4px;font:900 12px Nunito}#chat{position:absolute;left:20px;bottom:64px;width:min(440px,60vw);display:flex;flex-direction:column;gap:6px;pointer-events:none}#chatlog{display:flex;flex-direction:column;gap:3px}#chatlog div{font:700 14px Nunito,system-ui;color:#fff8ec;text-shadow:0 1px 3px #000;transition:opacity .6s}#chatlog div b{font-weight:900}#chatlog div.old{opacity:0}#chat.open #chatlog div.old{opacity:.75}#chatin{pointer-events:auto;font:700 14px Nunito,system-ui;color:#fff;background:#14180ed1;border:2px solid rgba(194,178,128,.6);border-radius:10px;padding:8px 12px;outline:none}#chatin[hidden]{display:none}#inv{position:absolute;right:24px;bottom:18px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}#slots{display:flex;gap:6px}.slot{display:flex;align-items:center;gap:7px;min-width:132px;padding:6px 10px;border-radius:10px;background:#14180e99;border:2px solid rgba(255,255,255,.12);font:800 13px Nunito,system-ui;color:#fff8ecd9}.slot kbd{margin:0;font-size:11px}.slot span{flex:1;white-space:nowrap}.slot b{font:18px Lilita One,system-ui;color:#fff8ec}.slot b small{font-size:12px;opacity:.7}.slot.on{border-color:var(--c);background:#14180ed1;color:#fff8ec;box-shadow:inset 4px 0 0 var(--c)}.slot.empty{opacity:.45;min-width:100px}.slot.compass{--c: #ff1a2e}.slot.kit{min-width:0;border-color:#ef476f99;color:#ffb3c1}#spare{display:flex;gap:10px;font:800 11px Nunito,system-ui;text-transform:capitalize;color:#fff8eccc;text-shadow:0 1px 2px #000}#spare span{display:inline-flex;align-items:center;gap:4px}#spare i{width:8px;height:8px;border-radius:2px;background:var(--c);display:inline-block}#spare .none{opacity:.4}.chunky.nightmare{background:#7b2cbf}.story{margin:0 0 14px;font:700 14px/1.45 Nunito,system-ui;color:#fff8ece0;max-width:640px}.story b{color:#ffd166}body.cine #hud>:not(#banner){visibility:hidden!important}body.cine #banner{top:auto;bottom:7%}.sheet.online{min-width:min(560px,94vw)}.field{display:grid;gap:6px;font:900 12px Nunito,system-ui;letter-spacing:.08em;text-transform:uppercase;color:#fff8ecbf}.field input,.code-in{font:900 18px Nunito,system-ui;color:#fff8ec;background:#00000059;border:2px solid rgba(194,178,128,.35);border-radius:12px;padding:10px 14px;outline:none;width:240px}.field input:focus,.code-in:focus{border-color:var(--gold)}.code-in{width:150px;text-align:center;letter-spacing:.3em;text-transform:uppercase}.split{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;width:100%}.split .col{flex:1 1 220px;display:flex;flex-direction:column;align-items:center;gap:10px;background:#00000038;border-radius:14px;padding:14px;text-align:center}.split h3{margin:0;font:18px Lilita One,system-ui;color:#fff8ec}.err{margin:0;min-height:1em;font:900 13px Nunito,system-ui;color:#ff8a8a}.bigcode{font:64px Black Ops One,system-ui;letter-spacing:.18em;color:var(--gold);text-shadow:0 4px 0 rgba(0,0,0,.45)}#roster{display:grid;gap:4px;min-width:260px}#roster div{display:flex;justify-content:space-between;gap:20px;padding:6px 12px;background:#00000040;border-radius:8px;font-weight:900}#roster small{opacity:.6;font-weight:700}#roomStart[hidden]{display:none}#netinfo{position:absolute;left:50%;top:14px;transform:translate(-50%);display:flex;gap:10px;align-items:center;font:900 12px Nunito,system-ui;text-shadow:0 1px 3px #000}#netinfo[hidden]{display:none}#netinfo span:empty{display:none}#netcode{background:#00000073;padding:3px 9px;border-radius:999px;letter-spacing:.12em}#mic.off{color:#ff8a8a}#talking{color:#b8f5a0}.chunky.toggle{box-shadow:inset 0 0 0 3px #ff1a2e8c}.chunky.toggle.off{opacity:.7;box-shadow:none}