:root{--bum-size:10%;--damage-size:20%;--time-percent:9.09091%;--splash-percent:16.66667%}body,html{height:100%;margin:0;padding:0;width:100%}body{background-color:#fff;overflow:hidden}#bg:not(.load) div,#splash:not(.load) .frame,section:not(.load),section:not(.load) *{background-image:none!important}#ad *{-webkit-tap-highlight-color:transparent}#ad{height:600px;margin-inline:auto;overflow:hidden;position:relative;width:300px}#ad.hide{pointer-events:none;visibility:hidden}#bg,#bg>div,#overlay,#overlay .border,#overlay .logo,#powerup,#splash,#splash>div,#touch,.glass,section,section .bg>div,section.game .time .text,section.intro .title>div,section.start .effect,section.start .headline,section>div{background:no-repeat 50%/auto 100%;height:100%;left:0;position:absolute;top:0;width:100%}#touch{z-index:9}#powerup .item{background:no-repeat 50%/contain;height:30px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px}#powerup .red{background-image:url(img/game/item-red.png)}#powerup .orange{background-image:url(img/game/item-orange.png)}#powerup .apple{background-image:url(img/game/item-apple.png)}#powerup .banana{background-image:url(img/game/item-banana.png)}#powerup .bum{background:url(img/game/score-effect.png) no-repeat -20%/auto 100%;height:100px;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}#powerup .bum[data-id="0"]{background-position:0}#powerup .bum[data-id="1"]{background-position:var(--bum-size) center}#powerup .bum[data-id="2"]{background-position:calc(var(--bum-size)*2)}#powerup .bum[data-id="3"]{background-position:calc(var(--bum-size)*3)}#powerup .bum[data-id="4"]{background-position:calc(var(--bum-size)*4)}#powerup .bum[data-id="5"]{background-position:calc(var(--bum-size)*5)}#powerup .bum[data-id="6"]{background-position:calc(var(--bum-size)*6)}#powerup .bum[data-id="7"]{background-position:calc(var(--bum-size)*7)}#powerup .bum[data-id="8"]{background-position:calc(var(--bum-size)*8)}#ferdi .damage{height:50px;left:8px;position:absolute;top:-25%;width:50px}#ferdi .damage div{background:no-repeat -20%/auto 100%;inset:0;opacity:0;position:absolute}#ferdi .damage .s1{background-position:0}#ferdi .damage .s2{background-position:var(--damage-size) center}#ferdi .damage .s3{background-position:calc(var(--damage-size)*2)}#ferdi .damage .s4{background-position:calc(var(--damage-size)*3)}#ferdi .damage .s5{background-position:calc(var(--damage-size)*4)}#ferdi .damage .s6{background-position:calc(var(--damage-size)*5)}#bg{opacity:0}#bg>div{animation:loop-50 40s linear infinite paused;background:repeat-x 50%/50% 100%;width:1600%}#bg .sky{animation-duration:80s;height:50%}#bg .water{animation-duration:13.3333s;bottom:0;height:50%;top:auto}#ad.game-on #bg,#ad.start-on #bg{opacity:1}#ad.game-on #bg>div,#ad.start-on #bg>div{animation-play-state:running}#ad.info-on #bg>div{animation-play-state:paused!important}#bg,#char .zoom,#powerup,#scene .zoom{transform-origin:50% 55%}#ad.game-on:not(.no-ani) #char .zoom,#ad.game-on:not(.no-ani):not(.ios) #powerup,#ad.game-on:not(.no-ani):not(.ios) #scene .zoom,#bg{transition:transform 1s}#ad.start-on:not(.game-on):not(.no-ani) #char .zoom,#ad.start-on:not(.game-on):not(.no-ani):not(.ios) #powerup,#ad.start-on:not(.game-on):not(.no-ani):not(.ios) #scene .zoom{transition:transform 4.5s linear}#ad:not(.ios) #powerup{transform:scale(2) translateX(-120%)}#char .zoom{transform:scale(2) translateX(-150%)}#ad:not(.ios) #scene .zoom{transform:scale(1.6) translateX(-150%)}#ad.start-on:not(.game-on) #bg{transform:scale(2.3)}#ad.start-on:not(.game-on):not(.no-ani) #char .zoom,#ad.start-on:not(.game-on):not(.no-ani):not(.ios) #powerup{transform:scale(2) translateX(40%)}#ad.start-on:not(.game-on):not(.no-ani):not(.ios) #scene .zoom{transform:scale(1.6) translateX(40%)}#ad.game-on:not(.no-ani) #char .zoom,#ad.game-on:not(.no-ani):not(.ios) #powerup,#ad.game-on:not(.no-ani):not(.ios) #scene .zoom{transform:translateX(0)}#splash{opacity:0;transition:opacity .2s}#splash .frame{background:no-repeat 50%/100% 100%}#overlay{pointer-events:none;z-index:90}#overlay div{background-size:contain}#overlay:after{background-color:#f3243a;bottom:-19.5%;content:"";height:20%;left:0;position:absolute;width:100%}#overlay .border{background-size:100% 100%}#overlay .logo{height:87px;transform:translateY(-100%);transition:transform .3s}#overlay .socials{display:flex;gap:5px;height:30px;left:50%;position:absolute;top:548px;transform:translateX(-50%) translateY(200%);transition:transform .35s;width:121px}#overlay .social{flex:1 0 auto;height:100%;pointer-events:all}#ad:not(.info-on).intro-on #overlay .logo,#ad:not(.info-on).outro-on #overlay .logo{transform:translateY(0)}#ad.on-load #overlay .socials{transition-delay:.35s}#ad.info-on #overlay .socials,#ad.intro-on #overlay .socials,#ad.outro-on #overlay .socials{transform:translateX(-50%) translateY(0)}.btn-close,.btn-info,.btn-restart{filter:drop-shadow(0 4px 4px rgba(0,0,0,.4));height:45px;left:9px;opacity:0;position:absolute;top:10px;transform:scale(0);transition:transform .3s,opacity .1s;width:42px}.btn-close,.btn-info{left:auto;right:9px}#ad.info-on .btn-close,#ad:not(.info-on) .btn-info,#ad:not(.info-on).game-on .btn-restart,#ad:not(.info-on).outro-on .btn-restart{opacity:1;pointer-events:auto;transform:scale(1)}.cta{height:73px;left:15px;position:relative;width:270px}.cta.big{height:82px;left:17px;width:267px}.cta div{background:no-repeat 50%/contain;height:100%;left:0;position:absolute;top:0;width:100%}.cta .button{filter:drop-shadow(0 4px 4px rgba(0,0,0,.4))}.cta .mask{-webkit-mask-image:url(img/btn-mask.png);mask-image:url(img/btn-mask.png);-webkit-mask-size:contain;mask-size:contain}.cta.big .mask{-webkit-mask-image:url(img/btn-mask-blue.png);mask-image:url(img/btn-mask-blue.png)}.cta .icon{animation:hand-rotation .7s ease-in-out infinite alternate paused;left:50%;transform:translateX(-50%);transform-origin:17% 50%}.cta.big .icon{transform-origin:20% 51%}.cta .effect,.cta.big .effect{transform-origin:90% 38%}.cta .effect{animation:cta-effect 1.2142s ease-in-out infinite paused;opacity:0}section{opacity:0;pointer-events:none;transition:opacity .5s}section.active{opacity:1;pointer-events:auto}section.info.active{z-index:18}section .bg{background-size:cover}section.intro>div{transition:transform .6s,opacity .3s}section.intro .cta{top:457px}section.intro .tooltip{animation:bounce 2s ease-in-out 1.5s infinite paused;background-size:contain;height:46px;left:70px;top:426px;width:176px}section.intro .title{background-size:contain;filter:drop-shadow(0 6px 4px rgba(0,0,0,.3));height:156px;left:31px;top:85px;width:238px}section.intro .title .sign{animation:skew-x 2s ease-in-out 1s infinite alternate paused;transition:transform .5s .5s}section.intro .fox-box{animation:waves-x 5.5623s ease-in-out infinite paused}section.intro .fox{animation:waves-y 5.3234s ease-in-out infinite paused;background:no-repeat 50%/auto 100%;inset:0;position:absolute}section.intro .glow{animation:glow-deg 15s linear infinite paused;transform-origin:50% 15%}#ad.on-load section.intro .title .sign{transform:translate(-5%,-20%) scaleY(.5) skewX(-2deg)}#ad.on-load section.intro .cta,#ad.on-load section.intro .title,#ad.on-load section.intro .tooltip{opacity:0}#ad.on-load section.intro .tooltip{transform:translateY(100%)}#ad.on-load section.intro .title{transform:translateY(-35%)}#ad.on-load section.intro .cta{transform:translateY(75%)}#ad.intro-on section.intro .title .sign{transform:translate(0) scale(1) skewX(-2deg)}#ad.intro-on section.intro .cta,#ad.intro-on section.intro .title,#ad.intro-on section.intro .tooltip{opacity:1;transform:translateY(0);transition-delay:.4s}#ad.intro-on section.intro .cta .effect,#ad.intro-on section.intro .cta .icon,#ad.intro-on section.intro .fox,#ad.intro-on section.intro .fox-box,#ad.intro-on section.intro .glow,#ad.intro-on section.intro .title .sign,#ad.intro-on section.intro .tooltip{animation-play-state:running}#ad.on-load.intro-on section.intro .title{transition-delay:.1s}#ad.on-load.intro-on section.intro .cta{transition-delay:.2s}#ad.on-load.intro-on section.intro .tooltip{transition-delay:.4s}section.info{transform:translateY(50%);transition:opacity .3s,transform .3s}section.info.active{transform:translateY(0)}section.info>div{transition:transform .2s,opacity .2s}section.info .bg{background-size:cover;box-sizing:border-box;opacity:0;transition-delay:.1s}section.info .cta{opacity:0;top:467px;transform:translateY(20%)}#ad.info-on section.info .bg{opacity:1;transition-delay:0s;transition-duration:.3s}#ad.info-on section.info .cta{opacity:1;transform:translateY(0);transition-duration:.3s}#ad.info-on section.info .cta .effect,#ad.info-on section.info .cta .icon{animation-play-state:running}section.start{pointer-events:none}section.start>div{transform-origin:50% 47%;transition:transform .6s,opacity .3s,background-color .3s}section.start .jump{height:157px;left:50%;top:84%;transform:translate(-50%,-50%);transition:opacity .1s;width:100%}section.start .jump.disabled,section.start .jump.disabled2{opacity:.4}section.start .jump .text{background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;position:absolute;width:100%}section.start .jump:after{border-radius:50%;content:"";height:75%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:75%}section.start .countdown{height:50%}section.start .countdown div{background-size:contain;height:100%;position:absolute;width:100%}section.start .headline{filter:drop-shadow(0 6px 4px rgba(0,0,0,.3));opacity:0;transform:scale(.5);transition:transform .6s,opacity .3s .3s}section.start .n1,section.start .n2,section.start .n3{background-size:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.4));position:absolute;transform:translateY(-100%);transition:transform .6s}#ad.start-on section.start .jump:not(.disabled):after{pointer-events:all}#ad.start-on:not(.game-on):not(.start-n1):not(.start-n2):not(.start-n3):not(.start-n4) section.start .headline{opacity:1;transform:scale(1);transition-delay:.2s}#ad.start-on.start-n1 section.start .n3,#ad.start-on.start-n2 section.start .n2,#ad.start-on.start-n3 section.start .n1{transform:scale(1) translateY(0);transition-delay:.2s}#ad.game-on section.start{z-index:12}#ad.game-on section.start .bg{animation-play-state:running;background-color:transparent;display:block;opacity:1}#char{animation:waves .5s ease-in-out infinite paused;height:97px;left:24px;top:270px;width:233px}#char,#char div{position:absolute}#char div{background:no-repeat 50%/contain;height:100%;left:0;top:0;width:100%}#char #ferdi .char,#char #ferdi .char div{background-position:0}#char #ferdi .eyes{opacity:0}#char #ferdi .hit{filter:invert(28%) sepia(70%) saturate(7223%) hue-rotate(353deg) brightness(98%) contrast(127%);opacity:0}#char #ferdi.hit .hit{animation:hit 1.6s ease-in-out}#char #pepe{left:auto;right:0;top:19%;transform:translate(100%);width:233px}#char .pepe{height:75%;left:1%;top:9%}#char #pepe .line{height:9px;left:37.5%;top:20%;width:31px}#char #line{background-size:100% 100%;height:2px;left:79px;padding-right:9px;top:44%;transform:translateY(-50%);transform-origin:0 50%;width:100%}#ad.game-on #char,#ad.start-on #char{animation-play-state:running}#scene{animation:waves .5s ease-in-out infinite paused;height:100px;top:270px}#scene,#scene div{left:0;position:absolute;width:100%}#scene div{background:no-repeat 50%/contain;height:100%;top:0}#scene .ramp{bottom:0;top:auto;transform:translateX(100%);width:110%}#scene .buoy{bottom:0;top:auto;transform:translateX(500%);width:20%}#scene .buoy-img{animation:buoy 1s ease-in-out infinite alternate paused;-webkit-mask-image:url(img/game/buoy-mask.png);mask-image:url(img/game/buoy-mask.png);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transform:rotate(5deg);transform-origin:50% 95%}#ad.game-on #scene,#ad.game-on #scene .buoy-img,#ad.start-on #scene,#ad.start-on #scene .buoy-img{animation-play-state:running}#scene .splash{bottom:-7px;height:24px;left:-10%;top:auto;width:120%}#scene .ramp .splash{bottom:-9px;height:34px;left:-13%;top:auto;width:120%}#char .splash{bottom:0;height:23px;left:-25%;top:auto;width:124px}#char .splash.pepe1{bottom:17%;height:36px;left:-52%;top:auto;width:187px}#char .splash.pepe2{bottom:9%;height:44px;left:auto;right:5%;top:auto;width:265px}#char .pepe>div,#char .splash>div,#scene .splash>div{background:no-repeat center 0/auto 700%;height:100%;position:absolute;width:100%}#char .pepe .s1,#char .splash .s1,#scene .splash .s1{background-position:center 0}#char .pepe .s2,#char .splash .s2,#scene .splash .s2{background-position:center calc(var(--splash-percent)*1)}#char .pepe .s3,#char .splash .s3,#scene .splash .s3{background-position:center calc(var(--splash-percent)*2)}#char .pepe .s4,#char .splash .s4,#scene .splash .s4{background-position:center calc(var(--splash-percent)*3)}#char .pepe .s5,#char .splash .s5,#scene .splash .s5{background-position:center calc(var(--splash-percent)*4)}#char .pepe .s6,#char .splash .s6,#scene .splash .s6{background-position:center calc(var(--splash-percent)*5)}#char .pepe .s7,#char .splash .s7,#scene .splash .s7{background-position:center calc(var(--splash-percent)*6)}section.game .messages{pointer-events:none;z-index:14}section.game .message{background:no-repeat 50%/contain;inset:0;opacity:0;position:absolute;transform:translateY(50%) scale(.5);transition:transform 0s .3s,opacity .3s}section.game .message.active{opacity:1;transform:translateY(0) scale(1);transition:transform .3s,opacity .1s}section.game .display{height:170px;z-index:13}section.game .meter,section.game .time{background-size:contain;height:100%;position:absolute;width:100%}section.outro .time{height:25%;left:46%;position:absolute;top:69%;transform:translate(-50%,-50%) skew(-7deg,-6.5deg);width:94px}section.game .meter .d,section.game .time .d,section.outro .time .d{font-size:0;height:13px;left:91px;position:absolute;top:31px;white-space:nowrap;width:auto}section.game .meter .d{left:178px}section.outro .time .d{height:100%;position:static;text-align:right}section.game .meter .d>div,section.game .time .d>div,section.outro .time .d>div{background:url(img/display/numbers-blue.png) no-repeat -10%/1200%;display:inline-block;height:100%;margin-right:-1px;width:11px}section.game .meter .d>div{background-image:url(img/display/numbers-orange.png)}section.outro .time .d>div{background-image:url(img/display/numbers-won.png);width:19px}section.game .meter .d .d0,section.game .time .d .d0,section.outro .time .d .d0{background-position:0}section.game .meter .d .d1,section.game .time .d .d1,section.outro .time .d .d1{background-position:calc(var(--time-percent)*1)}section.game .meter .d .d2,section.game .time .d .d2,section.outro .time .d .d2{background-position:calc(var(--time-percent)*2)}section.game .meter .d .d3,section.game .time .d .d3,section.outro .time .d .d3{background-position:calc(var(--time-percent)*3)}section.game .meter .d .d4,section.game .time .d .d4,section.outro .time .d .d4{background-position:calc(var(--time-percent)*4)}section.game .meter .d .d5,section.game .time .d .d5,section.outro .time .d .d5{background-position:calc(var(--time-percent)*5)}section.game .meter .d .d6,section.game .time .d .d6,section.outro .time .d .d6{background-position:calc(var(--time-percent)*6)}section.game .meter .d .d7,section.game .time .d .d7,section.outro .time .d .d7{background-position:calc(var(--time-percent)*7)}section.game .meter .d .d8,section.game .time .d .d8,section.outro .time .d .d8{background-position:calc(var(--time-percent)*8)}section.game .meter .d .d9,section.game .time .d .d9,section.outro .time .d .d9{background-position:calc(var(--time-percent)*9)}section.game .meter .d .dot,section.game .time .d .dot,section.outro .time .d .dot{background-position:calc(var(--time-percent)*10);margin-left:-2px;margin-right:-3px}section.game .meter .d .dott,section.game .time .d .dott,section.outro .time .d .dott{background-position:calc(var(--time-percent)*11);margin-left:-2px;margin-right:-3px}section.game .distance,section.game .meter,section.game .time{opacity:0;transform:translateY(-20%)}section.game .distance{background-size:contain;height:100%;position:absolute;width:100%}section.game .distance div{background:no-repeat 50%/contain;height:100%;position:absolute;width:100%}section.game .distance .bar{background-size:100% 100%;height:33px;left:32px;-webkit-mask-image:url(img/display/bar-mask.png);mask-image:url(img/display/bar-mask.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;overflow:hidden;position:absolute;top:94px;width:234px}section.game .distance .arrows{animation:loop-50 15s linear infinite reverse paused;background-repeat:repeat-x;width:200%}section.game .distance .pepe-shine{transform-origin:85% 65%}section.game .distance .active-bar{height:26px;left:36px;top:98px;width:186px}section.game .distance .active-progress{background-position:100%;background-repeat:repeat-x;background-size:100% 100%;border-radius:12px;transition:width .3s;width:50%}section.game .distance .active-bar .head,section.game .distance .active-bar .shine{height:35px;left:auto;right:0;top:50%;transform:translate(50%,-50%);width:35px}section.game .distance .active-bar .shine{height:90px;right:4.5%;width:90px}section.game .distance .active-bar .shine div{animation:rotate-360 10s linear infinite paused}section.game .distance .active-bar .head div,section.game .distance .pepe-head div{opacity:0;transition:opacity .2s}section.game .distance .active-bar .head .active,section.game .distance .pepe-head .active{opacity:1}#ad.game-on section.game .distance .active-bar .shine div,#ad.game-on section.game .distance .arrows,#ad.game-on section.game .distance .pepe-shine{animation-play-state:running}#ad.game-on section.game .distance,#ad.game-on section.game .meter,#ad.game-on section.game .time{opacity:1;transform:translateY(0);transition-delay:.2s;transition-duration:.4s}#ad.game-on section.game .meter{transition-delay:.3s}#ad.game-on section.game .distance{transition-delay:.4s}section.outro>div{opacity:0;transition:transform .6s,opacity .3s}section.outro .glass{opacity:1}section.outro .bg{animation:zoom 7.5s ease-in-out infinite alternate paused;transition-duration:0s}section.outro .hl{height:266px;left:-2%;transform:translateY(-100%) skewX(-2deg);transition-timing-function:ease-in}section.outro.won .hl{height:246px}section.outro .hl>div,section.outro .hl>div>div,section.outro .hl>div>div>div,section.outro .hl>div>div>div>div{background-position:50%;background-repeat:no-repeat;background-size:contain;inset:0;position:absolute}section.outro .hl .sign{animation:swing 2.5s ease-in-out infinite alternate paused;filter:drop-shadow(0 4px 4px rgba(0,0,0,.4));transform:translateX(-2%)}section.outro .hl .sign>div{opacity:0;transition:opacity 0s 1s}section.outro .hl .rope{animation:skew-x 2.5s ease-in-out infinite alternate paused;transform:skewX(-2deg);transform-origin:50% 0}section.outro .hl .hl-ani{transition:transform .6s .6s}section.outro .hl .hl2{animation:swing 2.5s ease-in-out infinite alternate paused;bottom:7%;height:42.5%;height:104px;left:1.5%;right:auto;top:auto;width:100%}section.outro .hl .hl2 .sign2{filter:drop-shadow(0 4px 4px rgba(0,0,0,.4))}section.outro .cta{top:467px;transform:translateY(100%)}section.outro.won .bg.won,section.outro:not(.won) .bg:not(.won){opacity:1}#ad.outro-on section.outro .cta .effect,#ad.outro-on section.outro .cta .icon,#ad.outro-on section.outro .hl .rope,#ad.outro-on section.outro .hl .sign,#ad.outro-on section.outro.won .bg.won,#ad.outro-on section.outro.won .hl .hl2,#ad.outro-on section.outro:not(.won) .bg:not(.won){animation-play-state:running}#ad.outro-on section.outro .hl{opacity:1;transform:translateY(0) skewX(-2deg);transition-delay:.1s}#ad.outro-on section.outro .hl .sign{transform:translateX(-2%);transition:transform .3s .7s}#ad.outro-on section.outro.won .hl{transform:translateY(-7%) skewX(-2deg)}#ad.outro-on section.outro.won .hl .sign .won,#ad.outro-on section.outro:not(.won) .hl .sign .lost{opacity:1;transition-delay:0s}#ad.outro-on section.outro.won .hl .hl-ani{transform:translateY(68%)}#ad.outro-on section.outro .cta{opacity:1;transform:translateY(0);transition-delay:.1s}@keyframes hand-rotation{0%{transform:translateX(-50%) rotate(-10deg)}to{transform:translateX(-50%) rotate(40deg)}}@keyframes cta-effect{0%{opacity:0;transform:scale(.5)}75%{opacity:1;transform:scale(1)}}@keyframes bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-5px)}50%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes waves{0%{transform:translateY(0)}50%{transform:translateY(2%)}to{transform:translateY(0)}}@keyframes waves-y{0%{transform:translateY(0)}50%{transform:translateY(1%)}to{transform:translateY(0)}}@keyframes waves-x{0%{transform:translateX(0)}50%{transform:translateX(2%)}to{transform:translateX(0)}}@keyframes glow-deg{0%{transform:rotate(0)}25%{transform:rotate(-5deg)}50%{transform:rotate(0deg)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}@keyframes skew-x{0%{transform:skewX(-2deg)}to{transform:skewX(2deg)}}@keyframes swing{0%{transform:translateX(-2%)}to{transform:translateX(2%)}}@keyframes zoom{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes rotate-360{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes buoy{0%{transform:rotate(5deg)}to{transform:rotate(-5deg)}}@keyframes loop{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes loop-50{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes hit{0%,to{opacity:0}20%,40%,60%,80%{opacity:.4}10%,30%,50%,70%,90%{opacity:.8}}