*{box-sizing:border-box}html,body,#game{margin:0;width:100%;height:100%;overflow:hidden;background:#18241c;font-family:Inter,system-ui,sans-serif;color:#fff}canvas{display:block}#game canvas{cursor:none}#crosshair{position:fixed;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);pointer-events:none;z-index:3}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#fff;box-shadow:0 0 2px #000}#crosshair:before{left:8px;top:1px;width:2px;height:16px}#crosshair:after{left:1px;top:8px;width:16px;height:2px}#hud{position:fixed;left:20px;top:20px;pointer-events:none}.panel{width:290px;padding:16px;border:1px solid #537269;border-radius:12px;background:#101b1ddd;box-shadow:0 8px 30px #0006;display:grid;gap:7px}.bar{height:14px;border-radius:7px;background:#283a39;overflow:hidden}.bar i{display:block;width:100%;height:100%;background:#51ce73}.panel strong{font-size:25px}.panel small{color:#b9ceca}#weapon{color:#69d5ee;font-size:12px}#prompt{position:fixed;left:50%;bottom:50px;transform:translate(-50%);padding:12px 20px;border-radius:9px;background:#0c1517e8;font-weight:800;pointer-events:none;display:none}#map{position:fixed;inset:0;width:100%;height:100%;display:none;background:#071014dd;pointer-events:none}#overlay{position:fixed;inset:0;display:grid;place-items:center;background:#071014dd}.card{text-align:center;padding:36px 46px;border:1px solid #58766d;border-radius:16px;background:#101c1eee;box-shadow:0 18px 70px #0008}.card h1{margin:0 0 22px;color:#efd76e;font-size:45px}.card p{color:#c2d4d0}input[type=range]{width:360px;accent-color:#51c9e5}button{margin-top:18px;padding:14px 28px;border:0;border-radius:9px;background:#2c8aa3;color:#fff;font-weight:900;font-size:17px;cursor:pointer}button:hover{background:#38a4bf}