*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#05070c;font-family:Segoe UI,Microsoft YaHei,sans-serif;user-select:none}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}#crosshair{position:fixed;left:50%;top:50%;width:0;height:0;--gap: 6px;--len: 9px;z-index:20;pointer-events:none}.ch-line{position:absolute;background:#d9f6ff;box-shadow:0 0 3px #000000e6}.ch-top{width:2px;height:var(--len);left:-1px;bottom:var(--gap)}.ch-bottom{width:2px;height:var(--len);left:-1px;top:var(--gap)}.ch-left{height:2px;width:var(--len);top:-1px;right:var(--gap)}.ch-right{height:2px;width:var(--len);top:-1px;left:var(--gap)}.ch-dot{position:absolute;width:2px;height:2px;left:-1px;top:-1px;background:#d9f6ff;border-radius:50%}#hitmarker{position:absolute;left:0;top:0;opacity:0}#hitmarker.show{opacity:1}#hitmarker.headshot .hm{background:#ffcf4d}#hitmarker.kill .hm{background:#ff4d5e}.hm{position:absolute;width:2px;height:10px;background:#fff;box-shadow:0 0 4px #000c}.hm-tl{transform:translate(-8px,-14px) rotate(-45deg)}.hm-tr{transform:translate(6px,-14px) rotate(45deg)}.hm-bl{transform:translate(-8px,4px) rotate(45deg)}.hm-br{transform:translate(6px,4px) rotate(-45deg)}#killfeed{position:fixed;top:18px;right:22px;display:flex;flex-direction:column;gap:6px;align-items:flex-end;z-index:21;pointer-events:none}.kf-entry{background:#080e18c7;border:1px solid rgba(90,200,255,.25);border-right:3px solid #37c8ff;color:#cfeaff;font-size:13px;letter-spacing:.5px;padding:5px 12px;border-radius:3px;animation:kf-in .18s ease-out}.kf-entry .kf-you{color:#37c8ff;font-weight:700}.kf-entry .kf-arrow{color:#8aa;margin:0 6px}.kf-entry .kf-head{color:#ffcf4d;margin-right:6px}@keyframes kf-in{0%{transform:translate(30px);opacity:0}to{transform:none;opacity:1}}.kf-entry.fade{transition:opacity .5s;opacity:0}#score{position:fixed;top:18px;right:22px;transform:translateY(-100%);color:#6f8aa5;font-size:12px;letter-spacing:2px;font-weight:600;z-index:20}#score span{color:#ffcf4d;font-size:15px;margin-left:4px}#center-msg{position:fixed;left:50%;top:34%;transform:translate(-50%,-50%);font-size:34px;font-weight:900;letter-spacing:8px;color:#ff4d5e;text-shadow:0 0 18px rgba(255,77,94,.55);opacity:0;z-index:22;pointer-events:none;transition:opacity .15s}#center-msg.show{opacity:1}#center-msg.headshot{color:#ffcf4d;text-shadow:0 0 18px rgba(255,207,77,.6)}#hp-panel{position:fixed;left:26px;bottom:26px;z-index:20;color:#e8f4ff}.hp-label{font-size:11px;letter-spacing:3px;color:#6f8aa5;font-weight:700}#hp-num{font-size:42px;font-weight:800;line-height:1;text-shadow:0 0 12px rgba(55,200,255,.35)}#hp-num.low{color:#ff4d5e;text-shadow:0 0 12px rgba(255,77,94,.6)}#hp-bar{width:150px;height:4px;margin-top:6px;background:#78a0c82e;border-radius:2px;overflow:hidden}#hp-bar-fill{height:100%;width:100%;background:linear-gradient(90deg,#37c8ff,#7fdcff);border-radius:2px;transition:width .15s}#hp-bar-fill.low{background:#ff4d5e}#weapon-panel{position:fixed;right:26px;bottom:26px;z-index:20;text-align:right;color:#e8f4ff}#weapon-name{font-size:13px;letter-spacing:3px;color:#6f8aa5;font-weight:700}#ammo{font-size:40px;font-weight:800;line-height:1.1}#ammo-mag{text-shadow:0 0 12px rgba(55,200,255,.35)}#ammo-mag.empty{color:#ff4d5e}.ammo-sep{color:#46586b;margin:0 6px;font-size:28px}#ammo-reserve{color:#6f8aa5;font-size:26px}#reload-hint{font-size:11px;color:#ffcf4d;letter-spacing:2px;opacity:0}#reload-hint.show{opacity:1;animation:blink 1s infinite}@keyframes blink{50%{opacity:.25}}#skill-bar{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:flex;gap:14px;z-index:20}.skill{position:relative;width:72px;height:72px;background:#080e18b8;border:1px solid rgba(90,200,255,.3);border-radius:6px;overflow:hidden;color:#cfeaff}.skill.ready{border-color:#37c8ffd9;box-shadow:0 0 10px #37c8ff40}.skill.active-skill{border-color:#ffcf4d;box-shadow:0 0 14px #ffcf4d66}.skill-key{position:absolute;top:4px;left:7px;font-size:14px;font-weight:800;color:#37c8ff}.skill.active-skill .skill-key{color:#ffcf4d}.skill-name{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:2px;color:#9db8cd}.skill-charges{position:absolute;top:8px;right:7px;display:flex;gap:3px}.charge-dot{width:6px;height:6px;border-radius:50%;background:#37c8ff;box-shadow:0 0 5px #37c8ffcc}.charge-dot.off{background:#7896b440;box-shadow:none}.skill-cd{position:absolute;left:0;right:0;bottom:0;height:0%;background:#0a1423d9;border-top:1px solid rgba(55,200,255,.4);display:flex;align-items:center;justify-content:center}.skill-cd-text{font-size:15px;font-weight:800;color:#37c8ff}#glide-hint{position:fixed;left:50%;top:58%;transform:translate(-50%);color:#9fdcff;font-size:12px;letter-spacing:4px;opacity:0;z-index:19;pointer-events:none;transition:opacity .2s}#glide-hint.show{opacity:.9}#dmg-vignette{position:fixed;inset:0;z-index:18;pointer-events:none;background:radial-gradient(ellipse at center,#ff001e00 42%,#ff001e47 78%,#b400148c);opacity:0}#death-overlay{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1e040a73;pointer-events:none}.death-title{font-size:52px;font-weight:900;letter-spacing:12px;color:#ff4d5e;text-shadow:0 0 30px rgba(255,77,94,.7)}.death-sub{margin-top:14px;color:#e8b8bd;letter-spacing:3px;font-size:15px}#victory-overlay{position:fixed;inset:0;z-index:35;display:flex;align-items:center;justify-content:center;background:#0a1e148c;backdrop-filter:blur(3px)}.victory-box{text-align:center}.victory-tag{font-size:14px;letter-spacing:6px;color:#37e88a;font-weight:700}.victory-title{margin-top:10px;font-size:46px;font-weight:900;letter-spacing:10px;color:#eafff3;text-shadow:0 0 30px rgba(55,232,138,.6)}.victory-sub{margin-top:14px;color:#b8d8c5;letter-spacing:3px;font-size:15px}.victory-sub span{color:#37e88a;font-weight:800}#restart-btn{margin-top:30px;font-size:15px;font-weight:800;letter-spacing:3px;color:#04140a;background:linear-gradient(90deg,#37e88a,#8affc4);border:none;padding:13px 40px;border-radius:4px;cursor:pointer;box-shadow:0 0 22px #37e88a73;transition:transform .12s,box-shadow .12s}#restart-btn:hover{transform:scale(1.04);box-shadow:0 0 32px #37e88ab3}#start-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#050a14eb,#08101ee0);backdrop-filter:blur(4px)}.start-box{text-align:center;max-width:560px;padding:30px}.start-title{font-size:52px;font-weight:900;letter-spacing:6px;color:#e8f4ff;text-shadow:0 0 30px rgba(55,200,255,.45)}.start-title .slash{color:#37c8ff}.start-sub{margin-top:8px;font-size:14px;letter-spacing:6px;color:#6f8aa5}.start-controls{margin:34px auto 26px;display:grid;grid-template-columns:1fr 1fr;gap:8px 26px;text-align:left;font-size:13px;color:#9db8cd;width:fit-content}.ctrl b{color:#37c8ff;font-weight:700;display:inline-block;min-width:52px}#deploy-btn{font-size:16px;font-weight:800;letter-spacing:4px;color:#04121c;background:linear-gradient(90deg,#37c8ff,#7fdcff);border:none;padding:14px 46px;border-radius:4px;cursor:pointer;box-shadow:0 0 24px #37c8ff73;transition:transform .12s,box-shadow .12s}#deploy-btn:hover{transform:scale(1.04);box-shadow:0 0 34px #37c8ffb3}.start-tip{margin-top:18px;font-size:11px;color:#46586b;letter-spacing:2px}#pause-overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#050a1499;backdrop-filter:blur(3px);cursor:pointer}.pause-box{text-align:center}.pause-title{font-size:34px;font-weight:800;letter-spacing:8px;color:#e8f4ff}.pause-sub{margin-top:10px;color:#6f8aa5;letter-spacing:3px}