/* Compact financial alerts and a road-first layout for phone-size driving viewports. */
.market-alert{position:relative;display:flex;align-items:stretch;width:100%;min-width:0;border:1px solid #56d8aa78;border-radius:13px;background:linear-gradient(135deg,#153a32f7,#0b1d26f8);box-shadow:inset 0 1px 0 #caffec2b,0 8px 22px #0007;overflow:hidden;color:#effff8}
.market-alert[hidden]{display:none!important}
.market-alert-open{display:flex;align-items:center;gap:9px;min-width:0;flex:1;min-height:66px;padding:9px 5px 9px 10px;border:0;background:transparent;color:inherit;text-align:left;touch-action:manipulation}
.market-alert-icon{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:9px;background:#47e9ae1d;color:#60f1bd;font:800 17px/1 'DM Sans',sans-serif;box-shadow:inset 0 0 0 1px #5aefbd46}
.market-alert-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 8px;min-width:0;flex:1}
.market-alert-copy strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 11px/1.25 'DM Sans',sans-serif;letter-spacing:.01em}
.market-alert-message{grid-column:1/-1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#afc8c1;font:400 10px/1.3 'DM Sans',sans-serif}
.market-alert-quote{grid-column:1/-1;color:#5af0bc;font:700 10px/1.25 'DM Sans',sans-serif;font-variant-numeric:tabular-nums}
.market-alert[data-tone="down"] .market-alert-icon,.market-alert[data-tone="down"] .market-alert-quote{color:#ff91aa}.market-alert[data-tone="down"] .market-alert-icon{background:#ff6f9818;box-shadow:inset 0 0 0 1px #ff8cac42}
.market-alert[data-tone="flat"] .market-alert-icon,.market-alert[data-tone="flat"] .market-alert-quote{color:#bdd1da}
.market-alert-dismiss{flex:none;align-self:stretch;width:42px;min-width:42px;min-height:44px;padding:0;border:0;border-left:1px solid #98cbb52d;background:transparent;color:#abc9bd;font:400 22px/1 'DM Sans',sans-serif;touch-action:manipulation}
.market-alert :is(button:focus-visible){outline:2px solid #d8fff0;outline-offset:-3px}

/* Phones and short touch-oriented windows keep the road in the center of the screen. */
@media (max-width:600px), (max-width:980px) and (max-height:560px), (pointer:coarse) and (max-width:1400px){
 .phone-hud-ready.is-driving{--drive-edge:max(8px,env(safe-area-inset-left),env(safe-area-inset-right));--mobile-header:54px}
 .phone-hud-ready.is-driving header{height:var(--mobile-header)!important;min-height:var(--mobile-header);padding:5px var(--drive-edge)!important;gap:6px!important;flex-wrap:nowrap!important;background:linear-gradient(180deg,#071019d9,#0710199d 72%,transparent);align-items:flex-start!important}
 .phone-hud-ready.is-driving .drive-top-row{gap:5px!important;min-width:0;flex:1;overflow:hidden}
 .phone-hud-ready.is-driving .drive-top-row .brand{display:none!important}
 .phone-hud-ready.is-driving .drive-top-row #player-hud{display:flex!important;width:auto!important;max-width:150px!important;flex:none;padding:2px!important;border-radius:10px!important;background:#102131dc}
 .phone-hud-ready.is-driving .drive-top-row #player-hud .player-stat{min-width:58px;min-height:42px;padding:0 6px!important;gap:4px!important}
 .phone-hud-ready.is-driving .drive-top-row #player-hud .player-stat svg{width:15px!important;height:15px!important}
 .phone-hud-ready.is-driving .drive-top-row #player-hud .player-stat small{font-size:7px!important}
 .phone-hud-ready.is-driving .drive-top-row #player-hud .player-stat strong{font-size:15px!important}
 .phone-hud-ready.is-driving .drive-top-row #navigation.street-sign-hud{min-height:42px!important;max-width:145px!important;padding:5px 8px!important;border-radius:8px!important;overflow:hidden}
 .phone-hud-ready.is-driving .drive-top-row #navigation .street-sign-city,.phone-hud-ready.is-driving .drive-top-row #navigation #street-sign-note{display:none!important}
 .phone-hud-ready.is-driving .drive-top-row #navigation strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px!important}
 .phone-hud-ready.is-driving header .tools{display:flex!important;gap:4px!important;margin-left:auto!important;flex:none}
 .phone-hud-ready.is-driving header .tools>*{display:none!important}
 .phone-hud-ready.is-driving header .tools>:is(#duber-chip,#open-phone,#fullscreen,#open-radio,#toggle-controls,#pause):not([hidden]){display:block!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:6px 8px!important;font-size:9px!important;border-radius:9px!important}
 .phone-hud-ready.is-driving header .tools #toggle-controls{width:44px!important;font-size:0!important}
 .phone-hud-ready.is-driving header .tools #toggle-controls::before{content:'HUD';font:700 9px/1 'DM Sans',sans-serif;letter-spacing:.08em}
html.phone-hud-ready.is-driving header .tools>#toggle-controls#toggle-controls#toggle-controls#toggle-controls#toggle-controls#toggle-controls#toggle-controls#toggle-controls#toggle-controls#toggle-controls:not([hidden]){display:inline-flex!important;align-items:center;justify-content:center;width:44px!important;font-size:0!important}
 .phone-hud-ready.is-driving .drive-top-row #player-hud[hidden]{display:none!important}

 .phone-hud-ready.is-driving .drive-right-stack{top:calc(var(--mobile-header) + 7px)!important;right:var(--drive-edge)!important;bottom:auto!important;width:min(218px,34vw)!important;max-width:218px!important;max-height:calc(100dvh - var(--mobile-header) - 16px)!important;gap:6px!important;overflow:visible!important}
 .phone-hud-ready.is-driving .drive-right-stack #market-hud{width:100%!important;max-width:none!important;gap:5px!important}
 .phone-hud-ready.is-driving #market-hud .market-portfolio{padding:7px 8px!important;gap:2px!important;border-radius:11px!important}
 .phone-hud-ready.is-driving #market-hud :is(.market-cash,.market-picker,.market-gain,.market-graph,.market-periods,.market-stamp,.market-open,.market-symbols){display:none!important}
 .phone-hud-ready.is-driving #market-hud .market-top{align-items:center!important;gap:5px!important}
 .phone-hud-ready.is-driving #market-hud .market-brand{font-size:14px!important}
 .phone-hud-ready.is-driving #market-hud .market-live{display:none!important}
 .phone-hud-ready.is-driving #market-hud .market-minimize{width:36px!important;min-width:36px!important;min-height:32px!important;padding:0!important;font-size:0!important}
 .phone-hud-ready.is-driving #market-hud .market-minimize::before{content:'↗';font:700 15px/1 'DM Sans',sans-serif}
 .phone-hud-ready.is-driving #market-hud .market-value{justify-content:flex-end!important}
 .phone-hud-ready.is-driving #market-hud .market-value small{display:none!important}
 .phone-hud-ready.is-driving #market-hud .market-value .pv-number{font-size:20px!important}
 .phone-hud-ready.is-driving #market-hud .market-alert-open{min-height:60px;padding:7px 3px 7px 8px}
 .phone-hud-ready.is-driving #market-hud .market-alert-icon{width:27px;height:27px;font-size:14px}
 .phone-hud-ready.is-driving #market-hud .market-alert-dismiss{width:44px;min-width:44px}
 .phone-hud-ready.is-driving #market-hud .market-alert-message{font-size:9px}

 .phone-hud-ready.is-driving .drive-left-stack{display:none!important}
 .phone-hud-ready.is-driving.vibe-focus .drive-left-stack{display:flex!important;left:var(--drive-edge)!important;top:calc(var(--mobile-header) + 7px)!important;bottom:auto!important;width:min(190px,31vw)!important;max-height:100px!important;overflow:hidden!important}
 .phone-hud-ready.is-driving.vibe-focus .drive-left-stack #vibe-hud{padding:7px 9px!important;border-radius:11px!important}
 .phone-hud-ready.is-driving.vibe-focus .drive-left-stack #vibe-hud p,.phone-hud-ready.is-driving.vibe-focus .drive-left-stack #vibe-tip{display:none!important}

 .phone-hud-ready.is-driving #hud .map,.phone-hud-ready.is-driving #hud .map:is([data-size="medium"],[data-size="large"]){--gps-width:112px!important;display:block!important;top:calc(var(--mobile-header) + 7px)!important;left:var(--drive-edge)!important;right:auto!important;bottom:auto!important;width:112px!important;height:92px!important;border-radius:11px!important;opacity:.92}
 .phone-hud-ready.is-driving #hud .map .map-size-control{display:none!important}
 .phone-hud-ready.is-driving #hud .map .speed{inset:6px 6px auto auto!important;padding:4px 5px!important;border-radius:7px!important}
 .phone-hud-ready.is-driving #hud .map .speed strong{font-size:22px!important}
 .phone-hud-ready.is-driving #hud .map .speed small{display:none!important}
 .phone-hud-ready.is-driving #hud>.speed{display:flex!important;align-items:baseline!important;gap:3px!important;top:calc(var(--mobile-header) + 7px)!important;left:calc(var(--drive-edge) + 120px)!important;right:auto!important;bottom:auto!important;width:auto!important;min-width:58px!important;min-height:40px!important;padding:7px 8px!important;border:1px solid #9db2be66!important;border-radius:10px!important;background:#0b1824e8!important;box-shadow:0 6px 18px #0008!important;text-align:left!important}
 .phone-hud-ready.is-driving #hud>.speed strong{font-size:24px!important;line-height:1!important}
 .phone-hud-ready.is-driving #hud>.speed span{font-size:8px!important;letter-spacing:.08em!important}
 .phone-hud-ready.is-driving #hud>.speed :is(small,.revbar){display:none!important}
 .phone-hud-ready.is-driving #radio-mini.drive-radio:not([hidden]){display:none!important}
 .phone-hud-ready.is-driving .combo:not(.hot){display:none!important}
 .phone-hud-ready.is-driving .combo.hot{top:calc(var(--mobile-header) + 8px)!important;max-width:180px!important}.phone-hud-ready.is-driving .combo.hot label{font-size:14px!important}
 .phone-hud-ready.is-driving #drive-destination-label{top:calc(var(--mobile-header) + 4px)!important;min-height:25px!important;max-width:38vw!important;padding:4px 7px!important;font-size:8px!important}
 .phone-hud-ready.is-driving #drive-direction{top:calc(var(--mobile-header) + 33px)!important;width:150px!important}.phone-hud-ready.is-driving #drive-direction canvas{width:118px!important;height:66px!important}.phone-hud-ready.is-driving #drive-direction>span{font-size:8px!important;padding:3px 5px!important}

 .phone-hud-ready.is-driving:not(.controller-active) .controls{display:flex!important;left:var(--drive-edge)!important;right:var(--drive-edge)!important;bottom:max(7px,env(safe-area-inset-bottom))!important;height:128px!important;align-items:flex-end!important}
 .phone-hud-ready.is-driving:not(.controller-active) .wheel-area,.phone-hud-ready.is-driving:not(.controller-active) #wheel{width:112px!important}
 .phone-hud-ready.is-driving:not(.controller-active) #wheel{height:112px!important}
 .phone-hud-ready.is-driving:not(.controller-active) .wheel-area>span{display:none!important}
 .phone-hud-ready.is-driving:not(.controller-active) .pedal-cluster{display:grid!important;grid-template-columns:44px 86px!important;grid-template-rows:42px 82px!important;gap:5px!important;padding:0!important}
 .phone-hud-ready.is-driving:not(.controller-active) .controls #gear{position:static!important;grid-column:1!important;grid-row:1!important;width:44px!important;height:42px!important;min-height:42px!important;font-size:12px!important}
 .phone-hud-ready.is-driving:not(.controller-active) .controls .handbrake{position:static!important;grid-column:2!important;grid-row:1!important;width:86px!important;height:42px!important;min-height:42px!important;font-size:8px!important;padding:2px!important}
 .phone-hud-ready.is-driving:not(.controller-active) .controls #horn{top:47px!important;left:0!important;right:auto!important;width:52px!important;height:44px!important;min-height:44px!important;padding:3px!important;font-size:8px!important}
 .phone-hud-ready.is-driving:not(.controller-active) .controls .pedals{grid-column:1/-1!important;grid-row:2!important;gap:7px!important;align-items:flex-end!important}
 .phone-hud-ready.is-driving:not(.controller-active) .controls .pedals .brake-pedal{width:58px!important;height:52px!important;padding:6px!important}
 .phone-hud-ready.is-driving:not(.controller-active) .controls .pedals .gas-pedal{width:66px!important;height:82px!important;padding:6px!important}
 .phone-hud-ready.is-driving:not(.controller-active) .controls .pedals button>span{font-size:8px!important}
 .phone-hud-ready.is-driving:not(.controller-active) .controls .pedals button>i{margin-bottom:5px!important}

 .phone-hud-ready.is-driving .phone-toast{left:50%!important;right:auto!important;top:calc(var(--mobile-header) + 7px)!important;bottom:auto!important;width:min(280px,46vw)!important;transform:translateX(-50%)!important;border-radius:12px!important}
 .phone-hud-ready.is-driving .phone-toast-open{min-height:58px!important;padding:8px!important}.phone-hud-ready.is-driving .phone-toast .phone-toast-message{font-size:10px!important;-webkit-line-clamp:1}.phone-hud-ready.is-driving .phone-toast small{display:none!important}
}

/* Portrait is still usable before rotation: only the core controls and compact status remain. */
@media (max-width:600px) and (orientation:portrait){
 .phone-hud-ready.is-driving .drive-top-row #player-hud{display:none!important}
 .phone-hud-ready.is-driving .drive-top-row #navigation.street-sign-hud{max-width:42vw!important}
 .phone-hud-ready.is-driving .drive-right-stack{width:178px!important;max-width:46vw!important}
 .phone-hud-ready.is-driving #hud .map,.phone-hud-ready.is-driving #hud .map:is([data-size="medium"],[data-size="large"]){top:calc(var(--mobile-header) + 118px)!important;width:100px!important;height:82px!important}
 .phone-hud-ready.is-driving #drive-destination-label{display:none!important}
 .phone-hud-ready.is-driving #drive-direction{top:calc(var(--mobile-header) + 6px)!important}
}

@media (prefers-reduced-motion:reduce){.market-alert{animation:none!important}}

/* Permanent driving chrome: the compact layout keeps identity, progress,
   navigation and primary apps visible. Only Hoodrich and Catch a Vibe obey
   the widget visibility preference. */
.phone-hud-ready.is-driving.driving-widgets-hidden #market-hud,
.phone-hud-ready.is-driving.driving-widgets-hidden #vibe-hud{display:none!important}
@media (max-width:600px), (max-width:980px) and (max-height:560px), (pointer:coarse) and (max-width:1400px){
 .phone-hud-ready.is-driving header{align-items:flex-start!important}
 .phone-hud-ready.is-driving .drive-top-row{display:flex!important;overflow:visible!important;align-items:flex-start!important}
 .phone-hud-ready.is-driving .drive-top-row .brand{display:block!important;flex:0 0 54px!important;max-width:54px!important;font-size:11px!important;line-height:.84!important;padding-top:7px!important}
 .phone-hud-ready.is-driving .drive-top-row .brand small{display:none!important}
 .phone-hud-ready.is-driving .drive-top-row #player-hud{display:flex!important;max-width:220px!important;min-width:184px!important}
 .phone-hud-ready.is-driving .drive-top-row #player-hud .player-stat{display:flex!important;min-width:43px!important;min-height:42px!important;padding:0 3px!important;gap:2px!important}
 .phone-hud-ready.is-driving .drive-top-row #player-hud .player-stat svg{display:none!important}
 .phone-hud-ready.is-driving .drive-top-row #player-hud .player-stat small{font-size:6px!important}
 .phone-hud-ready.is-driving .drive-top-row #player-hud .player-stat strong{font-size:12px!important}
 .phone-hud-ready.is-driving .drive-top-row #navigation.street-sign-hud{flex:0 1 120px!important;max-width:120px!important}
 .phone-hud-ready.is-driving header .tools>:is(#duber-chip,#open-phone,#fullscreen,#open-radio,#toggle-controls,#pause):not([hidden]){display:inline-flex!important;align-items:center!important;justify-content:center!important}
 .phone-hud-ready.is-driving header .tools #open-phone,
 .phone-hud-ready.is-driving header .tools #fullscreen,
 .phone-hud-ready.is-driving header .tools #open-radio,
 .phone-hud-ready.is-driving header .tools #toggle-controls,
 .phone-hud-ready.is-driving header .tools #pause{width:44px!important;min-width:44px!important}
 .phone-hud-ready.is-driving header .tools #duber-chip{width:auto!important;min-width:62px!important;padding-inline:5px!important}
 .phone-hud-ready.is-driving header .tools #duber-chip .duber-mark{width:25px!important;height:25px!important}
 .phone-hud-ready.is-driving header .tools #duber-chip .duber-chip-status{display:none!important}
 .phone-hud-ready.is-driving header .tools #duber-chip .duber-chip-value{font-size:11px!important}
 .phone-hud-ready.is-driving header .tools #toggle-controls::before{content:'WIDGETS'!important;font-size:7px!important}
 .phone-hud-ready.is-driving .drive-left-stack{display:flex!important;left:var(--drive-edge)!important;top:calc(var(--mobile-header) + 106px)!important;bottom:auto!important;width:min(190px,31vw)!important;max-height:100px!important;overflow:hidden!important}
 .phone-hud-ready.is-driving .drive-left-stack #vibe-hud{display:block!important;padding:7px 9px!important;border-radius:11px!important}
 .phone-hud-ready.is-driving.driving-widgets-hidden .drive-left-stack #vibe-hud{display:none!important}
 .phone-hud-ready.is-driving .drive-left-stack #vibe-hud p,.phone-hud-ready.is-driving .drive-left-stack #vibe-tip{display:none!important}
 .phone-hud-ready.is-driving #radio-mini.drive-radio{display:none!important}
}
@media (max-width:760px) and (max-height:560px){
 .phone-hud-ready.is-driving .drive-top-row .brand{flex-basis:42px!important;max-width:42px!important;font-size:9px!important}
 .phone-hud-ready.is-driving .drive-top-row #player-hud{min-width:164px!important;max-width:164px!important}
 .phone-hud-ready.is-driving .drive-top-row #player-hud .player-stat{min-width:39px!important}
 .phone-hud-ready.is-driving .drive-top-row #navigation.street-sign-hud{max-width:82px!important}
 .phone-hud-ready.is-driving header .tools{gap:2px!important}
 .phone-hud-ready.is-driving header .tools>:is(#open-phone,#fullscreen,#open-radio,#toggle-controls,#pause):not([hidden]){width:38px!important;min-width:38px!important;padding-inline:3px!important}
 .phone-hud-ready.is-driving header .tools #duber-chip{min-width:52px!important}
}

/* Keep the widget preference authoritative over every compact-layout rule. */
.phone-hud-ready.is-driving.driving-widgets-hidden #market-hud#market-hud,
.phone-hud-ready.is-driving.driving-widgets-hidden #vibe-hud#vibe-hud{display:none!important}

/* Older phone chrome rules carried ID-heavy exclusions. These controls are
   permanent in the driving header at every compact breakpoint. */
html.phone-hud-ready.is-driving header .tools>#fullscreen#fullscreen#fullscreen#fullscreen#fullscreen#fullscreen#fullscreen#fullscreen:not([hidden]),
html.phone-hud-ready.is-driving header .tools>#open-radio#open-radio#open-radio#open-radio#open-radio#open-radio#open-radio#open-radio:not([hidden]){display:inline-flex!important;align-items:center!important;justify-content:center!important}

/* Reserve the lower corners for hands. This layer also covers touch tablets,
   whose wider CSS viewport previously selected the desktop widget stack. */
@media (max-width:600px), (max-width:980px) and (max-height:560px), (pointer:coarse) and (max-width:1400px){
 .phone-hud-ready.is-driving{--mobile-header:54px;--touch-reserve:148px}
 .phone-hud-ready.is-driving header{padding-top:max(5px,env(safe-area-inset-top))!important}
 .phone-hud-ready.is-driving .controls{z-index:25!important;pointer-events:none!important}
 .phone-hud-ready.is-driving .controls :is(button,#wheel){pointer-events:auto!important;touch-action:none!important}
 .phone-hud-ready.is-driving .drive-right-stack{width:min(184px,30vw)!important;max-height:calc(100dvh - var(--mobile-header) - var(--touch-reserve) - 14px)!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-width:none}
 .phone-hud-ready.is-driving #market-hud .market-portfolio{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;padding:4px 7px!important;min-height:44px!important}
 .phone-hud-ready.is-driving #market-hud .market-top{display:contents!important}
 .phone-hud-ready.is-driving #market-hud .market-brand{grid-column:1;grid-row:1;font-size:12px!important}
 .phone-hud-ready.is-driving #market-hud .market-value{grid-column:1;grid-row:2;margin:0!important}
 .phone-hud-ready.is-driving #market-hud .market-value .pv-number{font-size:16px!important}
 .phone-hud-ready.is-driving #market-hud .market-minimize{grid-column:2;grid-row:1/3;width:44px!important;min-width:44px!important;min-height:44px!important}
 .phone-hud-ready.is-driving #market-hud .market-alert-open{min-height:44px!important;padding:5px!important;gap:4px!important}
 .phone-hud-ready.is-driving #market-hud .market-alert-icon{display:none!important}
 .phone-hud-ready.is-driving #market-hud .market-alert-message{display:none!important}
 .phone-hud-ready.is-driving .drive-left-stack{max-height:calc(100dvh - var(--mobile-header) - 106px - var(--touch-reserve))!important;overflow:hidden!important}
 .phone-hud-ready.is-driving:not(.controller-active) .controls #gear,
 .phone-hud-ready.is-driving:not(.controller-active) .controls .handbrake{height:44px!important;min-height:44px!important}
 .phone-hud-ready.is-driving:not(.controller-active) .pedal-cluster{grid-template-rows:44px 82px!important}
 .phone-hud-ready.is-driving:not(.controller-active) .controls #horn{top:49px!important}
 .phone-hud-ready.is-driving header .tools>:is(#open-phone,#fullscreen,#open-radio,#toggle-controls,#pause):not([hidden]){width:44px!important;min-width:44px!important;min-height:44px!important}
 .phone-hud-ready.is-driving #duber-card,.phone-hud-ready.is-driving #duber-progress{padding:6px 8px!important;font-size:10px!important}
 .phone-hud-ready.is-driving #duber-card p{display:none!important}
 .phone-hud-ready.is-driving #recover{bottom:calc(var(--touch-reserve) + env(safe-area-inset-bottom))!important;left:var(--drive-edge)!important}
}
/* Two deliberate rows fit the complete toolbar without tiny touch targets. */
@media (max-width:650px){
 .phone-hud-ready.is-driving{--mobile-header:104px}
 .phone-hud-ready.is-driving header{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:44px 44px!important;gap:5px!important;height:var(--mobile-header)!important}
 .phone-hud-ready.is-driving .drive-top-row{width:100%!important;gap:6px!important}
 .phone-hud-ready.is-driving .drive-top-row #navigation.street-sign-hud{margin-left:auto!important;flex:1 1 auto!important;min-width:0!important;max-width:180px!important}
 .phone-hud-ready.is-driving header .tools{width:100%!important;justify-content:flex-end!important;gap:4px!important;margin:0!important}
 .phone-hud-ready.is-driving header .tools #duber-chip{margin-right:auto!important;min-width:52px!important}
 .phone-hud-ready.is-driving #hud .map,.phone-hud-ready.is-driving #hud .map:is([data-size="medium"],[data-size="large"]){top:calc(var(--mobile-header) + 7px)!important}
 .phone-hud-ready.is-driving .drive-right-stack{width:min(172px,44vw)!important;max-width:44vw!important}
 .phone-hud-ready.is-driving #hud>.speed{top:calc(var(--mobile-header) + 104px)!important;left:var(--drive-edge)!important;min-height:30px!important;padding:4px 7px!important}
 .phone-hud-ready.is-driving #hud>.speed strong{font-size:20px!important}
 .phone-hud-ready.is-driving .drive-left-stack{top:calc(var(--mobile-header) + 142px)!important;max-height:calc(100dvh - var(--mobile-header) - 150px - var(--touch-reserve))!important}
}
/* Short landscape screens keep informational cards out of both thumb zones. */
@media (max-height:400px) and (max-width:980px){
 .phone-hud-ready.is-driving .drive-left-stack{display:none!important}
 .phone-hud-ready.is-driving #hud .map,.phone-hud-ready.is-driving #hud .map:is([data-size="medium"],[data-size="large"]){width:96px!important;height:70px!important;--gps-width:96px!important}
 .phone-hud-ready.is-driving #hud>.speed{top:calc(var(--mobile-header) + 7px)!important;left:calc(var(--drive-edge) + 103px)!important;min-width:46px!important;min-height:32px!important;padding:5px!important}
 .phone-hud-ready.is-driving .combo.hot{display:none!important}
 .phone-hud-ready.is-driving #drive-direction{width:100px!important;top:calc(var(--mobile-header) + 30px)!important}
 .phone-hud-ready.is-driving #drive-direction canvas{width:80px!important;height:44px!important}
}

/* Desktop instrument lane: optional apps cannot cover speed and gear. */
@media (pointer:fine) and (min-width:651px) and (min-height:561px), (pointer:fine) and (min-width:981px){
 .phone-hud-ready.is-driving{--desktop-instrument-height:78px;--desktop-instrument-bottom:max(12px,env(safe-area-inset-bottom));--desktop-app-bottom:calc(var(--desktop-instrument-bottom) + var(--desktop-instrument-height) + 12px)}
 .phone-hud-ready.is-driving #hud>.speed{
  position:fixed!important;left:auto!important;top:auto!important;right:var(--drive-edge)!important;bottom:var(--desktop-instrument-bottom)!important;
  display:grid!important;grid-template-columns:auto auto;align-items:baseline;justify-content:end;gap:2px 6px;
  box-sizing:border-box;width:144px!important;height:var(--desktop-instrument-height)!important;min-height:0!important;padding:9px 12px!important;
  background:#0b1824eb;border:1px solid #9db2be66;border-radius:12px;box-shadow:0 4px 14px #0005;
  transform:none!important;text-align:right;pointer-events:none
 }
 .phone-hud-ready.is-driving #hud>.speed>strong{font:700 38px/1 'Barlow Condensed',sans-serif!important;font-variant-numeric:tabular-nums}
 .phone-hud-ready.is-driving #hud>.speed>span{font-size:10px!important;margin:0!important}
 .phone-hud-ready.is-driving #hud>.speed>small{display:block!important;grid-column:1/-1;font-size:9px!important;line-height:1.2!important;margin:0!important;white-space:nowrap}
 .phone-hud-ready.is-driving #hud>.speed .revbar{display:none!important}
 .phone-hud-ready.is-driving .drive-right-stack{
  top:auto!important;bottom:var(--desktop-app-bottom)!important;
  max-height:max(44px,calc(100dvh - var(--desktop-app-bottom) - 85px))!important;
  overflow:auto!important;overscroll-behavior:contain;scrollbar-width:thin
 }
}
@media (pointer:fine) and (min-width:1900px) and (min-height:700px){
 .phone-hud-ready.is-driving{--desktop-instrument-height:92px}
 .phone-hud-ready.is-driving #hud>.speed{width:186px!important}
 .phone-hud-ready.is-driving #hud>.speed>strong{font-size:48px!important}
}