:root{--bg: #0d0b1c;--panel: rgba(18, 13, 28, .92);--panel-solid: #171126;--line: #3a2f56;--text: #f1e9da;--dim: #a99fbd;--fire: #ffb53a;--fire2: #f06d22;--good: #6fc3df;--evil: #e23a4a;--gold: #f2c94c;--violet: #9a6ae0;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Silkscreen,Pixelify Sans,ui-monospace,Courier New,monospace;font-size:15px;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;font-variant-ligatures:none}button,input,select{font:inherit;color:inherit}#view{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;image-rendering:pixelated;image-rendering:crisp-edges;display:block;touch-action:none}#labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}.lbl{position:absolute;left:0;top:0;white-space:nowrap;pointer-events:none;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000}.lbl.name{font-size:12px;color:#fff}.lbl.name.off{opacity:.45}.lbl.name.ghost{color:#b9c6ff;opacity:.7}.lbl.bubble{background:#f4f0ff;color:#120d1c;text-shadow:none;padding:2px 6px;border:2px solid #120d1c;font-size:12px;max-width:180px;white-space:normal;border-radius:0}.lbl.num{font-size:13px;font-weight:600;color:var(--gold);display:flex;align-items:center;gap:2px}.lbl.num.dead{color:#776d8c}.lbl.num.sel{color:#fff;background:#f06d22bf;padding:0 4px}.lbl.num .votes{color:#ff8a8a;margin-left:2px}.lbl .ic{transform:scale(.75);margin:-4px -3px}#flash{position:fixed;inset:0;pointer-events:none;opacity:0}#flash.go{animation:flash 1.2s ease-out}@keyframes flash{0%{opacity:.6}to{opacity:0}}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(5,3,12,.65) 100%)}body.dead-me #vignette{background:radial-gradient(ellipse at center,#280a3c33 30%,#0a0314e6)}#loading{position:fixed;inset:0;display:grid;place-items:center;font-size:22px;color:var(--fire);background:var(--bg)}#hud{position:fixed;left:0;right:0;top:0;padding:calc(6px + var(--safe-t)) calc(8px + var(--safe-r)) 6px calc(8px + var(--safe-l));display:flex;align-items:flex-start;gap:8px;pointer-events:none}#hud>*{pointer-events:auto}.chip{background:var(--panel);border:2px solid var(--line);padding:4px 8px;display:flex;align-items:center;gap:6px;box-shadow:0 2px #000}.phase{flex-direction:column;align-items:flex-start;gap:0;min-width:110px}.phase .p{color:var(--fire);font-weight:600;font-size:15px}.phase .s{color:var(--dim);font-size:12px}.timer{font-variant-numeric:tabular-nums;color:#fff}.timer.low{color:var(--evil)}.hpbar{width:90px;height:10px;background:#2a1020;border:1px solid #000;position:relative}.hpbar>i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#ff6070,#c8321f)}.ap{display:flex;gap:3px}.ap i{width:10px;height:14px;background:#3a3020;border:1px solid #000}.ap i.on{background:var(--gold)}.spacer{flex:1}.btn{background:#2a1f40;border:2px solid #5a4a80;color:var(--text);padding:6px 10px;cursor:pointer;box-shadow:0 2px #000;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center;line-height:1.1}.btn:active{transform:translateY(2px);box-shadow:none}.btn:disabled{opacity:.4;cursor:default}.btn.fire{background:#6a2c10;border-color:var(--fire2);color:#fff3d8}.btn.evil{background:#4a1020;border-color:var(--evil)}.btn.good{background:#12344a;border-color:var(--good)}.btn.gold{background:#4a3a10;border-color:var(--gold)}.btn.small{min-height:30px;padding:3px 8px;font-size:13px}.btn .badge{background:var(--evil);color:#fff;font-size:11px;padding:0 4px}.iconbtn{width:40px;padding:0}#panel{position:fixed;left:50%;transform:translate(-50%);bottom:calc(8px + var(--safe-b));width:min(560px,calc(100vw - 16px - var(--safe-l) - var(--safe-r)));background:var(--panel);border:2px solid var(--line);box-shadow:0 3px #000;padding:8px;max-height:46vh;overflow:auto}#panel .head{display:flex;align-items:center;gap:8px;margin-bottom:4px}#panel .head .ttl{font-weight:600;color:var(--gold);font-size:16px}#panel .head .x{margin-left:auto}#panel .info{color:var(--text);font-size:14px;margin:4px 0}#panel .info .q{color:#fff6d8}#panel .info .d{color:var(--dim);font-size:12px}#panel .acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}#panel .acts .btn{flex:1 1 auto}#panel .hint{color:var(--dim);font-size:12px;text-align:center}.reading{border-left:3px solid var(--line);padding-left:6px;margin:4px 0}.reading.true{border-color:var(--good)}.reading.false{border-color:var(--evil)}#banner{position:fixed;left:0;right:0;top:34%;text-align:center;pointer-events:none;opacity:0;font-size:clamp(26px,6vw,48px);color:var(--fire);text-shadow:3px 3px 0 #000}#banner.go{animation:banner 2.6s ease-out}#banner small{display:block;font-size:.45em;color:var(--text)}@keyframes banner{0%{opacity:0;transform:scale(1.2)}15%{opacity:1;transform:none}75%{opacity:1}to{opacity:0}}#toasts{position:fixed;left:50%;transform:translate(-50%);top:calc(64px + var(--safe-t));display:flex;flex-direction:column;gap:4px;align-items:center;pointer-events:none;width:min(520px,94vw)}.toast{background:var(--panel);border:2px solid var(--line);padding:4px 10px;font-size:13px;animation:toast 5s forwards;text-align:center}.toast.err{border-color:var(--evil)}@keyframes toast{0%{opacity:0}8%{opacity:1}85%{opacity:1}to{opacity:0}}#modal{position:fixed;inset:0;display:grid;place-items:center;background:#05030c8c;padding:calc(10px + var(--safe-t)) calc(10px + var(--safe-r)) calc(10px + var(--safe-b)) calc(10px + var(--safe-l))}#modal[hidden]{display:none}.card{background:var(--panel-solid);border:2px solid var(--line);box-shadow:0 4px #000;padding:14px;width:min(520px,100%);max-height:100%;overflow:auto;touch-action:pan-y}.card h1{margin:0 0 4px;color:var(--fire);font-size:30px;text-shadow:2px 2px 0 #000}.card h2{margin:0 0 8px;color:var(--gold);font-size:20px}.card h3{margin:12px 0 6px;color:var(--fire);font-size:15px}.card p{margin:6px 0;line-height:1.35}.card .row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.card .col{display:flex;flex-direction:column;gap:8px}.card input[type=text]{background:#0d0918;border:2px solid var(--line);padding:8px;color:var(--text);min-width:0;flex:1;-webkit-user-select:text;user-select:text}.card input.code{text-transform:uppercase;letter-spacing:4px;max-width:120px;text-align:center}.dim{color:var(--dim)}.big-code{font-size:40px;letter-spacing:8px;color:var(--gold);text-shadow:2px 2px 0 #000}.plist{display:flex;flex-direction:column;gap:4px}.plist .pl{display:flex;align-items:center;gap:8px;padding:4px 6px;background:#120d1e;border:1px solid #2a2140}.plist .pl.dead{opacity:.55}.plist .pl .dot{width:12px;height:12px;border:1px solid #000}.plist .pl .tag{font-size:11px;color:var(--dim)}.plist .pl .ev{color:var(--evil);font-size:12px}.plist .pl .vt{margin-left:auto;color:#ff8a8a;font-size:12px}.seg{display:inline-flex;border:2px solid var(--line)}.seg button{background:transparent;border:0;padding:6px 10px;cursor:pointer}.seg button.on{background:#4a2f70;color:#fff}.roles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}.role{display:flex;gap:8px;align-items:flex-start;background:#120d1e;border:1px solid #2a2140;padding:6px;font-size:13px}.role b{color:var(--gold)}.role.evil b{color:var(--evil)}.role.out b{color:var(--good)}.title-art{display:flex;justify-content:center;gap:8px;margin:4px 0 6px}.menu-btns{display:grid;gap:8px}.menu-btns .btn{min-height:46px;font-size:17px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.stone{background:#120d1e;border:2px solid #2a2140;padding:6px;font-size:12px;cursor:pointer;text-align:left;color:var(--text)}.stone.sel{border-color:var(--fire2)}.stone.dead{opacity:.6}.stone .n{color:var(--gold);font-size:15px;font-weight:600;display:flex;align-items:center;gap:4px}.stone .n .votes{margin-left:auto;color:#ff8a8a}.stone .s{color:#fff6d8;margin-top:2px}.stone .tr{color:var(--evil);font-size:11px}.chatlog{display:flex;flex-direction:column;gap:4px;max-height:52vh;overflow:auto;touch-action:pan-y;padding-right:4px}.msg{font-size:13px;line-height:1.3;-webkit-user-select:text;user-select:text}.msg .who{font-weight:600}.msg.sys{color:var(--fire)}.msg.ghost{color:#b9c6ff;font-style:italic}.msg.team{color:#ff9aa6}.chatform{display:flex;gap:6px;margin-top:8px}.ic{display:inline-block;width:28px;height:28px;background-image:url(/assets/icons.png);background-repeat:no-repeat;image-rendering:pixelated;flex:none}.ic.red{filter:drop-shadow(0 0 2px #e23a4a)}.ic.sm{width:14px;height:14px}@media(max-width:640px),(max-height:500px){body{font-size:14px}.phase{min-width:0}.hpbar{width:60px}#panel{max-height:52vh}.card h1{font-size:24px}}@media(max-height:460px)and (orientation:landscape){#panel{left:auto;right:calc(8px + var(--safe-r));transform:none;width:min(380px,48vw);max-height:calc(100vh - 70px)}#toasts{top:calc(52px + var(--safe-t))}.chatlog{max-height:44vh}}