

@media (hover:none) and (pointer:coarse) and (orientation:portrait){
  /* The drawn circles do not move. Only the invisible hit areas become the left/right halves of the cockpit. */
  .mpCockpit .mpSteerHit{
    position:absolute!important;
    top:0!important;bottom:auto!important;
    width:50%!important;height:100%!important;
    min-width:50%!important;min-height:100%!important;
    max-width:50%!important;max-height:100%!important;
    transform:none!important;
    margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;
    overflow:visible!important;touch-action:none!important;
  }
  .mpCockpit .mpSteerHit.left{left:0!important;right:auto!important;}
  .mpCockpit .mpSteerHit.right{left:50%!important;right:auto!important;}
  .mpCockpit .mpSteerHit::before{
    top:60%!important;
    width:var(--steer-visual)!important;height:var(--steer-visual)!important;
  }
  /* 29% and 71% of the full cockpit: identical visual positions to v1.0.33. */
  .mpCockpit .mpSteerHit.left::before{left:58%!important;}
  .mpCockpit .mpSteerHit.right::before{left:42%!important;}
}


/* v1.5.48 AUTO / MANUAL transmission UI. No vehicle physics values are changed. */
.transmissionControlBar{display:flex;align-items:center;gap:10px;margin-top:9px;padding:8px 10px;border:1px solid rgba(255,216,83,.26);border-radius:8px;background:rgba(255,209,72,.055);font-family:ui-monospace,Consolas,monospace}
.transmissionControlBar>strong{color:#ffd85c;font:1000 10px/1;letter-spacing:.08em}
.transmissionButtons{display:grid;grid-template-columns:1fr 1fr;gap:5px;min-width:170px}
.transmissionButtons button{margin:0;padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#10191d;color:#a9bdc4;font:1000 10px/1 ui-monospace,Consolas,monospace;box-shadow:none}
.transmissionButtons button.active,.transmissionButtons button[aria-pressed="true"]{background:#ffd85c;color:#171100;border-color:#fff2a6;box-shadow:0 0 14px rgba(255,216,83,.16)}
#transmissionModeNote{margin-left:auto;color:#b7c9cf;font:900 9px/1.35 ui-monospace,Consolas,monospace;text-align:right}
.controllerAutoNotice{display:none;margin-top:9px;padding:10px 12px;border:1px solid rgba(69,240,131,.28);border-radius:8px;background:rgba(69,240,131,.055);color:#dfffea;font:1000 10px/1.5 ui-monospace,Consolas,monospace;text-align:center}
.pcControlsPanel[data-transmission="auto"] .manualTransmissionOnly{display:none!important}
.pcControlsPanel[data-transmission="auto"] .controllerAutoNotice{display:block}
.pcControlsPanel[data-transmission="auto"] .guideGears{opacity:.22}
.phoneGuideAutoAccel{display:none;place-items:center;height:100%;min-height:0;border:2px solid #bfc6c9;border-radius:7px;background:linear-gradient(180deg,#2a3134,#0d1113);color:#fff;font:1000 clamp(20px,5vw,38px)/1 ui-monospace,Consolas,monospace;letter-spacing:.06em;touch-action:none}
.pcControlsPanel[data-transmission="auto"] .phoneGuideGears{grid-template-rows:1fr!important}
.pcControlsPanel[data-transmission="auto"] .phoneGuideGears>span{display:none!important}
.pcControlsPanel[data-transmission="auto"] .phoneGuideAutoAccel{display:grid}
.mpAutoAccel{display:none;place-items:center;border:2px solid #d2d7d9;border-radius:7px;background:linear-gradient(180deg,#353c3f,#0b0f11);color:#fff;font:1000 clamp(18px,6vw,30px)/1 Arial,"Segoe UI",sans-serif;letter-spacing:.04em;text-shadow:0 2px 3px #000;box-shadow:inset 0 0 0 1px #4c5558,0 3px 8px #000;touch-action:none}
.mpAutoAccel.active{transform:translateY(2px);background:linear-gradient(180deg,#b92b24,#5e0806);border-color:#fff;box-shadow:0 0 12px rgba(239,65,53,.65),inset 0 0 0 1px #5a0f0f}
body.transmission-auto .mpRight{grid-template-rows:1fr!important}
body.transmission-auto .mpRight .mpGear{display:none!important}
body.transmission-auto .mpRight .mpAutoAccel{display:grid!important}
@media(max-width:700px){
 .transmissionControlBar{flex-wrap:wrap;gap:7px;padding:7px}
 .transmissionButtons{min-width:0;flex:1}
 #transmissionModeNote{width:100%;margin-left:0;text-align:center;font-size:8px}
}

