*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Courier New,Courier,monospace;color:#cfe;-webkit-user-select:none;user-select:none}canvas{display:block}.hidden{display:none!important}#crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:20;width:16px;height:16px}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#ffffffd9;transition:background .05s linear,box-shadow .05s linear}#crosshair:before{width:2px;height:16px;left:50%;top:50%;transform:translate(-50%,-50%)}#crosshair:after{width:16px;height:2px;left:50%;top:50%;transform:translate(-50%,-50%)}#crosshair.hit:before,#crosshair.hit:after{background:#f44;box-shadow:0 0 6px red}#viewmodel{position:fixed;right:-2%;bottom:0;width:min(62vw,980px);max-height:92vh;object-fit:contain;object-position:bottom right;transform-origin:bottom right;pointer-events:none;z-index:12;filter:drop-shadow(0 8px 24px rgba(0,0,0,.65));will-change:transform}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:15}#health-wrap{position:absolute;left:20px;bottom:20px;display:flex;align-items:center;gap:9px}#heart{color:#ff2a2a;font-size:22px;line-height:1;text-shadow:0 0 8px rgba(255,40,40,.85)}#health-num{color:#fff;font-size:14px;font-weight:700;min-width:26px;text-shadow:0 0 6px #000}#health-bar-bg{width:180px;height:12px;background:#0000008c;border:1px solid #6a2230;border-radius:6px;overflow:hidden;box-shadow:0 0 8px #0009,inset 0 0 6px #0009}#health-bar{height:100%;width:100%;background:linear-gradient(90deg,#7a1010,#ff2a2a);transition:width .15s linear,background .2s linear;box-shadow:inset 0 0 8px #ff5a5a66}#stamina-wrap{position:absolute;left:20px;bottom:64px;display:flex;align-items:center;gap:9px}#stamina-icon{color:#ffd24a;font-size:16px;line-height:1;text-shadow:0 0 8px rgba(255,210,74,.8)}#stamina-bar-bg{width:150px;height:7px;background:#0000008c;border:1px solid #5a5020;border-radius:5px;overflow:hidden;box-shadow:0 0 8px #0009,inset 0 0 6px #0009}#stamina-bar{height:100%;width:100%;background:linear-gradient(90deg,#b8860b,#ffd24a);transition:width .1s linear,opacity .2s linear;box-shadow:inset 0 0 6px #ffdc7866}#stamina-bar.depleted{background:linear-gradient(90deg,#5a3a10,#8a6a20);opacity:.7}#combo{position:absolute;top:96px;left:50%;transform:translate(-50%);font-size:26px;font-weight:700;letter-spacing:3px;color:#ffce3b;text-shadow:0 0 12px rgba(255,140,0,.7),0 0 4px #000;animation:comboPulse .35s ease-out}@keyframes comboPulse{0%{transform:translate(-50%) scale(1.5);opacity:.2}to{transform:translate(-50%) scale(1);opacity:1}}#radar{position:absolute;top:16px;right:18px;width:140px;height:140px;border-radius:50%;border:1px solid rgba(120,200,220,.35);box-shadow:0 0 14px #0009;opacity:.85}#ammo-wrap{position:absolute;right:30px;bottom:26px;text-align:right}#weapon-img{display:block;width:360px;margin-left:auto;filter:drop-shadow(0 4px 14px rgba(0,0,0,.85));margin-bottom:2px}#ammo-text{font-size:72px;font-weight:700;text-shadow:0 0 12px #000,0 0 4px #000;line-height:1}#ammo-current{color:#fff}#ammo-sep,#ammo-reserve{color:#8fdca0;font-size:42px}#weapon-name{font-size:22px;letter-spacing:4px;color:#cfe2ff;margin-top:4px;font-weight:700;text-shadow:0 0 8px #000}#score-wrap{position:absolute;top:20px;left:24px;font-size:18px;letter-spacing:2px;text-shadow:0 0 6px #000}.score-line{margin-bottom:4px;color:#9ad}.score-line span{color:#fff;font-weight:700}#mute-state{position:absolute;left:20px;bottom:46px;font-size:11px;letter-spacing:2px;color:#b4d2dcbf;text-shadow:0 0 6px #000}#hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:12px;color:#b4d2dc99;text-shadow:0 0 6px #000;white-space:nowrap}#score-center{position:absolute;top:12px;left:50%;transform:translate(-50%);text-align:center;text-shadow:0 0 12px rgba(0,0,0,.9),0 0 20px rgba(255,180,40,.35)}#score-center .label{display:block;font-size:16px;letter-spacing:6px;color:#cfe2ff}#score{font-size:52px;font-weight:700;letter-spacing:2px;color:#ffe08a;line-height:1}#fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:16}.dmg-number{position:absolute;transform:translate(-50%,-50%);font-family:Courier New,Courier,monospace;font-weight:700;font-size:26px;color:#fff;text-shadow:0 0 6px #000,0 0 3px #000;animation:floatUp .8s ease-out forwards}.dmg-number.kill{color:#ff5a5a;font-size:34px}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-165%) scale(1.25)}}#damage-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 40%,rgba(150,0,0,.6) 100%);opacity:0;pointer-events:none;z-index:18;transition:opacity .08s ease-out}#damage-flash.show{opacity:1}#overlay,#gameover{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#140808d1,#000000f2);z-index:30}#overlay-box{text-align:center;max-width:540px;padding:40px;border:1px solid #3a2020;background:#0000008c;border-radius:8px}#overlay-box h1{font-size:56px;letter-spacing:8px;color:#e23b3b;text-shadow:0 0 18px rgba(226,59,59,.6)}#overlay-box h1.dead{color:#b00}#overlay-box h2{font-size:22px;letter-spacing:4px;color:#9ad;margin:8px 0 20px;font-weight:400}.story{font-size:15px;line-height:1.6;color:#bcd;margin-bottom:22px}.controls{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;text-align:left;margin:0 auto 26px;max-width:360px;font-size:14px;color:#cde}.controls b{color:#7fff7f}button{font-family:inherit;font-size:20px;letter-spacing:3px;padding:14px 34px;color:#fff;background:linear-gradient(180deg,#8a1414,#5a0c0c);border:1px solid #c33;border-radius:4px;cursor:pointer;transition:transform .1s,box-shadow .2s}button:hover{transform:scale(1.04);box-shadow:0 0 20px #e23b3b80}.tiny{margin-top:16px;font-size:12px;color:#788}#final-stats{font-size:20px;color:#fff;margin:10px 0 24px}#touch-ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;pointer-events:none;touch-action:none}#touch-look{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;touch-action:none}#joystick{position:absolute;left:26px;bottom:26px;width:150px;height:150px;z-index:3;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,#141e2859,#0a0f1473);border:2px solid rgba(140,200,220,.35);box-shadow:inset 0 0 24px #0009;pointer-events:auto;touch-action:none}#joystick-knob{width:66px;height:66px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b4e6faf2,#466e82e6);border:2px solid rgba(220,245,255,.7);box-shadow:0 2px 10px #0009;will-change:transform}.touch-btn{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;border-radius:50%;font-family:Courier New,Courier,monospace;font-weight:700;color:#eaf6ff;letter-spacing:1px;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .05s,filter .05s}.touch-btn.pressed{transform:scale(.92);filter:brightness(1.4)}#btn-fire{right:24px;bottom:30px;width:120px;height:120px;font-size:26px;color:#fff;background:radial-gradient(circle at 38% 32%,#ff5b5b,#b00f0f 70%,#6e0606);border:3px solid #ffb0b0;box-shadow:0 0 22px #ff28288c,inset 0 0 18px #00000059}#btn-reload{right:42px;bottom:160px;width:80px;height:80px;font-size:30px;background:radial-gradient(circle at 38% 32%,#507896f2,#1e3246f2);border:2px solid rgba(150,200,230,.7);box-shadow:0 0 14px #00000080}#btn-melee{right:158px;bottom:44px;width:76px;height:76px;font-size:32px;background:radial-gradient(circle at 38% 32%,#967850f2,#463219f2);border:2px solid rgba(230,200,150,.7);box-shadow:0 0 14px #00000080}#btn-weapon1,#btn-weapon2{bottom:250px;width:64px;height:64px;font-size:28px;background:radial-gradient(circle at 38% 32%,#466482e6,#19283ceb);border:2px solid rgba(150,200,230,.6);box-shadow:0 0 12px #00000080}#btn-weapon1{right:96px}#btn-weapon2{right:24px}#shop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#080e16db,#000000f5);z-index:31}#shop-box{width:min(560px,92vw);padding:28px 30px 22px;border:1px solid #25405a;background:#060c14d1;border-radius:10px;text-align:center;box-shadow:0 0 32px #000000b3}#shop-box h2{font-size:26px;letter-spacing:4px;color:#7fdcff;text-shadow:0 0 14px rgba(60,180,230,.5);margin-bottom:6px}.shop-score{font-size:16px;letter-spacing:3px;color:#cfe2ff;margin-bottom:18px}.shop-score span{color:#ffe08a;font-weight:700;font-size:20px}#shop-items{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.shop-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;font-family:inherit;text-align:left;color:#eaf6ff;background:linear-gradient(180deg,#142637f2,#0c1826f2);border:1px solid #2c4d6b;border-radius:6px;cursor:pointer;letter-spacing:1px;transition:transform .08s,box-shadow .15s,border-color .15s}.shop-item:hover{transform:scale(1.015);box-shadow:0 0 16px #50b4e659}.shop-item .num{flex:0 0 26px;height:26px;line-height:26px;text-align:center;border-radius:4px;background:#78c8e62e;border:1px solid rgba(140,210,235,.4);font-weight:700;color:#aee6ff}.shop-item .info{flex:1 1 auto;display:flex;flex-direction:column}.shop-item .info b{font-size:15px;color:#fff}.shop-item .info small{font-size:11px;color:#8fb4cc;letter-spacing:.5px}.shop-item .lvl{flex:0 0 auto;font-size:11px;color:#9fd0a0}.shop-item .cost{flex:0 0 auto;min-width:56px;text-align:right;font-weight:700;color:#ffe08a}.shop-item.disabled{opacity:.5;cursor:not-allowed}.shop-item.disabled:hover{transform:none;box-shadow:none}.shop-item.maxed .cost{color:#7fff9a}#shop-continue{font-size:18px}.touch-hint{display:none}@media (pointer: coarse){.touch-hint{display:block}.desktop-hint,#hint{display:none}}@media (max-width: 820px){#hint{display:none}#ammo-wrap{bottom:auto;top:52px;right:14px}#weapon-img{width:140px}#ammo-text{font-size:30px}#ammo-sep,#ammo-reserve{font-size:18px}#weapon-name{font-size:12px;letter-spacing:2px}#score{font-size:30px}#score-center .label{font-size:11px;letter-spacing:3px}#score-wrap{font-size:13px}#health-bar-bg{width:130px}#stamina-bar-bg{width:110px}#radar{width:96px;height:96px;top:auto;bottom:96px;right:auto;left:18px}#combo{font-size:20px;top:70px}}