html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;background:#003153}#gameContainer{width:100vw;height:100vh}canvas{width:100%;height:100%;display:block}canvas+*{z-index:2}.container{position:relative;width:100%;height:100%}.logo{display:block;position:absolute;max-width:85%;max-height:100%;width:auto!important;height:auto;margin-left:auto;margin-right:auto;left:0;right:0;text-align:center}#loader{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#003153}.pos_progress{position:absolute;bottom:10%;width:100%}.progress{margin:1.5em auto;max-width:250px;height:auto;position:relative;min-height:68px}.full{width:98%;transform-origin:top left}.box_process{width:100%}.process{width:98%}.progress .posfull,.progress .posbox{position:absolute;display:flex;align-items:center;justify-content:center}.progress .posfull{z-index:1;top:15%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.progress .posbox{top:0;z-index:2}.pos_spinner{position:absolute;top:70%;left:50%;transform:translate(-30%,-50%)}.spinner,.spinner:after{border-radius:50%;width:5em;height:5em}.spinner{display:none;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)}}