@font-face{font-family:Pixel Art;src:local("Pixel Art"),url(../assets/fonts/pixel_art.otf)}body{height:100vh;margin:0;overflow:hidden}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:manipulation;touch-action:manipulation;font-family:Pixel Art;outline:none}h1,h2,h3,h4,h5,p,span{white-space:pre-line}img{-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:-o-pixelated;image-rendering:pixelated}#app{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}button{background:none;border:none;position:absolute}.menu-screen{background:#212e5c;-webkit-transition:.3s;transition:.3s;opacity:0}.menu-screen .audio-btn{width:96px;height:96px;position:absolute;top:12px;right:12px;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:top right;transform-origin:top right;cursor:pointer;z-index:1}.menu-screen .menu-screen-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100vw;height:100vh;position:absolute;top:0;left:0}.menu-screen .menu-screen-container .stars{width:100%;height:100%;position:absolute;background-position:center;background-repeat:repeat;z-index:-1;-webkit-animation:stars-anim infinite 1s;animation:stars-anim infinite 1s}@-webkit-keyframes stars-anim{0%{background:url(../assets/screens/splash-screen/stars_1.png)}10%{background:url(../assets/screens/splash-screen/stars_2.png)}20%{background:url(../assets/screens/splash-screen/stars_3.png)}30%{background:url(../assets/screens/splash-screen/stars_4.png)}40%{background:url(../assets/screens/splash-screen/stars_5.png)}50%{background:url(../assets/screens/splash-screen/stars_6.png)}60%{background:url(../assets/screens/splash-screen/stars_7.png)}70%{background:url(../assets/screens/splash-screen/stars_8.png)}80%{background:url(../assets/screens/splash-screen/stars_9.png)}90%{background:url(../assets/screens/splash-screen/stars_10.png)}to{background:url(../assets/screens/splash-screen/stars_11.png)}}@keyframes stars-anim{0%{background:url(../assets/screens/splash-screen/stars_1.png)}10%{background:url(../assets/screens/splash-screen/stars_2.png)}20%{background:url(../assets/screens/splash-screen/stars_3.png)}30%{background:url(../assets/screens/splash-screen/stars_4.png)}40%{background:url(../assets/screens/splash-screen/stars_5.png)}50%{background:url(../assets/screens/splash-screen/stars_6.png)}60%{background:url(../assets/screens/splash-screen/stars_7.png)}70%{background:url(../assets/screens/splash-screen/stars_8.png)}80%{background:url(../assets/screens/splash-screen/stars_9.png)}90%{background:url(../assets/screens/splash-screen/stars_10.png)}to{background:url(../assets/screens/splash-screen/stars_11.png)}}.menu-screen .menu-screen-container .cloud-container{width:100%;height:100%;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,#7fd2e3));background:linear-gradient(transparent 50%,#7fd2e3 50%);position:absolute;top:0;left:0;-webkit-transition:.3s;transition:.3s;z-index:-1}.menu-screen .menu-screen-container .cloud-container .cloud{width:100%;height:100%;position:absolute}.menu-screen .menu-screen-container .cloud-container .cloud.first-cloud{background:url(../assets/screens/splash-screen/cloud_1.png);background-position:center;background-size:60%;background-repeat:repeat-x}@media screen and (min-width: 768px){.menu-screen .menu-screen-container .cloud-container .cloud.first-cloud{background-size:30%}}.menu-screen .menu-screen-container .cloud-container .cloud.second-cloud{background:url(../assets/screens/splash-screen/cloud_2.png);background-position:center;background-size:60%;background-repeat:repeat-x}@media screen and (min-width: 768px){.menu-screen .menu-screen-container .cloud-container .cloud.second-cloud{background-size:30%}}.menu-screen .menu-screen-container .cloud-container .cloud.third-cloud{background:url(../assets/screens/splash-screen/cloud_3.png);background-position:center;background-size:60%;background-repeat:repeat-x}@media screen and (min-width: 768px){.menu-screen .menu-screen-container .cloud-container .cloud.third-cloud{background-size:30%}}.menu-screen .menu-screen-container .menu-screen-title-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:50%;position:relative;-webkit-transition:.3s;transition:.3s}@media screen and (min-width: 768px){.menu-screen .menu-screen-container .menu-screen-title-container{height:100%}}@media screen and (min-width: 768px) and (min-height: 460px){.menu-screen .menu-screen-container .menu-screen-title-container{height:80%}}@media screen and (min-width: 768px) and (min-height: 620px){.menu-screen .menu-screen-container .menu-screen-title-container{height:60%}}.menu-screen .menu-screen-container .menu-screen-title-container .img{position:relative;-webkit-transition:.3s;transition:.3s}.menu-screen .menu-screen-container .menu-screen-title-container .img.menu-screen-seed-img{height:calc(100% - 220px);min-height:100px;-webkit-animation:seed-anim infinite alternate .5s;animation:seed-anim infinite alternate .5s}@media screen and (min-width: 1024px){.menu-screen .menu-screen-container .menu-screen-title-container .img.menu-screen-seed-img{height:40%}}.menu-screen .menu-screen-container .menu-screen-title-container .img.menu-screen-title-img{height:calc(100% - 280px);min-height:80px;-webkit-animation:title-anim infinite alternate .5s;animation:title-anim infinite alternate .5s}@media screen and (min-width: 1024px){.menu-screen .menu-screen-container .menu-screen-title-container .img.menu-screen-title-img{height:30%}}@-webkit-keyframes seed-anim{0%{bottom:0;left:0}to{bottom:20px;left:20px}}@keyframes seed-anim{0%{bottom:0;left:0}to{bottom:20px;left:20px}}@-webkit-keyframes title-anim{0%{bottom:20px;right:0}to{bottom:50px;right:0px}}@keyframes title-anim{0%{bottom:20px;right:0}to{bottom:50px;right:0px}}.menu-screen .menu-screen-container .menu-screen-title-container .menu-screen-start-text{margin:0;text-align:center;font-size:16px;-webkit-transition:.3s;transition:.3s;position:relative;-webkit-animation:start-text-anim infinite alternate .5s;animation:start-text-anim infinite alternate .5s}@media screen and (min-width: 1024px){.menu-screen .menu-screen-container .menu-screen-title-container .menu-screen-start-text{font-size:24px}}.menu-screen .menu-screen-container .menu-screen-title-container .menu-screen-start-text .menu-screen-start-button-text{font-size:24px}@media screen and (min-width: 1024px){.menu-screen .menu-screen-container .menu-screen-title-container .menu-screen-start-text .menu-screen-start-button-text{font-size:32px}}@-webkit-keyframes start-text-anim{0%{bottom:0px}to{bottom:20px}}@keyframes start-text-anim{0%{bottom:0px}to{bottom:20px}}.game-screen{background:-webkit-gradient(linear,left top,left bottom,from(#214363),color-stop(20%,#216794),color-stop(40%,#218cc5),color-stop(60%,#28a3df),color-stop(80%,#45b2e1),to(#7fd2e3));background:linear-gradient(#214363 0%,#216794 20%,#218cc5 40%,#28a3df 60%,#45b2e1 80%,#7fd2e3 100%)}.game-screen .loader{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;background:#138c2d;position:absolute;top:0;left:0;z-index:10;-webkit-transition:.3s;transition:.3s}.game-screen .loader .loader-img{height:80%;position:absolute;bottom:0;right:0}.game-screen .game-hud-container{width:100%;height:100%;position:absolute;top:-100%;left:0;-webkit-transition:1s;transition:1s}.game-screen .game-hud-container .top-left-hud-container{position:absolute;top:16px;left:8px}.game-screen .game-hud-container .top-left-hud-container>*{margin:16px 0}.game-screen .game-hud-container .top-left-hud-container .hp-bar{width:150px;height:20px;border:3px solid #111;position:relative;left:50px}.game-screen .game-hud-container .top-left-hud-container .hp-bar #hp-bar-value{height:100%;background:red;-webkit-transition:.3s;transition:.3s}.game-screen .game-hud-container .top-left-hud-container .water-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0}.game-screen .game-hud-container .top-left-hud-container .water-container .water-icon{width:50px}.game-screen .game-hud-container .top-left-hud-container .water-container .water-bar{width:150px;height:20px;border:3px solid #111;position:relative}.game-screen .game-hud-container .top-left-hud-container .water-container .water-bar #water-bar-value{height:100%;background:#28a3df;-webkit-transition:.3s;transition:.3s}.game-screen .game-hud-container .top-left-hud-container .water-container #water-value{font-size:36px}.game-screen .game-hud-container .top-left-hud-container .coin-counter-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.game-screen .game-hud-container .top-left-hud-container .coin-counter-container .seed-icon{width:32px}.game-screen .game-hud-container .top-left-hud-container .coin-counter-container #coin-counter{margin:0 8px;color:#fff}.game-screen .game-hud-container .top-left-hud-container .passive-power-up-container .passive-power-up-icon{width:32px;margin-right:8px}.game-screen .game-hud-container .top-left-hud-container .commands-help-container,.game-screen .game-hud-container .top-left-hud-container .fps-container{color:#fff}.game-screen .game-hud-container .top-left-hud-container .commands-help-container{position:fixed;top:0;right:16px;font-size:24px;text-align:right}@media (hover: none){.game-screen .game-hud-container .top-left-hud-container .commands-help-container{display:none}}.game-screen .game-hud-container .top-left-hud-container .fps-container{margin:8px;position:fixed;bottom:0;left:0}.game-screen .game-hud-container .pause-btn{width:96px;height:96px;position:absolute;top:12px;right:12px;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:top right;transform-origin:top right}.game-screen .game-hud-container .touch-controls-container{width:100%;height:100%;position:absolute;top:0;left:0}@media (hover: hover){.game-screen .game-hud-container .touch-controls-container{display:none}}.game-screen .game-hud-container .touch-controls-container .control{width:70px;height:70px;position:absolute;background:rgba(0,0,0,.5);z-index:1}.game-screen .game-hud-container .touch-controls-container .up-control{left:120px;bottom:200px}.game-screen .game-hud-container .touch-controls-container .left-control{left:40px;bottom:120px}.game-screen .game-hud-container .touch-controls-container .right-control{left:200px;bottom:120px}.game-screen .game-hud-container .touch-controls-container .down-control{left:120px;bottom:40px}.game-screen .game-hud-container .touch-controls-container .jump-control{right:150px;bottom:220px}.game-screen .game-hud-container .touch-controls-container .roll-control{right:150px;bottom:120px}.game-screen .game-hud-container .active-power-up-container{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:16px;bottom:24px;text-align:center}.game-screen .game-hud-container .active-power-up-container .active-power-up-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:64px;height:64px;background-image:url(../assets/graphic_assets/ui/inputs/power_up_container_a_22x22.png);background-size:contain;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:-o-pixelated;image-rendering:pixelated;margin:0 8px}.game-screen .game-hud-container .active-power-up-container .active-power-up-icon-container .active-power-up-icon{width:calc(100% - 16px)}.game-screen .game-hud-container .active-power-up-container .active-power-up-icon-container .active-power-up-command{display:none}@media (hover: hover){.game-screen .game-hud-container .active-power-up-container .active-power-up-icon-container .active-power-up-command{display:block;width:32px;position:absolute;bottom:-13px}}.game-screen .power-up-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;color:#fff;background:rgba(0,0,0,.8);text-align:center;position:absolute;top:0;left:0;visibility:hidden;-webkit-transition:.3s;transition:.3s;z-index:10}.game-screen .power-up-container .power-up-icon{width:50px;margin-bottom:24px}@media screen and (min-width: 768px) and (min-height: 480px){.game-screen .power-up-container .power-up-icon{width:100px}}.game-screen .power-up-container .power-up-title{margin:0;font-size:24px}@media screen and (min-width: 768px) and (min-height: 480px){.game-screen .power-up-container .power-up-title{font-size:32px}}.game-screen .power-up-container .power-up-description{padding:0 20%;font-size:16px}@media screen and (min-width: 768px) and (min-height: 480px){.game-screen .power-up-container .power-up-description{font-size:24px}}.game-screen .power-up-container .power-up-close-text{position:absolute;bottom:32px;font-size:16px;-webkit-animation:flash-anim 1s infinite alternate;animation:flash-anim 1s infinite alternate}@media screen and (min-width: 768px) and (min-height: 480px){.game-screen .power-up-container .power-up-close-text{bottom:54px}}@-webkit-keyframes float-anim{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-36px);transform:translateY(-36px)}}@keyframes float-anim{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-36px);transform:translateY(-36px)}}@-webkit-keyframes flash-anim{0%{opacity:1}to{opacity:0}}@keyframes flash-anim{0%{opacity:1}to{opacity:0}}.game-screen .paused-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;visibility:hidden;-webkit-transition:.3s;transition:.3s;z-index:10}.game-screen .paused-container .paused-btn{width:96px;height:96px;margin:0 8px;cursor:pointer}