body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000;color:#fff;font-family:Courier New,Courier,monospace;-webkit-user-select:none;user-select:none}#game-container{position:relative;width:100%;height:100%}#game-canvas{width:100%;height:100%;display:block}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#ui-layer>*{pointer-events:auto}#header{position:absolute;top:20px;right:20px;text-align:right;font-size:24px;font-weight:700}#power-stats{position:absolute;bottom:20px;left:20px;font-size:20px}.door-controls{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;display:none}#controls-left{left:20px}#controls-right{right:20px}.control-btn{width:80px;height:50px;background:#333;color:#fff;border:2px solid #555;cursor:pointer;font-family:inherit;font-weight:700}.control-btn:active{background:#555}.control-btn.active{background:#0f0;color:#000;box-shadow:0 0 10px #0f0}.control-btn.door-active{background:red;color:#fff;box-shadow:0 0 10px red}#btn-camera-toggle{position:absolute;bottom:20px;right:20px;width:300px;height:40px;left:50%;transform:translate(-50%);background:#444;color:#fff;border:1px solid #fff;cursor:pointer;z-index:10}#btn-camera-toggle:hover{background:#666}#camera-ui{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000001a;z-index:5}#monitor-flip-overlay{position:absolute;bottom:-100%;left:5%;width:90%;height:95%;background:transparent;border:30px solid #222;border-bottom:0;border-radius:30px 30px 0 0;box-shadow:0 0 0 5px #111,inset 0 0 20px #000c;transition:bottom .3s ease-out;z-index:20;pointer-events:none}#monitor-flip-overlay:after{content:"REC ●";position:absolute;top:20px;left:20px;color:red;font-weight:700;font-size:20px;opacity:.8;text-shadow:0 0 5px #f00;animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}#monitor-flip-overlay.flipped{bottom:0}#camera-ui.hidden,#jumpscare-screen.hidden,#game-over-screen.hidden,#win-screen.hidden,#start-screen.hidden{display:none}#map-overlay{position:absolute;bottom:50px;right:50px;width:250px;height:180px;background:#001400e6;border:2px solid #0f0;z-index:25;border-radius:5px;box-shadow:0 0 10px #0f0}.cam-btn{position:absolute;transform:translate(-50%,-50%);width:40px;height:30px;background:#222;border:1px solid #0f0;color:#0f0;font-size:10px;cursor:pointer}.cam-btn.active{background:#0f0;color:#000}#cam-label{position:absolute;top:10%;left:50%;transform:translate(-50%);font-size:28px;color:#fff;font-weight:700;text-shadow:0 0 5px #000,2px 2px 0 #000;z-index:100;pointer-events:none;background:#0009;padding:5px 15px;border-radius:4px;border:1px solid rgba(255,255,255,.2)}#vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 60%,rgba(0,0,0,.8) 100%);pointer-events:none;z-index:10}#grain{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='1'/%3E%3C/svg%3E")}.door-controls.ui-hidden{display:none}#tutorial-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;background:#000000e6;border:2px solid #fff;padding:20px;color:#fff;text-align:center;z-index:200;display:none}#tutorial-overlay h2{margin-top:0;color:#fa0}#tutorial-overlay p{font-size:18px;line-height:1.5}#tutorial-next-btn{margin-top:20px;background:#0a0;font-weight:700}#static-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);pointer-events:none;opacity:.1;animation:static-anim .5s infinite;transition:opacity .1s}#static-overlay.static-burst{opacity:.8!important}@keyframes static-anim{0%{background-position:0 0}to{background-position:0 100px}}#start-screen,#game-over-screen,#win-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100}#jumpscare-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:50;background-size:cover;background-position:center}button{padding:10px 20px;font-size:18px;cursor:pointer;font-family:inherit;background:#333;color:#fff;border:1px solid #fff}