/* A single static edge card: no center overlay or additional aiming controls. */
#shootingRangeHUD.shooting-range-hud{position:fixed;top:164px;left:24px;z-index:8;display:grid;grid-template-columns:minmax(0,1fr) 80px;grid-template-rows:12px 24px 14px;column-gap:8px;width:344px;height:64px;box-sizing:border-box;padding:6px;border:1px solid #bdd4ad4d;border-radius:7px;background:#102832dc;color:#e3edce;font-family:var(--mono);text-shadow:0 1px 2px #06121a;pointer-events:none}
#shootingRangeHUD[hidden]{display:none!important}
#shootingRangeHUD .shooting-range-title{grid-column:1;grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:9px/12px var(--mono);letter-spacing:.01em}
#shootingRangeHUD .shooting-range-metrics{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;min-width:0}
#shootingRangeHUD .shooting-range-metrics>span{display:flex;flex-direction:column;gap:1px;min-width:0}
#shootingRangeHUD .shooting-range-metrics small{font:6px/8px var(--mono);color:#b9cdb6;white-space:nowrap}
#shootingRangeHUD .shooting-range-metrics b{font:11px/13px var(--mono);font-weight:500;white-space:nowrap}
#shootingRangeHUD .shooting-range-feedback{grid-column:1;grid-row:3;display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:7px/14px var(--mono);color:#d8e9b9}
#shootingRangeHUD .shooting-range-start{grid-column:2;grid-row:1/4;align-self:center;width:80px;min-width:44px;height:44px;min-height:44px;box-sizing:border-box;margin:0;padding:5px;border:1px solid #d4e9ae70;border-radius:6px;background:#cde6a3;color:#18352a;font:9px/1.3 var(--mono);letter-spacing:0;white-space:normal;overflow-wrap:anywhere;pointer-events:auto;touch-action:manipulation;box-shadow:none}
#shootingRangeHUD .shooting-range-start:disabled{opacity:.55;background:#29443d;color:#d7e2c9;border-color:#bdd4ad38}
#shootingRangeHUD .shooting-range-start:focus-visible{outline:2px solid #e5f6c0;outline-offset:2px}
.phone-ui #shootingRangeHUD.shooting-range-hud{left:var(--phone-left);right:calc(var(--phone-right) + 52px);top:calc(var(--phone-viewport-top,0px) + var(--phone-hud-top) + var(--phone-telemetry-height) + 112px);width:calc(100vw - var(--phone-left) - var(--phone-right) - 52px);max-width:344px}
.phone-ui:has(#lootPicker:not([hidden])) #shootingRangeHUD{display:none!important}
@media(orientation:landscape) and (max-height:500px){
 .phone-ui #shootingRangeHUD.shooting-range-hud{left:calc(var(--phone-left) + 260px);right:calc(var(--phone-right) + 52px);top:calc(var(--phone-viewport-top,0px) + var(--phone-hud-top) + var(--phone-telemetry-height) + 4px);width:calc(100vw - var(--phone-left) - var(--phone-right) - 312px);max-width:344px}
}