*,*:before,*:after{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#000;font-family:Courier New,Courier,monospace;color:#a0a0a0}#game-canvas{display:block;width:100%;height:100%;outline:none}#ui-layer{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:10}.overlay-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:auto;z-index:100;padding:40px 60px;text-align:center;background:#050505;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);border:1px dashed #444;box-shadow:inset 0 0 50px #000}#death-screen{background-color:#0a0000}#win-screen{background-color:#000a05}h1{font-size:3.5rem;margin:0 0 20px;letter-spacing:2px;color:#fff;text-transform:uppercase;text-shadow:2px 2px 0px #333}.text-red{color:#8b0000;text-shadow:2px 2px 0px #000}@keyframes scuffed-glitch{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(2px,1px)}80%{transform:translate(1px,-2px)}to{transform:translate(0)}}.glitch-text{letter-spacing:5px;animation:scuffed-glitch .15s infinite}.keybinds{margin:30px 0;text-align:left;display:inline-block;border-left:2px solid #333;padding-left:20px}.keybinds p{margin:10px 0;font-size:.95rem;color:#888;display:flex;align-items:center}.keybinds span{color:#ccc;font-weight:700;width:110px;display:inline-block}.keybinds small{color:#8b0000;margin-left:8px;font-style:italic}.credits{font-size:.8rem;color:#444;margin-bottom:30px;line-height:1.5;text-transform:lowercase}button{background:#000;color:#ccc;border:1px solid #ccc;padding:12px 30px;font-size:1.1rem;font-weight:700;font-family:inherit;cursor:pointer;letter-spacing:1px;text-transform:uppercase;transition:none}button:hover{background:#ccc;color:#000}button:active{background:#fff;border-color:#fff}#restart-btn{border-color:#8b0000;color:#8b0000;margin-top:20px}#restart-btn:hover{background:#8b0000;color:#000}#win-restart-btn{margin-top:20px}#global-reset-btn{position:absolute;top:20px;right:20px;background:#000;color:#666;border:1px solid #333;padding:5px 15px;font-size:.8rem;z-index:150;pointer-events:auto}#global-reset-btn:hover{background:#8b0000;color:#000;border-color:#8b0000}#crosshair{position:absolute;top:50%;left:50%;width:4px;height:4px;background:#fff;transform:translate(-50%,-50%);mix-blend-mode:difference}#hud{position:absolute;bottom:30px;left:30px;width:320px}#hp-bar-container{background:#000;border:1px solid #333;height:25px;position:relative;box-shadow:inset 0 0 10px #000c}#hp-bar-fill{background:#8b0000;height:100%;width:100%;transition:width .2s linear;border-right:2px solid #ff0000;background-image:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(0,0,0,.4) 10px,rgba(0,0,0,.4) 20px)}#hp-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}#dash-bar-container{background:#000;height:6px;margin-top:5px;width:100%;border:1px solid #333}#dash-bar-fill{background:#fff;height:100%;width:100%;box-shadow:0 0 5px #ffffff4d}#damage-flash{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#8b000066;opacity:0;pointer-events:none;transition:opacity .5s ease-out;mix-blend-mode:multiply;z-index:5}.legal-footer{position:absolute;bottom:0;left:30%;width:70%;background:#050505e6;border-top:1px solid #222;color:#555;font-size:.75rem;text-align:center;padding:8px 20px;letter-spacing:.5px;line-height:1.4;text-transform:uppercase;pointer-events:auto;z-index:200}#mobile-ui{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:15;pointer-events:none;touch-action:none}#mobile-look-zone{position:absolute;top:0;right:0;width:60vw;height:70vh;pointer-events:auto}#mobile-dpad{position:absolute;bottom:20px;left:10px;display:flex;flex-direction:column;align-items:center;pointer-events:auto}#mobile-actions{position:absolute;bottom:20px;right:10px;display:flex;flex-direction:column;align-items:flex-end;pointer-events:auto}.m-row{display:flex;gap:5px;margin-top:5px}.m-btn{background:#0a0a0acc;border:1px solid #444;color:#fff;width:50px;height:50px;font-size:1rem;font-weight:700;font-family:inherit;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.m-btn:active{background:#fff;color:#000}.action-btn{width:70px;height:50px;font-size:.8rem}.shoot-btn{width:145px;height:60px;border-color:#8b0000;color:#8b0000;font-size:1.2rem}.shoot-btn:active{background:#8b0000;color:#000}@media (min-width: 768px){#mobile-ui{display:none!important}}#cinematic-text{position:absolute;top:30%;left:50%;transform:translate(-50%);color:#8a4;font-size:2.5rem;font-weight:700;letter-spacing:10px;text-shadow:0 0 20px #88aa44;opacity:0;pointer-events:none;z-index:1000;text-transform:uppercase;transition:opacity 1s ease-in-out;text-align:center}