*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000;font-family:Segoe UI,Arial,sans-serif}#game-container{position:relative;width:100vw;height:100vh}#game-canvas{display:block;width:100%;height:100%}#hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:none}#health-bar{position:absolute;bottom:30px;left:30px;width:200px;height:25px;background:#00000080;border:2px solid #fff;border-radius:5px;overflow:hidden}#health-fill{width:100%;height:100%;background:linear-gradient(90deg,#f44,#f66);transition:width .3s}#health-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;text-shadow:1px 1px 2px #000}#score{position:absolute;top:30px;right:30px;color:#fff;font-size:24px;font-weight:700;text-shadow:2px 2px 4px #000}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:30px;font-weight:700;text-shadow:0 0 5px #000;opacity:.8}#menu,#game-over,#victory{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000c;color:#fff}#menu h1,#game-over h1,#victory h1{font-size:48px;margin-bottom:30px;text-shadow:0 0 20px rgba(255,255,255,.5)}#menu button,#game-over button,#victory button{padding:15px 40px;font-size:20px;background:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s}#menu button:hover,#game-over button:hover,#victory button:hover{background:#45a049;transform:scale(1.05)}.hint{margin-top:20px;color:#aaa;font-size:14px}#game-over p,#victory p{font-size:24px;margin-bottom:20px}.hidden{display:none!important}