@import "https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Archivo:wght@700;900&display=swap";*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;font-family:Archivo,sans-serif}body{background-color:#fbf2d7;flex-direction:column;align-items:center;width:100vw;min-height:100vh;display:flex;overflow:hidden}img{max-width:100%}#root{width:100%;height:100%}.text-node{-webkit-background-clip:text!important;background-clip:text!important}@keyframes slideInFromTop{0%{transform:translateY(-20%)}to{transform:translateY(0)}}@keyframes slideOutFromTop{0%{transform:translateY(0)}to{transform:translateY(-20%)}}@keyframes slideInFromLeft{0%{transform:translate(-20%)}to{transform:translate(0)}}@keyframes slideOutFromLeft{0%{transform:translate(0)}to{transform:translate(-20%)}}@keyframes slideInFromBottom{0%{transform:translateY(20%)}to{transform:translateY(0)}}@keyframes slideOutFromBottom{0%{transform:translateY(0)}to{transform:translateY(20%)}}@keyframes slideInFromRight{0%{transform:translate(20%)}to{transform:translate(0)}}@keyframes slideOutFromRight{0%{transform:translate(0)}to{transform:translate(20%)}}@keyframes smallSlideInFromTop{0%{transform:translateY(-1%)}to{transform:translateY(0)}}@keyframes smallSlideOutFromTop{0%{transform:translateY(0)}to{transform:translateY(-1%)}}@keyframes smallSlideInFromLeft{0%{transform:translate(-1%)}to{transform:translate(0)}}@keyframes smallSlideOutFromLeft{0%{transform:translate(0)}to{transform:translate(-1%)}}@keyframes smallSlideInFromBottom{0%{transform:translateY(1%)}to{transform:translateY(0)}}@keyframes smallSlideOutFromBottom{0%{transform:translateY(0)}to{transform:translateY(1%)}}@keyframes smallSlideInFromRight{0%{transform:translate(1%)}to{transform:translate(0)}}@keyframes smallSlideOutFromRight{0%{transform:translate(0)}to{transform:translate(1%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInFromBottomLeft{0%{transform:translate(-35%,35%)}to{transform:translate(0)}}@keyframes slideOutFromBottomLeft{0%{transform:translate(0)}to{transform:translate(-35%,35%)}}@keyframes slideInFromBottomRight{0%{transform:translate(35%,35%)}to{transform:translate(0)}}@keyframes slideOutFromBottomRight{0%{transform:translate(0)}to{transform:translate(35%,35%)}}@keyframes slideInFromTopLeft{0%{transform:translate(-35%,-35%)}to{transform:translate(0)}}@keyframes slideOutFromTopLeft{0%{transform:translate(0)}to{transform:translate(-35%,-35%)}}@keyframes slideInFromTopRight{0%{transform:translate(35%,-35%)}to{transform:translate(0)}}@keyframes slideOutFromTopRight{0%{transform:translate(0)}to{transform:translate(35%,-35%)}}@keyframes pulse-shake{0%{transform:rotate(0)}5%{transform:rotate(2deg)}10%{transform:rotate(-2deg)}15%{transform:rotate(2deg)}20%{transform:rotate(-2deg)}25%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes shake{0%{transform:rotate(1deg)}50%{transform:rotate(-1deg)}to{transform:rotate(1deg)}}@keyframes pulse{0%{transform:scale(1.05)}50%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(calc(100vh + 20px))rotate(360deg)}}.home-container{z-index:0;background:#c18257;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100vh;transition:background-color .2s .2s;display:flex;position:relative;overflow:hidden}.home-container.out{background-color:#0000}.home-container .logo{z-index:2;width:142px;height:106px;position:absolute;top:45px;left:61px}.home-container .background{width:100%;height:100%;transition:opacity .4s .4s;position:absolute;top:0;left:0;overflow:hidden}.home-container .background.out{opacity:0}.home-container .content{z-index:999;opacity:0;flex-direction:column;justify-content:center;align-items:center;row-gap:60px;width:600px;max-width:100%;height:auto;animation:.5s .2s forwards fadeIn;display:flex;position:relative;overflow:hidden}.home-container .content.out{opacity:0;animation:.5s forwards fadeOut}.home-container .lettering{width:100%;height:279px}.home-container .callToAction{justify-content:space-evenly;align-items:center;width:100%;min-height:106px;display:flex;position:relative}.home-container .text{color:#b42413;letter-spacing:0;line-break:auto;white-space:pre;text-transform:none;font-family:Archivo,sans-serif;font-size:24px;font-weight:700}.home-container .button{cursor:pointer;flex-shrink:0;transition:all .1s;animation:2s linear infinite pulse-shake}.home-container .footer{flex-direction:column;justify-content:flex-start;align-items:flex-start;row-gap:20px;width:100%;display:flex}.home-container .horizontalBar{background-color:#fff3d8;width:100%;height:1px;position:relative}.home-container .sponsors{object-fit:contain;width:100%;height:106px}.home-container .background .rect{object-fit:cover;width:100%;height:100%;position:absolute}.home-container .background .rect1{z-index:0;top:0;left:-2.5%}.home-container .background .rect2{z-index:1;bottom:0;left:-2.5%}.home-container .background .rect3{z-index:0;bottom:0;right:-2.5%}.home-container .background .rect4{z-index:0;top:0;right:-2.5%}.home-container .background .rect5{z-index:1;bottom:0;right:-2.5%}.home-container .background .rect1{animation:.5s cubic-bezier(.68,-.6,.32,1.6) forwards slideInFromLeft;transform:translate(-20%)}.home-container .background.out .rect1{animation:.5s cubic-bezier(.68,-.6,.32,1.6) forwards slideOutFromLeft;transform:translate(0%)}.home-container .background .rect2{animation:.5s cubic-bezier(.68,-.6,.32,1.6) .1s forwards slideInFromLeft;transform:translate(-20%)}.home-container .background.out .rect2{animation:.5s cubic-bezier(.68,-.6,.32,1.6) .1s forwards slideOutFromLeft;transform:translate(0%)}.home-container .background .rect3{animation:.5s cubic-bezier(.68,-.6,.32,1.6) .15s forwards slideInFromRight;transform:translate(20%)}.home-container .background.out .rect3{animation:.5s cubic-bezier(.68,-.6,.32,1.6) .15s forwards slideOutFromRight;transform:translate(0%)}.home-container .background .rect4{animation:.5s cubic-bezier(.68,-.6,.32,1.6) forwards slideInFromRight;transform:translate(20%)}.home-container .background.out .rect4{animation:.5s cubic-bezier(.68,-.6,.32,1.6) forwards slideOutFromRight;transform:translate(0%)}.home-container .background .rect5{animation:.5s cubic-bezier(.68,-.6,.32,1.6) .1s forwards slideInFromRight;transform:translate(20%)}.home-container .background.out .rect5{animation:.5s cubic-bezier(.68,-.6,.32,1.6) .1s forwards slideOutFromRight;transform:translate(0%)}._rugged_3shj6_1{cursor:pointer;flex-direction:column;align-items:stretch;transition:transform .1s;display:flex}._top_3shj6_9,._bottom_3shj6_10{flex-direction:row;justify-content:center;align-items:center;display:flex}._text_3shj6_17{color:#faf1d6;text-align:center;background:#b42413;justify-content:center;align-items:center;margin:-2px 0;padding:20px 40px;font-family:Archivo,sans-serif;font-size:18px;font-weight:900;display:flex}._rugged_3shj6_1:hover{transform:scale(1.1)}._rugged_3shj6_1:active{transform:scale(1)}.mission-container{opacity:0;background:#fbf2d7;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;animation:.5s forwards fadeIn;display:flex;position:relative}.mission-container.out{animation:.5s forwards fadeOut}.mission-container .shape{height:30%;position:absolute}.mission-container .top-left{transition:transform .2s;animation:.2s forwards slideInFromTopLeft;top:0;left:0;transform:translate(-100%,-100%)}.mission-container.out .top-left{animation:.2s forwards slideOutFromTopLeft}.mission-container .top-right{animation:.2s forwards slideInFromTopRight;top:0;right:0;transform:translate(100%,-100%)}.mission-container.out .top-right{animation:.2s forwards slideOutFromTopRight}.mission-container .bottom-left{animation:.2s forwards slideInFromBottomLeft;bottom:0;left:0;transform:translate(-100%,100%)}.mission-container.out .bottom-left{animation:.2s forwards slideOutFromBottomLeft}.mission-container .bottom-right{animation:.2s forwards slideInFromBottomRight;bottom:0;right:0;transform:translate(100%,100%)}.mission-container.out .bottom-right{animation:.2s forwards slideOutFromBottomRight}.mission-container .content{flex-direction:row;justify-content:space-between;align-items:center;gap:60px;width:900px;display:flex}.mission-container .text-section{flex:1}.mission-container .title{color:#b42413;margin-bottom:15px;font-size:48px;font-weight:900}.mission-container .bold-text,.mission-container .description{margin-top:10px;font-size:28px;line-height:1.2}.mission-container .bold-text{font-weight:900}.mission-container .illustration{align-items:center;display:flex}.mission-container .rectangle{width:247px;height:139px}.mission-container .button{cursor:pointer;margin-top:60px;transition:all .1s;animation:2s linear infinite pulse-shake}.mission-container .button:hover{transform:scale(1.05)}.mission-container .button:active{transform:scale(.95)}.tutorialContainer{box-sizing:border-box;opacity:0;background:#fbf2d7;justify-content:space-between;align-items:center;row-gap:60px;width:100%;height:100%;padding:0;animation:.25s forwards fadeIn,.2s forwards smallSlideInFromBottom;display:flex;overflow:hidden}.tutorialContainer.out{animation:.25s forwards fadeOut,.2s forwards smallSlideOutFromTop}.tutorialContainer .leftSide{flex-shrink:0;justify-content:start;align-items:center;width:50%;height:100%;display:flex}.tutorialContainer .objectBox{background:#e4afb3;flex-direction:column;justify-content:center;align-items:center;row-gap:25px;width:50%;height:100%;padding:0 11%;display:flex}.tutorialContainer .clickableBox{cursor:pointer;flex-direction:row;justify-content:center;align-items:center;width:200px;height:300px;transition:transform .1s;animation:2s linear infinite pulse-shake;display:flex}.tutorialContainer .clickableBox:hover{animation:none}.tutorialContainer .clickableBox:active{animation:none;transform:scale(.95)!important}.tutorialContainer .clickableBox.done{animation:none}.tutorialContainer .clickableBox img{height:100%}.tutorialContainer .labelText{color:#000;text-align:center;margin:0;font-family:Archivo,sans-serif;font-size:24px;font-weight:500}.tutorialContainer .rightSide{background:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;width:50%;height:100%;padding-inline:10%;display:flex}.tutorialContainer .rightSide .button{animation:2s linear infinite pulse-shake}.tutorialContainer .textContainer{text-align:center;flex-direction:column;flex:1;justify-content:space-evenly;align-items:center;width:100%;height:100%;display:flex}.tutorialContainer .explanationText,.tutorialContainer .callToAction{color:#000;margin-bottom:20px;font-family:Archivo,sans-serif}.tutorialContainer .explanationText{font-size:32px;font-weight:700}.tutorialContainer .callToAction{padding:0 10%;font-size:28px;font-weight:700}.tutorialContainer .currentStep{flex-flow:column;place-content:stretch start;align-items:center;width:30%;height:100%;padding:40px;display:flex}.tutorialContainer .currentStep .stepNumber{color:#b42413;text-transform:none;line-break:auto;overflow-wrap:initial;white-space:pre;text-rendering:geometricPrecision;caret-color:#b42413;letter-spacing:0;font-family:Archivo;font-size:110px;font-style:normal;font-weight:900;text-decoration:none}.tutorialContainer .currentStep .stepLabel{color:#b42413;text-transform:none;line-break:auto;overflow-wrap:initial;white-space:pre;text-rendering:geometricPrecision;caret-color:#b42413;letter-spacing:0;font-family:Archivo;font-size:38px;font-style:normal;font-weight:900;text-decoration:none}.tutorialNextContainer{box-sizing:border-box;opacity:0;background:#fbf2d7;justify-content:space-between;align-items:center;row-gap:60px;width:100%;height:100%;padding:0;animation:.25s forwards fadeIn,.2s forwards smallSlideInFromBottom;display:flex;overflow:hidden}.tutorialNextContainer.out{animation:.25s forwards fadeOut,.2s forwards smallSlideOutFromTop}.tutorialNextContainer .leftSide{flex-shrink:0;justify-content:start;align-items:center;width:50%;height:100%;display:flex}.tutorialNextContainer .objectBox{background:#e4afb3;flex-direction:column;justify-content:center;align-items:center;row-gap:25px;width:50%;height:100%;padding:0 11%;display:flex}.tutorialNextContainer .objectBox .timer{opacity:0;justify-content:center;align-items:center;width:70px;height:70px;font-size:28px;transition:opacity .5s;animation:1s ease-in-out infinite pulse;display:flex;position:relative}.tutorialNextContainer .objectBox .timer.on{opacity:1}.tutorialNextContainer .objectBox .timer .background{object-fit:contain;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.tutorialNextContainer .objectBox .timer .number{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;margin-top:8px;margin-right:4px;font-weight:900;display:flex;position:relative}.tutorialNextContainer .clickableBox{cursor:pointer;flex-direction:row;justify-content:center;align-items:center;width:200px;height:300px;transition:transform .1s;animation:2s linear infinite pulse-shake;display:flex}.tutorialNextContainer .clickableBox.on{cursor:not-allowed;animation:50ms linear infinite shake!important}.tutorialNextContainer .clickableBox.done{animation:none}.tutorialNextContainer .clickableBox img{height:100%}.tutorialNextContainer .labelText{color:#000;text-align:center;margin:0;font-family:Archivo,sans-serif;font-size:24px;font-weight:500}.tutorialNextContainer .rightSide{background:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;height:100%;padding-inline:5%;display:flex}.tutorialNextContainer .rightSide .button{animation:2s linear infinite pulse-shake}.tutorialNextContainer .textContainer{text-align:center;flex-direction:column;flex:1;justify-content:space-evenly;align-items:center;width:100%;height:100%;display:flex}.tutorialNextContainer .explanationText,.tutorialNextContainer .callToAction{color:#000;margin-bottom:20px;font-family:Archivo,sans-serif}.tutorialNextContainer .explanationText{font-size:32px;font-weight:700}.tutorialNextContainer .callToAction{padding:0 0%;font-size:28px;font-weight:700}.tutorialNextContainer .currentStep{flex-flow:column;place-content:stretch start;align-items:center;width:30%;height:100%;padding:40px;display:flex}.tutorialNextContainer .currentStep .stepNumber{color:#b42413;text-transform:none;line-break:auto;overflow-wrap:initial;white-space:pre;text-rendering:geometricPrecision;caret-color:#b42413;letter-spacing:0;font-family:Archivo;font-size:110px;font-style:normal;font-weight:900;text-decoration:none}.tutorialNextContainer .currentStep .stepLabel{color:#b42413;text-transform:none;line-break:auto;overflow-wrap:initial;white-space:pre;text-rendering:geometricPrecision;caret-color:#b42413;letter-spacing:0;font-family:Archivo;font-size:38px;font-style:normal;font-weight:900;text-decoration:none}.tutorialFinalContainer{box-sizing:border-box;background:#fbf2d7;justify-content:space-between;align-items:center;row-gap:60px;width:100%;height:100%;padding:0;display:flex;overflow:hidden}.tutorialFinalContainer .leftSide{flex-shrink:0;justify-content:start;align-items:center;width:50%;height:100%;display:flex}.tutorialFinalContainer .objectBox{background:#e4afb3;flex-direction:column;justify-content:center;align-items:center;row-gap:25px;width:50%;height:100%;padding:0 11%;display:flex}.tutorialFinalContainer .objectBox .timer{opacity:0;justify-content:center;align-items:center;width:70px;height:70px;font-size:28px;transition:opacity .5s;animation:1s ease-in-out infinite pulse;display:flex;position:relative}.tutorialFinalContainer .objectBox .timer.on{opacity:1}.tutorialFinalContainer .objectBox .timer .background{object-fit:contain;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.tutorialFinalContainer .objectBox .timer .number{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;margin-top:8px;margin-right:4px;font-weight:900;display:flex;position:relative}.tutorialFinalContainer .clickableBox{cursor:pointer;flex-direction:row;justify-content:center;align-items:center;height:300px;transition:transform .1s;animation:2s linear infinite pulse-shake;display:flex;position:relative}.tutorialFinalContainer .clickableBox .ripa{content:"";background-color:#6578b6;width:0;height:10px;position:absolute;top:27%;right:10px}.tutorialFinalContainer .clickableBox.on{cursor:not-allowed;animation:none}.tutorialFinalContainer .clickableBox.on .ripa{width:200px;transition:all 3s;right:-190px}.tutorialFinalContainer .clickableBox.done{animation:none}.tutorialFinalContainer .clickableBox img{height:100%}.tutorialFinalContainer .labelText{color:#000;text-align:center;margin:0;font-family:Archivo,sans-serif;font-size:24px;font-weight:500}.tutorialFinalContainer .rightSide{background:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;height:100%;padding-inline:5%;display:flex}.tutorialFinalContainer .rightSide .button{animation:2s linear infinite pulse-shake}.tutorialFinalContainer .textContainer{text-align:center;flex-direction:column;flex:1;justify-content:space-evenly;align-items:center;width:100%;height:100%;display:flex}.tutorialFinalContainer .explanationText,.tutorialFinalContainer .callToAction{color:#000;margin-bottom:20px;font-family:Archivo,sans-serif}.tutorialFinalContainer .explanationText{font-size:32px;font-weight:700}.tutorialFinalContainer .callToAction{padding:0 0%;font-size:28px;font-weight:700}.tutorialFinalContainer .currentStep{flex-flow:column;place-content:stretch start;align-items:center;width:30%;height:100%;padding:40px;display:flex}.tutorialFinalContainer .currentStep .stepNumber{color:#b42413;text-transform:none;line-break:auto;overflow-wrap:initial;white-space:pre;text-rendering:geometricPrecision;caret-color:#b42413;letter-spacing:0;font-family:Archivo;font-size:110px;font-style:normal;font-weight:900;text-decoration:none}.tutorialFinalContainer .currentStep .stepLabel{color:#b42413;text-transform:none;line-break:auto;overflow-wrap:initial;white-space:pre;text-rendering:geometricPrecision;caret-color:#b42413;letter-spacing:0;font-family:Archivo;font-size:38px;font-style:normal;font-weight:900;text-decoration:none}.gameContainer{opacity:0;background:#fbf2d7;flex-direction:row;justify-content:space-evenly;align-items:center;width:85%;height:100%;animation:.5s forwards fadeIn;display:flex;overflow:hidden}.gameContainer .side{height:100%;position:absolute;top:0;bottom:0}.gameContainer .side.left{animation:.5s forwards slideInFromLeft;left:0;transform:translate(-100%)}.gameContainer .side.right{animation:.5s forwards slideInFromRight;right:0;transform:translate(100%)}.gameContainer .steps{flex-direction:row;justify-content:space-evenly;width:70%;display:flex;position:relative}.gameContainer .step{flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;width:25%;display:flex;position:relative}.unavailable{opacity:.2;cursor:not-allowed!important}.gameContainer .timer{opacity:0;justify-content:center;align-items:center;width:70px;height:70px;font-size:24px;transition:opacity .5s;animation:1s ease-in-out infinite pulse;display:flex;position:relative}.gameContainer .timer.on{opacity:1}.gameContainer .timer .background{object-fit:contain;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.gameContainer .timer .number{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;margin-top:8px;margin-right:4px;font-weight:900;display:flex;position:relative}.gameContainer .invisibleTimer{opacity:0}.gameContainer .mission{width:30%;padding:0 3%}.gameContainer .mission .timer{opacity:1;animation:none;transform:scale(1.05)}.gameContainer .mission .timer.on{animation:1s ease-in-out infinite pulse}.gameContainer .number{color:#000;font-family:Archivo,sans-serif;font-size:24px;font-weight:900}.gameContainer .step .clickable{cursor:pointer;height:250px;margin-bottom:40px}.gameContainer .step .clickable.on{cursor:not-allowed;opacity:1!important;animation:50ms linear infinite shake!important}.gameContainer .progress{border:8px solid #218e79;border-radius:100px;width:172px;height:38px}.gameContainer .text{color:#000;text-align:center;width:80%;font-family:Archivo,sans-serif;font-size:24px;font-weight:700}.gameContainer .steps>.background{width:100%;height:250px;position:absolute;top:50%;left:0;right:0;transform:translateY(-60%)}.gameContainer .mission{flex-direction:column;align-items:center;gap:40px;width:30%;max-width:400px;display:flex}.gameContainer .requirements,.gameContainer .callToAction{color:#000;text-align:center;margin-top:10px;font-family:Archivo,sans-serif;font-size:24px;font-weight:700}.gameContainer .requirements .highlight{font-weight:900}.gameContainer .button{background:#b42413;width:234px;height:106px}.gameContainer .hidden{visibility:hidden}.desktop-only-container{opacity:0;background:#fbf2d7;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;animation:.5s forwards fadeIn;display:flex;position:relative}.desktop-only-container .title{color:#b42413;margin-bottom:15px;font-size:48px;font-weight:900}.desktop-only-container .bold-text,.desktop-only-container .description{margin-top:10px;font-size:28px;line-height:1.2}.desktop-only-container .bold-text{font-weight:900}.desktop-only-container .illustration{align-items:center;display:flex}