*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Courier New,Courier,monospace;color:#e8e0c0;-webkit-user-select:none;user-select:none}#app canvas{display:block}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,#0000 55%,#0000008c)}#scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;opacity:.14;background:repeating-linear-gradient(to bottom,#0000,#0000 2px,#000000b3,#0000 4px)}#grain{position:fixed;top:-100px;right:-100px;bottom:-100px;left:-100px;pointer-events:none;z-index:7;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grainShift .45s steps(4) infinite}@keyframes grainShift{0%{transform:translate(0)}25%{transform:translate(-40px,30px)}50%{transform:translate(30px,-50px)}75%{transform:translate(-20px,-30px)}to{transform:translate(40px,40px)}}@media(prefers-reduced-motion:reduce){#grain{animation:none}.blink,#rec .dot{animation:none!important}}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8;color:#e8e0c0;text-shadow:0 0 6px rgba(0,0,0,.9),1px 1px 0 rgba(0,0,0,.8)}.hudCorner{position:absolute;font-size:15px;letter-spacing:2px}#rec{top:18px;left:20px}#rec .dot{color:#ff2b2b;animation:blinkAnim 1.2s steps(1) infinite}#clock{top:18px;right:20px;text-align:right}#survived{bottom:18px;left:20px}#levelTag{bottom:18px;right:20px;text-align:right;opacity:.85}.sub2{font-size:12px;opacity:.8}@keyframes blinkAnim{50%{opacity:0}}#crosshair{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#e8e0c08c;box-shadow:0 0 4px #e8e0c059}#prompt{position:absolute;left:50%;bottom:22%;transform:translate(-50%);font-size:15px;letter-spacing:2px;color:#f0e9c2;text-shadow:0 0 8px rgba(230,216,120,.5),0 0 2px #000}#toast{position:absolute;left:50%;top:18%;transform:translate(-50%);max-width:70vw;padding:10px 18px;font-size:14px;letter-spacing:1px;text-align:center;color:#f0e9c2;background:#0c0a04c7;border:1px solid rgba(214,199,130,.35);opacity:0;transition:opacity .25s ease}#toast.show{opacity:1}#debug{position:absolute;left:20px;bottom:42px;font-size:11px;letter-spacing:1px;color:#5a543c}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#080703e0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .3s ease}#overlay.hidden{opacity:0;pointer-events:none}#overlay .panel{text-align:center;padding:40px 56px;max-width:620px;border:1px solid rgba(107,99,64,.55);background:#0a090399;color:#d8cf9f}#overlay h1{font-size:clamp(38px,8vw,64px);letter-spacing:12px;color:#e6d878;text-shadow:0 0 18px rgba(230,216,120,.35),0 0 2px #000}#overlay .sub{margin-top:6px;font-size:13px;letter-spacing:6px;color:#a89c60}#overlay .desc{margin:22px 0 6px;font-size:14px;line-height:1.7;color:#bdb282}#overlay .controls{list-style:none;margin:20px 0 24px;font-size:13px;color:#979069}#overlay .controls li{margin:5px 0}#overlay .controls b{display:inline-block;min-width:72px;text-align:right;margin-right:14px;color:#d8cf9f}#overlay-msg{display:inline-block;font-size:16px;letter-spacing:3px;color:#f0e9c2;border:1px solid #6b6340;padding:12px 26px}#overlay-msg.blink{animation:blinkAnim 1.4s steps(1) infinite}#overlay .warn{margin-top:18px;font-size:12px;color:#7d5c3a;letter-spacing:1px}#error{margin-top:18px;max-width:480px;font-size:12px;color:#ff7a6a;word-break:break-word}#hurt{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;background:radial-gradient(ellipse at center,#a00a0a00 40%,#a00a0a8c);opacity:0}#hurt.flash{animation:hurtFlash .6s ease-out}@keyframes hurtFlash{0%{opacity:1}to{opacity:0}}#objective{position:absolute;top:16px;left:50%;transform:translate(-50%);text-align:center}#objective-role{font-size:11px;letter-spacing:1px;color:#8a8262}#objective-status{margin-top:4px;font-size:15px;letter-spacing:3px;color:#e8e0c0}#objective-status.open{color:#7dffb0}#banner{position:absolute;top:30%;left:50%;transform:translate(-50%);font-size:26px;letter-spacing:6px;padding:12px 26px;background:#0009;border:1px solid currentColor}#banner.death{color:#ff5040}#banner.escape{color:#7dffb0}#hp-wrap{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;font-size:14px;letter-spacing:2px}#hp-bar{width:180px;height:10px;border:1px solid rgba(232,224,192,.4);background:#00000080}#hp-fill{height:100%;width:100%;background:#d8cf9f;transition:width .25s ease}#hp-fill.low{background:#ff5040}#chat{position:absolute;left:20px;bottom:64px;width:340px;font-size:13px}#chat-log{list-style:none;display:flex;flex-direction:column;gap:3px}#chat-log li{background:#00000073;padding:3px 8px;transition:opacity 1.2s ease;word-break:break-word}#chat-log li.faded{opacity:.25}#chat-log b{color:#e6d878}#chat-log .spk{color:#7dffb0}#chat-input{display:none;width:100%;margin-top:6px;padding:6px 8px;font:inherit;color:#f0e9c2;background:#0a0903d9;border:1px solid #6b6340;outline:none;pointer-events:auto}#chat.open #chat-input{display:block}#chat-hint{margin-top:4px;font-size:11px;color:#5a543c}#chat.open #chat-hint,#hintbook[hidden]{display:none}#hintbook{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;display:flex;align-items:center;justify-content:center;background:#000000b8;pointer-events:none}#hintbook .hb-page{min-width:380px;max-width:520px;padding:34px 44px;background:#17140b;border:1px solid #6b6340;color:#d8cf9f;box-shadow:0 0 60px #000000e6}.hb-head{font-size:24px;letter-spacing:8px;color:#e6d878;margin-bottom:18px;text-align:center}.hb-entry{margin:14px 0;line-height:1.7;font-size:14px}.hb-title{color:#ffc37a;letter-spacing:3px}.hb-seq{font-size:18px;margin-top:4px}.hb-seq b{color:#f0e9c2;font-size:22px}.hb-seq .arrow{color:#7d5c3a}.hb-foot{margin-top:22px;font-size:11px;color:#7d5c3a;text-align:center}#menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0c0a04f0,#000)}#menu[hidden]{display:none}#menu .panel{text-align:center;padding:40px 56px;min-width:420px;border:1px solid rgba(107,99,64,.55);background:#0a090399;color:#d8cf9f}#menu h1{font-size:clamp(38px,8vw,64px);letter-spacing:12px;color:#e6d878;text-shadow:0 0 18px rgba(230,216,120,.35),0 0 2px #000}#menu .sub{margin:6px 0 24px;font-size:13px;letter-spacing:4px;color:#a89c60}.m-label{display:block;font-size:11px;letter-spacing:3px;color:#8a8262;margin:14px 0 6px}#menu input{width:240px;padding:10px 12px;font:inherit;font-size:16px;letter-spacing:2px;text-align:center;text-transform:uppercase;color:#f0e9c2;background:#00000080;border:1px solid #6b6340;outline:none}#menu input:focus{border-color:#d8cf9f}.m-btn{display:block;margin:12px auto 0;padding:11px 30px;font:inherit;font-size:15px;letter-spacing:3px;color:#f0e9c2;background:#6b634040;border:1px solid #6b6340;cursor:pointer}.m-btn:hover{background:#e6d87826;border-color:#d8cf9f}.m-sep{margin:18px 0 4px;font-size:12px;color:#5a543c}.m-err{margin-top:14px;font-size:13px;color:#ff7a6a;min-height:18px}#m-codebig{font-size:44px;letter-spacing:14px;color:#e6d878;margin:8px 0 18px;text-shadow:0 0 14px rgba(230,216,120,.4)}#m-players{list-style:none;margin:0 0 14px;font-size:15px;line-height:2}#m-players b{color:#f0e9c2}