.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-power{stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transform:rotate(-90deg);transform-origin:24px 24px}
.target-caption{position:absolute;top:46px;left:50%;transform:translateX(-50%);white-space:nowrap;text-align:center;font-family:system-ui}
.target-caption b{display:block;padding:4px 7px;background:#0b1b2bea;border:1px solid #ffffff25;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:1px}
.target-caption small{display:block;margin-top:3px;color:#fff;font-size:9px;font-weight:800;letter-spacing:1px;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000}
.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}
.shot-meter{width:292px;padding:12px 16px;border:1px solid #ffe0a32e;border-radius:10px;background:linear-gradient(135deg,#142c40f5,#091724f5);color:#f8e9d0;box-shadow:0 6px 22px #0003}
.shot-meter span{font-size:11px;letter-spacing:1.1px}
.shot-meter>small{display:block;margin-top:5px;color:#b7cbd9;font:500 11px/1.4 system-ui;letter-spacing:.2px}
.shot-meter>div{height:4px;margin-top:10px;border-radius:4px;background:#ffffff15;overflow:hidden}
.shot-meter i{border-radius:4px;background:linear-gradient(90deg,#82ffe0,#ffdc9b)}
.shot-meter[data-ready="true"]{border-color:#ffe0a370}
.shot-meter[data-ready="true"] i{background:#ffe0a3}
.shot-meter:not([data-charging="true"])>div{display:none}
.shot-meter:not([data-charging="true"]){padding:9px 14px}
@media(max-width:700px){.shot-meter{bottom:66px;width:250px}.shot-target{width:34px;height:34px}.target-caption{top:39px}.target-caption b{font-size:9px}.shot-meter>small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.shot-target{will-change:auto}}