/* Keep status in document flow: browser toolbar height must not move it onto spin. */
html,body,#stage{touch-action:pan-x pan-y}
html,body,#stage{-webkit-text-size-adjust:none;text-size-adjust:none}
@media(max-width:650px) and (orientation:portrait){
 body #stage{padding-top:0!important;height:100svh;min-height:146cqw;aspect-ratio:auto!important}
 body #stage header{height:auto!important;min-height:58px;flex:none;padding:8px 3%}
 body #stage #playfield{flex:1;min-height:88cqw;grid-template-rows:minmax(0,1fr) 24cqw}
 body #stage #cabinet{height:100%;min-height:0;aspect-ratio:auto}
 body #stage .controls{margin-top:3cqw!important;height:21cqw}
 body #stage #message{position:static;height:auto;min-height:8cqw;flex:none;padding:4px 3%;text-align:center;line-height:1.25}
 body #stage footer{flex:none}
 body #stage .legal{margin-top:0;flex:none;min-height:0;height:auto;padding:2cqw 3%;line-height:1.2}
}