*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0a0a0a;color:#fff;overflow:hidden}.menu{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#f7f9fce6,#eef2f7cc 42%,#f7f9fcf2),linear-gradient(120deg,rgba(240,91,44,.1),transparent 46%),url(/bundle/menu-bg-B27q-zyu.jpg) center / cover no-repeat,#eef1f5;display:flex;flex-direction:column;justify-content:safe center;align-items:center;z-index:1000;overflow-y:auto;padding:2.5rem 1rem}.menu-inner{width:min(92vw,720px);display:flex;flex-direction:column;align-items:center;text-align:center}.menu-brand{font-size:.95rem;font-weight:800;letter-spacing:3px;color:#5b6673;text-transform:uppercase}.menu-brand b{color:#f0491c}.menu-brand .brand-mark{color:#ff6a2b;margin-right:8px;text-shadow:0 0 16px rgba(255,106,43,.45)}.menu h1{margin:.5rem 0 .4rem;font-size:clamp(2.4rem,8vw,4.4rem);font-weight:900;letter-spacing:8px;line-height:1;background:linear-gradient(90deg,#ff8c42,#f0491c 55%,#d0311e);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 6px 26px rgba(240,73,28,.2)}.menu-tagline{margin-bottom:2rem;color:#6b7683;font-size:.95rem;letter-spacing:1px}.menu-panel{width:100%;background:#ffffffd1;border:1px solid rgba(24,36,54,.09);border-radius:14px;box-shadow:0 18px 50px #1e2a3e24;padding:22px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-deploy{margin-bottom:18px}.menu-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.menu-cols .menu-panel{margin:0}#level-select{margin-bottom:20px;text-align:center}#level-select h3,.controls-info h3,.settings-info h3{color:#e0551f;font-size:.85rem;letter-spacing:2px;margin-bottom:.9rem;font-weight:700;text-transform:uppercase}#level-buttons{display:grid;grid-template-columns:repeat(5,56px);gap:10px;justify-content:center}.level-btn{width:56px;height:56px;font-size:1.3rem;font-weight:700;color:#3a4553;background:#fff;border:1px solid rgba(24,36,54,.14);border-radius:8px;cursor:pointer;transition:all .18s}.level-btn:hover:not(.locked){border-color:#f0491c99;background:#fff6f1;transform:translateY(-2px)}.level-btn.selected{background:linear-gradient(135deg,#ff6a2b,#ff8c42);border-color:#ff8c42;color:#fff;box-shadow:0 4px 18px #ff6b3573}.level-btn.locked{opacity:.4;cursor:not-allowed;font-size:1rem}.menu-actions{display:flex;flex-direction:column;gap:12px}.menu-btn{padding:1rem 3rem;font-size:1.15rem;background:linear-gradient(135deg,#f0491c,#ff8b4c);border:none;color:#fff;cursor:pointer;letter-spacing:2px;transition:all .25s;border-radius:9px;box-shadow:0 8px 24px #f0491c52;font-weight:700}.menu-btn:disabled{background:linear-gradient(135deg,#cfd6de,#dde3ea);color:#8a94a0;cursor:wait;box-shadow:none;transform:none}.menu-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #f0491c6b}.controls-info{text-align:left}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.controls-info p{margin:0;color:#56616e;font-size:.9rem;display:flex;align-items:center;gap:8px}.controls-info kbd{display:inline-block;min-width:38px;padding:3px 7px;font-family:inherit;font-size:.8rem;font-weight:700;color:#e0551f;background:#fff;border:1px solid rgba(24,36,54,.16);border-bottom-width:2px;border-radius:5px;text-align:center}.settings-info{text-align:left}.settings-panel{display:flex;flex-direction:column;gap:.7rem;max-width:340px;margin:0 auto}.settings-row{display:grid;grid-template-columns:88px 1fr 52px;align-items:center;gap:10px;color:#4a5561;font-size:.9rem}.settings-row span{text-align:left}.settings-row b{color:#e0551f;font-variant-numeric:tabular-nums;text-align:right}.settings-row input[type=range]{width:100%;accent-color:#f0491c;cursor:pointer}@media(max-width:620px){.menu-cols{grid-template-columns:1fr}.menu h1{letter-spacing:5px}}#game-container{position:relative;width:100vw;height:100vh;cursor:none}#crosshair{--crosshair-gap: 8px;position:absolute;top:50%;left:50%;width:64px;height:64px;transform:translate(-50%,-50%);pointer-events:none;z-index:100;filter:drop-shadow(0 0 2px rgba(0,0,0,.9))}#crosshair:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(0,255,120,.35);border-radius:50%}.crosshair-line{position:absolute;background:#00ff78;box-shadow:0 0 7px #00ff78bf,0 0 2px #000;border-radius:2px}.crosshair-top{width:3px;height:10px;left:50%;top:calc(50% - var(--crosshair-gap) - 10px);transform:translate(-50%)}.crosshair-bottom{width:3px;height:10px;left:50%;bottom:calc(50% - var(--crosshair-gap) - 10px);transform:translate(-50%)}.crosshair-left{width:10px;height:3px;top:50%;left:calc(50% - var(--crosshair-gap) - 10px);transform:translateY(-50%)}.crosshair-right{width:10px;height:3px;top:50%;right:calc(50% - var(--crosshair-gap) - 10px);transform:translateY(-50%)}.crosshair-center{position:absolute;width:6px;height:6px;background:#fff;border:2px solid #00ff78;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #00ff78e6,0 0 2px #000}#crosshair.switching{animation:crosshairSwitch .22s ease-out}@keyframes crosshairSwitch{0%{transform:translate(-50%,-50%) scale(1.45);opacity:.45}to{transform:translate(-50%,-50%) scale(1);opacity:1}}#hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.hud-top{position:absolute;top:20px;left:20px;display:flex;gap:30px}#health,#armor,#money{background:#000000b3;padding:12px 25px;border-radius:4px;font-size:1.3rem;border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#health{border-color:#f006}#armor{border-color:#0096ff66}#money{border-color:#5ac85a66}.hud-label{color:#aaa;margin-right:10px;font-weight:300}#healthValue{color:#0f0;font-weight:700}#armorValue{color:#0096ff;font-weight:700}#moneyValue{color:#5ac85a;font-weight:700}.hud-bottom{position:absolute;bottom:40px;right:40px;text-align:right}#ammo{font-size:3rem;font-weight:700;color:#fff;text-shadow:2px 2px 6px rgba(0,0,0,.9)}#ammoCount{color:#ff6b35}.hud-separator{color:#666;margin:0 10px}#weapon-name{margin-top:10px;font-size:1.2rem;color:#aaa;text-transform:uppercase;letter-spacing:3px;font-weight:300}#score{position:absolute;top:20px;right:20px;background:#000000b3;padding:12px 25px;border-radius:4px;font-size:1.3rem;border:2px solid rgba(255,107,53,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#killCount{color:#ff6b35;font-weight:700}#level-info{margin-top:6px;font-size:.85rem;color:#aaa;letter-spacing:1px;white-space:nowrap}#minimap{position:absolute;bottom:40px;left:20px;z-index:20;border:2px solid rgba(255,255,255,.25);border-radius:4px;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#level-banner{position:absolute;top:22%;left:50%;transform:translate(-50%);font-size:3rem;font-weight:700;letter-spacing:8px;white-space:nowrap;text-shadow:0 2px 24px rgba(0,0,0,.85);opacity:0;pointer-events:none;z-index:80}#level-banner.show{animation:bannerFade 2.6s ease-out forwards}@keyframes bannerFade{0%{opacity:0;transform:translate(-50%) scale(.85)}12%{opacity:1;transform:translate(-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%) scale(1.03)}}#damage-indicators{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60}.damage-indicator{position:absolute;top:50%;left:50%;width:280px;height:280px;margin:-140px 0 0 -140px;border-radius:50%;background:conic-gradient(from -28deg,transparent 0deg,rgba(255,40,40,.85) 28deg,transparent 56deg);-webkit-mask:radial-gradient(circle,transparent 56%,#000 58%,#000 76%,transparent 78%);mask:radial-gradient(circle,transparent 56%,#000 58%,#000 76%,transparent 78%);opacity:.9;transition:opacity .9s ease-out}.overlay-panel{background:linear-gradient(135deg,#1a1a1af7,#0d0d0df7);border:2px solid rgba(255,107,53,.4);border-radius:8px;padding:2.5rem 3.5rem;text-align:center;min-width:420px;box-shadow:0 0 60px #000c}.overlay-panel h2{color:#ff6b35;font-size:2.2rem;text-transform:uppercase;letter-spacing:4px;margin-bottom:1.5rem}.overlay-panel .menu-btn{display:block;width:100%;margin-top:1rem;padding:.9rem 2rem;font-size:1.1rem}.menu-btn.btn-secondary{background:#eef1f5;border:1px solid rgba(24,36,54,.14);color:#3a4553;box-shadow:0 6px 18px #1e2a3e1a}.menu-btn.btn-secondary:hover:not(:disabled){background:#fff;box-shadow:0 10px 24px #1e2a3e29}.multiplayer-entry{display:block;margin-top:0;text-decoration:none;text-align:center}#game-over{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:2000}#game-over.hidden{display:none}#new-record{color:gold;font-size:1.3rem;font-weight:700;margin-bottom:1rem;animation:recordPulse 1s ease-in-out infinite alternate}@keyframes recordPulse{0%{text-shadow:0 0 8px rgba(255,215,0,.4)}to{text-shadow:0 0 24px rgba(255,215,0,.9)}}#game-over-stats{margin-bottom:1.5rem;text-align:left}.stat-row{display:flex;justify-content:space-between;gap:3rem;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.08);color:#ccc;font-size:1.05rem}.stat-row span:last-child{color:#fff;font-weight:600}.stat-row.best{border-bottom:none;color:gold}.stat-row.best span:last-child{color:gold}#shop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:2000}#shop.hidden{display:none}.shop-panel{min-width:520px}@media(max-width:640px),(max-height:520px){.overlay-panel{min-width:0;width:min(94vw,480px);max-height:92vh;padding:1.1rem 1.2rem;display:flex;flex-direction:column}.shop-panel{min-width:0}.overlay-panel h2{font-size:1.4rem;letter-spacing:2px;margin-bottom:.7rem;flex:0 0 auto}#shop-items{flex:1 1 auto;overflow-y:auto;margin-bottom:.7rem}#game-over-stats{flex:1 1 auto;overflow-y:auto}.overlay-panel .menu-btn{flex:0 0 auto;margin-top:.5rem}.shop-item{gap:1rem;padding:.7rem .8rem}.shop-item-name{font-size:1rem}.shop-item-desc{font-size:.82rem}}.shop-money{color:#5ac85a;margin-left:10px}#shop-items{margin-bottom:1rem}.shop-item{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:.8rem 1rem;margin-bottom:.6rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:4px;text-align:left}.shop-item.disabled{opacity:.45}.shop-item-name{font-size:1.1rem;font-weight:600;color:#fff}.shop-item-desc{font-size:.9rem;color:#999;margin-top:3px}.shop-buy-btn{padding:.55rem 1.4rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#2e7d32,#43a047);border:none;border-radius:4px;color:#fff;cursor:pointer;white-space:nowrap;transition:all .2s}.shop-buy-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #43a04780}.shop-buy-btn:disabled{background:#444;color:#888;cursor:not-allowed}#kill-feed{position:absolute;top:100px;right:20px;width:350px}.kill-message{background:#000c;padding:10px 20px;margin-bottom:8px;border-left:4px solid #ff6b35;animation:slideIn .3s ease-out;font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #00000080}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}#reload-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:120px;font-size:1.8rem;color:#ff6b35;text-transform:uppercase;letter-spacing:4px;animation:pulse .5s infinite;text-shadow:0 0 10px rgba(255,107,53,.8);font-weight:600}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.05)}}#hit-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;pointer-events:none;animation:hitMarker .15s ease-out}.hit-line{position:absolute;width:3px;height:16px;background:#fff;box-shadow:0 0 8px #fffc}.hit-line-1{top:0;left:50%;transform:translate(-50%) rotate(45deg);transform-origin:center}.hit-line-2{top:0;left:50%;transform:translate(-50%) rotate(-45deg);transform-origin:center}@keyframes hitMarker{0%{transform:translate(-50%,-50%) scale(1.8);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.hidden{display:none!important}.loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#ff6b35;font-size:1.5rem;z-index:2000}.touch-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:800}.tc-zone{position:absolute;pointer-events:auto}.tc-zone-move{left:0;bottom:0;width:44%;height:72%}.tc-zone-aim{right:0;bottom:0;width:56%;height:82%}.tc-joy-base{position:fixed;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#ffffff14;border:2px solid #ffffff30;pointer-events:none}.tc-joy-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#fff5;border:2px solid #ffffff80;transform:translate(-50%,-50%)}.tc-btn{position:absolute;pointer-events:auto;border:2px solid #ffffff38;border-radius:50%;background:#0a0f14b8;color:#dfe7ee;font-weight:800;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none;font-family:inherit}.tc-btn:active{background:#ff6b35cc}.tc-fire{right:24px;bottom:42px;width:96px;height:96px;font-size:20px;border-color:#ff6b3580;color:#ffb28f}.tc-jump{right:136px;bottom:46px;width:60px;height:60px;font-size:15px}.tc-crouch{right:44px;bottom:192px;width:56px;height:56px;font-size:15px}.tc-crouch.active{background:#2f6bb0cc;border-color:#6db2ff}.tc-reload{right:148px;bottom:130px;width:52px;height:52px;font-size:15px}.tc-scope{right:118px;bottom:200px;width:52px;height:52px;font-size:15px;border-color:#62ff9d66;color:#9dffc4}.tc-shop{left:18px;top:74px;width:52px;height:44px;font-size:13px;border-radius:10px}.tc-full{left:14px;top:126px;width:42px;height:42px;font-size:18px;border-radius:10px}.tc-weapon-bar{position:absolute;left:50%;bottom:8px;transform:translate(-50%);display:flex;gap:6px;pointer-events:auto}.tc-weapon{position:static;width:46px;height:38px;border-radius:8px;font-size:12px}.tc-weapon.active{background:#ff6b35cc;border-color:#ffb28f;color:#fff}.tc-rotate-hint{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:900;background:#0a0c10f0;color:#ffb28f;font-size:22px;font-weight:700;text-align:center;pointer-events:none}@media(orientation:portrait){.touch-device .tc-rotate-hint{display:grid;place-content:center}}.touch-device #crosshair{display:block}.touch-device #minimap{top:8px;right:8px;bottom:auto;left:auto;width:92px;height:92px;z-index:30}.touch-device .hud-top{top:8px;left:8px;gap:8px;transform:scale(.8);transform-origin:top left}.touch-device #score{top:8px;right:108px;transform:scale(.8);transform-origin:top right}.touch-device .hud-bottom{left:50%;right:auto;bottom:50px;transform:translate(-50%) scale(.78);transform-origin:bottom center;text-align:center}#hit-marker.headshot .hit-line{background:#ff3b30;box-shadow:0 0 10px #ff3b30e6}#damage-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;z-index:500;background:radial-gradient(circle,transparent 45%,rgba(200,20,20,.55) 100%)}#damage-flash.show{animation:spDmgFlash .5s ease-out}@keyframes spDmgFlash{0%{opacity:1}to{opacity:0}}