/* HARUNA V5.116 PWA — 3-button smartphone LANDSCAPE touch driving only */
#harunaTouchDriveV5116{display:none!important;pointer-events:none;position:fixed;inset:0;z-index:9900;box-sizing:border-box;color:#fff;font-family:Arial,'Segoe UI',sans-serif;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}
body.haruna-touch-drive-v5116 #harunaTouchDriveV5116{display:block!important}
body.haruna-touch-drive-v5116 #mobileDriveUI,
body.haruna-touch-drive-v5116 #mobileRpmHud,
body.haruna-touch-drive-v5116 #mobileGearHud{display:none!important;visibility:hidden!important;pointer-events:none!important}
#harunaTouchDriveV5116 button{pointer-events:auto!important;touch-action:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;appearance:none;-webkit-appearance:none;outline-offset:3px;cursor:pointer;box-sizing:border-box}
#harunaTouchDriveV5116 .ht115-steer{
  position:absolute!important;top:25%!important;transform:translateY(-50%)!important;
  width:clamp(64px,12dvh,94px)!important;height:clamp(78px,27dvh,150px)!important;
  background:linear-gradient(180deg,rgba(15,43,62,.92),rgba(3,17,30,.96))!important;
  border:2px solid #65d1ff!important;border-radius:16px!important;
  box-shadow:inset 0 0 13px rgba(30,174,245,.16),0 0 14px rgba(0,0,0,.65)!important;
  color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:clamp(30px,10dvh,64px)!important;line-height:1!important;font-weight:1000!important;
}
#harunaTouchDriveV5116 .ht115-left{left:max(5px,env(safe-area-inset-left))!important}
#harunaTouchDriveV5116 .ht115-right{right:max(5px,env(safe-area-inset-right))!important}
#harunaTouchDriveV5116 .ht115-steer.is-pressed{background:#0b5c92!important;box-shadow:0 0 22px #51bfff,inset 0 0 16px #12a6fa!important}
#harunaTouchDriveV5116 .ht115-brake{
  position:absolute!important;left:50%!important;transform:translateX(-50%)!important;
  bottom:max(6px,env(safe-area-inset-bottom))!important;
  width:min(66vw,620px)!important;height:clamp(49px,13dvh,75px)!important;
  border:2px solid #ff8d8d!important;border-radius:13px!important;
  background:linear-gradient(180deg,#cf242d,#7a070d)!important;color:#fff!important;
  box-shadow:0 3px 18px #000,inset 0 2px 3px rgba(255,255,255,.25)!important;
  font:1000 clamp(20px,5dvh,32px)/1 Arial,sans-serif!important;letter-spacing:.15em!important;
}
#harunaTouchDriveV5116 .ht115-brake.is-pressed{background:#4c0004!important;box-shadow:0 0 21px rgba(255,44,44,.9)!important}
#harunaTouchDriveV5116 .ht115-menu{
  position:absolute!important;top:max(6px,env(safe-area-inset-top))!important;
  right:max(8px,env(safe-area-inset-right))!important;
  padding:6px 12px!important;border:1px solid #ff7777!important;border-radius:7px!important;
  color:#fff!important;background:#aa131e!important;
  font:900 12px/1.2 Arial,sans-serif!important;
}
#harunaTouchDriveV5116 .ht115-mode{
  position:absolute;left:50%;top:max(7px,env(safe-area-inset-top));transform:translateX(-50%);
  font:900 clamp(9px,2.2dvh,13px)/1 Arial,sans-serif;letter-spacing:.08em;
  color:#e7faff;background:rgba(1,16,28,.85);border:1px solid #397c9c;
  border-radius:4px;padding:5px 10px;pointer-events:none;white-space:nowrap;
}

/* V5.116: steering centered at 25% screen height.
   The actual live tachometer is positioned by harunaSpeedGearHudV554
   and is lifted together with its gear/speed readouts during touch racing. */
@media (orientation:portrait){#harunaTouchDriveV5116{display:none!important}}
@media (max-height:310px) and (orientation:landscape){
 #harunaTouchDriveV5116 .ht115-steer{height:clamp(58px,27dvh,84px)!important;width:clamp(52px,23dvh,72px)!important;font-size:27px!important}
 #harunaTouchDriveV5116 .ht115-brake{height:42px!important;font-size:18px!important}
}