@import"https://fonts.googleapis.com/css2?family=Special+Elite&family=Share+Tech+Mono&display=swap";:root{--color-bg: #1a1a1a;--color-surface: #242424;--color-panel: #2e2e2e;--color-text: #d4d4d4;--color-text-dim: #888;--color-accent-red: #cc3333;--color-accent-blue: #3a5f8a;--color-accent-gold: #b8963e;--color-alert: #ff4444;--color-power: #44cc44;--color-power-low: #cc8833;--color-power-critical: #cc3333;--font-mono: "Share Tech Mono", "Courier New", Courier, monospace;--font-ui: "Special Elite", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:var(--font-ui);color:var(--color-text);user-select:none;-webkit-user-select:none}#game-container{position:relative;width:100vw;height:100vh;background:var(--color-bg);overflow:hidden}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#ui-overlay>*{pointer-events:auto}.hud-clock{position:absolute;top:16px;right:24px;font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--color-text);text-shadow:0 0 8px rgba(212,212,212,.4)}.hud-night{position:absolute;top:48px;right:24px;font-family:var(--font-mono);font-size:16px;color:var(--color-text-dim)}.hud-power{position:absolute;bottom:24px;left:24px;font-family:var(--font-mono);font-size:14px;color:var(--color-text)}.hud-power-bar{width:160px;height:12px;background:var(--color-surface);border:1px solid var(--color-text-dim);margin-top:4px}.hud-power-fill{height:100%;background:var(--color-power);transition:width .3s linear,background-color .5s}.hud-power-fill.low{background:var(--color-power-low)}.hud-power-fill.critical{background:var(--color-power-critical);animation:powerFlicker .5s infinite}@keyframes powerFlicker{0%,to{opacity:1}50%{opacity:.6}}.door-controls{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}.door-controls.left{left:12px}.door-controls.right{right:12px}.door-btn,.light-btn{width:64px;height:40px;border:1px solid var(--color-text-dim);background:var(--color-panel);color:var(--color-text);font-family:var(--font-mono);font-size:11px;cursor:pointer;text-transform:uppercase;transition:background .15s}.door-btn:hover,.light-btn:hover{background:var(--color-accent-blue)}.door-btn.active{background:var(--color-accent-red);border-color:var(--color-alert)}.light-btn.active{background:var(--color-accent-blue);border-color:#5a8fba}.camera-toggle{position:absolute;bottom:80px;left:50%;transform:translate(-50%);z-index:2;padding:10px 32px;border:2px solid var(--color-text-dim);background:var(--color-surface);color:var(--color-text);font-family:var(--font-mono);font-size:14px;cursor:pointer;text-transform:uppercase;letter-spacing:2px}.camera-toggle:hover{border-color:var(--color-text)}.camera-toggle.active{border-color:var(--color-accent-blue);background:var(--color-accent-blue)}.interruption-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000000b3;z-index:50}.interruption-box{background:var(--color-surface);border:2px solid var(--color-accent-gold);padding:32px 48px;max-width:500px;text-align:center}.interruption-box h2{font-family:var(--font-mono);color:var(--color-accent-gold);margin-bottom:16px;text-transform:uppercase;letter-spacing:2px;font-size:16px}.interruption-box p{color:var(--color-text-dim);font-size:14px;line-height:1.6;margin-bottom:20px}.interruption-box button{padding:8px 24px;border:1px solid var(--color-text-dim);background:var(--color-panel);color:var(--color-text);font-family:var(--font-mono);cursor:pointer;text-transform:uppercase}.interruption-box button:hover{background:var(--color-accent-red)}.menu-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg);z-index:100}.menu-title{font-family:var(--font-mono);font-size:48px;font-weight:700;color:var(--color-accent-red);text-shadow:0 0 20px rgba(204,51,51,.5);letter-spacing:6px;margin-bottom:8px}.menu-subtitle{font-family:var(--font-mono);font-size:14px;color:var(--color-text-dim);letter-spacing:4px;margin-bottom:48px}.menu-btn{display:block;width:240px;padding:14px;margin-bottom:12px;border:1px solid var(--color-text-dim);background:transparent;color:var(--color-text);font-family:var(--font-mono);font-size:16px;cursor:pointer;text-transform:uppercase;letter-spacing:3px;transition:all .2s}.menu-btn:hover{background:var(--color-accent-red);border-color:var(--color-accent-red)}.menu-btn:disabled{opacity:.3;pointer-events:none}.night-intro{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;z-index:100}.night-intro h1{font-family:var(--font-mono);font-size:36px;color:var(--color-text);letter-spacing:4px;opacity:0;animation:fadeInOut 3s ease forwards}.night-intro p{font-family:var(--font-mono);font-size:14px;color:var(--color-text-dim);margin-top:12px;opacity:0;animation:fadeInOut 3s ease .5s forwards}@keyframes fadeInOut{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}.night-complete{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;z-index:100}.night-complete h1{font-family:var(--font-mono);font-size:28px;color:var(--color-power);letter-spacing:4px}.night-complete p{font-family:var(--font-mono);font-size:14px;color:var(--color-text-dim);margin-top:12px}.game-over{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;z-index:100}.game-over h1{font-family:var(--font-mono);font-size:36px;color:var(--color-accent-red);letter-spacing:4px;text-shadow:0 0 16px rgba(204,51,51,.6)}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:5}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-8px,4px)}20%{transform:translate(6px,-6px)}30%{transform:translate(-4px,8px)}40%{transform:translate(8px,-2px)}50%{transform:translate(-6px,-4px)}60%{transform:translate(4px,6px)}70%{transform:translate(-2px,-8px)}80%{transform:translate(6px,2px)}90%{transform:translate(-4px,4px)}}.shake{animation:screenShake .3s ease}@keyframes textFlicker{0%,to{opacity:1}4%{opacity:.9}6%{opacity:.4}8%{opacity:.9}42%{opacity:1}43%{opacity:.6}44%{opacity:.9}80%{opacity:1}82%{opacity:.3}83%{opacity:.9}}.flicker{animation:textFlicker 4s infinite}@keyframes vhsTrack{0%{top:-5%}to{top:105%}}.vhs-line{position:absolute;left:0;width:100%;height:2px;background:#ffffff14;box-shadow:0 0 8px 2px #ffffff0d;pointer-events:none;animation:vhsTrack 8s linear infinite;z-index:6}@keyframes redPulse{0%,to{text-shadow:0 0 20px rgba(204,51,51,.5),0 0 40px rgba(204,51,51,.2)}50%{text-shadow:0 0 30px rgba(204,51,51,.8),0 0 60px rgba(204,51,51,.4),0 0 80px rgba(204,51,51,.15)}}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.03)}}.hud-power-fill.critical{background:var(--color-power-critical);animation:powerFlicker .5s infinite;box-shadow:0 0 8px var(--color-power-critical),0 0 16px #cc33334d}.interruption-box{border-image:repeating-linear-gradient(-45deg,var(--color-accent-gold) 0px,var(--color-accent-gold) 8px,#1a1a1a 8px,#1a1a1a 16px) 6}.vignette-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.7) 100%);pointer-events:none;z-index:3}@keyframes staticNoise{0%{background-position:0 0}25%{background-position:-100px -50px}50%{background-position:50px -100px}75%{background-position:-50px 100px}to{background-position:0 0}}.menu-screen{background-size:cover;background-position:center;background-repeat:no-repeat}.menu-title{animation:redPulse 3s ease-in-out infinite,textFlicker 4s infinite;font-family:var(--font-ui)}.night-intro{background-size:cover;background-position:center}.night-intro h1{font-family:var(--font-ui);text-shadow:0 0 20px rgba(255,255,255,.3)}.game-over{background:radial-gradient(ellipse at center,#1e0000e6,#000 70%)}.game-over h1{animation:textFlicker 3s infinite}.night-complete{background:linear-gradient(180deg,#000,#0a1520 40%,#1a2a35,#2a3a45)}.interruption-portrait{width:80px;height:80px;object-fit:cover;border:2px solid var(--color-accent-gold);margin-right:16px;flex-shrink:0}.interruption-box{display:flex;align-items:flex-start}.interruption-content{flex:1}html,body{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hud-clock{font-size:clamp(18px,4vw,28px);right:clamp(10px,2vw,24px);top:clamp(8px,1.5vh,16px)}.hud-night{font-size:clamp(11px,2.2vw,16px);right:clamp(10px,2vw,24px);top:clamp(30px,5vh,48px)}.hud-power{font-size:clamp(10px,2vw,14px);bottom:clamp(10px,2vh,24px);left:clamp(10px,2vw,24px)}.hud-power-bar{width:min(160px,30vw);height:min(12px,2vh)}.door-btn,.light-btn{width:min(64px,14vw);height:min(40px,7vh);font-size:clamp(9px,1.8vw,11px)}.camera-toggle{padding:clamp(6px,1.2vh,10px) clamp(16px,4vw,32px);font-size:clamp(10px,2vw,14px);bottom:clamp(40px,8vh,80px)}.menu-title{font-size:clamp(24px,7vw,48px);letter-spacing:clamp(2px,1vw,6px)}.menu-subtitle{font-size:clamp(10px,2.5vw,14px);letter-spacing:clamp(1px,.5vw,4px);margin-bottom:clamp(20px,5vh,48px)}.menu-btn{width:min(240px,70vw);padding:clamp(8px,1.5vh,14px);font-size:clamp(12px,3vw,16px);letter-spacing:clamp(1px,.5vw,3px)}.interruption-box{max-width:min(500px,90vw);padding:clamp(16px,3vw,32px) clamp(20px,4vw,48px)}.interruption-box h2{font-size:clamp(12px,2.5vw,16px)}.interruption-box p{font-size:clamp(11px,2vw,14px)}.night-intro h1{font-size:clamp(20px,6vw,36px)}.night-intro p{font-size:clamp(10px,2.5vw,14px)}.night-complete h1{font-size:clamp(18px,5vw,28px)}.game-over h1{font-size:clamp(22px,6vw,36px)}@media(max-width:600px){.door-controls{gap:4px}.door-controls.left{left:4px}.door-controls.right{right:4px}.interruption-portrait{width:48px;height:48px;margin-right:10px}}@media(max-height:500px){.door-controls{gap:3px}.camera-toggle{bottom:30px}.hud-power{bottom:6px}}.help-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:200}.help-box{background:var(--color-surface);border:1px solid var(--color-text-dim);max-width:min(600px,92vw);max-height:85vh;overflow-y:auto;padding:clamp(16px,3vw,32px);font-family:var(--font-mono);color:var(--color-text)}.help-box h2{font-size:clamp(16px,3vw,22px);color:var(--color-accent-red);letter-spacing:3px;text-align:center;margin-bottom:16px}.help-box h3{font-size:clamp(11px,2vw,14px);color:var(--color-accent-gold);letter-spacing:2px;margin-bottom:8px}.help-box p{font-size:clamp(10px,1.8vw,13px);color:var(--color-text-dim);line-height:1.6;margin-bottom:8px}.help-box strong{color:var(--color-text)}.help-section{margin-top:18px}.help-threat{background:#0000004d;border-left:2px solid var(--color-accent-red);padding:8px 12px;margin-bottom:10px}.help-threat strong{color:var(--color-accent-red);font-size:clamp(11px,2vw,13px);display:block;margin-bottom:4px}.help-threat p{margin-bottom:0}.help-box .menu-btn{margin-top:20px;width:100%}