/* Steam Train Express: the fireman's gauges (shared styles: sim3d.css + train-kit.css) */
#game-root .sim-controls-help { margin-top: 14px; }
.st-gauges { position: absolute; right: 10px; top: 140px; display: flex; gap: 5px; }
.st-g { width: 46px; padding: 4px 3px; border-radius: 9px; text-align: center; line-height: 1.05; background: rgba(8, 16, 28, .66); border: 1px solid rgba(255, 255, 255, .14); }
.st-g b { display: block; font-size: 12px; font-variant-numeric: tabular-nums; }
.st-g small { display: block; font-size: 8px; text-transform: uppercase; letter-spacing: .06em; opacity: .75; }
.st-g i { position: relative; display: block; height: 46px; margin: 3px auto 0; width: 12px; border-radius: 6px; background: rgba(255, 255, 255, .15); overflow: hidden; }
.st-g u { position: absolute; left: 0; right: 0; bottom: 0; height: 50%; background: linear-gradient(0deg, #f97316, #facc15); text-decoration: none; }
.st-g[data-g="w"] u, .st-g[data-g="t"] u { background: linear-gradient(0deg, #0284c7, #7dd3fc); }
/* green band on the pressure gauge: 180-240 psi of 250 */
.st-g[data-g="p"] em { position: absolute; left: 0; right: 0; bottom: 72%; height: 24%; border-top: 2px solid #4ade80; border-bottom: 2px solid #4ade80; }
.st-g[data-g="w"] em { position: absolute; left: 0; right: 0; bottom: 50%; height: 0; border-top: 2px dashed rgba(255, 255, 255, .7); }
.st-g.is-warn { border-color: #fb7185; background: rgba(120, 10, 10, .72); animation: tk-blink .6s steps(2) infinite; }
@container (max-width: 480px) { .st-gauges { top: auto; bottom: 150px; right: 64px; gap: 3px; } .st-g { width: 36px; } .st-g i { height: 30px; } }
@media (prefers-reduced-motion: reduce) { .st-g.is-warn { animation: none; } }