#mec-heat-hud{--heat-color:#5cdeff;position:fixed;left:0;top:0;width:42px;height:76px;z-index:12;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none!important;user-select:none;contain:layout style;zoom:1;color:var(--heat-color);filter:drop-shadow(0 1px 1px #070915);font-family:Arial,sans-serif}
#mec-heat-hud[hidden]{display:none}
#mec-heat-hud .mh-title{font-size:7px;font-weight:800;line-height:9px;letter-spacing:.5px;text-shadow:0 1px 2px #000,1px 0 2px #000,-1px 0 2px #000;white-space:nowrap}
#mec-heat-hud .mh-track{position:relative;display:block;width:10px;height:50px;box-sizing:content-box;border:1px solid var(--heat-color);background:#0b101de6;box-shadow:0 0 0 2px #0b0712c9,inset 0 0 5px #000;border-radius:2px;overflow:hidden}
#mec-heat-hud .mh-fill{position:absolute;inset:auto 1px 1px;height:0;max-height:calc(100% - 2px);background:linear-gradient(90deg,var(--heat-color),#e6faff);box-shadow:0 0 5px var(--heat-color);transition:height .09s linear}
#mec-heat-hud .mh-ticks{position:absolute;inset:0;background:repeating-linear-gradient(to top,transparent 0,transparent 9px,#0b101da6 9px,#0b101da6 10px)}
#mec-heat-hud .mh-value{font-size:10px;line-height:11px;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000,1px 0 2px #000,-1px 0 2px #000}
#mec-heat-hud[data-mode=warm]{--heat-color:#ffda69}
#mec-heat-hud[data-mode=hot],#mec-heat-hud[data-mode=overheated]{--heat-color:#ff635d}
#mec-heat-hud[data-mode=overdrive]{--heat-color:#a9faff}
#mec-heat-hud[data-mode=overheated] .mh-track{animation:mec-heat-pulse .85s ease-in-out infinite}
@keyframes mec-heat-pulse{50%{box-shadow:0 0 0 2px #0b0712c9,0 0 8px #ff635d80}}
@media(prefers-reduced-motion:reduce){#mec-heat-hud .mh-track{animation:none!important}#mec-heat-hud .mh-fill{transition:none}}