.horse-riding-hud{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;align-items:center;margin-top:7px;pointer-events:none;color:#e3cda0;font:9px/1.2 var(--mono,monospace)}
.horse-riding-hud[hidden]{display:none}
.horse-riding-hud strong{overflow:hidden;white-space:nowrap;font-size:8px;letter-spacing:.02em}
.horse-riding-hud output{white-space:nowrap;font:9px/1.2 var(--mono,monospace);color:#f4e9d4}
.horse-riding-track{display:block;grid-column:1/-1;height:3px;overflow:hidden;border-radius:3px;background:#c19b5733}
.horse-riding-track i{display:block;width:100%;height:100%;transform-origin:left center;background:#d7bc7e}
.horse-riding-hud[data-tired=true] .horse-riding-track i{background:#e69268}
.pilot-health-hud:has(.horse-riding-hud:not([hidden]))>.pilot-health-track{display:none}
.phone-ui #flightUI .horse-riding-hud{gap:3px 4px;margin-top:3px;font-size:7px;line-height:1}
.phone-ui #flightUI .horse-riding-hud strong{font-size:6px;letter-spacing:0}
.phone-ui #flightUI .horse-riding-hud output{font-size:7px;line-height:1}
@media(max-height:480px) and (orientation:landscape){.phone-ui #flightUI .horse-riding-hud{margin-top:2px;gap:2px 4px}.phone-ui #flightUI .horse-riding-track{height:2px}}
@media(max-height:360px) and (orientation:landscape){.phone-ui #flightUI .horse-riding-hud{margin-top:1px;gap:1px 4px}.phone-ui #flightUI .horse-riding-hud strong,.phone-ui #flightUI .horse-riding-hud output{font-size:6px;line-height:1}.phone-ui #flightUI .horse-riding-track{height:2px}}