*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0d0d1a;font-family:-apple-system,system-ui,sans-serif;color:#e8e8e8;user-select:none}canvas{display:block}#hud{position:fixed;inset:0;pointer-events:none;font-size:14px;text-shadow:0 0 4px #000,0 1px 2px #000}.hud-panel,#hud-top,#hud-stats,#hud-hp,#hud-energy,#hud-upgrades,#hud-ammo,#hud-controls{background:#0a0810ad;border:1px solid rgba(180,140,200,.22);border-radius:8px;box-shadow:0 4px 18px #0000008c,0 0 0 1px #ffffff08 inset;backdrop-filter:blur(2px)}#hud-top{position:absolute;top:60px;left:50%;transform:translate(-50%);display:flex;gap:28px;padding:10px 20px;font-weight:700;letter-spacing:.5px;font-size:13px}#battle-hostiles{color:#ffb0a0}#battle-allies{color:#7fb8ff}#hud-controls{position:absolute;top:18px;left:20px;padding:10px 14px;font-size:11px;line-height:1.6;color:#c8c4d8;min-width:170px}.control-row{display:flex;align-items:center;gap:6px}kbd{display:inline-block;min-width:18px;padding:1px 5px;background:#b48cdc24;border:1px solid rgba(200,160,240,.3);border-radius:3px;font-size:10px;font-weight:700;font-family:inherit;color:#f0d8ff;text-align:center;line-height:1.3}#hud-stats{position:absolute;top:18px;right:20px;padding:10px 14px;display:flex;flex-direction:column;gap:5px;min-width:150px;font-size:13px;font-weight:600}.stat-row{display:grid;grid-template-columns:18px 1fr auto;align-items:baseline;gap:8px}.stat-icon{font-size:14px;text-align:center}.stat-value{font-weight:800;letter-spacing:.5px}.stat-label{font-size:10px;opacity:.55;text-transform:uppercase;letter-spacing:1px}.stat-kills{color:#ffb0a0}.stat-souls{color:#d6a8ff}.stat-level{color:#fff1b0}#hud-hp{position:absolute;bottom:64px;left:20px;width:280px;height:26px;padding:0;overflow:hidden;border-color:#dc3c3c66}#hp-bar-fill{position:absolute;inset:0;width:100%;background:linear-gradient(90deg,#c81818,#ff4040 60%,#ff7060);box-shadow:0 0 14px #dc28288c inset,0 0 20px #dc282859;transition:width .15s ease-out}#hp-bar-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:11px;font-weight:800;letter-spacing:1.2px;color:#20020a;text-shadow:0 0 6px rgba(255,200,200,.9),0 1px 0 rgba(255,255,255,.4)}.hp-tag{opacity:.9}.hp-numbers{font-weight:900}#hud-energy{position:absolute;bottom:26px;left:20px;width:280px;height:30px;padding:0;overflow:hidden;border-color:#ff964666}#energy-bar-fill{position:absolute;inset:0;width:100%;background:linear-gradient(90deg,#ff7a20,#ffaf55 60%,#ffd780);box-shadow:0 0 14px #ff8c288c inset,0 0 20px #ff782859;transition:width .08s linear}#energy-bar-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:11px;font-weight:800;letter-spacing:1.2px;color:#1a0800;text-shadow:0 0 6px rgba(255,220,150,.9),0 1px 0 rgba(255,255,255,.4)}.energy-tag{opacity:.85}.energy-numbers{font-weight:900}#hud-upgrades{position:absolute;bottom:100px;right:20px;min-width:280px;padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px}.upgrade-title{font-size:10px;font-weight:800;letter-spacing:2.5px;color:#b894d8;text-align:center;padding-bottom:2px;border-bottom:1px solid rgba(180,140,220,.2);margin-bottom:4px}.upgrade-row{display:grid;grid-template-columns:26px 1fr 30px 50px;align-items:center;gap:8px;background:#140e1c8c;border:1px solid rgba(180,100,220,.18);border-radius:5px;padding:7px 10px;font-size:12px;font-weight:600;transition:opacity .15s,border-color .15s,background .15s}.upgrade-row.unaffordable{opacity:.45}.upgrade-row.affordable{border-color:#c88cff99;background:#28143c99}.upgrade-hotkey{display:inline-block;text-align:center;background:#b464ff47;border:1px solid rgba(200,140,255,.4);border-radius:3px;padding:2px 0;color:#f0d8ff;font-weight:800;font-size:11px}.upgrade-label{color:#e8e8e8}.upgrade-level{color:#fff1b0;text-align:right;font-weight:700}.upgrade-cost{color:#d6a8ff;text-align:right;font-weight:700}#hud-ammo{position:absolute;bottom:26px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:10px 22px;border-radius:24px;white-space:nowrap;min-width:280px;justify-content:center}#ammo-name{font-size:15px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}#ammo-name.ammo-machine_gun{color:#ffeb3b}#ammo-name.ammo-conversion_bolt{color:#00e5ff}#ammo-name.ammo-summon_bolt{color:#c07bff}#ammo-name.ammo-summon_runner{color:#70b253}#ammo-name.ammo-summon_brute{color:#a5332c}#ammo-name.ammo-summon_stalker{color:#5c2b93}#ammo-name.ammo-summon_giant{color:#e6d495}.ammo-separator{color:#ffffff40;font-weight:700}#ammo-cost{font-size:12px;font-weight:700;letter-spacing:.5px}#ammo-cost .cost-energy{color:#ffb070}#ammo-cost .cost-souls{color:#d6a8ff}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:300;color:#ffeb3b;transition:color .15s;text-shadow:0 0 6px rgba(0,0,0,.9)}#crosshair.ammo-machine_gun{color:#ffeb3b}#crosshair.ammo-conversion_bolt{color:#00e5ff}#crosshair.ammo-summon_bolt{color:#c07bff}#crosshair.ammo-summon_runner{color:#70b253}#crosshair.ammo-summon_brute{color:#a5332c}#crosshair.ammo-summon_stalker{color:#5c2b93}#crosshair.ammo-summon_giant{color:#e6d495}#crosshair.kill-confirm{animation:crosshair-kill .36s ease-out}@keyframes crosshair-kill{0%{transform:translate(-50%,-50%) scale(1);color:#fff;text-shadow:0 0 18px #ff5c3a,0 0 8px #ffffff}40%{transform:translate(-50%,-50%) scale(1.8);color:#fff0c8;text-shadow:0 0 22px #ff4040,0 0 10px #ffffff}to{transform:translate(-50%,-50%) scale(1);color:inherit;text-shadow:0 0 6px rgba(0,0,0,.9)}}#round-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);padding:8px 22px;background:#0a0608c7;border:1px solid rgba(255,60,40,.4);border-radius:6px;font-size:13px;font-weight:700;letter-spacing:.8px;color:#ffcab0;text-transform:uppercase;display:flex;gap:14px;pointer-events:none;box-shadow:0 0 24px #c8281440}#round-banner.phase-pve{border-color:#78b4ff73;color:#d4e8ff;box-shadow:0 0 24px #3c78dc38}#round-banner.phase-pvp{border-color:#ff3c2899;color:#ffc0a0;box-shadow:0 0 30px #ff3c2859}#round-banner.phase-ended{border-color:#ffc85099;color:#ffe4a0;box-shadow:0 0 30px #ffc85059}#round-phase{color:inherit}#round-generals,#round-timer{opacity:.85}#round-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:32px 54px;background:#080406eb;border:2px solid rgba(255,80,50,.5);border-radius:10px;text-align:center;font-family:inherit;color:#ffd0b8;pointer-events:none;box-shadow:0 0 60px #ff502866;z-index:50}#round-overlay.hidden{display:none}#round-overlay.victory{border-color:#ffdc78b3;color:#fff2c8;box-shadow:0 0 80px #ffc8508c}#round-overlay-title{font-size:28px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;text-shadow:0 0 12px rgba(0,0,0,.9)}#round-overlay-sub{font-size:14px;opacity:.85;letter-spacing:.6px}#lock-prompt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:22px 40px;background:#0a0810eb;border:1px solid rgba(200,140,255,.3);border-radius:10px;box-shadow:0 8px 32px #000000b3;font-size:20px;font-weight:700;letter-spacing:1.5px;pointer-events:auto;cursor:pointer;color:#f0d8ff}#lock-prompt.hidden{display:none}#damage-flash{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(220,35,20,.55) 85%,rgba(140,10,10,.8) 100%),radial-gradient(ellipse at center,transparent 60%,rgba(255,90,40,.35) 100%);opacity:0;transition:opacity .55s cubic-bezier(.25,.1,.25,1);z-index:50}#damage-flash.flash{opacity:.9;transition:opacity 0s}#damage-indicators{position:fixed;inset:0;pointer-events:none;z-index:60}.damage-arc{position:absolute;top:50%;left:50%;width:640px;height:640px;margin-left:-320px;margin-top:-320px;border-radius:50%;pointer-events:none;background:conic-gradient(from -18deg,transparent 0deg,rgba(255,60,60,0) 4deg,rgba(255,70,40,.85) 12deg,rgba(255,140,80,1) 18deg,rgba(255,70,40,.85) 24deg,rgba(255,60,60,0) 32deg,transparent 36deg,transparent 360deg);-webkit-mask-image:radial-gradient(circle,transparent 38%,black 43%,black 52%,transparent 56%);mask-image:radial-gradient(circle,transparent 38%,black 43%,black 52%,transparent 56%);animation:damage-arc-fade 1.6s ease-out forwards;will-change:transform,opacity;filter:drop-shadow(0 0 14px rgba(255,60,30,.65))}@keyframes damage-arc-fade{0%{opacity:.95;transform:rotate(var(--a)) scale(1)}20%{opacity:.9;transform:rotate(var(--a)) scale(1.02)}to{opacity:0;transform:rotate(var(--a)) scale(.96)}}#hud-hp.hit{animation:hp-hit-pulse .4s ease-out}@keyframes hp-hit-pulse{0%{box-shadow:0 0 0 2px #ff3c3ce6,0 0 22px #ff3c3cb3}to{box-shadow:0 0 #ff3c3c00,0 0 #ff3c3c00}}#splash{position:fixed;inset:0;z-index:9999;background:radial-gradient(ellipse at center,#280a14f5,#05030afc 70%);display:flex;align-items:center;justify-content:center;transition:opacity .4s ease;pointer-events:auto}#splash.splash-exit{opacity:0;pointer-events:none}#splash-inner{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;max-width:560px;padding:44px 32px}.splash-title{font-size:34px;font-weight:800;letter-spacing:2.5px;color:#d6a8ff;text-shadow:0 0 22px rgba(180,100,255,.55),0 0 40px rgba(180,100,255,.3);margin:0}.splash-sub{color:#ffb0a0;font-size:14px;margin:0;opacity:.9;letter-spacing:.4px;line-height:1.45;max-width:440px}.splash-phases{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:2px}.splash-phase{padding:5px 12px;border-radius:14px;font-size:10px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;white-space:nowrap}.splash-phase.phase-pve{color:#d4e8ff;background:#3c78dc2e;border:1px solid rgba(120,180,255,.45);box-shadow:0 0 14px #3c78dc33}.splash-phase.phase-pvp{color:#ffc0a0;background:#ff3c2826;border:1px solid rgba(255,60,40,.5);box-shadow:0 0 14px #ff3c2840}.splash-phase.phase-end{color:#ffe4a0;background:#ffc85026;border:1px solid rgba(255,200,80,.5);box-shadow:0 0 14px #ffc85040}.splash-arrow{color:#c8b4dc73;font-size:12px}.splash-meta{font-size:11px;color:#a595b5;margin:0;opacity:.8;letter-spacing:1.2px;text-transform:uppercase}.splash-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;margin-top:2px}.splash-ctrl{display:flex;flex-direction:column;gap:4px;padding:8px 6px;background:#140e1c8c;border:1px solid rgba(180,100,220,.2);border-radius:6px;text-align:center;min-width:0}.splash-ctrl-label{font-size:9px;font-weight:800;letter-spacing:1.6px;color:#b894d8}.splash-ctrl-keys{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;margin:1px 0;line-height:1.5}.splash-ctrl-keys kbd{font-size:9px;min-width:15px;padding:1px 4px}.splash-ctrl-hint{font-size:10px;color:#a497b4;opacity:.85;letter-spacing:.3px}.splash-ctrl-hint kbd{font-size:9px;min-width:14px;padding:0 4px}.splash-form{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:8px}.splash-connecting{font-size:14px;letter-spacing:2px;color:#f0d8ffd9;text-align:center;padding:18px 0;margin:0}.splash-connecting .splash-dots{display:inline-block;margin-left:2px;animation:splash-pulse 1.1s steps(1) infinite}@keyframes splash-pulse{50%{opacity:.25}}#splash-name{background:#140a1eeb;border:1px solid rgba(180,100,255,.4);border-radius:6px;padding:14px 18px;font-size:16px;color:#f0d8ff;text-align:center;letter-spacing:1.5px;outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s}#splash-name::placeholder{color:#f0d8ff59;letter-spacing:1px}#splash-name:focus{border-color:#c88cffd9;box-shadow:0 0 18px #b464ff40}#splash-name.error{border-color:#ff6060}#splash-enter{background:linear-gradient(135deg,#6a1a8e,#9a30be);border:1px solid rgba(200,140,255,.5);border-radius:6px;padding:14px;font-size:14px;font-weight:800;letter-spacing:2px;color:#f0d8ff;cursor:pointer;transition:filter .15s,transform .1s;font-family:inherit;text-shadow:0 1px 2px rgba(0,0,0,.4)}#splash-enter:hover{filter:brightness(1.25)}#splash-enter:active{transform:scale(.98)}.splash-hint{font-size:11px;color:#988c9e;margin:0;opacity:.85;letter-spacing:.2px;line-height:1.45;max-width:440px}