/* Scenic Drive (shared: sim3d.css + car-kit.css) */
#game-root .sim-controls-help { margin-top: 14px; }
.sd-top { position: absolute; left: 50%; top: 10px; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 4px; pointer-events: none; text-shadow: 0 1px 3px rgba(0, 0, 0, .8); }
.sd-reg { font: 800 13px system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; opacity: .9; }
.sd-km { background: rgba(8, 16, 28, .6); border: 1px solid rgba(255, 255, 255, .16); border-radius: 12px; padding: 2px 14px; font: 900 24px system-ui, sans-serif; font-variant-numeric: tabular-nums; }
.sd-goal { position: relative; width: 170px; height: 14px; border-radius: 7px; background: rgba(8, 16, 28, .55); border: 1px solid rgba(255, 255, 255, .25); overflow: hidden; }
.sd-goal i { position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: linear-gradient(90deg, #34d399, #facc15); }
.sd-goal span { position: absolute; inset: 0; text-align: center; font: 800 9px/14px system-ui, sans-serif; letter-spacing: .04em; }
.sd-auto { background: rgba(37, 99, 235, .75); border-radius: 999px; padding: 3px 10px; font: 800 12px system-ui, sans-serif; }
.sd-hud-off .sd-top, .sd-hud-off .ck-hud { display: none; }
@container (max-width: 480px) {
  .sim-play .sim-toolbar { right: 8px; }   /* no minimap here: one row of buttons */
  .sd-top { top: 92px; }
  .sd-km { font-size: 18px; }
  .sd-goal { width: 130px; }
}