:root{--vd-neon: #b6ff6c;--vd-neon-dim: #7fc24a;--vd-cyan: #5ad7ff;--vd-amber: #ffcb45;--vd-red: #ff4d4d;--vd-bg: rgba(8, 10, 12, .82);--vd-bg-solid: #0a0c0e;--vd-edge: rgba(182, 255, 108, .35);--vd-shadow: 0 0 12px rgba(120, 255, 80, .35);--vd-font: "Courier New", ui-monospace, "SFMono-Regular", Menlo, monospace}#hud{font-family:var(--vd-font);text-transform:uppercase;-webkit-font-smoothing:none;font-smooth:never;color:#e8f3e0}#hud.vd-hidden{display:none}.vd-panel{position:absolute;padding:10px 12px;background:var(--vd-bg);border:2px solid var(--vd-edge);box-shadow:var(--vd-shadow),inset 0 0 0 1px #0006;letter-spacing:.08em;backdrop-filter:blur(1px)}.vd-label{font-size:.62rem;letter-spacing:.22em;color:var(--vd-neon-dim);margin-bottom:3px;text-shadow:0 0 6px rgba(120,255,80,.25)}.vd-value{font-weight:700;line-height:1}.vd-crosshair{position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-50%,-50%);z-index:4}.vd-crosshair .vd-ch-line{position:absolute;background:var(--vd-neon);box-shadow:0 0 4px #78ff50cc,0 0 1px #000}.vd-crosshair .vd-ch-dot{position:absolute;left:-1px;top:-1px;width:2px;height:2px;background:var(--vd-neon);box-shadow:0 0 4px #78ff50e6}.vd-ch-top,.vd-ch-bottom{width:2px;height:8px;left:-1px}.vd-ch-top{top:calc(-1 * (var(--vd-spread, 4px) + 8px))}.vd-ch-bottom{top:var(--vd-spread, 4px)}.vd-ch-left,.vd-ch-right{width:8px;height:2px;top:-1px}.vd-ch-left{left:calc(-1 * (var(--vd-spread, 4px) + 8px))}.vd-ch-right{left:var(--vd-spread, 4px)}.vd-hitmarker{position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%) scale(.8);z-index:5;opacity:0;pointer-events:none}.vd-hitmarker:before,.vd-hitmarker:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:3px;background:#fff;box-shadow:0 0 5px #ffffffe6}.vd-hitmarker:before{transform:translate(-50%,-50%) rotate(45deg)}.vd-hitmarker:after{transform:translate(-50%,-50%) rotate(-45deg)}.vd-hitmarker.vd-show{animation:vd-hit .22s ease-out}.vd-hitmarker.vd-kill:before,.vd-hitmarker.vd-kill:after{background:var(--vd-red);box-shadow:0 0 8px #ff4646;width:18px;height:4px}.vd-hitmarker.vd-kill.vd-show{animation:vd-kill .32s ease-out}@keyframes vd-hit{0%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes vd-kill{0%{opacity:1;transform:translate(-50%,-50%) scale(1.7) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(.9) rotate(90deg)}}.vd-bottom-left{left:20px;bottom:20px;min-width:220px}.vd-hp-row{display:flex;align-items:baseline;gap:8px}.vd-hp-value{font-size:1.9rem;color:var(--vd-neon);text-shadow:var(--vd-shadow)}.vd-hp-max{font-size:.8rem;color:#6b7d5a}.vd-hp-bar{position:relative;height:12px;margin-top:6px;background:#0009;border:1px solid rgba(182,255,108,.25);overflow:hidden}.vd-hp-fill{position:absolute;inset:0 100% 0 0;background:linear-gradient(90deg,#4caf2f,var(--vd-neon));box-shadow:0 0 8px #78ff5099;transition:width .18s ease-out,background .3s}.vd-bottom-left.vd-low .vd-hp-fill{background:linear-gradient(90deg,#b01616,var(--vd-red));box-shadow:0 0 10px #ff4646cc}.vd-bottom-left.vd-low .vd-hp-value{color:var(--vd-red);text-shadow:0 0 12px rgba(255,70,70,.7)}.vd-bottom-right{right:20px;bottom:20px;min-width:200px;text-align:right}.vd-weapon-name{font-size:1rem;color:var(--vd-cyan);text-shadow:0 0 8px rgba(90,215,255,.4);margin-bottom:4px}.vd-ammo-row{display:flex;justify-content:flex-end;align-items:baseline;gap:6px}.vd-ammo-mag{font-size:2rem;font-weight:700;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.3)}.vd-ammo-sep{font-size:1.1rem;color:#4a5a6a}.vd-ammo-reserve{font-size:1.1rem;color:#8aa0b4}.vd-bottom-right.vd-lowammo .vd-ammo-mag{color:var(--vd-amber);text-shadow:0 0 10px rgba(255,203,69,.7);animation:vd-blink .6s steps(2,start) infinite}.vd-weapon-slots{display:flex;justify-content:flex-end;gap:4px;margin-top:6px}.vd-slot{width:20px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#5a6a7a;border:1px solid rgba(120,160,200,.25);background:#0006}.vd-slot.vd-active{color:var(--vd-bg-solid);background:var(--vd-cyan);border-color:var(--vd-cyan);box-shadow:0 0 8px #5ad7ff99;font-weight:700}.vd-top-left{left:20px;top:20px;min-width:180px}.vd-wave-value{font-size:1.5rem;color:var(--vd-amber);text-shadow:0 0 10px rgba(255,203,69,.5)}.vd-score-value{font-size:1.6rem;color:#fff;letter-spacing:.1em}.vd-combo{margin-top:6px;font-size:1.1rem;font-weight:700;color:var(--vd-neon);opacity:0;transform:scale(.8);transition:opacity .2s,transform .2s}.vd-combo.vd-active{opacity:1;transform:scale(1)}.vd-combo.vd-pop{animation:vd-combo-pop .3s ease-out}.vd-combo[data-tier="2"]{color:#d8ff6c}.vd-combo[data-tier="3"]{color:var(--vd-amber);text-shadow:0 0 10px rgba(255,203,69,.6)}.vd-combo[data-tier="4"]{color:#ff7a3c;text-shadow:0 0 14px rgba(255,122,60,.8)}@keyframes vd-combo-pop{0%{transform:scale(1.5)}to{transform:scale(1)}}.vd-top-right{right:20px;top:20px;min-width:160px;text-align:right;background:transparent;border:none;box-shadow:none;padding:0}.vd-enemies-panel{display:inline-block;padding:8px 12px;background:var(--vd-bg);border:2px solid rgba(255,90,90,.3);box-shadow:0 0 12px #ff464633}.vd-enemies-value{font-size:1.5rem;color:var(--vd-red);text-shadow:0 0 10px rgba(255,70,70,.4)}.vd-killfeed{margin-top:10px;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.vd-killfeed-item{font-size:.72rem;letter-spacing:.1em;color:#d8e8c8;background:#080a0cb3;padding:3px 8px;border-right:3px solid var(--vd-neon);text-shadow:0 0 4px rgba(0,0,0,.8);animation:vd-feed-in .25s ease-out}.vd-killfeed-item.vd-fade{opacity:0;transition:opacity .5s}@keyframes vd-feed-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.vd-banner{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);text-align:center;z-index:6;opacity:0;pointer-events:none}.vd-banner.vd-show{animation:vd-banner 2.4s ease-out}.vd-banner .vd-banner-sub{font-size:.9rem;letter-spacing:.5em;color:var(--vd-red);text-shadow:0 0 10px rgba(255,70,70,.6);margin-bottom:6px}.vd-banner .vd-banner-main{font-size:clamp(2.6rem,9vw,5.5rem);font-weight:700;letter-spacing:.18em;color:var(--vd-neon);text-shadow:0 0 26px rgba(120,255,80,.6),5px 5px 0 #14250c}@keyframes vd-banner{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}25%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.vd-flash{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,#f000 40%,#b400008c)}.vd-flash.vd-show{animation:vd-flash .4s ease-out}@keyframes vd-flash{0%{opacity:1}to{opacity:0}}.vd-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,#f000 45%,#aa000080);transition:opacity .4s ease-in-out}.vd-vignette.vd-on{animation:vd-pulse 1.1s ease-in-out infinite}@keyframes vd-pulse{0%,to{opacity:.35}50%{opacity:.85}}.vd-dmgnum{position:absolute;transform:translate(-50%,-50%);font-family:var(--vd-font);font-weight:700;font-size:1.1rem;color:#fff;text-shadow:0 0 4px #000,1px 1px 0 #000;pointer-events:none;z-index:4;will-change:transform,opacity;animation:vd-dmg .8s ease-out forwards}.vd-dmgnum.vd-head{color:var(--vd-amber);font-size:1.5rem;text-shadow:0 0 8px rgba(255,203,69,.8),1px 1px 0 #000}@keyframes vd-dmg{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}20%{opacity:1;transform:translate(-50%,-90%) scale(1.1)}to{opacity:0;transform:translate(-50%,-240%) scale(.9)}}@keyframes vd-blink{0%{opacity:1}50%{opacity:.35}to{opacity:1}}#menu{font-family:var(--vd-font)}#menu.vd-hidden{display:none}.vd-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;text-align:center;pointer-events:auto;background:radial-gradient(circle at 50% 38%,#121814c7,#040605f7)}.vd-overlay.vd-hidden{display:none}.vd-logo{font-size:clamp(3rem,13vw,8.5rem);font-weight:700;letter-spacing:.22em;text-transform:uppercase;line-height:.95;margin-right:-.22em;color:var(--vd-neon);text-shadow:0 0 18px rgba(120,255,80,.45),6px 6px 0 #14250c,10px 10px 0 rgba(0,0,0,.5);animation:vd-logo-flicker 4s infinite}.vd-logo .vd-logo-dead{color:var(--vd-red);text-shadow:0 0 22px rgba(255,60,60,.6),6px 6px 0 #2a0808,10px 10px 0 rgba(0,0,0,.5)}@keyframes vd-logo-flicker{0%,92%,to{opacity:1}93%{opacity:.7}94%{opacity:1}96%{opacity:.85}97%{opacity:1}}.vd-tagline{font-size:clamp(.7rem,2vw,1rem);letter-spacing:.45em;text-transform:uppercase;color:#8aa07a;margin-top:-.6rem}.vd-menu-title{font-size:clamp(1.8rem,6vw,3rem);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--vd-neon);text-shadow:0 0 16px rgba(120,255,80,.4),4px 4px 0 #14250c}.vd-menu-title.vd-dead{color:var(--vd-red);text-shadow:0 0 18px rgba(255,60,60,.5),4px 4px 0 #2a0808}.vd-btns{display:flex;flex-direction:column;gap:.8rem;margin-top:.6rem}.vd-btn{font-family:var(--vd-font);font-size:1.1rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#0a0c0e;background:var(--vd-neon);border:2px solid var(--vd-neon);padding:.7rem 2.6rem;cursor:pointer;pointer-events:auto;box-shadow:0 0 14px #78ff5066,4px 4px #14250c;transition:transform .08s,box-shadow .15s,background .15s}.vd-btn:hover,.vd-btn:focus-visible{background:#d6ff8c;box-shadow:0 0 22px #78ff50b3,4px 4px #14250c;transform:translate(-1px,-1px);outline:none}.vd-btn:active{transform:translate(2px,2px);box-shadow:0 0 10px #78ff5066,1px 1px #14250c}.vd-btn.vd-btn-secondary{color:var(--vd-cyan);background:transparent;border-color:var(--vd-cyan);box-shadow:0 0 10px #5ad7ff40,3px 3px #06212c}.vd-btn.vd-btn-secondary:hover,.vd-btn.vd-btn-secondary:focus-visible{background:#5ad7ff1f;box-shadow:0 0 18px #5ad7ff80,3px 3px #06212c}.vd-controls{margin-top:.6rem;display:grid;grid-template-columns:auto auto;gap:.25rem 1.2rem;font-size:.78rem;letter-spacing:.06em;text-transform:none;color:#9aa890}.vd-controls .vd-key{color:var(--vd-cyan);text-align:right;font-weight:700}.vd-controls .vd-act{text-align:left;color:#b8c8a8}.vd-stat-row{display:flex;gap:1.4rem;justify-content:center;margin-top:.4rem;flex-wrap:wrap}.vd-stat{display:flex;flex-direction:column;align-items:center;min-width:6rem}.vd-stat .vd-stat-label{font-size:.62rem;letter-spacing:.25em;color:#7f8f72;text-transform:uppercase}.vd-stat .vd-stat-num{font-size:2rem;font-weight:700;color:#fff;text-shadow:var(--vd-shadow)}.vd-stat .vd-stat-num.vd-amber{color:var(--vd-amber);text-shadow:0 0 10px rgba(255,203,69,.5)}.vd-stat .vd-stat-num.vd-neon{color:var(--vd-neon)}.vd-highscore{font-size:.9rem;letter-spacing:.18em;color:var(--vd-amber);text-shadow:0 0 10px rgba(255,203,69,.4)}.vd-newbest{font-size:1.1rem;font-weight:700;letter-spacing:.25em;color:var(--vd-neon);text-shadow:var(--vd-shadow);animation:vd-blink .7s steps(2,start) infinite}.vd-hint{font-size:.7rem;letter-spacing:.12em;color:#6b7560;text-transform:none;margin-top:.4rem}