:root{--main-font-color: rgba(255, 255, 255, .87);--main-font-family: Arial, Helvetica, sans-serif;--background-color: #000000;--aspect-ratio: 4 / 3}.game-layout{position:relative;max-height:100%;max-width:100%;aspect-ratio:var(--aspect-ratio);margin:auto}.game-box{position:absolute;height:100%;width:100%;overflow:hidden;display:flex!important;justify-content:center;align-items:center;flex:1}.game-ui{position:absolute;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.game-ui-top,.game-ui-middle,.game-ui-bottom{width:100%;display:flex;flex-direction:row;justify-content:space-between}.game-ui-top,.game-ui-bottom{height:10%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex:1}.game-ui-middle{height:80%}.game-ui-bar-item{height:100%;overflow:hidden;display:flex;flex-direction:row;align-items:center;flex:1}.game-ui-side-item{width:10%;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.game-ui-top-left,.game-ui-bottom-left{justify-content:flex-start}.game-ui-top-right,.game-ui-bottom-right{justify-content:flex-end}.game-ui-top-middle,.game-ui-bottom-middle{justify-content:center}@media screen and (max-width: 640px),screen and (max-height: 480px){html,body{min-width:640px;min-height:480px;overflow:auto!important}}@media screen and (max-height: 600px),screen and (min-width: 800px) and (orientation: landscape){.page-middle-top,.page-middle-bottom{display:none}.page-middle-center{height:100vh!important}}@media screen and (max-width: 800px),screen and (min-height: 600px) and (orientation: portrait){.page-left,.page-right{display:none}.page-middle{width:100%!important}}html,body{overflow:hidden}body{margin:0;padding:0;color:var(--main-font-color);background-color:var(--background-color);font-family:var(--main-font-family)}.page-layout{width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.page-middle{height:100vh;width:80%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.page-middle-top,.page-middle-bottom{height:10%}.page-middle-center{flex:1;width:100%;min-width:640px;min-height:480px}