@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@600&display=swap";@import"https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap";:root{--color-white: #ffffff;--color-footer: #000000}@font-face{font-family:faster-one;src:url(/font/FasterOne-Regular.woff2) format("woff2"),url(/font/FasterOne-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:fugaz-one;src:url(/font/FugazOne-Regular.woff2) format("woff2"),url(/font/FugazOne-Regular.woff) format("woff");font-weight:400;font-style:normal}:root{--ease-in-sine: cubic-bezier(.47, 0, .745, .715);--ease-out-sine: cubic-bezier(.39, .575, .565, 1);--ease-in-out-sine: cubic-bezier(.445, .05, .55, .95);--ease-in-quad: cubic-bezier(.55, .085, .68, .53);--ease-out-quad: cubic-bezier(.25, .46, .45, .94);--ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);--ease-in-cubic: cubic-bezier(.55, .055, .675, .19);--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);--ease-in-quart: cubic-bezier(.895, .03, .685, .22);--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);--ease-in-quint: cubic-bezier(.755, .05, .855, .06);--ease-out-quint: cubic-bezier(.23, 1, .32, 1);--ease-in-out-quint: cubic-bezier(.86, 0, .07, 1);--ease-in-expo: cubic-bezier(.95, .05, .795, .035);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-in-out-expo: cubic-bezier(1, 0, 0, 1);--ease-in-circ: cubic-bezier(.6, .04, .98, .335);--ease-out-circ: cubic-bezier(.075, .82, .165, 1);--ease-in-out-circ: cubic-bezier(.785, .135, .15, .86);--ease-out-bounce: cubic-bezier(.22, 1.45, .36, 1)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{font-weight:400;text-align:left;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:""}a img{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}html{box-sizing:border-box;overflow:hidden}html.scroll{overflow:visible}*,:before,:after{box-sizing:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body{background-color:#fff;color:var(--color-footer);line-height:1.3;position:relative;font-family:faster-one;height:100vh}a{color:inherit;text-decoration:none}.game{height:100%;position:fixed;width:100%;text-align:center;top:0;left:0;z-index:10;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px;touch-action:manipulation}.game__video{object-fit:cover;width:100%;height:100%;position:absolute;z-index:-1}.game.visible .game__container{opacity:1;visibility:visible}.game.visible .game__start{transform:translate(-50%,-50%);transition:transform .3s var(--ease-out-bounce) .2s;will-change:transform}.game.visible .game__start:hover{transition:transform .3s var(--ease-out-bounce);transform:translate(-50%,-50%) scale(1.2)}.game.start .game__start{transform:translate(-50%) translateY(50vh)!important;transition:transform .6s var(--ease-out-quad)!important}.game.start .game__overlay{border-left:10px solid white}.is-mobile .game.start .game__overlay{border-left:10px solid transparent;border-bottom:10px solid white}.game.end .game__start{display:none}.is-mobile .game.end .game__score-message{top:65%;font-size:28px}.game.end .game__score-message__main{text-shadow:0px 3px 8px #d800ff}.game.end .game__score-message__end{opacity:1;visibility:visible;transform:none;text-shadow:0px 3px 8px #ffbe3e}.is-mobile .game.end .game__time{text-align:center;margin-left:0;font-size:40px;top:100px}.is-mobile .game.end .game__score{font-size:40px}.game.end .game__controls{display:none}.game.end .game__outro,.game.end .game__robin{opacity:1;visibility:visible}.game:after{content:"";position:absolute;top:0;left:0;background-color:#0003;width:100%;height:100%;z-index:-1}.game__container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.game__overlay{height:200px;width:50vw;position:relative;transform:translate(50%);display:flex;align-items:center;border-left:1px solid transparent}.is-mobile .game__overlay{width:70vw;height:50vh;transform:translateY(-25%);border-bottom:1px solid transparent;align-items:end}.game__arrows{white-space:nowrap;display:flex;width:100vw}.is-mobile .game__arrows{align-items:center;justify-content:center}.game__arrow{width:70px;height:70px;position:absolute;display:block;color:#ffbe3e}.is-mobile .game__arrow{width:50px;height:50px}.game__arrow.right{color:#ef5959}.game__arrow.down{color:#ad00ff}.game__arrow.left{color:#58f075}.game__arrow-inner{transform:scale(1);opacity:1;width:100%;height:100%}.game__arrow.passed .game__arrow-inner{transform:scale(2);opacity:0;transition:opacity .15s linear .1s,transform .15s var(--ease-out-bounce)}.game__arrow.missed .game__arrow-inner{opacity:0;transition:opacity .15s linear 0s}.game__time{position:absolute;top:calc(50% - 200px);left:50%;transform:translate(-50%,-50%);z-index:100;width:100%;text-shadow:0px 3px 8px #ef5959}.is-mobile .game__time{font-size:25px;text-align:left;margin-left:20px}.game__score-message{position:absolute;top:calc(50% - 100px);left:50%;transform:translate(-50%,-50%);z-index:100;font-size:40px;transform:translate(-50%,-50%) scale(.4);opacity:0;transition:opacity .1s linear,transform .1s var(--ease-out-bounce) 0s;will-change:transform;pointer-events:none}.is-mobile .game__score-message{width:80%;top:40%;font-size:40px}.game__score-message.win{color:#26ea2e}.game__score-message.lose{color:#f10000}.game__score-message.combo{color:#ad00ff}.game__score-message.visible{opacity:1;transform:translate(-50%,-50%) scale(1);transition:opacity .1s linear,transform .1s var(--ease-out-bounce)}.game__score-message__main{margin-top:20px}.is-mobile .game__score-message__main{margin-top:80px}.game__score-message__end{transform:scale(.4);opacity:0;visibility:hidden;transition:opacity .3s linear,visibility .3s linear,transform .3s var(--ease-out-bounce) 0s;transition-delay:1s;will-change:transform;white-space:nowrap}.is-mobile .game__score-message__end{white-space:normal}.game__score{font-size:67px;margin-bottom:20px}.is-mobile .game__score{font-size:25px}.is-mobile .game__score span{display:block}.game__controls{display:none;position:absolute;bottom:30px;width:48vw;height:48vw;z-index:100;touch-action:manipulation;max-width:250px;max-height:250px}.is-touch .game__controls{display:block}.game__control{width:15vw;height:15vw;position:absolute;max-width:90px;max-height:90px}.game__control svg{pointer-events:none}.game__control:nth-child(1){left:50%;transform:translate(-50%)}.game__control:nth-child(2){left:100%;top:50%;transform:translate(-100%,-50%) rotate(90deg)}.game__control:nth-child(3){left:50%;transform:translate(-50%,-100%) rotate(180deg);top:100%}.game__control:nth-child(4){left:0;top:50%;transform:translateY(-50%) rotate(270deg)}.game__start{font-size:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);cursor:pointer;z-index:100;text-shadow:0px 3px 8px #ffbe3e}.game__start:hover{transform:translate(-50%,-50%) scale(1.2)}.game__countdown{font-size:50vw;position:absolute;z-index:1000;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.is-mobile .game__countdown{font-size:90vw}.game__countdown p{opacity:0;transform:scale(1);position:absolute;z-index:1000;top:50%;left:50%;transform:translate(-50%,-50%)}.game__outro{opacity:0;visibility:hidden;position:absolute;z-index:100;top:50%;transform:translateY(0) translateY(20px);width:100%;transition:opacity .5s ease,visibility .5s ease;display:flex;justify-content:center;align-items:center;flex-direction:column}.is-mobile .game__outro{top:65%;transform:translateY(-100%) translateY(-20px)}.game__button{display:inline-block;background-color:#000;border-radius:10px;text-transform:uppercase;margin-bottom:20px;width:300px;padding:10px;font-size:22px;cursor:pointer;transition:transform .3s var(--ease-out-bounce)}.game__button:hover{transform:scale(1.15)}.game__button .is-mobile{width:200px}.game__robin{opacity:0;visibility:hidden;position:absolute;z-index:100;bottom:20px;right:20px}.game__robin a{display:inline-block;position:relative}.game__robin a:hover:before{width:0%;right:auto;left:0}.game__robin a:before{content:"";position:absolute;background-color:#fff;width:100%;height:1px;bottom:0;right:0;left:auto;transition:width .7s var(--ease-out-quint)}.intro{width:100%;height:100%;z-index:100;color:#fff;font-size:20px;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.intro.visible{opacity:1;visibility:visible}.intro__enter{position:absolute;font-size:50px;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:100;transition:transform .3s var(--ease-out-bounce)}.intro__enter:hover{transform:translate(-50%,-50%) scale(1.2)}.intro__header{position:absolute;z-index:100;top:50px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.intro__header p{text-transform:uppercase;transform:translateY(-10px)}.intro__logo{width:400px}.intro__rules{position:absolute;z-index:100;top:50%;left:50%;transform:translate(-50%,60px);font-size:26px;text-transform:uppercase;background-color:#000000cf;padding:20px 40px;border-radius:20px}.intro__rules p:first-child{text-align:center;padding-bottom:10px}.is-mobile .intro__rules{font-size:18px;padding:10px 20px;border-radius:10px;width:90%}.loader{width:100%;height:100%;z-index:100;color:#fff;font-size:20px;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease;position:absolute}.loader.visible{opacity:1;visibility:visible}.loader__text{position:absolute;font-size:50px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}.is-mobile .loader__text{font-size:36px}.fugaz{font-family:fugaz-one}.roboto{font-family:Roboto Slab,serif;display:none}.indie{font-family:Indie Flower,serif}.footer{bottom:50px;z-index:200;width:100%;padding:0 40px;pointer-events:none;display:flex;align-items:center;pointer-events:auto;position:absolute;justify-content:end}@media only screen and (max-width: 768px){.footer{bottom:100px;padding:0 20px}}.footer__link{display:flex;align-items:center;justify-self:center;margin:0 8px;transform:scale(.8);transition:transform .3s var(--ease-out-bounce)}@media only screen and (max-width: 768px){.footer__link{margin:0 5px}}.footer__link:first-child{margin-left:0}.footer__link:last-child{margin-right:0}.footer__link--learn{font-size:27px;color:var(--color-footer)}@media only screen and (max-width: 768px){.footer__link--learn{margin-right:auto;font-size:22px}}.footer__link:hover{transform:none;transition:transform .3s var(--ease-out-bounce)}.footer__icon{width:24px;height:24px}@media only screen and (max-width: 768px){.footer__icon{width:18px;height:18px}}.footer__icon path{fill:var(--color-footer);stroke:var(--color-footer)}