:root{--ink:#0b0a09;--ink-2:#16130f;--paper:#e9dfc6;--paper-2:#d9cba6;--paper-dim:#a99c80;--paper-ink:#2a2118;--vermilion:#b0281c;--vermilion-hi:#d8402c;--talisman:#d8b34a;--talisman-ink:#8e1a10;--jade:#6f9c8a;--rain:#7fa6b8;--line:#e9dfc629;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--serif:"Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;--brush:"Ma Shan Zheng", "STKaiti", "KaiTi", "Kaiti SC", serif;--hand:"ZCOOL XiaoWei", "STKaiti", "KaiTi", serif;--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.32 0 0 0 0 0.25 0 0 0 0 0.16 0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--stain:radial-gradient(ellipse at 18% 22%, #785a282e, transparent 38%), radial-gradient(ellipse at 82% 76%, #785a2829, transparent 42%), radial-gradient(ellipse at 60% 10%, #5a3c1e1a, transparent 30%);font-family:var(--serif);color:var(--paper)}*{box-sizing:border-box}html,body{background:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;height:100%;margin:0;overflow:hidden}#app{position:fixed;inset:0}#game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#labels{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}#vignette,#flash{z-index:2}#hud{z-index:3}#vote-panel{z-index:4}#touch-controls{z-index:5}.modal{z-index:6}#handbook{z-index:7}#vignette{pointer-events:none;background:radial-gradient(#0000 48%,#060504b8 100%),linear-gradient(#06050459,#0000 14% 86%,#06050473);transition:background 1.2s;position:absolute;inset:0}#vignette.marked{background:radial-gradient(#0000 38%,#7808049e 100%),linear-gradient(#3c040266,#0000 16% 84%,#3c040280)}#flash{pointer-events:none;opacity:0;mix-blend-mode:multiply;background:#8e0c06;position:absolute;inset:0}button{font:inherit;color:inherit;cursor:pointer}kbd{font:inherit}.panel{background:var(--grain), var(--stain), linear-gradient(170deg, #e7dcc0, #d6c7a1);color:var(--paper-ink);clip-path:polygon(0 2px,6% 0,18% 3px,33% 0,48% 2px,64% 0,80% 3px,94% 0,100% 2px,100% calc(100% - 2px),88% 100%,70% calc(100% - 3px),52% 100%,36% calc(100% - 2px),20% 100%,6% calc(100% - 3px),0 100%);border:1px solid #b9a77c;padding:10px 12px 12px;position:relative;box-shadow:0 6px 18px #0000008c,inset 0 0 22px #6e501e40}#hud{pointer-events:none;position:absolute;inset:0}#hud>*{pointer-events:auto}#topbar{top:calc(10px + var(--safe-t));text-align:center;min-width:300px;position:absolute;left:50%;transform:translate(-50%);pointer-events:none!important}#day-label{font-family:var(--brush);letter-spacing:.25em;color:var(--paper);text-shadow:0 2px 6px #000;font-size:24px;display:block}#phase-label{letter-spacing:.2em;color:#f4e6c4;background:linear-gradient(#9c2216,#7a160d);border-top:2px solid #c9a14a;border-bottom:2px solid #c9a14a;margin:4px 0 8px;padding:4px 18px;font-size:15px;font-weight:600;display:inline-block;box-shadow:0 4px 14px #0009}#hud.night #phase-label{color:#e8b0a0;background:linear-gradient(#3a0a06,#1d0503);border-color:#6a2a1a}#hud.dusk #phase-label{background:linear-gradient(#8a5a1a,#5e3a0c)}#phase-bar{background:#3c2819cc;border-radius:2px;width:240px;height:4px;margin:0 auto;position:relative}#phase-bar i{background:linear-gradient(90deg,#6e3b1d,#a8662f);border-radius:2px;width:0;transition:width .6s linear;position:absolute;top:0;bottom:0;left:0}#phase-bar i:after{content:"";background:radial-gradient(circle,#ffd27a,#e85a1c 55%,#0000 70%);border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite ember;position:absolute;top:-3px;right:-3px;box-shadow:0 0 10px 3px #ff6e28a6}#phase-bar i:before{content:"";filter:blur(1px);background:linear-gradient(#0000,#dcd2be59);width:2px;height:26px;animation:3s ease-in-out infinite smoke;position:absolute;bottom:6px;right:0}#hud.night #phase-bar i:after{background:radial-gradient(circle,#ff8a6a,#b0181a 55%,#0000 70%);box-shadow:0 0 12px 4px #c81414b3}#zone-label{letter-spacing:.12em;color:var(--paper);border:1px solid var(--line);background:#0a080699;margin:6px auto 0;padding:2px 12px;font-size:13px;display:inline-block}#zone-label[hidden]{display:none}#zone-label .pips{color:#e0502f;letter-spacing:.05em;text-shadow:0 0 6px #e0502fb3}#zone-label.low .pips{animation:.5s infinite alternate pulse}#zone-label.fallen{color:#f4e6c4;border-color:var(--vermilion-hi);background:#6e0a04d9;animation:.9s infinite alternate pulse}#zone-label.warden{color:#f4e6c4;background:#2f6a55bf;border-color:#6f9c8a}#zone-label em{color:#9fd0ff;font-size:12px;font-style:normal;display:block}#weather-label{min-height:18px;font-family:var(--brush);color:var(--rain);letter-spacing:.4em;text-shadow:0 0 10px #7fa6b899;margin-top:6px;font-size:18px}#role-badge{top:calc(10px + var(--safe-t));color:var(--paper);background:0 0;border:none;align-items:center;gap:8px;padding:0;display:flex;position:absolute;right:12px}#role-badge .seal{width:44px;height:44px;font-family:var(--brush);color:#f6e6d0;background:var(--vermilion);box-shadow:inset 0 0 0 3px #f2d8c0, inset 0 0 0 4px var(--vermilion), 0 4px 12px #0009;border-radius:6px;place-items:center;font-size:28px;line-height:1;display:grid;transform:rotate(-6deg)}#role-badge b{font-family:var(--brush);letter-spacing:.1em;text-shadow:0 2px 6px #000;font-size:20px;font-weight:400}#role-badge.killer .seal{color:#ff5a40;background:#3a0604;box-shadow:inset 0 0 0 3px #8a1a10,0 4px 12px #0009}#role-badge.imposter .seal{color:#bfe9df;background:#1d3a33;box-shadow:inset 0 0 0 3px #6f9c8a,0 4px 12px #0009}#map-button,#handbook-button{top:calc(16px + var(--safe-t));letter-spacing:.15em;background:var(--grain), linear-gradient(180deg, #2a221a, #17120d);color:var(--paper);border:1px solid #5a4630;padding:6px 12px 5px;font-size:14px;position:absolute;box-shadow:0 4px 12px #0009}#map-button{right:128px}#handbook-button{right:224px}#map-button kbd,#handbook-button kbd{color:var(--paper-dim);border:1px solid #5a4630;margin-left:4px;padding:0 4px;font-size:11px}#map-button.on{color:var(--talisman);border-color:var(--talisman)}@media (pointer:coarse){#map-button kbd,#handbook-button kbd{display:none}}#left-col{top:calc(12px + var(--safe-t));flex-direction:column;gap:10px;width:min(290px,40vw);display:flex;position:absolute;left:12px;pointer-events:none!important}#tasks h3,#rules-panel h3{font-family:var(--brush);letter-spacing:.2em;margin:0 0 6px;font-size:20px;font-weight:400}#tasks h3{color:var(--paper-ink);border-bottom:1px dashed #3c281466;padding-bottom:4px}#tasks ul{margin:0;padding:0;font-size:13px;line-height:1.6;list-style:none}#tasks li{padding:2px 0}#tasks li small{color:#6a5a40!important}#tasks li.done{color:#8a7a5c;text-decoration:line-through;-webkit-text-decoration-color:var(--vermilion);text-decoration-color:var(--vermilion)}#tasks li .tag{color:#fff;background:var(--vermilion);vertical-align:1px;margin-left:4px;padding:0 4px;font-size:10px}#rules-panel{color:var(--talisman-ink);background:var(--grain), radial-gradient(ellipse at 30% 20%, #fff0b459, transparent 60%), linear-gradient(175deg, #e3c25a, #c9a23c);outline-offset:-6px;border:2px solid #8e1a10;outline:1px solid #c9a23c;padding:12px 14px 14px 16px;position:relative;box-shadow:0 8px 22px #0009}#rules-panel:before{content:"敕令";font-family:var(--brush);color:#8e1a108c;writing-mode:vertical-rl;letter-spacing:.2em;font-size:16px;position:absolute;top:8px;right:10px}#rules-panel h3{color:#8e1a10}#rules-panel ol{color:#3a1a0c;margin:0;padding-left:20px;padding-right:18px;font-size:13px;line-height:1.55}#rules-panel li{margin-bottom:7px}#rules-panel li b{color:#8e1a10;font-size:14px;display:block}#rules-panel li.active b{color:#c0140c;animation:.6s infinite alternate pulse}#feed{right:12px;top:calc(70px + var(--safe-t));flex-direction:column;justify-content:flex-end;gap:5px;width:min(340px,44vw);max-height:46vh;display:flex;position:absolute;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 18%);mask-image:linear-gradient(#0000 0,#000 18%);pointer-events:none!important}.feed-line{color:var(--paper-ink);background:var(--grain), linear-gradient(175deg, #e6dbc0, #d4c49c);clip-path:polygon(0 0,100% 2px,99% 100%,1% calc(100% - 2px));padding:5px 10px 5px 12px;font-size:13px;line-height:1.5;animation:.3s ease-out feedIn;box-shadow:0 3px 10px #00000080}.feed-line.danger{border-left:4px solid var(--vermilion);color:#4a0e08}.feed-line.rule{background:var(--grain), linear-gradient(175deg, #e3c25a, #cfa844);color:#6a1208}.feed-line.eerie{background:var(--grain), linear-gradient(175deg, #1c1a17, #100e0c);color:#d0443a;font-family:var(--hand);letter-spacing:.04em;font-size:14px}.feed-line.chat{background:var(--grain), linear-gradient(175deg, #d8d2c2, #c2b9a2)}.feed-line.system{color:#f4e6c4;letter-spacing:.06em;background:linear-gradient(#9c2216,#7a160d);font-weight:600}.feed-line.old{opacity:.6}#prompt{left:50%;bottom:calc(80px + var(--safe-b));text-align:center;color:#f0e4c8;text-shadow:0 1px 3px #000;letter-spacing:.05em;background:radial-gradient(#0a0806eb 40%,#0a080600 75%);min-width:220px;padding:7px 22px 9px;font-size:14px;position:absolute;transform:translate(-50%);pointer-events:none!important}#prompt-bar{background:var(--vermilion-hi);width:0;height:2px;box-shadow:0 0 8px var(--vermilion-hi);margin:6px auto 0;display:block}#status-banner{font-family:var(--brush);letter-spacing:.25em;color:#efe3c6;text-shadow:0 0 2px #000,0 4px 24px #000,0 0 40px #000c;text-align:center;white-space:nowrap;font-size:64px;font-weight:400;line-height:1.1;animation:.9s ease-out inkIn;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);pointer-events:none!important}#status-banner small{font-family:var(--serif);letter-spacing:.3em;color:var(--paper-dim);margin-top:10px;font-size:15px;display:block}#status-banner.danger{color:#c9241a;text-shadow:0 0 2px #000,0 6px 30px #000,0 0 50px #a00a008c}#hidden-banner{font-family:var(--hand);letter-spacing:.15em;color:#cfe8df;background:radial-gradient(#080e0cd9 40%,#0000 75%);padding:6px 22px;font-size:17px;position:absolute;top:20%;left:50%;transform:translate(-50%);pointer-events:none!important}#vitals{left:12px;bottom:calc(12px + var(--safe-b));flex-direction:column;gap:6px;width:min(270px,60vw);display:flex;position:absolute;pointer-events:none!important}.bar{background:#0a0806bf;border:1px solid #4a3a28;height:15px;position:relative;overflow:hidden}.bar i{transform-origin:0;width:100%;transition:transform .15s;position:absolute;inset:0}.bar.hp i{background:linear-gradient(#c0241a,#6e0d08);box-shadow:inset 0 0 6px #00000080}.bar.st i{background:linear-gradient(#b9a77c,#6e5e40)}.bar.wet i{background:linear-gradient(#6f9fb8,#2c4f6e)}.bar.food i{background:linear-gradient(#c9953a,#7a5418)}.bar.food.hungry{border-color:#c9953a}.bar.food.starving{border-color:var(--vermilion-hi);animation:.6s infinite alternate pulse}.bar.food.starving i{background:linear-gradient(#8a6a3a,#4a3418)}.bar.food.numb{border-color:#3a3a3a}.bar.food.numb i{background:repeating-linear-gradient(90deg,#3a3634 0 6px,#24201e 6px 8px);animation:2.4s infinite alternate pulse}.bar.food.numb span{color:#a8180e}#status-chips{flex-wrap:wrap;gap:4px;min-height:0;display:flex}#status-chips .chip{letter-spacing:.1em;color:#6a1208;background:var(--grain), linear-gradient(175deg, #e6dbc0, #cfbf96);pointer-events:auto;cursor:help;border:1px solid #8e1a10;padding:1px 7px 2px;font-size:12px;box-shadow:0 2px 6px #00000080}#status-chips .chip small{color:#8a5a3a;margin-left:3px;font-size:10px}#status-chips .chip.worse{color:#f4e6c4;background:linear-gradient(#9c2216,#6e120a);border-color:#4a0a04}#status-chips .chip.worse small{color:#f0c8a8}#status-chips .chip.eerie{color:#d0443a;font-family:var(--hand);background:linear-gradient(175deg,#1c1a17,#100e0c);border-color:#4a1a14}body.fx-bleeding #vignette{animation:1.1s ease-in-out infinite bleedPulse;box-shadow:inset 0 0 120px 30px #8c06028c}body.fx-starving #game-canvas{filter:grayscale(.55)contrast(1.05)}body.fx-fever #game-canvas{filter:blur(.7px)saturate(1.25)hue-rotate(-8deg);animation:4s ease-in-out infinite feverSway}body.fx-starving.fx-fever #game-canvas{filter:grayscale(.5)blur(.7px)}body.fx-frightened #vignette{animation:.8s ease-in-out infinite heartbeat}.bar.wet.full{border-color:var(--rain);animation:.6s infinite alternate pulse}.bar[hidden]{display:none}.bar span{letter-spacing:.2em;color:#f0e4c8;text-shadow:0 1px 2px #000;font-size:11px;line-height:13px;position:absolute;top:0;left:6px}#weapon-label{color:var(--paper-dim);letter-spacing:.1em;text-shadow:0 1px 3px #000;font-size:13px}#abilities{gap:6px;display:flex}.ability{color:#f4d8c8;background:linear-gradient(#5a0c06,#2a0402);border:1px solid #8e1a10;flex:1;padding:5px 8px;font-size:12px}.ability.cd{opacity:.45}.ability.passive{color:var(--paper-dim);background:#1e1812cc;border-color:#4a3a28}#inventory{left:50%;bottom:calc(14px + var(--safe-b));gap:8px;display:flex;position:absolute;transform:translate(-50%)}#inventory .slot{text-align:left;color:#2a1a0c;background:var(--grain), repeating-linear-gradient(90deg, #c9a868 0 22px, #b8955a 22px 24px);border:1px solid #6e5030;align-items:center;gap:8px;min-width:96px;height:48px;padding:4px 12px;font-size:14px;display:flex;box-shadow:0 4px 12px #0009,inset 0 0 10px #50321459}#inventory .slot kbd{color:#f4e6c4;background:var(--vermilion);padding:0 5px;font-size:11px}#inventory .slot.empty{opacity:.38;cursor:default;filter:grayscale(.6)}#inventory .slot.on{box-shadow:0 0 0 2px var(--talisman), 0 0 16px #d8b34a99}#inventory .slot.passive span:after{content:"·随身";color:#6a4a2a;margin-left:3px;font-size:10px}#vote-panel{left:50%;bottom:calc(16px + var(--safe-b));width:min(640px,100vw - 24px);color:var(--paper-ink);background:var(--grain), var(--stain), linear-gradient(175deg, #e9dfc6, #d4c49c);outline-offset:-6px;border:2px solid #7a160d;outline:1px solid #c9a14a;padding:14px 16px;position:absolute;transform:translate(-50%);box-shadow:0 12px 34px #000000b3}#vote-panel h2{font-family:var(--brush);color:#7a160d;letter-spacing:.2em;margin:0;font-size:26px;font-weight:400}#vote-panel .sub{color:#6a5a40;margin:4px 0 10px;font-size:12px}#vote-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px;display:grid}.vote-btn{color:var(--paper-ink);background:#fffaeb73;border:1px solid #a8946a;justify-content:space-between;align-items:center;padding:8px 10px;font-size:15px;display:flex}.vote-btn:hover:not(:disabled){border-color:var(--vermilion);background:#b0281c1f}.vote-btn.mine{border-color:var(--vermilion);background:#b0281c2e}.vote-btn.mine:after{content:"圈";font-family:var(--brush);color:var(--vermilion);margin-left:6px}.vote-btn:disabled{opacity:.4;cursor:default}.vote-btn .count{color:var(--vermilion);font-size:12px}#vote-skip{width:100%;color:var(--paper-ink);background:0 0;border:1px dashed #8a7a5c;margin-top:8px;padding:7px}.modal{background:radial-gradient(#080604b3,#040302eb);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.modal[hidden],#vote-panel[hidden],#hud[hidden],#prompt[hidden],#status-banner[hidden],#rules-panel[hidden],#hidden-banner[hidden]{display:none}.card{width:min(540px,100%);max-height:calc(100vh - 32px);color:var(--paper-ink);background:var(--grain), var(--stain), linear-gradient(170deg, #ece2c8, #d6c69f);border:1px solid #8a7550;padding:26px 28px 22px;position:relative;overflow:auto;box-shadow:0 24px 70px #000c,inset 0 0 50px #6e501e4d}.card h1{font-family:var(--brush);letter-spacing:.12em;color:#2a1a0c;margin:0 0 8px;font-size:38px;font-weight:400}.card h2{font-family:var(--brush);margin:0 0 6px;font-weight:400}.card .sub{color:#5a4a30;font-size:14px;line-height:1.7}.card>button:last-of-type{letter-spacing:.3em;width:100%;font-size:18px;font-family:var(--brush);color:#f4e6c4;background:linear-gradient(#9c2216,#6e120a);border:1px solid #4a0a04;margin-top:16px;padding:11px;box-shadow:0 6px 16px #0006}.card>button:last-of-type:hover{background:linear-gradient(#b52a1c,#7a160d)}.eyebrow{letter-spacing:.4em;color:var(--vermilion);margin:0 0 4px;font-size:12px}.title-card{min-height:440px;padding-right:124px}.title-vertical{writing-mode:vertical-rl;font-family:var(--brush);letter-spacing:.1em;color:#1a1008;text-shadow:1px 1px #785a324d;font-size:56px;position:absolute;top:22px;right:30px}.title-seal{writing-mode:vertical-rl;font-family:var(--brush);color:#f6e6d0;background:var(--vermilion);box-shadow:inset 0 0 0 2px #f2d8c0, inset 0 0 0 3px var(--vermilion);padding:6px 4px;font-size:15px;position:absolute;bottom:26px;right:34px;transform:rotate(4deg)}.title-card label{color:#5a4a30;letter-spacing:.1em;flex-direction:column;gap:6px;margin-top:14px;font-size:13px;display:flex}.title-card label.check{flex-direction:row;align-items:center;gap:8px}.title-card select{font:inherit;color:var(--paper-ink);background:#fffaeb99;border:1px solid #8a7550;padding:8px}.controls{color:#6a5a40;margin:12px 0 0;font-size:12px;line-height:1.8}.role-title{font-family:var(--brush);color:#1a1008;margin:4px 0 2px;font-size:46px}.role-title.killer{color:var(--vermilion)}.role-title.imposter{color:#2f6a5a}.role-goal{margin:0 0 12px;font-size:15px}.role-card-list{color:#4a3a24;margin:0;padding-left:18px;font-size:14px;line-height:1.75}.role-card-list b{color:#7a160d}#end-roles{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:12px;font-size:13px;display:grid}#end-roles div{background:#fffaeb66;border:1px solid #b9a77c;padding:6px 8px}#end-roles .killer{color:var(--vermilion)}#end-roles .imposter{color:#2f6a5a}#end-roles .gone{opacity:.55;text-decoration:line-through;-webkit-text-decoration-color:var(--vermilion);text-decoration-color:var(--vermilion)}#handbook{background:radial-gradient(#0a0704d1,#030201f5)}.hb-book{width:min(880px,100%);height:min(660px,100vh - 32px);color:var(--paper-ink);background:var(--grain), var(--stain), linear-gradient(100deg, #cdbb92 0, #e8dcc0 6%, #ece2c8 60%, #dccca6 100%);border:1px solid #6e5a38;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:150px 1fr;display:grid;position:relative;box-shadow:0 30px 90px #000000d9,inset 0 0 70px #64461e59}.hb-book:before{content:"";background:repeating-linear-gradient(#0000 0 34px,#5a3a20 34px 40px),linear-gradient(90deg,#3c281459,#0000);width:10px;position:absolute;top:0;bottom:0;left:150px}#hb-side{border-right:1px solid #503c1e59;flex-direction:column;grid-row:1/3;min-height:0;display:flex}#hb-shelf{gap:4px;padding:12px 10px 0;display:flex}#hb-shelf[hidden]{display:none}#hb-shelf button{letter-spacing:.1em;color:#6a5a40;cursor:pointer;background:#503c1e14;border:1px solid #503c1e59;border-bottom:none;border-radius:3px 3px 0 0;flex:1;padding:6px 0 4px;font-size:12px}#hb-shelf button.on{color:#f3e6c8;background:#7a160d;border-color:#7a160d}#handbook.mandatory #hb-shelf button:not(.on){opacity:.45;cursor:not-allowed}.hb-toc-head{font-family:var(--brush);letter-spacing:.15em;color:#1a1008;border-bottom:1px solid #503c1e59;margin-bottom:4px;padding:0 8px 8px;font-size:19px}#hb-toc{flex-direction:column;flex:1;gap:2px;min-height:0;padding:14px 10px 18px;display:flex;overflow:auto}#hb-toc button{text-align:left;color:#4a3a24;background:0 0;border:none;border-left:2px solid #0000;padding:5px 8px;font-size:13px}#hb-toc button:hover{color:#7a160d}#hb-toc button.on{color:#7a160d;border-left-color:var(--vermilion);background:#b0281c14}#hb-page{padding:26px 34px 18px 40px;font-size:15px;line-height:1.85;position:relative;overflow:auto}#hb-page.turn{animation:.35s ease-out pageTurn}#hb-page h2{font-family:var(--brush);letter-spacing:.15em;color:#1a1008;border-bottom:2px solid #7a160d;margin:0 0 14px;padding-bottom:6px;font-size:30px;font-weight:400}#hb-page p{text-indent:2em;margin:0 0 10px}#hb-page b{color:#7a160d}.hb-clauses{margin:0;padding:0;list-style:none}.hb-clauses li{text-indent:-4.6em;margin-bottom:9px;padding-left:4.6em}.hb-n{text-indent:0;color:#7a160d;width:4.6em;font-weight:600;display:inline-block}.hb-table{border-collapse:collapse;width:100%;margin:0 0 14px;font-size:14px}.hb-table th{white-space:nowrap;text-align:left;color:#7a160d;border-bottom:1px solid #503c1e4d;width:4em;padding:5px 8px}.hb-table td{border-bottom:1px solid #503c1e4d;padding:5px 8px}.hb-note{max-width:92%;font-family:var(--hand);color:#2a3a5a;transform:rotate(var(--r,-2deg));background:linear-gradient(#0000 60%,#283c6414 60%);margin:14px 0 0 1em;padding:4px 8px;font-size:17px;line-height:1.5;display:inline-block}.hb-note.red{color:#a8180e;font-family:var(--brush);font-size:21px}.hb-cover{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;display:flex}.hb-cover-school{letter-spacing:.6em;color:#4a3a24;font-size:16px}.hb-cover-title{font-family:var(--brush);letter-spacing:.15em;color:#1a1008;font-size:66px}.hb-cover-sub{letter-spacing:.3em;color:#6a5a40;font-size:13px}.hb-cover-seal{font-family:var(--brush);color:#b0281c;opacity:.85;border:3px solid #b0281c;border-radius:50%;place-items:center;width:112px;height:112px;margin:18px 0 6px;font-size:18px;line-height:1.3;display:grid;transform:rotate(-12deg);box-shadow:inset 0 0 0 2px #b0281c66}#handbook[data-book=teacher] .hb-book{background:var(--grain), var(--stain), linear-gradient(100deg, #b9b6a4 0, #dcd8c6 6%, #e2ddca 60%, #cfc9b2 100%);border-color:#3e4a52}#handbook[data-book=teacher] .hb-book:before{background:repeating-linear-gradient(#0000 0 34px,#2e3a44 34px 40px),linear-gradient(90deg,#1e283259,#0000)}#handbook[data-book=teacher] .hb-cover-title{font-size:56px}#handbook[data-book=teacher] .hb-cover-school:after{content:"　绝密";color:#b0281c;letter-spacing:.2em;font-weight:900}#handbook[data-book=dorm] .hb-book{background:var(--grain), var(--stain), linear-gradient(100deg, #c9ae78 0, #e2cf9e 6%, #e6d4a6 60%, #d2b984 100%);border-color:#6e2a18}#handbook[data-book=dorm] .hb-book:before{background:repeating-linear-gradient(#0000 0 34px,#8a2416 34px 40px),linear-gradient(90deg,#5a1e0f59,#0000)}#handbook[data-book=dorm] .hb-cover-title{font-size:52px}#handbook[data-book=dorm] .hb-cover:before{content:"";background:radial-gradient(at 50% 40%,#f05a3a,#b0281c 60%,#6e140c);border-radius:45%;width:46px;height:58px;margin-bottom:4px;box-shadow:0 0 26px #f050328c,inset 0 -6px #0003}#handbook[data-book=principal] .hb-book{background:var(--grain), linear-gradient(100deg, #d8d2c2 0, #efeadc 6%, #f2eee2 60%, #e2dccb 100%);border-color:#5a1a10}#handbook[data-book=principal] .hb-book:before{background:repeating-linear-gradient(#0000 0 34px,#1a1410 34px 40px),linear-gradient(90deg,#28140a4d,#0000)}#handbook[data-book=principal] .hb-cover-title{letter-spacing:.3em;color:#c0201a;border-bottom:3px solid #c0201a;padding-bottom:14px;font-family:Noto Serif SC,serif;font-size:64px;font-weight:900;box-shadow:0 6px 0 -4px #c0201a}#handbook[data-book=principal] .hb-cover-seal{border-radius:4px;width:104px;height:104px;transform:rotate(-4deg)}#handbook[data-book=principal] #hb-page h2{border-bottom-color:#c0201a}.hb-cover-note{color:#6a5a40;font-size:13px;text-indent:0!important}.hb-pledge{text-align:center;padding-top:30px}.hb-pledge h2{border:none!important}.hb-pledge p{text-indent:0!important}.hb-sign{font-family:var(--hand);margin-top:30px;font-size:18px}.hb-pledge-seal{width:90px;height:90px;font-family:var(--brush);color:#f6e6d0;background:#b0281c;place-items:center;margin:24px auto 0;font-size:30px;display:grid;transform:rotate(-8deg);box-shadow:inset 0 0 0 4px #f2d8c0,inset 0 0 0 5px #b0281c}.hb-bar{border-top:1px solid #503c1e4d;align-items:center;gap:8px;padding:10px 18px 14px 40px;display:flex}.hb-bar button{color:var(--paper-ink);background:#fffaeb73;border:1px solid #8a7550;padding:6px 14px;font-size:14px}.hb-bar button:disabled{opacity:.35;cursor:default}.hb-bar button[hidden]{display:none}#hb-folio{text-align:center;font-family:var(--brush);color:#6a5a40;flex:1;font-size:18px}#hb-confirm{font-family:var(--brush);letter-spacing:.15em;animation:1.2s infinite alternate pulse;color:#f4e6c4!important;background:linear-gradient(#9c2216,#6e120a)!important;border-color:#4a0a04!important;font-size:16px!important}.nameplate{white-space:nowrap;color:#f0e4c8;letter-spacing:.05em;background:#0a0806b8;border-bottom:1px solid #e9dfc640;padding:1px 7px;font-size:12px;transition:opacity .3s;transform:translateY(-4px)}.nameplate.me{color:var(--talisman);border-bottom-color:var(--talisman)}.nameplate.downed{color:var(--vermilion-hi)}.nameplate.marked{background:#6e0a04d9}.nameplate.ally-imposter{color:var(--jade)}.nameplate.ally-killer{color:var(--vermilion-hi)}.nameplate.soul{opacity:.6;font-style:italic}.nameplate.soul span:after{content:"（魂）"}.role-card-list li.locked{opacity:.45}#soul-panel{z-index:5;text-align:center;color:#dfe8f0;background:radial-gradient(#283c50d9,#080c12eb);border:1px solid #a0bedc66;width:min(460px,100vw - 32px);padding:16px 20px;position:absolute;top:22%;left:50%;transform:translate(-50%);box-shadow:0 0 60px #78a0c840}#soul-panel[hidden]{display:none}#soul-panel h2{font-family:var(--brush);letter-spacing:.2em;margin:0 0 6px;font-size:30px;font-weight:400}#soul-panel p{color:#b8c8d8;margin:0 0 10px;font-size:14px;line-height:1.7}.soul-choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.soul-choices button{text-align:left;color:#f0e6d0;background:#6e140a99;border:1px solid #8e1c14;padding:10px}.soul-choices button[data-as=imposter]{background:#1e504699;border-color:#6f9c8a}.soul-choices button:disabled{opacity:.4;cursor:not-allowed}.soul-choices b{font-family:var(--brush);font-size:20px;font-weight:400;display:block}.soul-choices small{opacity:.85;font-size:12px}.prof-pick{grid-template-columns:repeat(2,1fr);gap:6px;margin:10px 0 4px;display:grid}.prof-pick button{text-align:left;color:var(--paper-ink);background:#fffaeb80;border:1px solid #8a7550;padding:7px 9px}.prof-pick button.on{border-color:var(--vermilion);box-shadow:inset 3px 0 0 var(--vermilion);background:#b0281c26}.prof-pick b{font-family:var(--brush);color:#7a160d;font-size:18px;font-weight:400;display:block}.prof-pick small{color:#5a4a30;font-size:12px}.prof-note{color:#6a5a40;margin:0 0 6px;font-size:12px}.nameplate.warden span:before{content:"宿管 · ";color:#e0502f}.nameplate.teacher span:before{content:"老师 · ";color:#d8b34a}.nameplate.principal span:before{content:"校长 · ";color:#f0d27a}#broadcast-button{top:calc(52px + var(--safe-t));font-family:var(--brush);color:#f4e6c4;background:linear-gradient(#9c2216,#6e120a);border:1px solid #4a0a04;padding:5px 12px;font-size:16px;position:absolute;right:160px}#broadcast-button[hidden],#vote-veto[hidden]{display:none}#vote-veto{width:100%;font-family:var(--brush);color:#f4e6c4;background:linear-gradient(#9c2216,#6e120a);border:1px solid #4a0a04;margin-top:6px;padding:7px;font-size:16px}#vote-veto:disabled{opacity:.7}#zone-label em.duty{color:var(--talisman)}.nameplate .hpline{background:var(--vermilion-hi);transform-origin:0;height:2px;margin-top:1px;display:block}.speech{white-space:normal;max-width:190px;color:var(--paper-ink);background:var(--grain), linear-gradient(175deg, #e9dfc6, #d4c49c);padding:5px 9px;font-size:13px;line-height:1.4;transform:translateY(-26px);box-shadow:0 3px 10px #00000080}.station-label{white-space:nowrap;color:#6a1208;background:linear-gradient(175deg,#e3c25a,#cfa844);border:1px solid #8e1a10;padding:2px 7px;font-size:11px}.station-label.done{color:#b9a98a;background:#3c3228bf;border-color:#4a3a28}.station-label.broken{color:#fff;background:#6e0e08e6}.station-label.broken:after{content:"（已损坏）"}.dmg-num{font-family:var(--brush);color:#e8341f;text-shadow:0 1px 3px #000;font-size:22px;animation:.8s ease-out forwards rise}.spot-hint{white-space:nowrap;color:#f0e4c8;background:#0a0806bf;border:1px solid #e9dfc638;padding:2px 7px;font-size:11px;transform:translateY(-6px)}.spot-hint b{font-family:var(--brush);color:var(--talisman);margin-right:3px;font-size:13px;font-weight:400}.spot-hint em{color:#ff8a7a;margin-left:4px;font-style:normal}.spot-hint.taboo{border-color:#8e1a10}.spot-hint.taboo b{color:#ff4a3a}.spot-hint.used{opacity:.45}.spot-hint.near{border-color:var(--talisman);box-shadow:0 0 10px #d8b34a66}#touch-controls{display:none}@media (pointer:coarse){#touch-controls{height:0;display:block;position:absolute;inset:auto 0 0}#touch-stick{left:22px;bottom:calc(118px + var(--safe-b));touch-action:none;background:#e9dfc60f;border:1px solid #e9dfc640;border-radius:50%;width:120px;height:120px;position:absolute}#touch-knob{background:#b0281c8c;border-radius:50%;width:52px;height:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #f2d8c099}#touch-buttons{right:14px;bottom:calc(110px + var(--safe-b));grid-template-columns:repeat(2,64px);gap:10px;display:grid;position:absolute}#touch-buttons button{touch-action:none;color:#f0e4c8;background:radial-gradient(circle,#281e16d9,#0e0a08d9);border:1px solid #6e5030;border-radius:50%;width:64px;height:64px;font-size:13px}#vitals{bottom:calc(12px + var(--safe-b))}#feed{max-height:22vh;top:auto;bottom:calc(340px + var(--safe-b))}#prompt{bottom:calc(340px + var(--safe-b))}#hidden-banner{top:auto;bottom:calc(236px + var(--safe-b));white-space:nowrap;padding:4px 10px;font-size:13px;left:12px;transform:none}#inventory{bottom:calc(80px + var(--safe-b));left:12px;transform:none}#inventory .slot{min-width:70px;height:32px;font-size:12px}#inventory .slot kbd{display:none}}@media (width<=640px){#left-col{width:calc(50vw - 18px)}#tasks{display:none}#feed{width:56vw}#topbar{min-width:180px;top:calc(64px + var(--safe-t))}#day-label{font-size:18px}#phase-label{font-size:13px}#phase-bar{width:170px}#status-banner{font-size:42px}#map-button{right:112px}#handbook-button{right:186px}.card{padding:18px}.title-card{padding-right:84px}.title-vertical{font-size:40px;right:18px}.hb-book{grid-template-columns:1fr}.hb-book:before,#hb-toc{display:none}#hb-side{z-index:2;border:none;position:absolute;top:6px;right:10px}#hb-shelf{padding:0}#handbook:has(#hb-shelf:not([hidden])) #hb-page{padding-top:42px}#hb-shelf button{border-bottom:1px solid #503c1e59;border-radius:3px;padding:4px 8px}#hb-page{padding:18px 18px 10px;font-size:14px}#hb-page h2{letter-spacing:.06em;font-size:23px}.hb-bar{flex-wrap:wrap;padding:8px 12px 12px}.hb-cover-title{font-size:46px}#handbook[data-book=teacher] .hb-cover-title{letter-spacing:.05em;font-size:40px}#handbook[data-book=dorm] .hb-cover-title{letter-spacing:.04em;font-size:34px}#handbook[data-book=principal] .hb-cover-title{letter-spacing:.2em;font-size:44px}}@keyframes feedIn{0%{opacity:0;transform:translate(12px)rotate(1deg)}to{opacity:1;transform:none}}@keyframes pulse{0%{opacity:1}to{opacity:.55}}@keyframes rise{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-38px)}}@keyframes ember{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.85)}}@keyframes smoke{0%{opacity:0;transform:translateY(0)scaleX(1)}30%{opacity:.8}to{opacity:0;transform:translateY(-14px)scaleX(2.4)}}@keyframes inkIn{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur()}}@keyframes bleedPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.04)}30%{transform:scale(1)}45%{transform:scale(1.03)}}@keyframes feverSway{0%,to{transform:translate(0)}50%{transform:translate(2px,-1px)}}@keyframes pageTurn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}#lobby-canvas{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}#lobby-canvas[hidden],#lobby[hidden],#lb-hall[hidden],#lb-room[hidden],#lb-chat[hidden],#lb-voice[hidden],#lb-settings[hidden],#net-tools[hidden],#chat-box[hidden],#chat-hint[hidden]{display:none!important}#lobby{z-index:4;pointer-events:none;color:var(--paper-ink);position:absolute;inset:0}#lobby>*{pointer-events:auto}#lobby:before{content:"";pointer-events:none;background:radial-gradient(at 50% 42%,#0000 35%,#0009 100%);position:absolute;inset:0}.lb-brand{top:calc(16px + var(--safe-t));text-align:center;position:absolute;left:50%;transform:translate(-50%);pointer-events:none!important}.lb-brand-title{font-family:var(--brush);letter-spacing:.25em;color:#d8cfb8;text-shadow:0 0 18px #b0281c8c,0 2px #000;font-size:44px}.lb-brand-seal{font-family:var(--brush);letter-spacing:.3em;color:#f2dcc6;background:var(--vermilion);margin-top:2px;padding:2px 8px;font-size:13px;display:inline-block;transform:rotate(-2deg)}.lb-net{top:calc(18px + var(--safe-t));letter-spacing:.15em;color:var(--paper-dim);border:1px solid var(--line);background:#0a080699;padding:3px 8px;font-size:12px;position:absolute;right:18px}.lb-net:before{content:"●";color:#6a5a40;margin-right:6px}.lb-net.online:before{color:var(--jade)}.lb-net.connecting:before{color:var(--talisman);animation:.8s infinite alternate pulse}.lb-mute{bottom:calc(16px + var(--safe-b));width:34px;height:34px;font-family:var(--brush);color:var(--paper);border:1px solid var(--line);background:#0a0806b3;border-radius:50%;position:absolute;right:18px}.lb-mute.off{opacity:.45;text-decoration:line-through}.lb-board{top:calc(92px + var(--safe-t));background:var(--grain), var(--stain), linear-gradient(170deg, #e7dcc0, #cdbb92);border:1px solid #8a7550;padding:14px 16px 16px;position:absolute;overflow:auto;box-shadow:0 18px 50px #000000bf,inset 0 0 40px #6e501e4d}.lb-board:before{content:"";background:radial-gradient(circle at 35% 35%,#e05040,#7a160d);border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:6px;left:50%;box-shadow:0 2px 3px #00000080}.lb-board h2{font-family:var(--brush);letter-spacing:.15em;color:#1a1008;border-bottom:2px solid #7a160d;margin:4px 0 10px;padding-bottom:4px;font-size:26px;font-weight:400}.lb-board h3{font-family:var(--brush);letter-spacing:.15em;color:#3a2a18;margin:14px 0 6px;font-size:19px;font-weight:400}#lb-left{width:340px;max-height:calc(100vh - 120px - var(--safe-t) - var(--safe-b));left:18px}#lb-friends{width:290px;max-height:calc(100vh - 170px - var(--safe-t) - var(--safe-b));right:18px}.lobby-btn,#lobby button,#lb-create-form button,#lb-signup-form button{font-family:var(--serif)}#lobby .lb-board button,#lb-chat button,#lb-voice button,.invite button{color:var(--paper-ink);background:#fffaeb8c;border:1px solid #8a7550;padding:6px 10px;font-size:13px}#lobby .lb-board button:hover:not(:disabled),.invite button:hover{border-color:var(--vermilion);background:#b0281c1a}#lobby .lb-board button:disabled{opacity:.45;cursor:default}#lobby .lb-board .lb-primary{white-space:nowrap}#lobby .lb-board .lb-primary,#lb-voice button.on{font-family:var(--brush);letter-spacing:.2em;color:#f4e6c4;background:linear-gradient(#9c2216,#6e120a);border-color:#4a0a04;font-size:18px}#lobby .lb-board .lb-primary:hover:not(:disabled){color:#fff1d0;background:linear-gradient(#b52a1c,#7a160d)}#lobby .lb-board .lb-primary:disabled{color:#d8ccb0;opacity:.8;background:linear-gradient(#6a5a48,#4a3e30);font-size:15px}#lobby .lb-board .lb-ghost,.lb-ghost{width:100%;margin-top:8px;background:0 0!important;border-style:dashed!important}.lb-row{align-items:stretch;gap:8px;margin:6px 0;display:flex}.lb-row>*{flex:1}.lb-row>#lb-create{flex:none}.lb-row>form{flex:2;min-width:0;margin:0}.lb-inline input{width:0}.lb-inline button{flex:none}.lb-inline{gap:6px;margin:6px 0;display:flex}.lb-inline input,#lb-chat input,.lb-settings select,#lb-create-form input,#lb-create-form select,#lb-signup-form input{min-width:0;font:inherit;color:var(--paper-ink);-webkit-user-select:text;user-select:text;background:#fffaebb3;border:1px solid #8a7550;flex:1;padding:7px 9px;font-size:14px}#lb-code,#lb-friend-code{text-transform:uppercase;letter-spacing:.2em}.lb-list{flex-direction:column;gap:5px;margin-top:8px;display:flex}.lb-empty{text-align:center;font-family:var(--hand);color:#6a5a40;margin:14px 0;font-size:16px;line-height:1.7}.lb-sub{color:#5a4a30;margin:0 0 6px;font-size:12px}.lb-error{min-height:1.2em;color:var(--vermilion);margin:6px 0 0;font-size:13px}.lb-room-row{background:#fffaeb59;border-left:3px solid #7a160d;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:7px 9px;display:grid}.lb-room-row.playing{opacity:.75;border-left-color:#6a5a40}.lb-room-row b{font-size:15px;display:block}.lb-room-row small{color:#6a5a40;letter-spacing:.08em;font-size:11px}.lb-count{font-family:var(--brush);color:#7a160d;font-size:18px}#lb-solo{border-top:1px dashed #8a7550;margin-top:14px;padding-top:8px;font-size:13px}#lb-solo summary{cursor:pointer;color:#5a4a30;letter-spacing:.1em}#lb-solo label{color:#5a4a30;flex-direction:column;gap:4px;margin-top:8px;display:flex}#lb-solo label.check{flex-direction:row;align-items:center;gap:6px}#lb-solo select{font:inherit;background:#fffaeb99;border:1px solid #8a7550;padding:6px}#lb-solo #menu-start{width:100%;margin-top:10px}.lb-room-head{border-bottom:2px solid #7a160d;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.lb-room-head h2{text-overflow:ellipsis;white-space:nowrap;border:none;margin-bottom:2px;padding:0;overflow:hidden}#lb-room-code{letter-spacing:.1em;flex:none;font-size:12px!important}#lb-room-code b{letter-spacing:.25em;color:#7a160d;font-size:16px}.lb-seat{background:#fffaeb66;border:1px solid #8a755066;align-items:center;gap:8px;min-height:34px;padding:4px 8px;display:flex}.lb-seat span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lb-seat.empty{color:#8a7a5c;background:0 0;border-style:dashed}.lb-seat.ai{color:#5a5a5a;background:#dcd7c866}.lb-seat-n{width:20px;font-family:var(--brush);color:#7a160d;text-align:center;flex:none!important}.lb-seat em{color:#f4e6c4;background:#5a4a30;padding:1px 5px;font-size:11px;font-style:normal}.lb-seat em.host{background:var(--vermilion)}.lb-seat em.me{background:var(--talisman);color:var(--talisman-ink)}.lb-seat em.mic{background:#2f6a55}.lb-seat em.off{background:#6a6a6a}.lb-seat button{line-height:22px;padding:0 7px!important}.lb-seat.speaking{background:#78c8a040;box-shadow:inset 3px 0 #2f8a65}.lb-settings{color:#5a4a30;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 4px;font-size:13px;display:flex}.lb-settings label{align-items:center;gap:6px;display:flex}.lb-settings select{flex:none;padding:4px 6px}.lb-me{border-bottom:2px solid #7a160d;flex-direction:column;gap:6px;margin:6px 0 8px;padding-bottom:10px;display:flex}#lb-me-name{letter-spacing:.1em;text-align:left;font-family:var(--brush)!important;color:#1a1008!important;background:0 0!important;border:none!important;padding:0!important;font-size:26px!important}#lb-me-name:after{content:" ✎";color:#8a7a5c;font-size:13px}#lb-me-code{letter-spacing:.1em;align-self:flex-start;font-size:12px!important}#lb-me-code b{letter-spacing:.25em;color:#7a160d;font-size:16px}.lb-request{background:#d8b34a59;border:1px solid #b08a3a;align-items:center;gap:6px;margin:6px 0;padding:6px 8px;font-size:13px;display:flex}.lb-request span{flex:1}.lb-friend{border-bottom:1px dashed #8a755080;grid-template-columns:10px 1fr auto auto;align-items:center;gap:8px;padding:5px 6px;display:grid}.lb-friend i{background:#8a8070;border-radius:50%;width:8px;height:8px}.lb-friend.on i{background:#2f8a65;box-shadow:0 0 6px #2f8a65}.lb-friend.off{opacity:.6}.lb-friend b{font-size:14px;display:block}.lb-friend small{color:#6a5a40;font-size:11px}.lb-friend .lb-x{color:#8a7a5c!important;background:0 0!important;border:none!important;padding:0 6px!important}#lb-chat{left:50%;bottom:calc(16px + var(--safe-b));border:1px solid var(--line);width:min(460px,100vw - 720px);min-width:300px;color:var(--paper);background:#0a0806c7;flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}#lb-chat-log{-webkit-user-select:text;user-select:text;height:150px;padding:8px 10px;font-size:13px;line-height:1.6;overflow:auto}#lb-chat-log b{color:var(--talisman);font-weight:400}#lb-chat-log .sys{color:var(--paper-dim);font-size:12px;font-style:italic}#lb-chat-form{border-top:1px solid var(--line);gap:6px;padding:6px;display:flex}#lb-chat input{color:var(--paper);border-color:var(--line);background:#e9dfc61a}#lb-chat button{color:var(--paper)!important;background:#b0281c80!important;border-color:#4a0a04!important}#lb-voice{left:calc(50% + min(230px,50vw - 360px) + 10px);bottom:calc(16px + var(--safe-b));flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute}#lb-voice button{min-width:64px;font-family:var(--brush)!important;font-size:18px!important}.lb-hint{color:var(--paper-dim);font-size:11px}.lb-hint kbd{border:1px solid var(--line);padding:0 4px}#lb-create-form label,#lb-signup-form label{color:#5a4a30;letter-spacing:.1em;flex-direction:column;gap:6px;margin-top:12px;font-size:13px;display:flex}#lb-create-form label.check{flex-direction:row;align-items:center;gap:8px}#lb-create-form .lb-row button{margin-top:16px;padding:10px;font-size:16px}#lb-create-form .lb-row button[type=submit]{font-family:var(--brush);letter-spacing:.3em;color:#f4e6c4;background:linear-gradient(#9c2216,#6e120a);border:1px solid #4a0a04}#lb-create-form .lb-ghost{color:var(--paper-ink);border:1px dashed #8a7550}#lb-signup,#lb-create-modal{z-index:8}#toasts{top:calc(80px + var(--safe-t));z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{color:var(--paper-ink);background:var(--grain), linear-gradient(170deg, #ece2c8, #d6c69f);border:1px solid #8a7550;padding:7px 16px;font-size:14px;transition:opacity .5s;animation:.25s ease-out feedIn;box-shadow:0 8px 24px #0009}.toast.error{color:#f4e6c4;background:linear-gradient(#8e1c14,#5e0e08);border-color:#3a0602}.toast.out{opacity:0}#invites{top:calc(60px + var(--safe-t));z-index:20;flex-direction:column;gap:8px;display:flex;position:absolute;right:18px}.invite{width:260px;color:var(--paper-ink);background:var(--grain), linear-gradient(170deg, #f0dc9a, #d8b34a);border:1px solid #8e1a10;padding:10px 12px;font-size:14px;animation:.25s ease-out feedIn;box-shadow:0 10px 30px #000000b3}.invite small{color:#6a4a20;margin:2px 0 6px;font-size:12px;display:block}.invite div{gap:6px;display:flex}.invite button{flex:1}#net-tools{top:calc(52px + var(--safe-t));gap:6px;display:flex;position:absolute;right:14px}#net-tools button{font-family:var(--brush);color:var(--paper);border:1px solid var(--line);background:#0a0806b8;padding:5px 10px;font-size:16px}#voice-button.on{color:#f4e6c4;background:linear-gradient(#2f6a55,#1f4a3a);border-color:#6f9c8a}#voice-button.talking{box-shadow:0 0 0 2px #6fd0a0}#chat-box{left:50%;bottom:calc(150px + var(--safe-b));width:min(440px,100vw - 32px);position:absolute;transform:translate(-50%)}#chat-input{width:100%;font:inherit;color:var(--paper);border:1px solid var(--talisman);-webkit-user-select:text;user-select:text;background:#0a0806d9;padding:9px 12px;font-size:15px}#chat-hint{left:50%;bottom:calc(118px + var(--safe-b));color:var(--paper-dim);border:1px solid var(--line);opacity:.8;cursor:pointer;background:#0a080680;padding:2px 10px;font-size:11px;position:absolute;transform:translate(-50%)}.nameplate.speaking span:before{content:"◖ ";color:#6fd0a0;animation:.4s infinite alternate pulse}@media (width<=900px){#lb-chat{width:calc(100vw - 32px);min-width:0;left:16px;transform:none}#lb-voice{left:auto;right:16px;bottom:calc(220px + var(--safe-b))}}@media (width<=760px){.lb-brand-title{font-size:30px}.lb-board{position:absolute;width:auto!important;left:12px!important;right:12px!important}#lb-left{top:calc(78px + var(--safe-t));max-height:46vh}#lb-friends{top:auto;bottom:calc(60px + var(--safe-b));max-height:30vh}#lobby:has(#lb-room:not([hidden])) #lb-friends{display:none}#lobby:has(#lb-room:not([hidden])) #lb-left{max-height:38vh}#lb-chat-log{height:96px}#lb-voice{bottom:calc(190px + var(--safe-b))}.lb-mute{bottom:auto;top:calc(18px + var(--safe-t));left:12px;right:auto}#lobby .lb-board .lb-primary{letter-spacing:.1em;font-size:16px}}#role-reveal{z-index:8;cursor:pointer;background:#030202;transition:opacity .9s,filter .9s;position:absolute;inset:0}#role-reveal canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#role-reveal .rr-grain{pointer-events:none;opacity:.35;mix-blend-mode:overlay;background:var(--grain), radial-gradient(ellipse at center, transparent 40%, #000000d9 100%);animation:.6s steps(3,end) infinite rr-grain;position:absolute;inset:0}@keyframes rr-grain{0%{background-position:0 0,50%}33%{background-position:-40px 25px,50%}66%{background-position:30px -35px,50%}}#role-reveal .rr-caption{left:16px;right:16px;bottom:calc(7% + var(--safe-b));text-align:center;font-family:var(--hand);letter-spacing:.3em;color:#e9dfc6d1;text-shadow:0 0 12px #000000e6;opacity:0;pointer-events:none;margin:0;font-size:clamp(18px,2.6vw,26px);position:absolute}#role-reveal .rr-caption.show{animation:1.4s forwards rr-in}#role-reveal .rr-caption.whisper{color:#be281cbf;font-family:var(--brush);filter:blur(.6px)}#role-reveal .rr-caption.whisper.show{animation:.9s forwards rr-whisper}#role-reveal.rr-slam .rr-caption{bottom:auto;top:calc(6% + var(--safe-t))}#role-reveal .rr-caption b{font-family:var(--brush);letter-spacing:.2em;color:var(--paper);vertical-align:-.12em;font-size:1.9em;font-weight:400}#role-reveal.rr-killer .rr-caption b{color:var(--vermilion-hi);text-shadow:0 0 18px #c81e14b3}#role-reveal.rr-imposter .rr-caption b{color:#8fd8c4;text-shadow:0 0 18px #50c8aa80}@keyframes rr-in{0%{opacity:0;filter:blur(4px);transform:translateY(6px)}to{opacity:1;filter:none;transform:none}}@keyframes rr-whisper{0%{opacity:0;letter-spacing:1em}30%{opacity:1}to{opacity:0;letter-spacing:.4em}}#role-reveal .rr-hint{right:18px;bottom:calc(14px + var(--safe-b));letter-spacing:.2em;color:#a99c808c;margin:0;font-size:12px;animation:2.4s ease-in-out infinite rr-blink;position:absolute}@keyframes rr-blink{50%{opacity:.35}}#role-reveal:after{content:"";pointer-events:none;opacity:0;mix-blend-mode:multiply;background:#b0281c;position:absolute;inset:0}#role-reveal.rr-slam:after{animation:.7s ease-out rr-slam}#role-reveal.rr-imposter.rr-slam:after{background:#2f6a5a}@keyframes rr-slam{0%{opacity:.75}to{opacity:0}}#role-reveal.rr-out{opacity:0;filter:blur(6px)brightness(.4);pointer-events:none}@media (prefers-reduced-motion:reduce){#role-reveal .rr-grain{animation:none}}