.rotate{position:absolute;top:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(22.5px);backdrop-filter:blur(22.5px);color:#fff;z-index:1111}.rotate__icon{position:relative;width:42.6875rem;height:42.6875rem}.rotate__text{width:70rem;margin-top:4rem;font-weight:700;font-size:4rem;line-height:5rem;text-align:center;text-transform:uppercase}.rotate._v .rotate__icon{transform:scaleX(-1)}@media screen and (orientation: landscape){body._h .rotate._h{display:flex}}.pause{display:none;z-index:5}.pause.active{display:block}.pause__popup{position:relative;width:15.5rem;height:15.75rem;padding:3.625rem 1.5rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.875rem;z-index:1}.pause__popup--bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.pause__popup--body{position:relative;display:flex;flex-direction:column;align-items:center;z-index:1}.pause__popup--score{position:relative;width:12.5rem;height:2.75rem;margin-bottom:1.4375rem}.pause__popup--score img{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.pause__popup--score span{position:absolute;top:.8125rem;right:.5rem;bottom:.875rem;left:3.4375rem;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;line-height:1;color:#fff}.pause__action--btn{position:relative;width:12.5625rem;height:2.75rem;border-radius:1.5rem;cursor:pointer}.pause__action--btn:active{opacity:.5}.pause__action--btn img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:13.4375rem;height:3.625rem;pointer-events:none}.pause__action--btn+.pause__action--btn{margin-top:.625rem}.win{display:none;z-index:5}.win.active{display:block}.win__popup{position:relative;width:15.5rem;height:15.75rem;padding:3.625rem 1.5rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.875rem;z-index:1}.win__popup--bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.win__popup--label{position:absolute;top:.8125rem;left:2.1875rem;width:11.125rem;font-weight:700;font-size:1rem;line-height:1;color:#fff;text-align:center}.win__popup--body{position:relative;display:flex;flex-direction:column;align-items:center;z-index:1}.win__popup--score{position:relative;width:12.5rem;height:2.75rem;margin-bottom:1.4375rem}.win__popup--score img{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.win__popup--score span{position:absolute;top:.8125rem;right:.5rem;bottom:.875rem;left:3.4375rem;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;line-height:1;color:#fff}.win__action--btn{position:relative;width:12.5625rem;height:2.75rem;border-radius:1.5rem;cursor:pointer}.win__action--btn:active{opacity:.5}.win__action--btn img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:13.4375rem;height:3.625rem;pointer-events:none}.win__action--btn+.win__action--btn{margin-top:.625rem}.lose{display:none;z-index:5}.lose.active{display:block}.lose__popup{position:relative;width:15.5rem;height:15.75rem;padding:3.625rem 1.5rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.875rem;z-index:1}.lose__popup--bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.lose__popup--body{position:relative;display:flex;flex-direction:column;align-items:center;z-index:1}.lose__popup--score{position:relative;width:12.5rem;height:2.75rem;margin-bottom:1.4375rem}.lose__popup--score img{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.lose__popup--score span{position:absolute;top:.8125rem;right:.5rem;bottom:.875rem;left:3.4375rem;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;line-height:1;color:#fff}.lose__action--btn{position:relative;width:12.5625rem;height:2.75rem;border-radius:1.5rem;cursor:pointer}.lose__action--btn:active{opacity:.5}.lose__action--btn img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:13.4375rem;height:3.625rem;pointer-events:none}.lose__action--btn+.lose__action--btn{margin-top:.625rem}.level{display:none;z-index:5}.level.active{display:block}.level__popup{position:relative;width:15.5rem;height:15.75rem;padding:3.625rem 1.5rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.875rem;z-index:1}.level__popup--bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.level__popup--label{position:absolute;top:.8125rem;left:2.1875rem;width:11.125rem;font-weight:700;font-size:1rem;line-height:1;color:#fff;text-align:center}.level__popup--body{position:relative;display:flex;flex-direction:column;align-items:center;z-index:1}.level__popup--score{position:relative;width:12.5rem;height:2.75rem;margin-bottom:1.4375rem}.level__popup--score img{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.level__popup--score span{position:absolute;top:.8125rem;right:.5rem;bottom:.875rem;left:3.4375rem;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;line-height:1;color:#fff}.level__action--btn{position:relative;width:12.5625rem;height:2.75rem;border-radius:1.5rem;cursor:pointer}.level__action--btn:active{opacity:.5}.level__action--btn img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:13.4375rem;height:3.625rem;pointer-events:none}.level__action--btn+.level__action--btn{margin-top:.625rem}.game{z-index:2}.game__wrapper{display:flex;flex-direction:column;width:15.625rem;height:29.625rem;padding-top:2rem}.game__main{display:flex;width:100%}.game__sub{position:relative;width:100%;height:5.9375rem;margin-top:1.875rem}.game__playground{flex-shrink:0;position:relative;width:10.6875rem;height:20.5625rem;margin-right:1.125rem;margin-left:.6875rem}.game__playground--bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.game__playground--canvas{width:100%;height:100%;padding:.375rem}.game__playground--canvas canvas{position:relative;display:block;width:100%;height:100%}.game__playground--border{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15.3125rem;height:25.3125rem}.game__status{width:3.125rem;display:flex;flex-direction:column}.game__info{position:relative;width:3.125rem;font-weight:500;font-size:.9375rem;line-height:1.125rem;text-align:center;color:#fff}.game__info._f-5{font-size:.75rem}.game__info._f-6{font-size:.625rem}.game__info._f-7{font-size:.5rem}.game__info img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;pointer-events:none;z-index:1}.game__info span{position:absolute;bottom:.875rem;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;height:1.125rem;z-index:2}.game__info--next{height:4.9375rem;margin-top:.25rem}.game__info--next img{width:100%;height:100%}.game__info--next canvas{position:absolute;left:10%;bottom:.625rem;display:block;width:80%;height:2.5rem;z-index:3}.game__info--score{height:3.875rem;margin-top:auto}.game__info--score img{width:100%;height:100%}.game__info--speed{height:3.875rem;margin-top:-1px;margin-bottom:0}.game__info--speed img{width:3.75rem;height:100%}.game__controls{position:relative;margin-left:1rem;margin-right:.125rem}.game__control{position:absolute;width:3.375rem;height:3.375rem;border-radius:50%;cursor:pointer}.game__control:active{opacity:.5}.game__control img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0);display:block;width:4.875rem;height:4.875rem;pointer-events:none}.game__control--left{top:0;left:0}.game__control--left img{transform:translate(-50%,-50%) rotate(0)}.game__control--right{top:0;right:4.4375rem}.game__control--right img{transform:translate(-50%,-50%) rotate(180deg)}.game__control--down{top:2.5rem;left:3.3125rem}.game__control--down img{transform:translate(-50%,-50%) rotate(-90deg)}.game__control--rotate{top:2.75rem;right:0;width:3rem;height:3rem;border-radius:.375rem}.game__control--rotate img{width:4.125rem;height:4.1875rem}.game__control--pause{position:absolute;top:1.4375rem;right:2.25rem;width:2.5rem;height:2.5rem}.game__control--pause img{width:3.25rem;height:3.25rem}.start{z-index:3}.start__title{position:relative;width:15.625rem;height:29.625rem}.start__title>img{position:absolute}.start__title--back{top:-.5rem;right:-.5rem;width:23.375rem;height:30.75rem}.start__title--front{top:10.125rem;right:-.8125rem;width:15.6875rem;height:9.375rem}.start__action{position:absolute;left:0;bottom:.75rem;display:flex;flex-direction:column;align-items:center;width:100%;z-index:2}.start__action--btn{position:relative;width:12.5625rem;height:2.75rem;border-radius:1.5rem;cursor:pointer}.start__action--btn:active{opacity:.5}.start__action--btn img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:13.5rem;height:3.6875rem;pointer-events:none}.start__action--btn+*{margin-top:.75rem}.loader{display:none;z-index:5555}.loader.active{display:block}.loader__progress--label{margin-bottom:.4375rem;font-weight:400;font-size:.75rem;line-height:1;color:#fff;text-align:left}.loader__progress--bar{position:relative;width:9.5rem;height:1.5rem;border-radius:.75rem}.loader__progress--bar>img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:9.875rem;height:1.875rem;pointer-events:none}.loader__progress--fill{position:absolute;top:.5rem;right:.75rem;bottom:.5rem;left:.75rem}.loader__progress--fill span{display:block;width:0;height:100%;background:url(./images/loader-bar.svg) 0 0/8rem .5rem no-repeat;border-radius:.375rem;transition:width .1s linear}.loader__progress._out .loader__progress--label{transform:translateY(-3rem);opacity:0;transition:all .5s .5s ease}.loader__progress._out .loader__progress--bar{transform:translateY(3rem);opacity:0;transition:all .5s .5s ease}.loader__action{position:absolute;bottom:18.3%;left:50%;transform:translate(-50%,3rem);opacity:0;transition:all .5s .5s ease}.loader__action._out{transform:translate(-50%);opacity:1}.loader__btn{position:relative;width:12.5625rem;height:2.75rem;border-radius:1.5rem;cursor:pointer}.loader__btn:active{opacity:.5}.loader__btn img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:13.5rem;height:3.6875rem;pointer-events:none}.loader__popup{position:relative;width:51.3125rem;height:60.625rem;padding:13.3125rem 6.4375rem 0;z-index:1}.loader__popup--bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.loader__popup--body{position:relative;display:flex;flex-direction:column;align-items:center;z-index:1}.mute--btn{position:absolute;top:1.4375rem;left:2.25rem;width:2.5rem;height:2.5rem;border-radius:50%;cursor:pointer;z-index:4}.mute--btn img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.25rem;height:3.25rem;pointer-events:none}@font-face{font-family:Gotham Pro;font-style:normal;font-weight:700;font-display:swap;src:url(./fonts/GothamPro-Bold.woff2) format("woff2"),url(./fonts/GothamPro-Bold.woff) format("woff")}@font-face{font-family:Gotham Pro;font-style:normal;font-weight:500;font-display:swap;src:url(./fonts/GothamPro-Medium.woff2) format("woff2"),url(./fonts/GothamPro-Medium.woff) format("woff")}@font-face{font-family:Gotham Pro;font-style:normal;font-weight:400;font-display:swap;src:url(./fonts/GothamPro.woff2) format("woff2"),url(./fonts/GothamPro.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(./fonts/Inter-Bold.woff2) format("woff2"),url(./fonts/Inter-Bold.woff) format("woff")}:root{--color-white: #ffffff;--color-black: #000000}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}*{outline:none!important}html,body{width:100%;height:100%;margin:0;padding:0;background-color:#000;font-family:Gotham Pro,helvetica,sans-serif;font-weight:400;font-size:16px;line-height:1.25rem;color:#fff;-webkit-user-select:none;user-select:none;cursor:default;overscroll-behavior:none;touch-action:none;overflow:hidden}@media screen and (orientation: landscape){html._h,body._h{font-size:2.8169014085vh}}@media screen and (orientation: portrait){html._v,body._v{font-size:5vw}}body{position:relative;width:100%;min-height:100vh;background:#fff;overflow-x:hidden}input,select,button{border:0;font-family:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-family:Gotham Pro,helvetica,sans-serif;font-weight:700}ul,li{margin:0;padding:0}p{margin:0}a{text-decoration:none}img{display:block}svg{display:block;width:100%;height:100%}.svg-sprite{position:absolute;top:0;left:0;display:none;width:0;height:0;overflow:hidden}#root{position:absolute;width:100%;height:100%}.main-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:0 0;overflow:hidden;width:100%;height:100%;z-index:2}.music{position:absolute;top:0;left:0;transform:scale(3);transform-origin:0 0;z-index:5555}@media screen and (orientation: landscape){.main-wrapper._v .screen__content{height:100vw;width:100vh;transform:rotate(-90deg) translate(-100%)}}@media screen and (orientation: portrait){.main-wrapper._h .screen__content{height:100vw;width:100vh;transform:rotate(90deg) translateY(-100%)}}.container{position:relative;width:75rem;margin:0 auto}section{position:relative;width:100%;z-index:2}.screen{position:absolute;top:0;left:0;transform:translateY(0);width:100%;height:100%;text-align:center;transition:transform .5s ease;overflow:hidden}.screen.hide{transform:translateY(110%)}.screen__content{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transform-origin:0 0;z-index:5;overflow:auto}.screen__bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);object-fit:cover}