/* Mega Ramp Stunts 3D (shared: sim3d.css + car-kit.css) */
#game-root .sim-controls-help { margin-top: 14px; }
.mr-top { position: absolute; left: 50%; top: 10px; transform: translateX(-50%); display: flex; gap: 8px; pointer-events: none; }
.mr-top span { background: rgba(8, 16, 28, .72); border: 1px solid rgba(255, 255, 255, .18); border-radius: 12px; padding: 2px 14px; font: 900 22px system-ui, sans-serif; font-variant-numeric: tabular-nums; }
.mr-top span:empty { display: none; }
.mr-prog { position: absolute; left: 50%; top: 50px; transform: translateX(-50%); width: 220px; height: 8px; border-radius: 4px; background: rgba(8, 16, 28, .6); overflow: hidden; pointer-events: none; }
.mr-prog i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, #22c55e, #facc15); }
.mr-nitro { position: absolute; left: 12px; top: 12px; width: 140px; height: 14px; border-radius: 7px; background: rgba(8, 16, 28, .65); border: 1px solid rgba(255, 255, 255, .3); overflow: hidden; pointer-events: none; }
.mr-nitro i { position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(90deg, #38bdf8, #a78bfa); }
.mr-nitro span { position: absolute; inset: 0; text-align: center; font: 900 9px/14px system-ui, sans-serif; letter-spacing: .12em; }
.mr-nitro.is-on i { background: linear-gradient(90deg, #f97316, #facc15); }
.mr-air { position: absolute; left: 50%; top: 36%; transform: translate(-50%, -50%); font: 900 clamp(20px, 3.4vw, 32px) system-ui, sans-serif; color: #fde047; text-shadow: 0 2px 6px rgba(0, 0, 0, .7); opacity: 0; pointer-events: none; white-space: nowrap; }
.mr-air.is-on { animation: mr-pop 1.3s ease-out forwards; }
@keyframes mr-pop { 0% { opacity: 0; transform: translate(-50%, -30%) scale(.8); } 15% { opacity: 1; transform: translate(-50%, -50%) scale(1.1); } 75% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%, -80%); } }
.ck-touch .sim-tbtn[data-id="nitro"] { background: rgba(194, 65, 12, .75); }
@container (max-width: 480px) {
  .mr-top { top: 92px; }
  .mr-top span { font-size: 17px; }
  .mr-prog { top: 126px; width: 160px; }
  .mr-nitro { top: auto; bottom: 150px; width: 110px; }
}
@media (prefers-reduced-motion: reduce) { .mr-air.is-on { animation: none; opacity: 1; } }
