/* Compact electricity meter: green supply and an amber demand marker. */
#powerHud{position:fixed;z-index:4;left:max(12px,env(safe-area-inset-left));top:50%;transform:translateY(-50%);width:96px;box-sizing:border-box;padding:10px;background:linear-gradient(135deg,#102c39ed,#06131ced);border:1px solid #70c9e3;box-shadow:inset 0 0 12px #2783a32b,0 3px 12px #0007;color:#c1e5ef;font:11px 'Segoe UI',sans-serif;pointer-events:none;direction:ltr;border-radius:2px 10px 2px 10px}
#powerHud .power-heading{font-size:11px;display:block;text-transform:uppercase;overflow-wrap:anywhere;color:#9fdcf2;margin-bottom:8px}
#powerHud .power-meter{height:106px;width:16px;position:relative;background:repeating-linear-gradient(to top,#041016 0 9px,#183743 9px 10px);border:1px solid #466a76;float:left;margin:0 8px 7px 0}
#powerHud .power-fill{position:absolute;bottom:0;left:0;right:0;height:var(--power-supply);background:repeating-linear-gradient(to top,#70d998 0 8px,#359c70 8px 10px);transition:height .2s}
#powerHud .power-marker{position:absolute;bottom:var(--power-demand);left:-4px;right:-4px;height:3px;background:#ffce79;box-shadow:0 0 4px #090d10;transition:bottom .2s}
#powerHud .power-stats{display:flex;flex-direction:column;gap:10px;padding-top:2px}
#powerHud .power-stats span{font-size:9px;overflow-wrap:anywhere;display:block;color:#91aeb9}
#powerHud b{font-variant-numeric:tabular-nums;font-size:15px;color:#c4f5cf}
#powerHud b.power-used{color:#ffce79}
#powerHud .power-status{clear:both;display:block;padding-top:4px;border-top:1px solid #335362;color:#a7e9bf;overflow-wrap:anywhere;font-size:10px}
#powerHud.low-power{border-color:#e79d68}
#powerHud.low-power .power-fill{background:repeating-linear-gradient(to top,#d18b57 0 8px,#a26138 8px 10px)}
#powerHud.low-power .power-status{color:#ffae82}
body.hud-start #powerHud{display:none}
body.hud-build-open #powerHud{top:max(65px,calc(env(safe-area-inset-top) + 60px));transform:none}
.power-note{padding:6px 8px;color:#b9e9c7;font-size:11px;line-height:1.5}
.power-warning{color:#ffb180}
@media(max-width:1000px),(pointer:coarse){#powerHud{left:max(8px,env(safe-area-inset-left));width:78px;padding:7px;font-size:10px}#powerHud .power-heading{font-size:9px;margin-bottom:5px}#powerHud .power-meter{height:74px;width:11px;margin-right:6px}#powerHud .power-stats{gap:5px}#powerHud .power-stats span{font-size:8px}#powerHud b{font-size:12px}#powerHud .power-status{font-size:8px}}
@media(max-height:380px){#powerHud{top:47%}#powerHud .power-meter{height:48px}#powerHud .power-heading{margin-bottom:3px}}
@media(max-height:540px){body.hud-build-open #powerHud .power-meter{height:42px}body.hud-build-open #powerHud .power-status{display:none}body.hud-build-open #powerHud .power-stats{gap:2px}}