/* Drift to the Right (2D canvas, arcade-kit stage) */
#game-root .sim-controls-help { margin-top: 14px; }
#game-root .ak-pick.dr-locked { opacity: .55; }
.dr-wrap { position: relative; width: 100%; user-select: none; -webkit-user-select: none; }
.dr-wrap .ak-stage { border-radius: 14px; overflow: hidden; touch-action: none; cursor: pointer; }
.dr-hud { position: absolute; inset: 0; pointer-events: none; }
.dr-hud__l { position: absolute; left: 12px; top: 10px; background: rgba(8, 16, 28, .65); border-radius: 12px; padding: 5px 12px; font: 800 15px system-ui, sans-serif; color: #fff; }
.dr-score { position: absolute; left: 50%; top: 8px; transform: translateX(-50%); font: 900 42px system-ui, sans-serif; color: #fff; text-shadow: 0 3px 0 rgba(0, 0, 0, .45); }
.dr-hud .sim-banner { position: absolute; left: 50%; top: 20%; transform: translateX(-50%); }
.dr-tb { position: absolute; right: 10px; top: 10px; display: flex; gap: 6px; }
.dr-tb button { background: rgba(8, 16, 28, .7); color: #fff; border: 1px solid rgba(255, 255, 255, .18); border-radius: 10px; padding: 6px 10px; font: 700 14px system-ui, sans-serif; cursor: pointer; }
.dr-pad { display: none; }
@media (pointer: coarse) {
  .dr-pad { display: block; margin-top: 10px; touch-action: none; }
  .dr-pad button { width: 100%; height: 72px; border-radius: 18px; border: 2px solid rgba(255, 255, 255, .25); background: rgba(234, 88, 12, .92); color: #fff; font: 900 22px system-ui, sans-serif; touch-action: none; -webkit-tap-highlight-color: transparent; }
  .dr-pad button:active { background: #facc15; color: #111827; }
}
.dr-wrap > .sim-result { border-radius: 14px; }
.sim-result .dr-big { font: 900 54px system-ui, sans-serif; margin: 4px 0; }
.sim-result .dr-tip { opacity: .8; font-size: 14px; }