/* Keep the whole playable viewport visible in mobile expanded mode. */
@media(pointer:coarse),(max-width:1024px){
  .arcade.touch-driving{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .arcade.touch-driving .console{position:fixed;left:0;right:0;bottom:0;z-index:31}
}
html.game-expanded .arcade{position:fixed;inset:0 0 auto;z-index:10000;width:100%;height:var(--cape-game-height,100dvh)!important;max-width:none;margin:0;overflow:hidden}
html.game-expanded .arcade.touch-driving{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
html.game-expanded .arcade .cabinet{min-height:0;flex:1 1 auto}
html.game-expanded .arcade .game-screen{min-height:0!important;flex:1 1 auto}
@media(pointer:coarse),(max-width:1024px){
  html.game-expanded .arcade.touch-driving .console{position:absolute;left:0;right:0;bottom:0;z-index:31}
}
@media(max-height:570px) and (min-width:600px){
  .arcade.touch-driving{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  html.game-expanded .arcade.touch-driving{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
}
/* The battery is an action on touch screens, not only a status meter. */
.boost-tap{position:relative;border:2px solid #9beefa;border-radius:8px;background:#12374fe8;padding:7px 9px 8px;box-shadow:0 3px 0 #0c2035,0 0 14px #49ddf77a;text-align:left;min-height:62px}
.boost-tap .meter-label{display:flex;align-items:center;justify-content:space-between;gap:8px}
.boost-tap .boost-action{display:block;margin:3px 0 5px;color:#d8fffb;font:900 12px/1.1 monospace;letter-spacing:.06em;text-shadow:none}
.boost-tap .boost-meter{height:7px}
.boost-tap.boost-ready .boost-action{animation:boostCue 1.8s ease-in-out infinite}
.boost-tap.boost-active{background:#216481;border-color:#dcffff}
@keyframes boostCue{50%{filter:brightness(1.4)}}
@media(max-width:650px){.boost-tap{min-height:72px}.boost-tap .boost-action{font-size:13px}}
@media(prefers-reduced-motion:reduce){.boost-tap.boost-ready .boost-action{animation:none}}