html,body,#app{height:100%;margin:0;overflow:hidden}#app{position:relative}#app canvas{width:100%;height:100%;display:block}.hud-top{pointer-events:none;z-index:12;flex-flow:row;align-items:center;gap:20px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.enemy-remain-hud{filter:drop-shadow(0 2px 6px #00000073);flex-flow:row;align-items:center;gap:10px;display:flex}.enemy-remain-sprite-wrap{filter:drop-shadow(0 0 14px #f556);flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.enemy-remain-hud-canvas{vertical-align:middle;-webkit-user-select:none;user-select:none;pointer-events:none;width:88px;height:88px;display:block}.enemy-remain-hud[data-empty=true] .enemy-remain-sprite-wrap{filter:drop-shadow(0 0 6px #ff55551f);opacity:.55}.enemy-remain-times{color:#ffffffd1;text-shadow:0 2px 3px #000000d9,0 0 14px #a0dcff47;-webkit-user-select:none;user-select:none;padding:0 2px;font-size:30px;font-weight:700;line-height:1}.enemy-remain-hud[data-empty=true] .enemy-remain-times{color:#fff6}.enemy-remain-count{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 2px 3px #000000e6,0 0 22px #ff64646b;-webkit-user-select:none;user-select:none;min-width:1ch;font-size:34px;font-weight:800;line-height:1}.enemy-remain-hud[data-empty=true] .enemy-remain-count{color:#ffffff8c;text-shadow:0 1px 2px #000000bf}#healthmeter.healthmeter{pointer-events:none;z-index:12;font-family:Segoe UI,system-ui,-apple-system,sans-serif;position:relative;top:auto;left:auto;transform:none}.healthmeter-inner{flex-direction:column;align-items:center;gap:10px;display:flex}.healthmeter-head{justify-content:center;align-items:baseline;gap:12px;display:flex}.healthmeter-tag{letter-spacing:.16em;text-transform:uppercase;color:#c8e6fff2;text-shadow:0 0 14px #78c8ff73,0 2px 4px #000000bf,0 3px 10px #00000080;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:800}.healthmeter[data-destroyed=true] .healthmeter-tag{letter-spacing:.1em;color:#ff8a8a;text-shadow:0 0 18px #ff5a5a8c,0 2px 4px #000c;font-size:10px}.healthmeter-readout{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 2px #000000e6,0 2px 8px #0000008c,0 0 22px #a0dcff59;-webkit-user-select:none;user-select:none;font-size:24px;font-weight:800;line-height:1}.healthmeter[data-tier=low]:not([data-destroyed=true]) .healthmeter-readout{color:#fff5f5;text-shadow:0 1px 2px #000000f2,0 0 20px #ff787866}.healthmeter-segments{flex-direction:row;justify-content:center;align-items:flex-end;gap:10px;display:flex}.healthmeter-seg{background:#ffffff14;border:2px solid #ffffff6b;border-radius:6px;flex-shrink:0;animation:3.2s ease-in-out infinite healthmeter-seg-float;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000038,0 0 0 1px #ffffff1f,inset 0 1px #ffffff59}.healthmeter-seg--1{width:15px;height:22px;animation-delay:0s}.healthmeter-seg--2{width:19px;height:30px;animation-delay:.35s}.healthmeter-seg--3{width:23px;height:38px;animation-delay:.7s}.healthmeter-seg--4{width:28px;height:48px;animation-delay:1.05s}@keyframes healthmeter-seg-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.healthmeter[data-tier=high] .healthmeter-seg{border-color:#78dca08c;box-shadow:0 4px 16px #28785040,0 0 18px #5ac88233,inset 0 1px #fff6}.healthmeter[data-tier=mid] .healthmeter-seg{border-color:#e6be648c;box-shadow:0 4px 16px #8c642838,0 0 16px #dcaa5038,inset 0 1px #ffffff59}.healthmeter[data-tier=low] .healthmeter-seg{border-color:#ff82828c;box-shadow:0 4px 16px #781e1e47,0 0 18px #ff555547,inset 0 1px #ffffff52}.healthmeter[data-destroyed=true] .healthmeter-seg{opacity:.85;border-color:#ff6464a6;animation:2s ease-in-out infinite healthmeter-seg-float-dead}.healthmeter[data-destroyed=true] .healthmeter-seg--1{animation-delay:0s}.healthmeter[data-destroyed=true] .healthmeter-seg--2{animation-delay:.35s}.healthmeter[data-destroyed=true] .healthmeter-seg--3{animation-delay:.7s}.healthmeter[data-destroyed=true] .healthmeter-seg--4{animation-delay:1.05s}@keyframes healthmeter-seg-float-dead{0%,to{filter:brightness(.85);transform:translateY(0)}50%{filter:brightness(1.05);transform:translateY(-4px)}}.healthmeter-seg-fill{transform-origin:bottom;border-radius:3px;height:100%;transition:transform .32s cubic-bezier(.2,.9,.25,1);position:absolute;bottom:0;left:0;right:0;transform:scaleY(0)}.healthmeter[data-tier=high] .healthmeter-seg-fill{background:linear-gradient(#9effc8 0%,#4ec882 42%,#2a8a52 100%);box-shadow:inset 0 2px #fff6,0 0 12px #50c88273}.healthmeter[data-tier=mid] .healthmeter-seg-fill{background:linear-gradient(#ffe9a8 0%,#e4b038 50%,#a27218 100%);box-shadow:inset 0 2px #ffffff52,0 0 12px #dcaa4666}.healthmeter[data-tier=low] .healthmeter-seg-fill{background:linear-gradient(#ffc4c4 0%,#e84040 48%,#901818 100%);box-shadow:inset 0 2px #ffffff40,0 0 14px #ff505073}#compass{pointer-events:none;z-index:10;width:84px;height:84px;position:absolute;top:16px;left:16px}#compass-indicator{z-index:2;filter:drop-shadow(0 1px 2px #0009);border-top:9px solid #f55;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:2px;left:50%;transform:translate(-50%)}#compass-ring{background:#00000080;border:2px solid #fff3;border-radius:50%;width:72px;height:72px;position:absolute;top:6px;left:6px;box-shadow:0 2px 8px #0006,inset 0 0 10px #0000004d}#compass-center{background:#fff6;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}.compass-label{color:#fffc;text-shadow:0 1px 3px #000000e6;-webkit-user-select:none;user-select:none;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:12px;font-weight:700;line-height:1;position:absolute}.compass-north{color:#ff6b6b;font-size:14px;top:4px;left:50%;transform:translate(-50%)}.compass-south{bottom:4px;left:50%;transform:translate(-50%)}.compass-east{top:50%;right:6px;transform:translateY(-50%)}.compass-west{top:50%;left:6px;transform:translateY(-50%)}.compass-tick{transform-origin:.5px 33px;background:#ffffff4d;width:1px;height:5px;margin-left:-.5px;position:absolute;top:3px;left:50%}#radar{pointer-events:none;z-index:10;flex-direction:column;align-items:center;display:flex;position:absolute;top:16px;right:16px}.radar-canvas{border-radius:50%;display:block;box-shadow:0 2px 10px #00000073,0 0 0 2px #5ac88259,inset 0 0 12px #00000059}.game-end-overlay{z-index:40;pointer-events:none;opacity:0;visibility:hidden;justify-content:center;align-items:center;transition:opacity .55s cubic-bezier(.2,.85,.25,1),visibility .55s step-end;display:flex;position:absolute;inset:0}.game-end-overlay.game-end-overlay--visible{opacity:1;visibility:visible;transition:opacity .55s cubic-bezier(.2,.85,.25,1),visibility step-start}.game-end-backdrop{-webkit-backdrop-filter:blur(6px)saturate(1.15);background:radial-gradient(85% 70% at 50% 45%,#00000040 0%,#000000b8 55%,#000000e0 100%);position:absolute;inset:0}.game-end-overlay[data-state=win] .game-end-backdrop{background:radial-gradient(90% 75% at 50% 42%,#1e507859 0%,#0a2846bf 45%,#000f23eb 100%)}.game-end-overlay[data-state=lose] .game-end-backdrop{background:radial-gradient(85% 70% at 50% 48%,#5a141466 0%,#280808d1 50%,#0c0202f0 100%)}.game-end-panel{text-align:center;max-width:min(92vw,520px);padding:clamp(24px,5vw,48px) clamp(32px,8vw,72px);transition:transform .6s cubic-bezier(.22,1,.36,1);position:relative;transform:scale(.92)translateY(12px)}.game-end-overlay.game-end-overlay--visible .game-end-panel{transform:scale(1)translateY(0)}.game-end-burst{opacity:.55;pointer-events:none;z-index:0;border-radius:50%;width:140%;height:140%;animation:2.8s ease-in-out infinite game-end-burst-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-end-overlay[data-state=win] .game-end-burst{filter:blur(40px);background:conic-gradient(#78ffc826,#50c8ff1f,#ffdc7824,#78ffc826)}.game-end-overlay[data-state=lose] .game-end-burst{filter:blur(36px);background:radial-gradient(circle,#ff503c38 0%,#0000 65%);animation:.12s ease-in-out infinite game-end-burst-shake}@keyframes game-end-burst-pulse{0%,to{opacity:.45;transform:translate(-50%,-50%)scale(.95)}50%{opacity:.65;transform:translate(-50%,-50%)scale(1.05)}}@keyframes game-end-burst-shake{0%,to{transform:translate(-50%,-50%)translate(0)}25%{transform:translate(-50%,-50%)translate(-2px,1px)}75%{transform:translate(-50%,-50%)translate(2px,-1px)}}.game-end-title{z-index:1;letter-spacing:-.02em;text-transform:uppercase;-webkit-user-select:none;user-select:none;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(2.5rem,8vw,4.25rem);font-weight:900;line-height:1.05;animation:.7s cubic-bezier(.22,1,.36,1) both game-end-title-in;position:relative}.game-end-overlay[data-state=win] .game-end-title{color:#f4fffb;text-shadow:0 0 40px #64ffc88c,0 0 80px #50c8ff59,0 4px #145a46d9,0 8px 24px #000000a6;filter:drop-shadow(0 0 2px #b4ffdc66);animation:.7s cubic-bezier(.22,1,.36,1) both game-end-title-in,3.5s ease-in-out .8s infinite game-end-win-shimmer}.game-end-overlay[data-state=lose] .game-end-title{color:#ffe8e8;text-shadow:0 0 36px #ff3c28a6,0 0 72px #b41e1473,0 4px #500f0fe6,0 8px 28px #000000bf;animation:.7s cubic-bezier(.22,1,.36,1) both game-end-title-in,4s ease-in-out .8s infinite game-end-lose-flicker}@keyframes game-end-title-in{0%{opacity:0;filter:blur(8px);transform:translateY(18px)scale(.94)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes game-end-win-shimmer{0%,to{filter:drop-shadow(0 0 2px #b4ffdc59)}50%{filter:drop-shadow(0 0 14px #78ffdca6)}}@keyframes game-end-lose-flicker{0%,to{opacity:1}48%{opacity:1}50%{opacity:.92}52%{opacity:1}}.game-end-subtitle{z-index:1;letter-spacing:.04em;-webkit-user-select:none;user-select:none;margin:1rem 0 0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(.95rem,2.4vw,1.15rem);font-weight:600;animation:.85s cubic-bezier(.22,1,.36,1) .12s both game-end-sub-in;position:relative}.game-end-overlay[data-state=win] .game-end-subtitle{color:#c8f5ffe0;text-shadow:0 2px 12px #0000008c}.game-end-overlay[data-state=lose] .game-end-subtitle{color:#ffc8c3d1;text-shadow:0 2px 12px #0009}@keyframes game-end-sub-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.start-screen{z-index:100;box-sizing:border-box;opacity:1;background:radial-gradient(120% 90% at 50% 100%,#2878b459 0%,#0000 55%),radial-gradient(80% 60% at 20% 15%,#ff8c501f 0%,#0000 45%),radial-gradient(70% 50% at 85% 25%,#64c8ff26 0%,#0000 50%),linear-gradient(165deg,#050a14 0%,#0c1a2e 28%,#0a1628 55%,#060d18 100%);flex-direction:column;justify-content:flex-end;align-items:center;padding:0 1.25rem max(6vh,2.5rem);font-family:Segoe UI,system-ui,-apple-system,sans-serif;transition:opacity .55s cubic-bezier(.25,.85,.3,1),transform .55s cubic-bezier(.25,.85,.3,1),filter .55s;display:flex;position:fixed;inset:0;overflow:hidden}.start-screen.start-screen--exiting{opacity:0;filter:blur(12px)brightness(.85);pointer-events:none;transform:scale(1.03)}.start-screen__noise{opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:18s linear infinite start-screen-noise-drift;position:absolute;inset:-40%}@keyframes start-screen-noise-drift{0%{transform:translate(0)}to{transform:translate(-4%,-3%)}}.start-screen__vignette{pointer-events:none;background:radial-gradient(75% 65% at 50% 45%,#0000 30%,#0000008c 100%);position:absolute;inset:0}.start-screen__grid{pointer-events:none;opacity:.14;transform-origin:50% 100%;background-image:linear-gradient(#78c8ff66 1px,#0000 1px),linear-gradient(90deg,#78c8ff59 1px,#0000 1px);background-size:48px 48px;animation:6s ease-in-out infinite start-screen-grid-pulse,9s linear infinite start-screen-grid-rush;position:absolute;inset:-20% -10%;transform:perspective(400px)rotateX(68deg);-webkit-mask-image:linear-gradient(#0000 0%,#000 35% 70%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 35% 70%,#0000 100%)}@keyframes start-screen-grid-pulse{0%,to{opacity:.1}50%{opacity:.18}}@keyframes start-screen-grid-rush{0%{background-position:0 0,0 0}to{background-position:0 96px,64px 0}}.start-screen__art-wrap{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.start-screen__art{filter:drop-shadow(0 0 60px #3ca0dc40);width:min(1100px,118vw);height:auto;max-height:82vh;margin-top:-5vh}.start-screen__art .start-screen__svg-globe{transform-box:fill-box;transform-origin:50% 92%;animation:22s ease-in-out infinite alternate start-screen-globe-forward}.start-screen__art .start-screen__svg-stars{transform-box:fill-box;transform-origin:50% 40%;animation:14s linear infinite start-screen-stars-parallax}.start-screen__art .start-screen__svg-latitudes{transform-box:fill-box;transform-origin:50% 118%;animation:18s ease-in-out infinite alternate start-screen-latitude-drift}.start-screen__art .start-screen__svg-speed-a{animation:2.8s linear infinite start-screen-dash-flow}.start-screen__art .start-screen__svg-speed-b{animation:4.2s linear infinite start-screen-dash-flow-slow}.start-screen__art .start-screen__svg-target{animation:3.2s ease-in-out infinite start-screen-target-pulse}@keyframes start-screen-globe-forward{0%{transform:translate(0)scale(1)}to{transform:translate(-2.2%,-5.5%)scale(1.045)}}@keyframes start-screen-stars-parallax{0%{transform:translate(0)}to{transform:translate(-1.8%,-2.4%)}}@keyframes start-screen-latitude-drift{0%{transform:translate(0)}to{transform:translate(1.2%,-7%)}}@keyframes start-screen-dash-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-110px}}@keyframes start-screen-dash-flow-slow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-88px}}@keyframes start-screen-target-pulse{0%,to{opacity:.72}50%{opacity:1}}.start-screen__tank-backdrop{pointer-events:none;z-index:1;background:radial-gradient(55% 45% at 50% 62%,#50c8ff38 0%,#2878b414 42%,#0000 72%);width:min(520px,88vw);height:min(340px,48vh);animation:4s ease-in-out infinite alternate start-screen-tank-glow;position:absolute;bottom:max(14vh,6.5rem);left:50%;transform:translate(-50%)}@keyframes start-screen-tank-glow{0%{opacity:.85;filter:blur()}to{opacity:1;filter:blur(1px)}}.start-screen__tank-hero{z-index:2;pointer-events:none;animation:1.1s cubic-bezier(.22,1,.36,1) 80ms both start-screen-tank-hero-in;position:absolute;bottom:max(12vh,5.5rem);left:50%;transform:translate(-50%)}.start-screen__tank-hero-bob{animation:5.5s ease-in-out 1.05s infinite start-screen-tank-bob}@keyframes start-screen-tank-hero-in{0%{opacity:0;transform:translate(-50%)translateY(36px)scale(.88)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes start-screen-tank-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.start-screen__tank-canvas{filter:drop-shadow(0 12px 40px #0000008c)drop-shadow(0 0 48px #64d2ff59);display:block}.start-screen__scan{pointer-events:none;opacity:.35;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);animation:10s linear infinite start-screen-scan;position:absolute;inset:0}@keyframes start-screen-scan{0%{background-position:0 0}to{background-position:0 100%}}.start-screen__ui{z-index:2;text-align:center;max-width:720px;animation:1s cubic-bezier(.22,1,.36,1) .15s both start-screen-ui-in;position:relative}@keyframes start-screen-ui-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.start-screen__tagline{letter-spacing:.42em;text-transform:uppercase;color:#a0dcff8c;text-shadow:0 0 20px #64beff59;margin:0 0 .35rem;font-size:clamp(.7rem,1.6vw,.8rem);font-weight:700}.start-screen__title{letter-spacing:-.03em;color:#f2fbff;text-shadow:0 0 50px #64d2ff73,0 0 100px #288cc840,0 4px #0f3250e6,0 8px 32px #000000a6;margin:0;font-size:clamp(2.4rem,9vw,4.2rem);font-weight:900;line-height:.98}.start-screen__title-accent{background:linear-gradient(122deg,#7ee8c8 0%,#4ad4ff 38%,#9ae8ff 52%,#7eb8ff 100%) 0 0/200% 200%;color:#0000;filter:drop-shadow(0 0 24px #50dcc880);-webkit-background-clip:text;background-clip:text;margin-left:.12em;animation:7s ease-in-out infinite start-screen-title-accent-shift;display:inline-block}@keyframes start-screen-title-accent-shift{0%,to{background-position:0 40%}50%{background-position:100% 60%}}.start-screen__subtitle{letter-spacing:.12em;color:#c8e6ffb8;text-shadow:0 2px 12px #00000080;margin:.85rem 0 0;font-size:clamp(.9rem,2.2vw,1.05rem);font-weight:600}.start-screen__play{letter-spacing:.14em;text-transform:uppercase;color:#061018;cursor:pointer;background:linear-gradient(#b8f0ff 0%,#4ec0e8 38%,#2a8ab8 100%);border:none;border-radius:4px;margin-top:clamp(1.5rem,4vh,2rem);padding:1rem 2.4rem;font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:800;transition:transform .15s,box-shadow .2s,filter .15s;box-shadow:0 0 0 1px #ffffff73,0 0 40px #50c8ff59,0 5px #0c3c5ad9,0 12px 40px #00000073}.start-screen__play:hover{filter:brightness(1.08);box-shadow:0 0 0 1px #ffffff8c,0 0 52px #64dcff73,0 5px #0c3c5ad9,0 14px 44px #00000080}.start-screen__play:active{transform:translateY(4px);box-shadow:0 0 0 1px #fff6,0 0 28px #50c8ff4d,0 1px #0c3c5ad9,0 6px 24px #0006}.start-screen__play:focus-visible{outline-offset:4px;outline:3px solid #a0ebfff2}.start-screen__corners{pointer-events:none;z-index:1;border:1px solid #64b4dc33;border-radius:2px;position:absolute;inset:1rem;box-shadow:inset 0 0 0 1px #00000059,0 0 80px #2878b414}.start-screen__corners:before,.start-screen__corners:after{content:"";border-style:solid;border-color:#8cdcff8c;width:28px;height:28px;position:absolute}.start-screen__corners:before{border-width:3px 0 0 3px;top:-1px;left:-1px}.start-screen__corners:after{border-width:0 3px 3px 0;bottom:-1px;right:-1px}@media (prefers-reduced-motion:reduce){.start-screen,.start-screen__noise,.start-screen__grid,.start-screen__scan,.start-screen__ui,.start-screen__art .start-screen__svg-globe,.start-screen__art .start-screen__svg-stars,.start-screen__art .start-screen__svg-latitudes,.start-screen__art .start-screen__svg-speed-a,.start-screen__art .start-screen__svg-speed-b,.start-screen__art .start-screen__svg-target,.start-screen__tank-backdrop,.start-screen__tank-hero,.start-screen__tank-hero-bob,.start-screen__title-accent{transition-duration:.2s;animation:none}.start-screen.start-screen--exiting{filter:brightness(.85)}.start-screen__tank-hero{opacity:1;transform:translate(-50%)}.start-screen__title-accent{background-position:50%}}