*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000;font-family:Segoe UI,Microsoft YaHei,sans-serif;color:#e8e0d4;cursor:none}#hide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:linear-gradient(90deg,#000 0%,#000 42%,transparent 46%,transparent 54%,#000 58%,#000 100%),#050505}#hide-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 8% 60% at 50% 50%,rgba(30,28,24,.5) 0%,transparent 70%)}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;background:transparent}#ui button{pointer-events:auto;cursor:pointer}#start-screen,#end-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1410,#000 70%);pointer-events:auto}#start-screen h1,#end-screen h2{font-size:3.5rem;letter-spacing:.3em;color:#c44;text-shadow:0 0 30px rgba(200,50,50,.5);margin-bottom:.5rem}.subtitle{font-size:1.1rem;color:#888;margin-bottom:2rem;font-style:italic}.instructions{text-align:center;line-height:2;color:#aaa;margin-bottom:2.5rem}.instructions kbd{background:#222;border:1px solid #444;padding:2px 8px;border-radius:4px;font-family:inherit}#start-btn,#restart-btn{padding:14px 48px;font-size:1.1rem;background:transparent;border:2px solid #c44;color:#e8e0d4;letter-spacing:.2em;transition:all .3s}#start-btn:hover,#restart-btn:hover{background:#c44;color:#000;box-shadow:0 0 30px #c8323299}.hidden{display:none!important}#hud{position:absolute;top:0;right:0;bottom:0;left:0}#objective{position:absolute;top:24px;left:24px;font-size:1rem;color:#ccc;text-shadow:0 0 8px #000}#battery-bar{position:absolute;top:56px;left:24px;display:flex;align-items:center;gap:10px;font-size:.85rem;color:#aaa;text-shadow:0 0 8px #000}#battery-bar .bar{width:120px;height:6px;background:#222;border:1px solid #444}#battery-fill{height:100%;width:100%;background:linear-gradient(90deg,#c44,#cc4,#4c4);transition:width .2s,background .3s}#battery-fill.low{background:#c44;animation:battery-blink .8s infinite}#battery-text.low{color:#c44;animation:battery-blink .8s infinite}@keyframes battery-blink{0%,to{opacity:1}50%{opacity:.4}}.battery-icon{min-width:2em}#hint{position:absolute;top:24px;right:24px;font-size:.9rem;color:#888;max-width:280px;text-align:right;text-shadow:0 0 8px #000}#sanity-bar{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;font-size:.85rem;color:#888}#sanity-bar .bar{width:200px;height:6px;background:#222;border:1px solid #444}#sanity-fill{height:100%;width:100%;background:linear-gradient(90deg,#4a8,#aa4,#c44);transition:width .3s}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;color:#fff6;text-shadow:0 0 4px #000}#lock-hint{position:absolute;bottom:120px;left:50%;transform:translate(-50%);padding:8px 16px;background:#00000080;border:1px solid #555;font-size:.85rem;color:#aaa;animation:pulse 1.5s infinite}#interact-prompt{position:absolute;bottom:80px;left:50%;transform:translate(-50%);padding:10px 24px;background:#000000bf;border:1px solid #8a8;font-size:1rem;color:#eee;letter-spacing:.05em;z-index:20;animation:pulse 1.5s infinite}#backpack{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-end;padding-right:40px;background:#00000073;z-index:30;pointer-events:auto}.backpack-panel{width:280px;padding:20px;background:#141210f2;border:1px solid #554;box-shadow:0 0 40px #000c}.backpack-panel h3{font-size:1.2rem;color:#c44;letter-spacing:.3em;margin-bottom:16px;text-align:center}.backpack-section{margin-bottom:18px}.backpack-section h4{font-size:.85rem;color:#888;margin-bottom:8px;font-weight:400}.inv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.inv-slot{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#1a1816;border:1px solid #333;font-size:.7rem;color:#555;text-align:center;padding:4px}.inv-slot.filled{border-color:#665;color:#ccc;background:#252220}.inv-slot.battery.filled{border-color:#4a6;font-size:1.2rem}.backpack-btn{width:100%;margin-top:10px;padding:10px;background:transparent;border:1px solid #665;color:#ccc;cursor:pointer;font-size:.9rem;pointer-events:auto}.backpack-btn:hover:not(:disabled){background:#332;border-color:#8a8}.backpack-btn:disabled{opacity:.4;cursor:not-allowed}.backpack-tip{font-size:.75rem;color:#666;text-align:center;margin-top:8px}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}#jumpscare{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:100}#jumpscare .face{font-size:20rem;color:#c00;text-shadow:0 0 60px #f00;animation:shake .1s infinite}@keyframes shake{0%{transform:translate(0) scale(1)}25%{transform:translate(-10px,5px) scale(1.05)}50%{transform:translate(10px,-5px) scale(1.1)}75%{transform:translate(-5px,10px) scale(1.05)}to{transform:translate(5px,-10px) scale(1)}}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 65%,rgba(0,0,0,.35) 100%);z-index:5}#damage-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(120,0,0,.4) 100%);opacity:0;transition:opacity .3s;z-index:6}