/* Loaded after the desktop art layers. Each feature owns its portrait layout. */
@import url('./mobile-setup-v1.css');
@import url('./mobile-race-v1.css');
@import url('./mobile-bonus-v1.css');
@import url('./mobile-results-v1.css');
@import url('./mobile-bonus-summary-v1.css');
@import url('./mobile-loading-v1.css');
@import url('./mobile-garage-v3.css');
@import url('./mobile-course-v3.css');
@import url('./mobile-setup-reference-v5.css');

@media(max-width:900px) and (orientation:portrait){
 html,body{width:100%;min-height:100%;overscroll-behavior:none}
 #app{height:100dvh;min-height:0}
 button,a,input,select{-webkit-tap-highlight-color:transparent}
 button,a,select{touch-action:manipulation}
 #modal{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px)}
 #modal #close-modal{width:44px;height:44px;min-width:44px;min-height:44px}
}