html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;background:#444}#gameContainer{width:100vw;height:100vh}canvas{width:100%;height:100%;display:block}canvas+*{z-index:2}.logo{display:block;max-width:100vw;max-height:70vh;margin:0 2em}.progress{margin:1.5em 0;display:none;position:relative}.flexCenter{display:flex;align-items:center;justify-content:center}.progress .posfull,.progress .posbox{position:absolute}.progress .posfull{z-index:3}.posfull .full{transform-origin:top left}.progress .posfull1{z-index:2}.progress .posbox{z-index:1}#loader{position:absolute;left:0;top:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000}.spinner,.spinner:after{border-radius:50%;width:5em;height:5em}.spinner{margin:10px;font-size:10px;position:relative;text-indent:-9999em;border-top:1.1em solid rgba(255,255,255,.2);border-right:1.1em solid rgba(255,255,255,.2);border-bottom:1.1em solid rgba(255,255,255,.2);border-left:1.1em solid #fff;transform:translateZ(0);animation:spinner-spin 1.1s infinite linear}@keyframes spinner-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}