html,body{color:#d8d1a8;letter-spacing:0;background:#050504;width:100%;height:100%;margin:0;font-family:Courier New,monospace;overflow:hidden}#renderCanvas{width:100vw;height:100vh;image-rendering:pixelated;background:#050504;outline:none;display:block}#vhsOverlay{pointer-events:none;z-index:2;mix-blend-mode:screen;opacity:.16;background:repeating-linear-gradient(0deg,#ffffff02 0 1px,#0000 1px 4px),radial-gradient(circle at 50% 55%,#0000 0 52%,#00000047 100%);position:fixed;inset:0}#vhsOverlay:before,#vhsOverlay:after{content:"";opacity:.1;background-image:linear-gradient(90deg,#ff00000d,#00ffaa08,#0050ff0d),repeating-radial-gradient(circle at 20% 30%,#ffffff0d 0 1px,#0000 1px 3px);animation:.18s steps(2,end) infinite drift;position:absolute;inset:0}#vhsOverlay:after{opacity:.055;background:linear-gradient(#0000 35%,#ffffff14 36%,#0000 38%);animation:5.4s linear infinite tear}body[data-graphics=low] #vhsOverlay:before{display:none}body[data-graphics=high] #vhsOverlay{opacity:.22}.hud,.settings,.hint,.prompt,.reticle,.pause,.end{z-index:4;text-shadow:1px 1px #000;position:fixed}.hud{color:#e6d88f;gap:8px;font-size:14px;display:grid;top:14px;left:16px}.objective{max-width:min(560px,100vw - 32px)}.stats{align-items:center;gap:14px;display:flex}.stamina{background:#0000008c;border:1px solid #7d7047;width:130px;height:8px}.stamina i{background:#b4a74c;width:100%;height:100%;display:block}.settings{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;display:flex;top:14px;right:14px}button,select,input{font:inherit}button,select{color:#d9d0a3;background:#0d0c09c7;border:1px solid #6a6040;padding:6px 8px}button.active{color:#ffb0a0}input[type=range]{accent-color:#b8aa4d;width:92px}.reticle{border:1px solid #e6d88fa6;border-radius:50%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;top:50%;left:50%}.hint{text-align:center;color:#cfc593;width:min(680px,100vw - 32px);font-size:14px;bottom:50px;left:50%;transform:translate(-50%)}.prompt{color:#fff0a6;font-size:15px;bottom:92px;left:50%;transform:translate(-50%)}.pause,.end{color:#ece0a0;text-align:center;background:#000000b8;place-items:center;display:none;inset:0}.pause.visible,.end.visible{display:grid}.end h1{color:#f4e397;margin:0 0 12px;font-size:clamp(34px,8vw,78px);font-weight:700}.end p{max-width:560px;margin:0 auto 10px}body.monsterVisible #vhsOverlay{opacity:.28}body.jumpscare:before{content:"";z-index:5;background:radial-gradient(circle at 50% 42%,#f4e7c1 0 3%,#0b0908 8% 18%,#f4e7c1 20% 21%,#060504 26% 100%);animation:.9s steps(2,end) both flash;position:fixed;inset:0}@keyframes drift{0%{transform:translate(-1px)}to{transform:translate(2px)}}@keyframes tear{0%{transform:translateY(-120%)}to{transform:translateY(120%)}}@keyframes flash{0%,to{opacity:0}10%,70%{opacity:1}}.namePrompt{z-index:8;background:#000000b8;place-items:center;display:grid;position:fixed;inset:0}.namePrompt form,.modelHud{color:#e5d79b;background:#0a0907db;border:1px solid #7b6b3d;width:min(420px,100vw - 32px);padding:18px}.namePrompt h2,.modelHud h1{margin:0 0 12px;font-size:20px}.namePrompt label{gap:6px;margin-bottom:12px;display:grid}.namePrompt input{box-sizing:border-box;color:#f1e6b5;background:#11100d;border:1px solid #7b6b3d;width:100%;padding:8px}.namePrompt button{width:100%}.remoteName{z-index:5;pointer-events:none;color:#d8d1a8;text-shadow:1px 1px #000;font-size:12px;position:fixed}.modelHud{z-index:4;position:fixed;top:14px;left:14px}.modelHud p{margin:0 0 12px;line-height:1.4}.modelHud a{color:#ffe38a}@media (width<=680px){.hud{font-size:12px}.settings{inset:auto auto 10px 14px}.hint{font-size:12px;bottom:80px}}