:root{--crt-amber: #ffb347;--crt-amber-dim: #cc8a2e;--crt-amber-dark: #8a5c1e;--crt-amber-glow: rgba(255, 179, 71, .5);--horror-red: #ff3333;--horror-red-dim: #cc2222;--horror-red-glow: rgba(255, 51, 51, .4);--win95-teal: #008080;--win95-silver: #C0C0C0;--win95-navy: #000080;--win95-gray: #808080;--win95-darkgray: #404040;--win95-white: #DFDFDF;--ui-bg: #05070c;--ui-surface: rgba(8, 10, 16, .72);--ui-surface-strong: rgba(8, 10, 16, .88);--ui-border: rgba(255, 255, 255, .12);--ui-border-strong: rgba(255, 255, 255, .22);--ui-highlight: rgba(255, 255, 255, .3);--ui-glow: rgba(95, 216, 255, .18);--ui-text: #eef2fb;--ui-muted: #8d9ab8;--accent-cyan: #62d6ff;--accent-blue: #4a7dff;--accent-pink: #ff5ac8;--accent-amber: #ffb154;--glass-shadow: 0 24px 70px rgba(0, 0, 0, .6);--glass-shadow-soft: 0 10px 28px rgba(0, 0, 0, .45);--glass-radius: 20px;--glass-radius-sm: 12px;--pixel-grid: rgba(255, 255, 255, .035);--pixel-grid-strong: rgba(95, 216, 255, .08);--bg-dark: #000;--bg-terminal: #0a0a0a;--bg-overlay: rgba(0, 0, 0, .85);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-sharp: cubic-bezier(.4, 0, .6, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--font-terminal: "IBM Plex Mono", "Courier New", monospace;--font-display: "VT323", "IBM Plex Mono", monospace;--font-ui: "Space Grotesk", "Sora", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{margin:0;padding:0;box-sizing:border-box}html{color-scheme:dark;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:rgba(255,255,255,.08)}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-dark);font-family:var(--font-terminal)}body{overscroll-behavior:none}button,[role=button]{touch-action:manipulation}button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--crt-amber);outline-offset:2px}.skip-link{position:fixed;top:10px;left:10px;padding:8px 12px;background:#000000d9;color:#fff;font-size:12px;font-family:var(--font-terminal);z-index:2001;transform:translateY(-200%);transition:transform .2s ease}.skip-link:focus-visible{transform:translateY(0)}html.hide-cursor,html.hide-cursor *{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==) 0 0,none!important}#game-container{width:100%;height:100%;position:relative}#game-canvas{display:block;width:100%;height:100%;touch-action:none}#loading-screen{position:fixed;inset:0;background:#000;display:flex;justify-content:center;align-items:center;z-index:1000;color:#fff;transition:opacity .25s ease;padding:calc(24px + var(--safe-top)) var(--safe-right) calc(24px + var(--safe-bottom)) var(--safe-left)}#loading-screen.hidden{opacity:0;pointer-events:none}#loading-panel{width:min(420px,90vw);padding:24px;border-radius:0;background:#000;border:1px solid rgba(255,255,255,.32);text-align:center}#loading-title{font-size:clamp(24px,5vw,36px);font-family:var(--font-ui);color:#fff;margin-bottom:18px;letter-spacing:.32em;font-weight:500;text-wrap:balance}#loading-bar-container{width:100%;height:6px;background:#0f0f0f;border:1px solid #2f2f2f;border-radius:0;overflow:hidden}#loading-bar{width:0%;height:100%;background:#fff;transition:width .18s linear}#loading-text{margin-top:12px;color:#d4d4d4;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-family:var(--font-terminal)}@media(prefers-reduced-motion:reduce){#loading-screen,#loading-bar{transition:none}}body.booting #touch-controls,body.booting #touch-toggle,body.booting #controls-indicator,body.booting #controls-hud,body.booting #dev-panel{display:none!important}#crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:transparent;border-radius:50%;border:1px solid rgba(95,216,255,.7);pointer-events:none;z-index:100;opacity:0;transition:opacity .2s;box-shadow:0 0 8px #5fd8ff40}#crosshair.visible{opacity:1}#crosshair.hover{background:#5fd8ffe6;transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 12px #5fd8ff73}#interaction-prompt{position:fixed;bottom:calc(20% + var(--safe-bottom));left:50%;transform:translate(-50%);padding:8px 16px;background:var(--ui-surface);border:1px solid var(--ui-border);color:var(--ui-text);font-size:11px;letter-spacing:.4px;font-family:var(--font-ui);opacity:0;transition:opacity .2s;pointer-events:none;z-index:100;box-shadow:var(--glass-shadow-soft);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);border-radius:var(--glass-radius-sm)}#interaction-prompt.visible{opacity:1}#interaction-progress{position:fixed;bottom:calc(50% - 40px + var(--safe-bottom));left:50%;transform:translate(-50%);width:120px;height:6px;background:#0a0e18b3;border:1px solid var(--ui-border);border-radius:999px;opacity:0;transition:opacity .2s;z-index:100;box-shadow:var(--glass-shadow-soft)}#interaction-progress.visible{opacity:1}#interaction-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-cyan));border-radius:999px;transition:width .05s linear}#click-to-start{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 30%,rgba(110,231,255,.12),transparent 50%),#02040aeb;display:flex;justify-content:center;align-items:center;z-index:500;cursor:pointer}#click-to-start.hidden{display:none}#click-to-start span{color:var(--ui-text);font-size:18px;letter-spacing:4px;text-transform:uppercase;padding:16px 28px;border-radius:999px;background:var(--ui-surface);border:1px solid var(--ui-border);box-shadow:var(--glass-shadow-soft);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}#inventory-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(110,231,255,.15),transparent 50%),#02040ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:800;display:none;justify-content:center;align-items:center;overscroll-behavior:contain}#inventory-overlay.visible{display:flex}#inventory-panel{background:var(--ui-surface-strong);border:1px solid var(--ui-border);border-radius:var(--glass-radius);padding:28px 26px;min-width:500px;max-width:80%;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);font-family:var(--font-ui);position:relative}#inventory-panel:after{content:"";position:absolute;inset:10px;border-radius:calc(var(--glass-radius) - 8px);border:1px solid var(--pixel-grid);background-image:linear-gradient(0deg,transparent 95%,var(--pixel-grid) 96%),linear-gradient(90deg,transparent 95%,var(--pixel-grid) 96%);background-size:12px 12px;pointer-events:none}#inventory-title{font-size:28px;font-family:var(--font-display);color:var(--ui-text);text-align:center;margin-bottom:16px;letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 12px rgba(95,216,255,.2);text-wrap:balance}#inventory-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:20px}.inventory-slot{aspect-ratio:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;padding:8px;transition:transform var(--duration-fast) var(--ease-bounce),box-shadow var(--duration-fast) var(--ease-smooth),border-color var(--duration-fast) var(--ease-smooth),background var(--duration-fast) var(--ease-smooth)}.inventory-slot:hover{background:#6ee7ff1f;border-color:#6ee7ff80;box-shadow:0 0 14px #6ee7ff33;transform:translateY(-1px)}.inventory-slot.selected{border-color:#6ee7ff99;background:#6ee7ff33;animation:slotPulse 1.5s ease-in-out infinite}@keyframes slotPulse{0%,to{box-shadow:0 0 12px #6ee7ff4d}50%{box-shadow:0 0 22px #6ee7ff73}}.inventory-slot.empty{opacity:.3}.slot-icon{font-size:24px;margin-bottom:5px}.slot-label{font-size:10px;color:#aaa;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.slot-count{font-size:10px;color:#f66}#inventory-description{background:#0a0e18b3;padding:15px;border-radius:var(--glass-radius-sm);color:var(--ui-muted);font-size:12px;min-height:50px;font-family:var(--font-ui)}#inventory-hint{text-align:center;margin-top:15px;color:var(--ui-muted);font-size:11px;font-family:var(--font-ui)}#held-item-indicator{position:fixed;bottom:calc(30px + var(--safe-bottom));left:calc(30px + var(--safe-left));width:60px;height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:16px;box-shadow:var(--glass-shadow-soft);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);z-index:100;opacity:0;transform:scale(.9);transition:opacity .3s ease,transform .3s ease,border-color .3s ease,box-shadow .3s ease;pointer-events:none;font-family:var(--font-ui)}#held-item-indicator.visible{opacity:1;transform:scale(1)}#held-item-indicator.on{border-color:#ffdc64cc;box-shadow:0 0 18px #ffdc6459}#held-item-icon{font-size:24px;text-align:center}#held-item-name{color:var(--ui-muted);font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-top:2px;font-family:var(--font-ui)}#held-item-indicator.on #held-item-name{color:#fd6}#health-bar-container{position:fixed;top:calc(20px + var(--safe-top));left:calc(20px + var(--safe-left));display:flex;flex-direction:column;align-items:flex-start;gap:4px;z-index:100;pointer-events:none}#health-bar-container.hidden{display:none}#health-bar-label{font-size:10px;color:var(--ui-text);letter-spacing:1px;text-shadow:0 0 6px rgba(95,216,255,.25);font-family:var(--font-ui)}#health-bar-bg{width:150px;height:10px;background:#0a0e18b3;border:1px solid var(--ui-border);border-radius:999px;overflow:hidden;box-shadow:var(--glass-shadow-soft)}#health-bar-fill{height:100%;width:100%;background:linear-gradient(90deg,#ff4fd1,#ff8a65);transition:width .3s ease,background .3s ease;box-shadow:0 0 10px #ff4fd159}#health-bar-fill.low{background:linear-gradient(90deg,red,#f30);animation:healthPulse .5s ease-in-out infinite}#health-bar-fill.damage{background:linear-gradient(90deg,#fff,#f66)}@keyframes healthPulse{0%,to{opacity:1}50%{opacity:.7}}#ammo-display{position:fixed;bottom:calc(30px + var(--safe-bottom));right:calc(30px + var(--safe-right));display:none;flex-direction:column;align-items:flex-end;gap:2px;z-index:100;pointer-events:none;padding:10px 12px;border-radius:14px;background:var(--ui-surface);border:1px solid var(--ui-border);box-shadow:var(--glass-shadow-soft);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1)}#ammo-weapon-name{font-size:10px;color:var(--ui-muted);letter-spacing:1px;font-family:var(--font-ui)}#ammo-count{font-size:22px;font-weight:700;color:var(--ui-text);text-shadow:0 0 8px rgba(95,216,255,.25);font-family:var(--font-ui)}#damage-flash{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 30%,rgba(255,0,0,.6) 100%);pointer-events:none;z-index:150;opacity:0;transition:opacity .1s ease}#damage-flash.active{opacity:1;animation:damageFlash .3s ease-out}@keyframes damageFlash{0%{opacity:1}to{opacity:0}}#dev-panel{position:fixed;top:calc(10px + var(--safe-top));right:calc(10px + var(--safe-right));display:none;gap:8px;z-index:200}html.debug-ui #dev-panel{display:flex}#dev-panel button{width:40px;height:40px;border-radius:8px;background:var(--ui-surface);border:1px solid var(--ui-border);color:var(--ui-text);font-size:11px;letter-spacing:1px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}#dev-panel button:hover{background:#6ee7ff2e;border-color:#6ee7ff8c;box-shadow:0 0 12px #6ee7ff4d}#death-screen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 20%,rgba(255,51,51,.25),transparent 55%),#05060cf5;display:none;justify-content:center;align-items:center;z-index:900;animation:deathFadeIn 1s ease;overscroll-behavior:contain}#death-screen-overlay:before{content:"";position:absolute;top:0;left:0;right:0;height:150px;background:linear-gradient(180deg,rgba(100,0,0,.8) 0%,transparent 100%);pointer-events:none}#death-screen-overlay.visible{display:flex}@keyframes deathFadeIn{0%{opacity:0;background:radial-gradient(ellipse at center,#640000e6,#320000f2)}50%{background:radial-gradient(ellipse at center,#3c0000f2,#140000fa)}to{opacity:1}}#death-screen-content{text-align:center;z-index:1;background:#0c101abf;border:1px solid rgba(255,255,255,.18);border-radius:var(--glass-radius);padding:36px 32px;box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);font-family:var(--font-ui);position:relative}#death-screen-content:after{content:"";position:absolute;inset:10px;border-radius:calc(var(--glass-radius) - 8px);border:1px solid var(--pixel-grid);background-image:linear-gradient(0deg,transparent 95%,var(--pixel-grid) 96%),linear-gradient(90deg,transparent 95%,var(--pixel-grid) 96%);background-size:12px 12px;pointer-events:none}#death-title{font-size:64px;font-family:var(--font-display);color:#ff5c5c;text-shadow:0 0 30px rgba(255,0,0,.8),0 0 60px rgba(255,0,0,.4);margin-bottom:20px;letter-spacing:6px;animation:deathPulse 2s ease-in-out infinite,deathGlitch .5s steps(1) infinite;text-wrap:balance}@keyframes deathPulse{0%,to{opacity:.8;text-shadow:0 0 30px rgba(255,0,0,.8)}50%{opacity:1;text-shadow:0 0 50px rgba(255,0,0,1),0 0 100px rgba(255,0,0,.5)}}@keyframes deathGlitch{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}}#death-subtitle{font-size:16px;color:#9cb0c9;margin-bottom:28px;letter-spacing:.6px;font-family:var(--font-ui)}.death-btn{display:block;width:220px;margin:15px auto;padding:15px;background:#0a0e18b3;border:1px solid rgba(255,255,255,.18);color:#e7f1ff;font-size:16px;letter-spacing:1px;cursor:pointer;font-family:var(--font-ui);transition:all var(--duration-fast) var(--ease-bounce),box-shadow var(--duration-fast) var(--ease-smooth);border-radius:12px}.death-btn:hover{background:#ff5c5c33;border-color:#ff5c5c99;transform:translateY(-2px);box-shadow:0 0 15px #ff5c5c73,0 0 25px #ff5c5c40}#pause-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 70% 30%,rgba(110,231,255,.12),transparent 55%),#02040ae6;display:none;justify-content:center;align-items:center;z-index:850;overscroll-behavior:contain}#pause-menu-overlay.visible{display:flex}#pause-menu-panel{text-align:center;background:var(--ui-surface-strong);border:1px solid var(--ui-border);border-radius:var(--glass-radius);padding:36px 32px;min-width:min(360px,90vw);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);font-family:var(--font-ui);position:relative}#pause-menu-panel:after{content:"";position:absolute;inset:10px;border-radius:calc(var(--glass-radius) - 8px);border:1px solid var(--pixel-grid);background-image:linear-gradient(0deg,transparent 95%,var(--pixel-grid) 96%),linear-gradient(90deg,transparent 95%,var(--pixel-grid) 96%);background-size:12px 12px;pointer-events:none}#pause-title{font-size:40px;color:var(--ui-text);margin-bottom:28px;letter-spacing:3px;text-wrap:balance}.pause-btn{display:block;width:220px;margin:15px auto;padding:15px;background:#0a0e18b3;border:1px solid var(--ui-border);color:var(--ui-text);font-size:16px;letter-spacing:.6px;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease;font-family:var(--font-ui);border-radius:var(--glass-radius-sm)}.pause-btn:hover{background:#6ee7ff2e;border-color:#6ee7ff8c;box-shadow:0 0 14px #6ee7ff4d}#touch-controls{position:fixed;inset:0;z-index:820;pointer-events:none;display:none;opacity:1;transition:opacity .2s ease}#touch-controls.hidden{opacity:0;pointer-events:none}html.is-touch #touch-controls{display:block}html.is-touch #controls-indicator{display:none}#touch-toggle{position:fixed;top:calc(14px + var(--safe-top));right:calc(14px + var(--safe-right));z-index:821;display:none;padding:8px 12px;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#fff;background:#000;border:1px solid rgba(255,255,255,.35);border-radius:999px;box-shadow:none;cursor:pointer;font-family:var(--font-terminal)}#touch-toggle.active{border-color:#ffffffa6}html.is-touch #touch-toggle{display:inline-flex;align-items:center;justify-content:center}#touch-controls .touch-zone{position:absolute;bottom:calc(26px + var(--safe-bottom));width:170px;height:170px;border-radius:50%;background:#0000008c;border:1px solid rgba(255,255,255,.28);box-shadow:none;pointer-events:auto;touch-action:none}#touch-move-zone{left:calc(18px + var(--safe-left))}#touch-look-zone{right:calc(18px + var(--safe-right));bottom:calc(36px + var(--safe-bottom))}.touch-thumb{position:absolute;width:70px;height:70px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.5);transform:translate(-50%,-50%);left:50%;top:50%;pointer-events:none;box-shadow:none}#touch-controls .touch-buttons{position:absolute;right:calc(18px + var(--safe-right));bottom:calc(220px + var(--safe-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:auto}#touch-controls .touch-cluster{display:flex;gap:10px}#touch-controls .touch-cluster.face{display:grid;grid-template-columns:repeat(2,58px);gap:10px}#touch-controls .touch-btn{width:58px;height:58px;border-radius:50%;background:#000000ad;border:1px solid rgba(255,255,255,.35);color:#fff;font-family:var(--font-terminal);font-size:10px;letter-spacing:.4px;text-transform:uppercase;box-shadow:none;transition:transform .12s ease,border-color .12s ease,background .12s ease}#touch-controls .touch-btn[data-size=wide]{width:90px;height:34px;border-radius:999px;font-size:10px}#touch-controls .touch-btn[data-size=shoulder]{width:56px;height:38px;border-radius:12px;font-size:10px}#touch-controls .touch-btn:active{transform:translateY(1px) scale(.97);border-color:#ffffffd9;background:#ffffff26}@media(orientation:landscape){#touch-controls .touch-buttons{bottom:calc(160px + var(--safe-bottom))}#touch-controls .touch-zone{width:160px;height:160px}}@media(max-width:900px){#loading-title{font-size:28px;letter-spacing:.24em}#inventory-panel{min-width:320px;padding:20px}#inventory-grid{grid-template-columns:repeat(4,1fr)}#health-bar-bg{width:120px}#ammo-count{font-size:20px}#pause-title{font-size:36px}.death-btn,.pause-btn{width:180px}}@media(max-width:600px){#inventory-grid{grid-template-columns:repeat(3,1fr)}#inventory-title{font-size:22px}#death-title{font-size:56px;letter-spacing:10px}#death-subtitle{font-size:14px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:0ms!important;scroll-behavior:auto!important}}