/* Highway Traffic Rush (shared: sim3d.css + car-kit.css) */
#game-root .sim-controls-help { margin-top: 14px; }
.hr-top { position: absolute; left: 50%; top: 10px; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 4px; pointer-events: none; }
.hr-score { background: rgba(8, 16, 28, .72); border: 1px solid rgba(255, 255, 255, .16); border-radius: 12px; padding: 3px 16px; font: 900 28px system-ui, sans-serif; font-variant-numeric: tabular-nums; min-width: 120px; text-align: center; }
.hr-sub { display: flex; gap: 10px; font: 800 14px system-ui, sans-serif; text-shadow: 0 1px 3px #000; }
.hr-nitro { position: relative; width: 150px; height: 12px; border-radius: 6px; background: rgba(8, 16, 28, .6); border: 1px solid rgba(255, 255, 255, .25); overflow: hidden; }
.hr-nitro i { position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: linear-gradient(90deg, #38bdf8, #a78bfa); }
.hr-nitro span { position: absolute; inset: 0; text-align: center; font: 900 9px/12px system-ui, sans-serif; letter-spacing: .12em; }
.hr-nitro.is-on i { background: linear-gradient(90deg, #f97316, #facc15); }
.hr-time { background: rgba(8, 16, 28, .72); border: 2px solid #38bdf8; border-radius: 10px; padding: 2px 12px; font: 900 20px system-ui, sans-serif; }
.hr-time.is-low { border-color: #ef4444; animation: ck-blink .5s steps(2) infinite; }
.hr-pop { position: absolute; left: 50%; top: 38%; transform: translate(-50%, -50%); font: 900 clamp(18px, 3vw, 28px) system-ui, sans-serif; color: #fde047; text-shadow: 0 2px 6px rgba(0, 0, 0, .7); opacity: 0; pointer-events: none; white-space: nowrap; }
.hr-pop.is-on { animation: hr-pop 1.1s ease-out forwards; }
@keyframes hr-pop { 0% { opacity: 0; transform: translate(-50%, -30%) scale(.8); } 15% { opacity: 1; transform: translate(-50%, -50%) scale(1.1); } 70% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%, -90%) scale(1); } }
.ck-touch .sim-tbtn[data-id="nitro"] { order: 2; margin-left: auto; background: rgba(194, 65, 12, .75); }
@container (max-width: 480px) {
  .hr-top { top: 92px; }
  .hr-score { font-size: 20px; min-width: 90px; }
  .hr-nitro { width: 110px; }
}
@media (prefers-reduced-motion: reduce) { .hr-pop.is-on { animation: none; opacity: 1; } }