:root{--primary-color:#002aff}@font-face{font-family:FuturaBook;src:url(assets/FuturaBook.8438e.woff) format("woff")}@font-face{font-family:FuturaMedium;src:url(assets/FuturaMediumCondensed.41242.woff) format("woff")}*{margin:0;box-sizing:border-box}html{font-family:FuturaMedium,sans-serif;background:#111;color:#fff;font-size:12px;width:100%;height:100%}.logo{background-size:90%;background-image:url(assets/logo.81ac2.gif);background-repeat:no-repeat;position:absolute;top:0;left:0;z-index:2}.logo,body{background-position:50%;width:100%;height:100%;padding:0}body{background-image:url(assets/bg_sprite.031a0.png);background-size:cover;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:pixelated;font-family:FuturaMedium,sans-serif;margin:0;overflow:hidden}body>*{padding-top:20px}.clouds{position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;padding:0}.clouds img{width:auto;height:25%;left:50%;top:50%;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:pixelated;position:absolute}.loaded canvas{visibility:visible;opacity:1}ul{list-style:none}canvas,section{margin:0;padding:0}canvas{width:100%;height:100%;visibility:hidden;opacity:0;transition:opacity .4s}#test>canvas{width:auto;height:auto}h1,h2{font-size:22px;font-weight:400;color:#002aff;color:var(--primary-color)}a{color:currentColor;text-decoration:none}.page{padding:10px;position:absolute;top:0;left:0;width:100%;height:100%;background:url(assets/bg_sprite.031a0.png);background-size:cover;background-position:50%;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:pixelated;opacity:0;display:none}.container{display:flex}.container,.page .top{width:100%;height:100%;flex-direction:column}.page .bottom,.page .top{display:block;display:flex;align-items:center;justify-content:center}.page .bottom{background-color:#54baa9;border-radius:10px;width:100%;flex-direction:column;padding:20px 0}.page .title{font-size:2em;font-weight:700;letter-spacing:2px;text-align:center}.page .welcomeMessage{padding:20px 0}.page .bestScore{font-size:60px}.page button{display:flex;flex-direction:column;background-color:#ffa084;border:2px solid #fff;border-radius:8px;padding:10px 30px;color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:700;margin:8px 0;justify-content:center}.page .rank{height:100px;width:100%;padding:30px 0;text-align:center;display:none;position:relative;flex-direction:column}.page .rank .loader{height:50px;width:50px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.page .rank.loaded{height:100%}.page .rank.loaded .loader{display:none}.page .rank .containerScore{display:flex;align-items:center;justify-content:center;color:#2a6157;padding:3px 0}.page .rank .containerScore div{display:flex}.page .rank .containerScore.current{color:#fff;font-size:1.7em}.page .rank .title{padding-bottom:30px;font-size:1.3em;display:inline-flex;align-self:center;justify-self:center}.page .rank .position{flex:1 100%;text-align:right;justify-content:flex-end}.page .rank .divider{width:18px;flex:1 10%;height:10px;display:flex;align-items:center;justify-content:center}.page .rank .divider div{height:3px;width:3px;background-color:#2a6157;border-radius:100%}.page .rank .score{flex:1 100%}