#mobileRpmHud{display:none}
@media (hover:none) and (pointer:coarse) and (orientation:portrait){
  /* iOS Safari auto-zooms focused text inputs below 16px. Keep actual input font >=16px. */
  #onlineOverlay.show .chatRow input,
  #accountOverlay input,
  #recordOverlay input{
    font-size:16px!important;
    line-height:1.2!important;
  }
  #onlineOverlay.show .chatRow input{padding:7px 8px!important;min-height:34px!important;box-sizing:border-box!important;}

  /* High-visibility linear tachometer. It is mobile-only and does not consume cockpit/map space. */
  #mobileRpmHud{
    position:fixed;z-index:79;
    left:7px;right:7px;
    bottom:calc(clamp(215px,27dvh,245px) + 5px);
    height:24px;box-sizing:border-box;
    padding:2px 5px 4px;
    border:1px solid rgba(255,255,255,.35);border-radius:5px;
    background:rgba(3,5,6,.82);box-shadow:0 2px 12px rgba(0,0,0,.78);
    pointer-events:none;
  }
  body.mobile-racing #mobileRpmHud{display:block}
  .mpRpmHead{height:8px;display:flex;align-items:center;justify-content:space-between;color:#e8edef;font:900 7px/1 ui-monospace,Consolas,monospace;letter-spacing:.05em}
  #mpRpmValue{color:#fff;font-size:8px}
  .mpRpmTrack{position:relative;height:6px;margin-top:3px;overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:2px;background:#090b0c;box-shadow:inset 0 0 4px #000}
  .mpRpmTrack:after{content:'';position:absolute;top:-1px;bottom:-1px;left:87.5%;width:2px;background:rgba(255,255,255,.95);box-shadow:0 0 5px rgba(255,255,255,.8)}
  #mpRpmFill{display:block;width:0;height:100%;background:linear-gradient(90deg,#d8e1e4 0%,#f0dc5a 72%,#ff8a35 87.5%,#ff342d 100%);box-shadow:0 0 7px rgba(255,185,60,.55);transition:width .045s linear}
  #mobileRpmHud.redline #mpRpmValue{color:#ff6257;text-shadow:0 0 5px rgba(255,65,50,.9)}
}