body{margin:0;background:radial-gradient(147.67% 147.67% at 48.27% -107.16%,#4e607b 0,#0f151e 100%);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.max-width-wrapper{max-width:480px;width:100%;padding-left:16px;padding-right:16px;box-sizing:border-box}.component-home{height:100vh;width:100vw;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;color:#fff;font-size:40px}.component-home #skull{margin-top:5vh;width:13vw}.component-home .img-container{width:clamp(200px,20vw,400px)}.component-home #skullberry{margin-top:18vh;width:100%;height:60px}@media(max-width:768px){.component-home #skullberry{width:40vw;margin-top:5vh}}.component-home .custom-logo-image{object-fit:scale-down}.component-home #rules{-webkit-align-items:center;align-items:center;margin:4px 0 2vh;font-weight:450;font-size:15px;line-height:25px;text-align:center;letter-spacing:-.1px;color:#bdd6e1}@media(max-width:768px){.component-home #rules{width:80%}}@media(max-width:768px){.component-home #rules #rules-submain{margin-bottom:0}}@media(max-width:768px){.component-home #rules #rules-main{margin-top:5px}}.component-home .play-div{background:rgba(220,232,255,.1);border:2px solid hsla(0,0%,100%,.2);box-sizing:border-box;padding-top:20px;padding-bottom:20px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;height:200px;width:300px;margin-bottom:20vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.component-home .play-div .data-div{width:60%;margin-bottom:30px}.component-home .play-div .data-div,.component-home .play-div .data-div .level-num{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.component-home .play-div .data-div .level-num{-webkit-flex-direction:column;flex-direction:column}.component-home .play-div .data-div .level-num .level-header{font-weight:500;font-size:12.1968px;line-height:15px;text-align:center;letter-spacing:-.038115px;color:#8c96a4}.component-home .play-div .data-div .level-num .total-levels{font-weight:700;font-size:35.0658px;line-height:44px;text-align:center;letter-spacing:-.109581px;color:#fff}.component-home .play-div .data-div .total-time{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.component-home .play-div .data-div .total-time .time-header{font-weight:500;font-size:12.1968px;line-height:15px;text-align:center;letter-spacing:-.038115px;color:#8c96a4}.component-home .play-div .data-div .total-time .time{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.component-home .play-div .data-div .total-time .time .num{font-weight:700;font-size:35.0658px;line-height:44px;text-align:center;letter-spacing:-.109581px;color:#fff}.component-home .play-div .data-div .total-time .time .min{font-size:12px;line-height:0;top:10%;text-align:center;letter-spacing:-.109581px;margin-left:5px;color:#fff}.component-home .play-div .data-div .divider{width:2px;height:30px;background-color:#fff}.component-home .play-div .button-div{position:relative}.component-home .play-div .button-div,.component-home .play-div .button-div .top-btn{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.component-home .play-div .button-div .top-btn{cursor:pointer;background:#24a2f6;border:3px solid #0b75bc;box-sizing:border-box;border-radius:8px;height:50px;padding:0 50px;font-style:normal;font-weight:700;font-size:16px;line-height:20px;text-align:center;text-transform:uppercase;color:#fff;z-index:5;transition:all .1s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none}.component-home .play-div .button-div .top-btn:active{-webkit-transform:translateY(10%);transform:translateY(10%)}.component-home .play-div .button-div .bottom-btn{cursor:pointer;position:absolute;top:10%;z-index:4;background:#0a7ace;border:3px solid #1461a8;box-sizing:border-box;border-radius:8px;height:50px;padding:0 50px;font-style:normal;font-weight:700;font-size:16px;line-height:20px;text-align:center;text-transform:uppercase}.component-error-page,.component-home .play-div .button-div .bottom-btn{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;color:#fff}.component-error-page{height:100vh;width:100vw;font-size:10rem;font-weight:bolder}.component-navbar{box-sizing:border-box;padding-left:40px;padding-right:40px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:100%;height:65px;color:#fff;position:fixed;top:0;background:#2e3743;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;-webkit-align-items:center;align-items:center}.component-navbar .level-num{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#313947;border:2px solid #d2e5ff;box-sizing:border-box;border-radius:8px;text-align:center;padding:8px;font-style:normal;font-weight:500;font-size:16px;line-height:20px;letter-spacing:1px;color:#fff}.component-navbar .right-wrapper{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:20px;gap:20px}.component-navbar .right-wrapper .newhint,.component-navbar .right-wrapper .skip{width:80px;height:32px;left:-100px;cursor:pointer;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background:#313947;border:2px solid #d2e5ff;box-sizing:border-box;border-radius:8px;text-align:center;font-style:normal;font-weight:500;font-size:16px;line-height:26px;letter-spacing:1px;color:#fff}.component-navbar .timer{z-index:0;height:30px;position:relative;background:rgba(220,232,255,.2);border:2px solid hsla(0,0%,100%,.2);box-sizing:border-box;border-radius:36px;overflow:hidden}.component-navbar .timer .fill{left:0;top:0;height:100%;background-color:#d2e5ff;z-index:1;border-radius:13.7337px}.component-navbar .timer h1{width:-webkit-max-content;width:max-content;font-size:15.48px;color:#000;position:absolute;top:50%;left:50%;z-index:2;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:auto}.component-navbar .hint-wrapper{position:absolute;width:260px;right:33%;height:30px;margin-top:20px}.component-navbar .hint-wrapper .x{position:absolute;background:#313947;color:#fff;border:1px solid #d2e5ff;border-radius:50%;top:-10px;cursor:pointer;right:-10px}.component-navbar .hint-wrapper .number{position:absolute;top:-10px;cursor:pointer;left:-10px}.component-navbar .hint-wrapper .hint-box,.component-navbar .hint-wrapper .number{background:#313947;color:#fff;border:1px solid #d2e5ff;border-radius:8px;font-size:12px}.component-navbar .hint-wrapper .hint-box{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding-right:10px;padding-left:10px;text-align:center;font-style:normal;font-weight:500;line-height:16px;letter-spacing:1px}@media screen and (max-width:500px){.component-navbar{padding-left:14px;padding-right:14px}}.mobile-level-num,.mobile-newhint,.mobile-skip{display:none}@media screen and (max-width:750px){.component-navbar .timer{margin-left:10px}.component-navbar .level-num.hide,.component-navbar .right-wrapper .newhint.hide,.component-navbar .right-wrapper .skip.hide{display:none}.mobile-level-num,.mobile-newhint,.mobile-skip{display:block}}.timer-container{width:400px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:clamp(50px,40%,400px)}.level-uno{height:100vh;height:100dvh;overflow:hidden}.level-uno,.level-uno .main-picture-wrapper{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.level-uno .main-picture-wrapper{width:50vh;height:50vh;left:0;position:relative;-webkit-flex-wrap:wrap;flex-wrap:wrap}.level-uno .main-picture-wrapper .arrows{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:50%;height:50%;z-index:1;transition:all .5s ease-in-out}.level-uno .main-picture-wrapper .arrows>img{z-index:2;cursor:pointer}.level-uno .main-picture-wrapper .first-arrow{-webkit-animation:myOrbit1 5s linear infinite;animation:myOrbit1 5s linear infinite}.level-uno .main-picture-wrapper .second-arrow{-webkit-animation:myOrbit2 5s linear infinite;animation:myOrbit2 5s linear infinite}.level-uno .main-picture-wrapper .third-arrow{-webkit-animation:myOrbit3 5s linear infinite;animation:myOrbit3 5s linear infinite}.level-uno .main-picture-wrapper .fourth-arrow{-webkit-animation:myOrbit4 5s linear infinite;animation:myOrbit4 5s linear infinite}.level-uno .main-picture-wrapper .main-picture{position:absolute;width:50%;height:50%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.level-uno .main-picture-wrapper .main-picture .left{position:relative;top:10px;left:10px}.level-uno .main-picture-wrapper .main-picture>img{position:absolute}.level-uno .main-picture-wrapper .main-picture .rotate{-webkit-animation:myOrbit 10s linear infinite;animation:myOrbit 10s linear infinite}.level-uno .main-picture-wrapper .main-picture .move{-webkit-transform-origin:20% 40%;transform-origin:20% 40%}@-webkit-keyframes myOrbit1{0%{-webkit-transform:rotate(0deg) translateX(1cm);transform:rotate(0deg) translateX(1cm)}to{-webkit-transform:rotate(1turn) translateX(1cm);transform:rotate(1turn) translateX(1cm)}}@keyframes myOrbit1{0%{-webkit-transform:rotate(0deg) translateX(1cm);transform:rotate(0deg) translateX(1cm)}to{-webkit-transform:rotate(1turn) translateX(1cm);transform:rotate(1turn) translateX(1cm)}}@-webkit-keyframes myOrbit2{0%{-webkit-transform:rotate(60deg) translateX(1cm);transform:rotate(60deg) translateX(1cm)}to{-webkit-transform:rotate(420deg) translateX(1cm);transform:rotate(420deg) translateX(1cm)}}@keyframes myOrbit2{0%{-webkit-transform:rotate(60deg) translateX(1cm);transform:rotate(60deg) translateX(1cm)}to{-webkit-transform:rotate(420deg) translateX(1cm);transform:rotate(420deg) translateX(1cm)}}@-webkit-keyframes myOrbit3{0%{-webkit-transform:rotate(100deg) translateX(1cm);transform:rotate(100deg) translateX(1cm)}to{-webkit-transform:rotate(460deg) translateX(1cm);transform:rotate(460deg) translateX(1cm)}}@keyframes myOrbit3{0%{-webkit-transform:rotate(100deg) translateX(1cm);transform:rotate(100deg) translateX(1cm)}to{-webkit-transform:rotate(460deg) translateX(1cm);transform:rotate(460deg) translateX(1cm)}}@-webkit-keyframes myOrbit4{0%{-webkit-transform:rotate(150deg) translateX(1cm);transform:rotate(150deg) translateX(1cm)}to{-webkit-transform:rotate(510deg) translateX(1cm);transform:rotate(510deg) translateX(1cm)}}@keyframes myOrbit4{0%{-webkit-transform:rotate(150deg) translateX(1cm);transform:rotate(150deg) translateX(1cm)}to{-webkit-transform:rotate(510deg) translateX(1cm);transform:rotate(510deg) translateX(1cm)}}.component-level-complete{position:fixed;top:0;-webkit-justify-content:center;justify-content:center;top:20%}.component-level-complete,.component-level-complete .complete-modal{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;z-index:999999999}.component-level-complete .complete-modal{border-radius:24px;-webkit-flex-direction:column;flex-direction:column;background:rgba(220,232,255,.1);border:2px solid hsla(0,0%,100%,.2);box-sizing:border-box;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-justify-content:space-between;justify-content:space-between;padding:10%}@media screen and (max-width:500px){.component-level-complete .complete-modal{padding:5%}}.component-level-complete .complete-modal .levels{position:relative;overflow:hidden}.component-level-complete .complete-modal .levels .star{z-index:1}.component-level-complete .complete-modal .levels h1{color:#000;position:absolute;top:35%;left:51%;z-index:2;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-weight:700;font-size:46.9908px;line-height:59px;text-align:center;letter-spacing:-.234954px;color:#fff;text-shadow:0 4.47532px 11.1883px #f4a10c}.component-level-complete .complete-modal .heading{font-size:24px;line-height:40px;text-align:center;letter-spacing:-.151214px;color:#fff}.component-level-complete .complete-modal .subheading{margin-top:10px;font-size:18px;margin-bottom:10px;line-height:25px;text-align:center;letter-spacing:-.11201px;color:#fff}.component-level-complete .complete-modal .button-div{margin-top:20px;margin-bottom:20px;position:relative}.component-level-complete .complete-modal .button-div,.component-level-complete .complete-modal .button-div .top-btn{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.component-level-complete .complete-modal .button-div .top-btn{cursor:pointer;background:#24a2f6;border:3px solid #0b75bc;box-sizing:border-box;border-radius:8px;height:50px;padding:0 50px;font-style:normal;font-weight:700;font-size:15px;line-height:20px;text-align:center;text-transform:uppercase;color:#fff;z-index:5;transition:all .1s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none}.component-level-complete .complete-modal .button-div .top-btn:active{-webkit-transform:translateY(10%);transform:translateY(10%)}.component-level-complete .complete-modal .button-div .bottom-btn{cursor:pointer;position:absolute;top:10%;z-index:4;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:#0a7ace;border:3px solid #1461a8;box-sizing:border-box;border-radius:8px;height:50px;padding:0 50px;font-style:normal;font-weight:700;font-size:15px;line-height:20px;text-align:center;text-transform:uppercase;color:#fff}.component-level-complete .complete-modal .proceed{margin-left:13px}.component-level-dos{-webkit-align-items:center;align-items:center;height:100vh;height:100dvh;width:100vw}.component-level-dos,.component-level-dos .game-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.component-level-dos .game-container{max-width:400px;max-height:400px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-flex-wrap:wrap;flex-wrap:wrap;height:calc(200px + 28vw);width:calc(200px + 28vw)}.component-level-dos .game-container .tile{cursor:pointer;color:#fff;width:17.4%;height:17.4%;margin:.6%;border:1px solid rgba(210,229,255,.5);box-shadow:0 0 16px hsla(0,0%,100%,.693373)}.component-level-dos .game-container .tile,.component-level-dos .game-container .tile .tile-inside{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.component-level-dos .game-container .tile .tile-inside{height:80%;width:80%;border:.35vw solid rgba(210,229,255,.11)}.component-level-dos .game-container .tile .tile-inside>img{width:50%}.component-level-dos .game-container .tile .tile-inside .up{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.component-level-dos .game-container .tile .tile-inside .down{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.component-level-dos .game-container .tile .tile-inside .right{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.component-level-dos .game-container .tile .tile-inside .left{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.component-level-cuatro{box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:100vw;height:100vh;height:100dvh;padding-top:35px}.component-level-cuatro .game-div-cuatro{-webkit-flex-direction:column;flex-direction:column;grid-gap:50px;gap:50px}.component-level-cuatro .game-div-cuatro,.component-level-cuatro .game-div-cuatro .top-bars{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.component-level-cuatro .game-div-cuatro .top-bars{grid-gap:max(50px,7vw);gap:max(50px,7vw)}.component-level-cuatro .game-div-cuatro .top-bars .bar{border:1vw solid #5a6d87;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.component-level-cuatro .game-div-cuatro .top-bars .bar .filled{background-color:#5a6d87}.component-level-cuatro .game-div-cuatro .top-bars .bar .block{border-bottom:1vw solid #5a6d87;width:clamp(100px,calc(40px + 10vw),160px);aspect-ratio:3;max-height:40px}.component-level-cuatro .game-div-cuatro .top-bars .bar .block:last-of-type{border-bottom:none}.component-level-cuatro .game-div-cuatro .bottom-buttons{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;align-self:center;grid-gap:20px;gap:20px}@media only screen and (max-width:1024px){.component-level-cuatro .game-div-cuatro .bottom-buttons{margin:0 10%}}.component-level-cuatro .game-div-cuatro .bottom-buttons .btn{cursor:pointer;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:80px;width:80px;border:.35vw solid rgba(210,229,255,.5);box-shadow:0 0 16px hsla(0,0%,100%,.693373)}.component-level-cuatro .game-div-cuatro .bottom-buttons .btn:active{background-color:#5a6d87}@media only screen and (max-width:1024px){.component-level-cuatro .game-div-cuatro .bottom-buttons .btn{height:50px;width:50px}}.component-level-cuatro .game-div-cuatro .bottom-buttons .btn>div{border:.35vw solid rgba(210,229,255,.11);height:80%;width:80%}.component-level-tres{height:100vh;height:100dvh;-webkit-align-items:flex-end;align-items:flex-end}.component-level-tres,.component-level-tres .color-div{width:100vw;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.component-level-tres .color-div{height:92vh;-webkit-align-items:center;align-items:center;position:relative;-webkit-flex-wrap:wrap;flex-wrap:wrap}.component-level-tres .color-div .bg-tile{width:20%;height:20%}.component-level-tres .color-div .filled{background-color:#5a6d87}.component-level-tres .color-div .game-div-tres{z-index:999;position:absolute;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;height:70vh;width:70vh}@media only screen and (max-width:1024px){.component-level-tres .color-div .game-div-tres{height:80vw;width:80vw}}.component-level-tres .color-div .game-div-tres .right-btn{-webkit-transform:translateY(50%);transform:translateY(50%)}.component-level-tres .color-div .game-div-tres .down-btn{-webkit-transform:translateY(0);transform:translateY(0)}.component-level-tres .color-div .game-div-tres .left-btn{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.component-level-tres .color-div .game-div-tres .up-btn{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.component-level-tres .color-div .game-div-tres .btn{cursor:pointer;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:80px;width:80px;border:.35vw solid rgba(210,229,255,.5);box-shadow:0 0 16px hsla(0,0%,100%,.693373)}.component-level-tres .color-div .game-div-tres .btn:active{background-color:#5a6d87}@media only screen and (max-width:1024px){.component-level-tres .color-div .game-div-tres .btn{height:50px;width:50px}}.component-level-tres .color-div .game-div-tres .btn>div{border:.35vw solid rgba(210,229,255,.11);height:80%;width:80%}.component-level-cinco{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:100vh;height:100dvh;width:100vw}.component-level-cinco>div{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.component-level-cinco .cube-0{position:absolute;top:230px;left:50%;margin-left:-80px}.component-level-cinco .cube-1{position:absolute;top:360px;left:50%;margin-left:-162px}.component-level-cinco .cube-2{position:absolute;top:360px;left:50%;margin-left:2px}.component-level-cinco .cube-3{position:absolute;top:490px;left:50%;margin-left:82px}.component-level-cinco .cube-4{position:absolute;top:490px;left:50%;margin-left:-80px}.component-level-cinco .cube-5{position:absolute;top:490px;left:50%;margin-left:-242px}.component-level-cinco .leftFace,.component-level-cinco .rightFace{width:84px;height:84px}.component-level-cinco .topFace div{width:82px;height:82px}.component-level-cinco .leftFace,.component-level-cinco .rightFace,.component-level-cinco .topFace{position:absolute;cursor:pointer}.component-level-cinco .leftFace{-webkit-transform:skewY(30deg);-moz-transform:skewY(30deg)}.component-level-cinco .leftFace,.component-level-cinco .rightFace{box-sizing:border-box;border:3px solid #32455f;background-color:transparent}.component-level-cinco .rightFace{-webkit-transform:skewY(-30deg);-moz-transform:skewY(-30deg);left:80px}.component-level-cinco .topFace div{box-sizing:border-box;border:3px solid #32455f;-webkit-transform:skewY(-30deg) scaleY(1.16);-moz-transform:skewY(-30deg) scaleY(1.16);background-color:transparent;font-size:.862em}.component-level-cinco .topFace{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);top:-65px;left:40px}.component-level-cinco .topFace .clicked{background:#d2e5ff}.component-level-cinco .clicked{background-color:#d2e5ff}.component-level-cinco .clicked-top{background:#d2e5ff}@media screen and (max-width:500px){.component-level-cinco .topFace div{width:50px;height:50px}.component-level-cinco .leftFace,.component-level-cinco .rightFace{height:52px;width:52px}.component-level-cinco .leftFace{top:-26px;left:14px}.component-level-cinco .rightFace{left:65px;top:-26px}.component-level-cinco .cube-0{margin-left:-66px}.component-level-cinco .cube-1{top:309px;margin-left:-117px}.component-level-cinco .cube-2{top:309px;margin-left:-14px}.component-level-cinco .cube-3{top:388px;margin-left:37px}.component-level-cinco .cube-4{top:388px;margin-left:-66px}.component-level-cinco .cube-5{top:388px;margin-left:-168px}}.component-level-siete{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:100vh;height:100dvh;width:100vw}.component-level-siete .game-container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin:16px;width:clamp(300px,calc(285px + 20vw),440px)}.component-level-siete .game-container .tile{aspect-ratio:1;cursor:pointer;color:#fff;margin:.6%;border:1px solid #d2e5ff;box-shadow:0 0 18.4031px hsla(0,0%,100%,.693373)}.component-level-siete .game-container .tile,.component-level-siete .game-container .tile .tile-inside{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.component-level-siete .game-container .tile .tile-inside{height:80%;width:80%;border:.35vw solid rgba(210,229,255,.11)}.component-level-siete .game-container .tile .tile-inside>img{color:#fff}.component-level-nueve{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:100vh;height:100dvh;width:100vw;overflow:hidden;position:relative}.component-level-nueve .game-container{width:400px;display:grid;padding:0 16px;grid-template-columns:repeat(4,1fr);grid-gap:22px;gap:22px}.component-level-nueve .game-container .tile{cursor:pointer;color:#fff}.component-level-nueve .game-container .tile,.component-level-nueve .game-container .tile .tile-inside{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.component-level-nueve .game-container .tile .tile-inside>img{width:100%;transition:all 5s linear;-webkit-transition:all 2s linear;-moz-transition:all 2s linear;-o-transition:all 2s linear}.component-level-nueve .game-container .tile .tile-inside .moveRight{-webkit-transform:translateX(200vh);transform:translateX(200vh)}.component-level-nueve .game-container .tile .tile-inside .moveLeft{-webkit-transform:translateX(-200vh);transform:translateX(-200vh)}.component-level-nueve .game-container .tile .tile-inside .moveTop{-webkit-transform:translateY(-200vh);transform:translateY(-200vh)}.component-level-nueve .game-container .tile .tile-inside .moveBottom{-webkit-transform:translateY(200vh);transform:translateY(200vh)}.component-level-diez{height:100vh;width:100vw;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;overflow:hidden}.component-level-diez .game-div-diez{height:90vh;width:60vw;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;flex-wrap:wrap;position:relative}@media only screen and (max-width:1024px){.component-level-diez .game-div-diez{height:80vw;width:80vw;position:relative;left:-3.5vw}}.component-level-diez .game-div-diez .circle-div{height:10%;width:14.28571%}.component-level-diez .game-div-diez .circle-div>img{transition:all .5s ease-in-out;cursor:pointer;width:22vh}@media only screen and (max-width:1024px){.component-level-diez .game-div-diez .circle-div>img{width:19vw}}@-webkit-keyframes popup{0%{-webkit-transform:translateY(0);transform:translateY(0)}35%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}75%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes popup{0%{-webkit-transform:translateY(0);transform:translateY(0)}35%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}75%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.component-level-seis{height:100vh;height:100dvh;width:100vw;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.component-level-seis .game-div-seis{max-width:400px;max-height:400px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-flex-wrap:wrap;flex-wrap:wrap;height:calc(200px + 32vw);width:calc(200px + 32vw)}.component-level-seis .game-div-seis,.component-level-seis .game-div-seis .dot{position:absolute;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.component-level-seis .game-div-seis .dot{z-index:9;cursor:pointer;width:14.28571%;height:14.28571%;-webkit-align-items:center;align-items:center;transition:all .5s ease-in-out}.component-level-seis .game-div-seis .dot>img{width:70%;height:70%}.component-level-seis .game-div-seis .pointer-div{cursor:pointer;width:14.28571%;height:14.28571%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.component-level-seis .game-div-seis .pointer-div>img{height:50%;width:50%}.component-level-ocho{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:100vh;height:100dvh;width:100vw;background:linear-gradient(180deg,#475263,#313942);overflow:hidden;position:relative}.component-level-ocho .curtain{height:1000px;width:100vw;bottom:80%;position:absolute;background:linear-gradient(180deg,#1b232f,#0f161e)}.component-level-ocho .curtain .hook{top:1035px;position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.component-level-ocho .down{-webkit-animation:animatedBackground 3s forwards;animation:animatedBackground 3s forwards}@-webkit-keyframes animatedBackground{0%{bottom:80%}to{bottom:0}}@keyframes animatedBackground{0%{bottom:80%}to{bottom:0}}.component-level-ocho .container{width:100%;height:100%;border-radius:7px;touch-action:none}.component-level-ocho .container .curtain{height:1000px;width:100vw;bottom:80%;position:absolute;background:linear-gradient(180deg,#1b232f,#0f161e)}.component-level-ocho .container .curtain .hook{top:1035px;position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.component-level-ocho .box{position:absolute;cursor:move;z-index:1;bottom:0;right:100px}.component-level-ocho .box,.component-level-ocho .box>img{-webkit-user-select:none;-ms-user-select:none;user-select:none}.component-level-ocho .box>img{-webkit-user-drag:none}.component-level-ocho .disable{pointer-events:none}.component-level-ocho .swing{-webkit-animation:swinging 3s infinite forwards;animation:swinging 3s infinite forwards}.component-level-ocho .drowned{transition:all 4s;-webkit-transition:all 4s;-moz-transition:all 4s;-o-transition:all 4s;-webkit-transform:translateY(80%);transform:translateY(80%)}@-webkit-keyframes swinging{0%{-webkit-transform:rotate(5deg)}50%{-webkit-transform:rotate(-2.5deg)}to{-webkit-transform:rotate(5deg)}}@keyframes swinging{0%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(-2.5deg);transform:rotate(-2.5deg)}to{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}.component-game-end{position:fixed;top:0;-webkit-justify-content:center;justify-content:center;height:100vh;width:100vw;background:#2b313d;border:2px solid hsla(0,0%,100%,.2)}.component-game-end,.component-game-end .complete-modal{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.component-game-end .complete-modal{width:100%;max-width:400px;z-index:999999999;border-radius:24px;-webkit-flex-direction:column;flex-direction:column;background:rgba(220,232,255,.1);border:2px solid hsla(0,0%,100%,.2);box-sizing:border-box;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-justify-content:space-between;justify-content:space-between;padding:30px}.component-game-end .complete-modal .heading{font-size:24px;margin-bottom:20px;line-height:30px;text-align:center;letter-spacing:-.151214px;color:#fff}.component-game-end .complete-modal .stars{padding:20px;width:45%;vertical-align:middle;margin-bottom:10px}.component-game-end .complete-modal .closure{font-size:19px;color:#fff;margin-bottom:30px}.component-game-end .complete-modal .details-box{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;grid-gap:32px;gap:32px;padding:14px 54px;width:100%;height:auto;margin:10px auto 30px;background:rgba(220,232,255,.1);border:2.52023px solid hsla(0,0%,100%,.2);box-sizing:border-box;border-radius:27.7225px}.component-game-end .complete-modal .details-box .info-box .time{font-size:16px;text-align:center;line-height:22px;letter-spacing:-.0819075px;color:#909393}.component-game-end .complete-modal .details-box .info-box .accuracy{font-style:normal;font-size:33px;line-height:40px;text-align:center;letter-spacing:-.151214px;color:#fff}.component-game-end .complete-modal .button-div{position:relative;margin-bottom:10px}.component-game-end .complete-modal .button-div,.component-game-end .complete-modal .button-div .top-btn{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.component-game-end .complete-modal .button-div .top-btn{cursor:pointer;background:#24a2f6;border:3px solid #0b75bc;box-sizing:border-box;border-radius:8px;height:50px;padding:0 50px;font-style:normal;font-weight:700;font-size:16px;line-height:20px;text-align:center;text-transform:uppercase;color:#fff;z-index:5;transition:all .1s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none}.component-game-end .complete-modal .button-div .top-btn:active{-webkit-transform:translateY(10%);transform:translateY(10%)}.component-game-end .complete-modal .button-div .bottom-btn{cursor:pointer;position:absolute;top:10%;z-index:4;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:#0a7ace;border:3px solid #1461a8;box-sizing:border-box;border-radius:8px;height:50px;padding:0 50px;font-style:normal;font-weight:700;font-size:16px;line-height:20px;text-align:center;text-transform:uppercase;color:#fff}@media screen and (max-width:400px){.component-game-end .complete-modal .details-box{padding:14px 24px}.component-game-end .complete-modal{padding:30px 20px;margin-left:8px;margin-right:8px}}.level-3-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:100vh;width:100vw}.level-3-container .lvl-three-container{position:relative;width:500px;height:500px}@media screen and (max-width:900px){.level-3-container .lvl-three-container{-webkit-transform:scale(.8);transform:scale(.8)}}@media screen and (max-width:600px){.level-3-container .lvl-three-container{-webkit-transform:scale(.5);transform:scale(.5)}}.level-3-container .lvl-three-container img{position:absolute;width:100px;height:100px}.level-3-container .lvl-three-container img:first-child{top:0;left:200px}.level-3-container .lvl-three-container img:nth-child(2){top:100px;left:350px}.level-3-container .lvl-three-container img:nth-child(3){top:250px;left:400px}.level-3-container .lvl-three-container img:nth-child(4){top:400px;left:290px}.level-3-container .lvl-three-container img:nth-child(5){top:400px;left:100px}.level-3-container .lvl-three-container img:nth-child(6){top:250px;left:0}.level-3-container .lvl-three-container img:nth-child(7){top:100px;left:50px}
/*# sourceMappingURL=main.735bd325.chunk.css.map */