.shot-guide{position:absolute;inset:0;z-index:7;overflow:hidden;pointer-events:none}
.shot-guide[hidden]{display:none}
.shot-target{position:absolute;left:0;top:0;width:40px;height:40px;color:var(--aim-color);filter:drop-shadow(0 1px 2px #071322b3);will-change:transform}
.shot-target svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor}
.target-brackets{stroke-width:1.8;stroke-linecap:round;opacity:.85}
.target-dot{fill:currentColor;stroke:#10283b;stroke-width:1.5}
.target-track{stroke-width:2;opacity:.22}
.target-arrow{display:none;position:absolute;left:12px;top:12px;width:16px;height:16px;background:currentColor;clip-path:polygon(100% 50%,0 0,25% 50%,0 100%);transform:rotate(var(--aim-angle))}
.shot-target[data-offscreen="true"] svg{visibility:hidden}
.shot-target[data-offscreen="true"] .target-arrow{display:block}
.shot-target[data-charging="true"] .target-brackets{stroke-width:2.2;opacity:1}
#crosshair{font-size:0;width:5px;height:5px;border:1px solid #12344c;background:#ffffffb3;border-radius:50%;box-shadow:0 0 0 3px #0b192c24}
@media(max-width:700px){@media(prefers-reduced-motion:reduce){.shot-target{will-change:auto}}

.shot-target{transition:width .12s ease-out,height .12s ease-out}
.shot-target[data-charging="true"]{width:64px;height:64px}
.shot-target[data-charging="true"] .target-track{stroke-width:4;opacity:.35;stroke:#0b1b2b}
.shot-target[data-charging="true"] .shot-target[data-ready="true"] .shot-target[data-ready="true"] .target-dot{fill:var(--power-color)}
.shot-target[data-charging="true"] .shot-target[data-offscreen="true"] @media(prefers-reduced-motion:reduce){.shot-target{transition:none}}
.target-seg{fill:none;stroke-width:4.5;stroke-linecap:butt}
.shot-target[data-ready="true"] .target-power{filter:drop-shadow(0 0 3px var(--power-color)) drop-shadow(0 0 7px var(--power-color))}

.shot-target[data-charging="true"]{width:72px;height:72px}
.shot-target[data-charging="true"] .target-track{stroke:#08131f;stroke-width:7;opacity:.55}
.shot-target[data-charging="true"] .target-seg{stroke-width:5.5}
.target-head{display:none;fill:#fff;stroke:#08131f;stroke-width:1.2}
@media(max-width:700px){.shot-target[data-charging="true"]{width:52px;height:52px}}

.shot-target[data-charging="true"]{width:88px;height:88px}
.shot-target[data-charging="true"] .target-track{stroke-width:9;opacity:.6}
.shot-target[data-charging="true"] .target-seg{stroke-width:7}
.target-head{r:4.2}
.target-fill{fill:var(--power-color);stroke:none;opacity:.4}
.target-ticks{display:none;stroke:#08131f;stroke-width:1.4;opacity:.8}
.shot-target[data-charging="true"] .target-ticks{display:block}
@media(max-width:700px){.shot-target[data-charging="true"]{width:64px;height:64px}}