/* Offroad 4x4 Trails (shared: sim3d.css + car-kit.css) */
#game-root .sim-controls-help { margin-top: 14px; }
/* inclinometer (pitch + roll) with the 4H / 4L range switch */
.or-incl { position: absolute; left: 12px; bottom: 84px; display: flex; align-items: stretch; gap: 6px; }
.or-incl__g { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; width: 58px; background: rgba(8, 16, 28, .72); border: 1px solid rgba(255, 255, 255, .16); border-radius: 12px; padding: 5px 4px 4px; font: 800 12px system-ui, sans-serif; font-variant-numeric: tabular-nums; }
.or-incl__g i { display: inline-block; width: 38px; height: 26px; transition: transform .08s linear; }
.or-incl__g svg { width: 100%; height: 100%; display: block; }
.or-incl__g.is-bad { border-color: #ef4444; background: rgba(127, 29, 29, .75); }
.or-range { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 58px; background: rgba(8, 16, 28, .72); border: 1px solid rgba(255, 255, 255, .16); border-radius: 12px; color: #fff; cursor: pointer; padding: 4px; font-family: system-ui, sans-serif; }
.or-range b { font: 900 21px/1 system-ui, sans-serif; }
.or-range small { font: 800 9px system-ui, sans-serif; letter-spacing: .1em; opacity: .8; }
.or-range.is-low { background: rgba(180, 83, 9, .85); border-color: #fbbf24; }
.or-range:focus-visible { outline: 3px solid #fbbf24; outline-offset: 2px; }
.sim-has-touch .or-incl { bottom: 172px; }
.ck-touch .sim-tbtn[data-id="hb"] { display: none; }
.ck-touch .sim-tbtn[data-id="range"] { order: 2; margin-left: auto; font-size: 15px; font-weight: 900; background: rgba(180, 83, 9, .8); }
@container (max-width: 480px) {
  .or-incl { bottom: 70px; left: 8px; gap: 4px; }
  .or-incl__g, .or-range { width: 48px; }
  .or-incl__g i { width: 32px; height: 22px; }
  .or-range b { font-size: 17px; }
  .sim-has-touch .or-incl { bottom: 158px; }
}