html,body{padding:0;margin:0;border:0;height:100%;touch-action-delay:none;touch-action:none;-ms-touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}#viewport{position:absolute;background:#232020;width:100%;height:100%}#canvas{position:absolute;width:100%;height:100%;cursor:default}@media only screen and (min-resolution:2dppx),(-webkit-min-device-pixel-ratio:2) and (orientation:portrait) and (max-width:360px){#canvas{width:200%;height:200%;transform-origin:0 0;transform:scale(.5)}}@media only screen and (min-resolution:2dppx),(-webkit-min-device-pixel-ratio:2) and (orientation:landscape) and (max-height:360px){#canvas{width:200%;height:200%;transform-origin:0 0;transform:scale(.5)}}#canvas:focus{outline:none}#preloader{display:block;position:absolute;background-image:url(preloader.jpg);background-size:cover;background-position:center;width:100%;height:100%}.meter{position:relative;margin-top:94vh;height:3vh;width:90vw;left:0;right:0;margin-left:auto;margin-right:auto;background-color:#654596;border-radius:24px;padding:8px}.meter>span{display:block;height:100%;border-radius:24px;box-shadow:inset 0 2px 9px rgba(255,255,255,.3),inset 0 -2px 6px rgba(0,0,0,.4);position:relative;overflow:hidden}.meter>span:after,.animate>span>span{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(.15,rgba(255,255,255,.2)),color-stop(.15,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.2)),color-stop(.65,rgba(255,255,255,.2)),color-stop(.65,transparent),to(transparent) );z-index:1;-webkit-background-size:50px 50px;-moz-background-size:50px 50px;-webkit-animation:move 3s linear infinite;overflow:hidden}.animate>span:after{display:none}@-webkit-keyframes move{0%{background-position:0 0}100%{background-position:200px 50px}}