/* Fill the actual browser viewport; distribute spare height around the page's content. */
#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
#app>.header{flex:0 0 auto;width:100%}
#app>main{width:100%;margin:0 auto;flex:1 0 auto}
#app>footer{width:100%;flex:0 0 auto;margin:0 auto}
#app>.gateway-v7{min-height:0}
@media(min-width:761px){
 #app>.purchase-v3,#app>.inventory-v3,#app>.casino-page{display:flex;flex-direction:column;justify-content:center}
 #app>.purchase-v3>.city-layout{flex:0 0 auto}
 #app>.casino-page>.game-shell,#app>.inventory-v3>.inventory-layout{flex:0 0 auto}
 /* Center in taller/full-screen windows without stretching maps, artwork or controls. */
 #app>.purchase-v3{padding-top:26px;padding-bottom:26px}
 #app>.casino-page{padding-top:26px;padding-bottom:26px}
 #app>.inventory-v3{padding-top:26px;padding-bottom:26px}
}