*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000}#app{position:fixed;inset:0}#game{width:100%;height:100%;display:block;cursor:crosshair;image-rendering:pixelated}#hud{position:absolute;inset:0;pointer-events:none;font-family:Courier New,monospace;color:#c8d2dc;text-shadow:0 0 4px #000,1px 1px 0 #000;letter-spacing:1px;transform:scale(.98);filter:contrast(1.15) saturate(.9) brightness(.95)}.crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);opacity:.7}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#9fe0c0}.crosshair:before{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}.crosshair:after{top:50%;left:0;height:2px;width:100%;transform:translateY(-50%)}.panel{position:absolute;bottom:14px;left:14px;font-size:13px;line-height:1.7}.bar{width:180px;height:12px;border:1px solid #444;margin-top:2px;background:#0a0c10}.bar>i{display:block;height:100%}.bar.hp>i{background:linear-gradient(90deg,#a01818,#e04040)}.bar.heat>i{background:linear-gradient(90deg,#603000,#ff9020)}.bar.noise>i{background:linear-gradient(90deg,#204060,#40a0ff)}.inv{position:absolute;bottom:14px;right:14px;text-align:right;font-size:13px;line-height:1.8}.inv .equip{color:#9fe0c0;font-weight:700}.inv .slot{opacity:.8}.inv .slot.active{color:#ffd060;opacity:1}.objective{position:absolute;top:14px;left:50%;transform:translate(-50%);font-size:14px;color:#d8b0b0}.alert{position:absolute;top:40px;left:50%;transform:translate(-50%);font-size:18px;color:#ff4030;font-weight:700}#log{position:absolute;bottom:120px;left:14px;font-size:12px;opacity:.8}#log div{animation:fade 4s forwards}@keyframes fade{0%{opacity:1}80%{opacity:.7}to{opacity:0}}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Courier New,monospace;color:#cdd6df;background:radial-gradient(ellipse at 50% 40%,rgba(20,25,35,.6) 0%,transparent 70%),radial-gradient(ellipse at 50% 100%,rgba(10,12,18,.9) 0%,transparent 50%),#040508e0;pointer-events:auto;transform:scale(.98);filter:contrast(1.15) saturate(.9) brightness(.95)}#overlay.hidden{display:none}.intro{display:flex;flex-direction:column;align-items:center;max-width:480px;padding:40px 24px}.intro h1{font-size:56px;letter-spacing:12px;color:#e8ecef;text-shadow:0 0 20px rgba(160,224,192,.12),3px 3px 0 #000;margin-bottom:24px;text-align:center}#overlay.dead-overlay{background:radial-gradient(ellipse at 50% 35%,rgba(120,10,10,.25) 0%,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(10,12,18,.9) 0%,transparent 50%),#080202eb}#overlay.dead-overlay .intro h1{color:#ff4030;text-shadow:0 0 30px rgba(255,40,30,.4),0 0 60px rgba(255,40,30,.15),3px 3px 0 #000;animation:dead-pulse 2s ease-in-out infinite}@keyframes dead-pulse{0%,to{opacity:1}50%{opacity:.85}}#overlay.dead-overlay .sub{color:#c0a090;font-size:14px;margin-bottom:32px;text-align:center;text-shadow:0 0 8px rgba(0,0,0,.6)}#overlay.dead-overlay .start{border-color:#8a2020;background:#3c0a0ae6;color:#ff6050;animation:btn-glow 2s ease-in-out infinite}#overlay.dead-overlay .start:hover{background:#500f0ff2;border-color:#ff4030;color:#ff8070}@keyframes btn-glow{0%,to{box-shadow:0 0 12px #ff281e1a}50%{box-shadow:0 0 24px #ff281e40}}#overlay.win-overlay{background:radial-gradient(ellipse at 50% 35%,rgba(40,120,60,.2) 0%,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(10,12,18,.9) 0%,transparent 50%),#040806e6}#overlay.win-overlay .intro h1{color:#60ff90;text-shadow:0 0 24px rgba(96,255,144,.3),3px 3px 0 #000}#overlay.win-overlay .sub{color:#80b090}#overlay.win-overlay .start{border-color:#3a6a4a;background:#0c2814e6;color:#60ff90}#overlay.win-overlay .start:hover{background:#10321cf2;border-color:#60ff90;color:#80ffb0}.dog-eyes{display:flex;gap:28px;margin-bottom:28px}.dog-eyes .eye{width:6px;height:6px;border-radius:50%;background:#ff3020;box-shadow:0 0 8px #ff3020,0 0 20px #ff302066;animation:blink 4s ease-in-out infinite}.dog-eyes .eye:nth-child(2){animation-delay:.3s}@keyframes blink{0%,42%,48%,to{opacity:1;transform:scaleY(1)}45%{opacity:.6;transform:scaleY(.1)}}.premise{color:#8a99aa;font-size:14px;line-height:1.8;text-align:center;margin-bottom:28px;text-shadow:0 0 6px rgba(0,0,0,.5)}.premise strong{color:#c8d2dc}.controls{font-size:12px;color:#6a7886;line-height:2.2;margin-bottom:32px;text-align:left;width:100%}.ctrl-row{display:flex;align-items:center;gap:8px}.key{display:inline-block;min-width:36px;text-align:center;background:#a0e0c014;border:1px solid #3a4a5a;padding:2px 6px;font-size:11px;color:#9fe0c0}.dim{color:#4a5a6a}.divider{height:1px;background:#2a3550;margin:6px 0}.start{pointer-events:auto;cursor:pointer;border:1px solid #3a4a5a;padding:12px 36px;color:#9fe0c0;font-size:16px;letter-spacing:4px;background:#0c1016e6;transition:all .15s ease}.start:hover{background:#141c26f2;border-color:#5a7a6a;color:#b0f0d0}.dead{color:#ff4030}.win{color:#60ff90}#overlay .sub{color:#8a99aa;margin-bottom:24px;text-align:center}.vhs{position:absolute;inset:0;pointer-events:none;mix-blend-mode:overlay;opacity:.05;background:repeating-linear-gradient(0deg,#fff 0 1px,#000 2px 3px)}