/* SKYBREAK v3 — OVERDRIVE meter (mod: overdrive). Load after v2.css. Active only when game JS adds body.od-on. */
/* The 25/50/100 Special Core panel is gone: hide the button + tier row everywhere. */
body.od-on .super-control>#super,body.od-on .super-control>.energy-track,body.od-on .super-control>.core-tiers{display:none!important}
body.od-on.hud-wide #hud-left .super-control{display:none!important}
body.od-on.hud-wide #hud-left-bottom:empty,body.od-on.hud-wide #hud-left-bottom:not(:has(> :not(.super-control))){display:none}

.od-meter{--od-gold:#ffd98a;display:block;box-sizing:border-box;pointer-events:none;font-family:'DM Sans',Arial,sans-serif;color:#e4f1e8}
.od-meter .od-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;line-height:1}
.od-meter .od-head span{font-size:9px;font-weight:800;letter-spacing:2px;color:#d9c48f}
.od-meter .od-head b{font-size:12px;font-weight:800;letter-spacing:1px;color:#fff;font-variant-numeric:tabular-nums}
.od-meter .od-track{position:relative;height:6px;margin-top:5px;border-radius:3px;background:#1d3533;overflow:hidden;box-shadow:inset 0 0 0 1px #2e4a47}
.od-meter .od-track i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:3px;background:linear-gradient(90deg,#b5732c,#ffb95a 60%,var(--od-gold));transition:width .15s linear}
.od-meter small{display:block;margin-top:4px;font-size:8px;font-weight:700;letter-spacing:1px;color:#7f9c96;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.od-meter[data-state="full"] .od-head span,.od-meter[data-state="full"] small{color:#fff1c6}
.od-meter[data-state="full"] .od-track i{background:linear-gradient(90deg,#ffd98a,#fff6dc,#ffd98a);background-size:200% 100%;animation:od-shine 1s linear infinite;box-shadow:0 0 10px #ffd98acc}
.od-meter[data-state="active"] .od-track i{background:#fff1c6;opacity:.6}
@keyframes od-shine{from{background-position:200% 0}to{background-position:0 0}}
@media(prefers-reduced-motion:reduce){.od-meter[data-state="full"] .od-track i{animation:none}}

/* Desktop / wide: a row in the left stats column, directly under BOMB PAYLOAD. */
body.hud-wide #hud-stats .od-meter{border-top:1px solid var(--hud-line,#24403e);padding:9px 0}
body.hud-wide #hud-stats .od-meter .od-head{justify-content:flex-end}
body.hud-wide #hud-stats .od-meter .od-head b{min-width:44px;text-align:right}
body.hud-wide #hud-stats .od-meter small{text-align:right}
@media(max-height:560px){
 body.hud-wide #hud-stats .od-meter{padding:4px 0}
 body.hud-wide #hud-stats .od-meter .od-head span{font-size:8px}
 body.hud-wide #hud-stats .od-meter .od-head b{font-size:10px}
 body.hud-wide #hud-stats .od-meter .od-track{height:5px;margin-top:3px}
 body.hud-wide #hud-stats .od-meter small{display:none}
}

/* Narrow / mobile: the old super-control slot now only holds the slim bar. */
body.od-on:not(.hud-wide) .super-control{width:150px}
body.od-on:not(.hud-wide) .super-control .od-meter{padding:6px 8px;border:1px solid #6f7f63;border-radius:8px;background:#0c2226c0}
body.od-on:not(.hud-wide) .super-control .od-meter[data-state="full"]{border-color:#ffd98a;box-shadow:0 0 10px #ffd98a55}
:is(.cockpit:fullscreen,.mission-fullscreen .cockpit) .super-control .od-meter{height:48px;display:flex;flex-direction:column;justify-content:center}
@media(max-width:600px) and (max-aspect-ratio:3/4){
 :root body.od-on .cockpit .viewport .super-control{left:8px;bottom:calc(6px + env(safe-area-inset-bottom,0px));width:calc(100% - 204px)}
 :root body.od-on .cockpit .viewport .super-control .od-meter{height:48px;padding:5px 8px;border-radius:10px;background:#0c2226a0}
 :root body.od-on .cockpit .viewport .super-control .od-meter .od-track{height:7px}
}

/* controls strip: desktop charge help on fine pointers, the touch line (.touch-help) on touch */
@media(pointer:coarse){body.od-on #chg-help{display:none}}