/* v61 · phone-size fixes (loaded last) */
@media (hover:none),(pointer:coarse){
  /* while driving on a phone: the event chips sat under "Get out of the car" (upright and sideways) */
  body.driving .chips-top{display:none!important}
  /* racing: the race panel has its own Quit, so hide "Get out of the car" behind it */
  body.racing .actbtn,body.racing #actbtn{display:none!important}
}
/* small upright phones (≤400px): steering arrows and pedals no longer touch */
@media (max-width:400px) and (orientation:portrait){
  body.driving .steer{gap:8px;left:max(10px,env(safe-area-inset-left))}
  body.driving .stb{width:70px;height:86px;border-radius:20px}
  body.driving .stb svg{width:36px;height:36px}
  body.driving .pedals{gap:8px;right:max(10px,env(safe-area-inset-right))}
  body.driving .pedal.brake{width:72px;height:88px}
  body.driving .pedal.gas{width:64px;height:116px}
}
/* short landscape screens: the start lights and number fit between the race panel and the pedals */
@media (max-height:500px) and (orientation:landscape){
  #raceCount{padding-top:70px;gap:8px}
  #raceCount b{font-size:64px}
  .rc-lights{padding:8px 12px;gap:10px}.rc-lights i{width:26px;height:26px}
}
/* terminal header on small phones: account name readable, risk badge shrinks to its dot */
@media (max-width:400px){
  #term .pt-acct select{flex:none;min-width:134px}
  #term .risk-badge{font-size:0;padding:6px;min-width:30px;min-height:30px;justify-content:center}
  #term .risk-badge span:first-child{font-size:14px}
}
/* short landscape phones: the phone's side tab rail fits without cutting off "Me" */
@media (max-height:500px){
  body.ui-wide .ph-tabs{margin:8px 0 8px 10px;gap:2px;max-height:calc(100dvh - 16px);box-sizing:border-box}
  body.ui-wide .ph-tabs button{padding:6px 0 5px;gap:2px;font-size:9.5px}
  body.ui-wide .ph-tabs button span{font-size:17px}
}
/* terminal on phones: keep the Go live button (other chips stay hidden) */
@media (max-width:820px){ #term .pt-topr .lv-termbtn{display:inline-flex!important;padding:6px 10px;font-size:11.5px;flex:none} }
/* sign-up on sideways phones: brand on the left, the form on the right, both visible without scrolling the page */
@media (orientation:landscape) and (max-height:500px) and (min-width:600px){
  #create.cr2 .cr-wrap{grid-template-columns:.85fr 1.15fr;gap:18px;padding:10px 14px 10px;align-items:start;min-height:0}
  #create.cr2 .cr-brand h1{font-size:clamp(28px,5.2vw,40px);margin:8px 0 6px}
  #create.cr2 .cr-logo{width:40px;height:40px}
  #create.cr2 .cr-sub{font-size:13px;margin-bottom:8px}
  #create.cr2 .cr-feat{display:none}
  #create.cr2 .cr-have{padding:8px 12px;margin-top:6px}
  #create.cr2 .cr-card{max-height:calc(100dvh - 54px);overflow-y:auto;padding:16px;scrollbar-width:none}
  #create.cr2 .cr-card::-webkit-scrollbar{display:none}
  #create.cr2 .cr-h{margin-bottom:12px}
  #create.cr2 .cr-h h2{font-size:22px}
}
/* Provia wordmark on the sign-up screen: one word on one line, "via" in the gold-to-violet sheen */
#create.cr2 .cr-brand h1{white-space:nowrap;font-size:clamp(58px,8.4vw,118px);line-height:.95}
#create.cr2 .cr-brand h1 b{display:inline}
@media (max-width:900px){#create.cr2 .cr-brand h1{font-size:clamp(54px,17vw,84px)}}
@media (orientation:landscape) and (max-height:500px) and (min-width:600px){#create.cr2 .cr-brand h1{font-size:clamp(40px,7vw,58px)}}