@media (hover:none) and (pointer:coarse) and (orientation:portrait){
  /* LEFT COCKPIT: exact supplied AE86 image, whole image visible, no crop/zoom. */
  .mpLeft{position:relative!important;display:block!important;overflow:hidden!important;}
  .mpCockpit{position:absolute!important;inset:0!important;overflow:hidden!important;background:#050505!important;}
  .mpCockpit:after{display:none!important;content:none!important;}
  .mpWheel{display:none!important;}
  #mpAe86Cockpit{
    position:absolute!important;inset:0!important;
    width:100%!important;height:100%!important;
    display:block!important;object-fit:contain!important;object-position:center center!important;
    transform:none!important;filter:none!important;
    background:#050505!important;
  }
  .mpSteerHit{
    --steer-circle:clamp(32px,9vw,40px);
    position:absolute!important;z-index:12!important;top:60%!important;
    width:var(--steer-circle)!important;height:var(--steer-circle)!important;
    min-width:var(--steer-circle)!important;min-height:var(--steer-circle)!important;
    max-width:var(--steer-circle)!important;max-height:var(--steer-circle)!important;
    aspect-ratio:1 / 1!important;box-sizing:border-box!important;
    display:grid!important;place-items:center!important;
    margin:0!important;padding:0!important;
    border:2px solid rgba(255,255,255,.88)!important;border-radius:999px!important;
    background:rgba(0,0,0,.18)!important;color:#fff!important;
    font:900 clamp(16px,4.8vw,22px)/1 Arial,"Segoe UI Symbol",sans-serif!important;
    text-shadow:0 1px 3px #000!important;
    box-shadow:0 0 0 1px rgba(0,0,0,.55),0 0 8px rgba(255,255,255,.22)!important;
    transform:translate(-50%,-50%)!important;touch-action:none!important;
  }
  .mpSteerHit.left{left:29%!important;right:auto!important;}
  .mpSteerHit.right{left:71%!important;right:auto!important;}
  .mpSteerHit.active{
    border-color:#fff!important;background:rgba(255,255,255,.30)!important;
    box-shadow:0 0 16px rgba(255,255,255,.95),inset 0 0 10px rgba(255,255,255,.34)!important;
  }

  /* ONLINE HUD: position unchanged; text only made easier to read. */
  /* font sizes are applied in drawMobileTinyHUD() below. */

  /* MOBILE LOBBY TAB LAYER REMOVED FOR ISOLATION TEST. Existing pre-tab mobile lobby CSS remains active. */
}