/* Slim River Raid quantity strip; scale and marker follow the original E / ½ / F layout. */
.fuel-instruments{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:7px}
.fuel-gauge{--fuel-position:116px;--fuel-level:100;--fuel-color:#a2e9cc;position:relative;width:150px;height:30px;flex:0 0 auto;color:#d4e9de;isolation:isolate;pointer-events:none}
.fuel-gauge svg{display:block;width:100%;height:100%;overflow:visible}
.fuel-gauge .fuel-face{fill:#08202b99;stroke:#b4d6ce70;stroke-width:1}
.fuel-gauge .fuel-scale{fill:none;stroke:#a4c7c940;stroke-width:1.5}
.fuel-gauge .fuel-critical-band{fill:none;stroke:#ee9586a6;stroke-width:1.5}
.fuel-gauge .fuel-reserve-band{fill:none;stroke:#e9c28f91;stroke-width:1.5}
.fuel-gauge #fuel-fill{fill:none;stroke:var(--fuel-color);stroke-width:1.5;stroke-dasharray:var(--fuel-level) 100;opacity:.8;transition:stroke-dasharray .18s linear,stroke .25s}
.fuel-gauge .fuel-ticks{stroke:#b2c9c17a;stroke-width:.75}
.fuel-gauge .fuel-ticks.major{stroke:#d5e8dbb3;stroke-width:1}
.fuel-gauge .fuel-markings{fill:#dce8dc;font:9px var(--mono,monospace);text-anchor:middle}
.fuel-gauge #fuel-needle{transform:translateX(var(--fuel-position));transition:transform .2s cubic-bezier(.2,.7,.3,1)}
.fuel-gauge .fuel-pointer{fill:#f1f4df;stroke:var(--fuel-color);stroke-width:.5}
.fuel-gauge .fuel-transfer{fill:none;stroke:#e2ffdd;stroke-width:2;opacity:0;stroke-dasharray:12 88}
.fuel-gauge.is-refueling .fuel-transfer{opacity:.9;animation:fuel-transfer .7s linear infinite}
.fuel-gauge.is-refueling{--fuel-color:#c6ffc4}
.fuel-gauge.is-refueling .fuel-face{stroke:#c6ffc4ae}
.fuel-gauge .fuel-readout{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.fuel-gauge[data-state=reserve]{--fuel-color:#f1ca83}
.fuel-gauge[data-state=critical],.fuel-gauge[data-state=empty]{--fuel-color:#ff9e83}
.fuel-gauge[data-state=reserve] .fuel-pointer,.fuel-gauge[data-state=critical] .fuel-pointer,.fuel-gauge[data-state=empty] .fuel-pointer{fill:var(--fuel-color)}
.fuel-gauge[data-state=critical] .fuel-face,.fuel-gauge[data-state=empty] .fuel-face{stroke:#ff9e83a6}
.fuel-system-status{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0;padding-bottom:2px;font:8px var(--mono,monospace);color:#c9e5d6}
.fuel-system-status #defense-status{font-size:8px;white-space:nowrap;color:#9cdbca}
.fuel-system-status #reserves{font-size:12px;letter-spacing:2px;white-space:nowrap}
@keyframes fuel-transfer{from{stroke-dashoffset:18}to{stroke-dashoffset:-100}}
.fuel-gauge.reduced *{animation:none!important;transition:none!important}.fuel-gauge.reduced .fuel-transfer{opacity:0}
.fuel-gauge.is-paused .fuel-transfer{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.fuel-gauge *{animation:none!important;transition:none!important}.fuel-gauge .fuel-transfer{opacity:0}}
@media(max-width:720px),(pointer:coarse) and (max-width:1024px),(max-height:540px) and (max-width:1024px){
 .fuel-instruments{margin:0;gap:10px;align-items:flex-end}
 .fuel-gauge{width:120px;height:26px}
 .fuel-system-status{font-size:7px;gap:6px;padding-bottom:1px}
 .fuel-system-status #defense-status{font-size:6px;letter-spacing:.1px}
 .fuel-system-status #reserves{font-size:8px;letter-spacing:1px}
 .mobile-weapon{bottom:calc(72px + env(safe-area-inset-bottom))}
 .mobile-weapon>span{width:max-content;white-space:nowrap}
 .mobile-weapon>small{display:none}
}
@media(min-width:600px) and (max-height:540px) and (max-width:1024px) and (orientation:landscape){
 .in-flight .hud-bottom{width:min(232px,calc(50vw - 100dvh * 5 / 14 - 32px))}
 .fuel-system-status{flex-direction:column;align-items:flex-end;gap:4px}
 .mobile-weapon{bottom:calc(80px + env(safe-area-inset-bottom))}
}
@media(max-width:599px) and (max-height:540px) and (orientation:landscape){
 .in-flight .boss-supply{bottom:92px}
 .in-flight .hud-bottom{width:210px}
 .fuel-system-status{flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}
}