body{
background:#0b0b0c;
color:#fff;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto;
margin:0;
height:100vh;
overflow:hidden;
}

.container{
max-width:420px;
margin:auto;
height:100vh;
display:flex;
flex-direction:column;
box-sizing:border-box;
overflow:hidden;
padding-bottom:95px;
}

#game-root{
flex:1;
min-height:0;
display:flex;
flex-direction:column;
overflow:hidden;
}

.header{
flex-shrink:0;
}

.page{
display:none;
flex:1;
min-height:0;
flex-direction:column;
overflow:hidden;
}

.page.active{
display:flex;
}

.page-content{
flex:1;
min-height:0;
padding:14px;
overflow-y:auto;
overflow-x:hidden;
-webkit-overflow-scrolling:touch;
overscroll-behavior-y:contain;
}

body:not(.game-mode) #game-root .header{
display:none;
}

body:not(.game-mode) #game-root{
    display:none;
}