@media (hover:none) and (pointer:coarse) and (orientation:portrait){
  #game{height:calc(100dvh - clamp(215px,27dvh,245px))!important;}
  #mobileDriveUI{height:clamp(215px,27dvh,245px)!important;grid-template-rows:1fr!important;gap:0!important;padding:4px 4px max(4px,env(safe-area-inset-bottom))!important;background:linear-gradient(145deg,#121212,#050505 58%,#140000)!important;}
  .mpGrid{display:grid!important;grid-template-columns:42% 28% 30%!important;grid-template-rows:minmax(0,1fr) 62px!important;gap:4px!important;min-height:0!important;}
  .mpCol{min-width:0;min-height:0;border:1px solid #5b5b5b!important;border-radius:6px!important;overflow:hidden;background:repeating-linear-gradient(135deg,rgba(255,255,255,.02) 0 2px,rgba(0,0,0,.08) 2px 5px),linear-gradient(#171717,#070707)!important;box-shadow:inset 0 0 0 1px #111,0 0 10px #000!important;}
  .mpLeft{grid-column:1;grid-row:1;position:relative!important;display:block!important;overflow:hidden!important;}
  .mpCenter{grid-column:2;grid-row:1;display:grid!important;grid-template-rows:26px minmax(0,1fr)!important;}
  .mpRight{grid-column:3;grid-row:1 / 3;display:grid!important;grid-template-rows:repeat(5,1fr)!important;gap:4px!important;padding:4px!important;border:2px solid #c2c7ca!important;border-radius:6px!important;background:#040404!important;box-shadow:inset 0 0 0 1px #505355,0 0 10px #000!important;}
  .mpGear{min-height:0!important;height:auto!important;padding:0!important;border:2px solid #c2c7ca!important;border-radius:5px!important;background:#050505!important;color:#f1f4f5!important;text-shadow:none!important;box-shadow:inset 0 0 0 1px #2a2e30!important;font:900 clamp(18px,6.2vw,28px)/1 Arial,"Segoe UI",sans-serif!important;}
  .mpGear.active{background:#150303!important;color:#fff!important;border-color:#ff5142!important;box-shadow:0 0 10px rgba(239,65,53,.8), inset 0 0 0 1px #5a0f0f!important;}
  .mpUtility{height:26px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;padding:2px!important;}
  .mpUtility button{height:22px!important;min-height:0!important;padding:0!important;border:1px solid #9a9ea0!important;border-radius:4px!important;background:linear-gradient(#2f2f2f,#090909)!important;color:#fff!important;font:900 8px/1 Arial,"Segoe UI",sans-serif!important;}
  .mpMapWrap{position:relative!important;margin:0 4px 4px!important;border:1px solid #7a7a7a!important;border-radius:6px!important;background:#050505!important;overflow:hidden!important;}
  #mpMapCanvas{width:100%!important;height:100%!important;display:block!important;}
  .mpMapLabel{position:absolute!important;left:5px!important;top:4px!important;color:rgba(255,255,255,.52)!important;font:800 6px/1 Arial!important;letter-spacing:.08em!important;pointer-events:none!important;}
  .mpCockpit{position:absolute!important;inset:0!important;overflow:hidden!important;background:#050505!important;}
  #mpAe86Cockpit{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center center!important;}
  .mpSteerHit{position:absolute!important;z-index:8!important;top:58%!important;width:44px!important;height:44px!important;aspect-ratio:1/1!important;border-radius:50%!important;box-sizing:border-box!important;border:2px solid rgba(255,255,255,.78)!important;background:rgba(255,255,255,.06)!important;box-shadow:0 0 0 1px rgba(0,0,0,.45),0 0 10px rgba(255,255,255,.18)!important;color:transparent!important;transform:translateY(-50%)!important;padding:0!important;touch-action:none!important;}
  .mpSteerHit.left{left:10px!important;}
  .mpSteerHit.right{right:10px!important;}
  .mpSteerHit.active{background:rgba(255,255,255,.28)!important;border-color:#ffffff!important;box-shadow:0 0 14px rgba(255,255,255,.85), inset 0 0 10px rgba(255,255,255,.25)!important;}
  .mpBrake{grid-column:1/3!important;grid-row:2!important;position:relative!important;width:100%!important;height:62px!important;min-height:62px!important;margin:0!important;border:2px solid #c6c6c6!important;border-radius:8px!important;background:radial-gradient(circle at 10% 30%, #0a0a0a 0 4px, transparent 5px),radial-gradient(circle at 18% 74%, #0a0a0a 0 4px, transparent 5px),radial-gradient(circle at 80% 74%, #0a0a0a 0 4px, transparent 5px),radial-gradient(circle at 88% 30%, #0a0a0a 0 4px, transparent 5px),linear-gradient(#b41d1d,#520606)!important;color:#fff!important;font:900 clamp(14px,4.7vw,22px)/1 Arial,"Segoe UI",sans-serif!important;letter-spacing:.03em!important;text-shadow:0 2px 3px #000!important;box-shadow:inset 0 0 0 2px #4a0000,0 3px 8px #000!important;touch-action:none!important;}
  .mpBrake.pressed{transform:translateY(2px)!important;filter:brightness(.76)!important;}
  #mobileDriveUI, #mobileDriveUI *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-user-drag:none!important;-webkit-tap-highlight-color:transparent!important;}
  #mobileDriveUI button, #mobileDriveUI .mpSteerHit{touch-action:none!important;}
}