body,html { margin:0; padding:0 } 
html { height:100%; background-color:#333333 } 
body { margin:0; border:0; padding:0; height:100%; overflow:hidden; width:100%; -webkit-tap-highlight-color:transparent } 
#capture { background:0 0!important; display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; margin:0 } 
#gameContainer canvas { width:100%; height:100% } 
#gameContainer { background:0 0!important; display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; margin:0 } 
canvas:focus { outline:0 } 
.loadScreen { background-color:#333333; height:100%; margin:0; z-index:1000 } 
.loadScreen * { position:relative } 
.loadScreen { height:calc(var(--vh,1vh) * 100) } 
.logoTop { top:15vh; height:6vh; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); position:absolute } 
.logoTop { top:calc(var(--vh,1vh) * 15); height:calc(var(--vh,1vh) * 6) } 
.logo { top:38vh; height:12vh; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); position:absolute } 
.logo { top:calc(var(--vh,1vh) * 38); height:calc(var(--vh,1vh) * 12) } 
.progress { top:50vh; width:36.962vh; height:0.7291vh; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); position:absolute } 
.progress { top:calc(var(--vh,1vh) * 50); height:calc(var(--vh,1vh) * 0.7291) } 
.progress .empty { float:right; background-color:#ffffff; height:100%; width:100%; display:inline-block } 
.progress .full { height:100%; width:100%; display:inline-block; float:left; background-color:#fdb913 } 
.progress .downloadInfo { position:absolute; font-size:1vh; line-height:1.25vh; text-align:center; width:100%; color:#000000; font-family:Roboto,Arial,Helvetica,sans-serif } 
.progress .downloadInfo { font-size:calc(var(--vh,1vh) * 1); line-height:calc(var(--vh,1vh) * 1.25); visibility: hidden; } 
.info { top:54.6875vh; height:1.1vh; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); position:absolute } 
.info { top:calc(var(--vh,1vh) * 54.6875); height:calc(var(--vh,1vh) * 1.1); visibility: visible; } 
.waitInit { display:none; top:53.6875vh; height:4.3vh; width:100%; color:#ffffff; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); font-size:1.7vh; text-align:center; font-family:Roboto,Arial,Helvetica,sans-serif; position:absolute } 
.waitInit { top:calc(var(--vh,1vh) * 53.6875); height:calc(var(--vh,1vh) * 4.3) } 
.horizontal { display:block; width:100%; height:auto; left:50%; transform:translate(-50%,0) } 
.vertical { display:block; width:auto; height:100%; left:50%; transform:translate(-50%,0) } 
.progress .empty { width:99.9% } 
.progress .full { width:0.1% } 
input { font-size:14px!important } 