.puzzle-pg{background-color:#000;display:flex;height:100vh;overflow-x:auto;overflow-y:hidden}.puzzle-pg--disable{pointer-events:none}.win-screen{align-items:center;background-color:#1e88e5;color:#ffa726;display:flex;font-family:Righteous;font-size:50px;font-weight:700;height:150vh;justify-content:center;left:0;letter-spacing:5px;overflow-x:hidden;overflow-y:hidden;position:fixed;top:0;-webkit-transform:translateY(-150vh);transform:translateY(-150vh);width:100vw;z-index:2}@media(min-width:768px)and (min-height:650px){.win-screen{font-size:100px}}.win-screen--show{-webkit-transform:translateY(-25vh);transform:translateY(-25vh);transition:-webkit-transform 1.5s cubic-bezier(.68,-.6,.32,1.6);transition:transform 1.5s cubic-bezier(.68,-.6,.32,1.6);transition:transform 1.5s cubic-bezier(.68,-.6,.32,1.6),-webkit-transform 1.5s cubic-bezier(.68,-.6,.32,1.6)}.puzzle-section{align-items:center;background-color:#6ab7ff;border-left:2px solid #005cb2;border-right:2px solid #005cb2;display:flex;flex-direction:column;flex-grow:1;gap:8px;height:100%;position:relative;width:40%}.puzzle-section--goal{border-right:none}.puzzle-section__title{background-color:#005cb2;font-family:Righteous;font-size:24px;font-weight:700;padding:8px;text-align:center;width:100%}@media(min-width:768px)and (min-height:650px){.puzzle-section__title{font-size:33px}}.puzzle-section__infobar{align-items:center;background-color:#1e88e5;display:flex;gap:16px;justify-content:space-between;min-height:70px;padding:8px 16px 8px 8px;width:100%}@media(min-width:768px)and (min-height:650px){.puzzle-section__infobar{min-height:100px;padding:16px 24px 16px 16px}}.puzzle-section__contents{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding-bottom:16px;width:100%}.action-btn-subsection{display:flex;flex-direction:column;gap:8px}.action-btn{border:3px inset #005cb2;border-radius:8px;font-size:12px;font-weight:900;padding:4px 8px;position:relative}@media(min-width:768px)and (min-height:650px){.action-btn{border:4px solid #005cb2;font-size:15px}}.action-btn--save{background-color:#005cb2;font-weight:700}.action-btn--submit{background-color:#ffa726;color:#005cb2}.action-btn--exit{background-color:#c62828;border:3px solid #8e0000}@media(min-width:768px)and (min-height:650px){.action-btn--exit{border:4px solid #8e0000}}.action-btn--saveInProgress{color:#005cb2}.action-btn--saveCmpltMsg{color:#90ee90}.sk-fading-circle.save-animation-ctr{height:20px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20px}.layer-subsection{display:flex;flex-direction:row;gap:4px}@media(min-width:768px)and (min-height:650px){.layer-subsection{flex-direction:column}}.layer-legend{display:flex;flex-wrap:wrap;gap:8px}.layer-info-ctr{align-items:center;display:flex;flex-direction:column;gap:4px}.layer-info-ctr__level{font-size:12px;font-weight:400}@media(min-width:768px)and (min-height:650px){.layer-info-ctr__level{font-size:14px}}.layer-info-ctr__level--mobile{color:#000;font-weight:700}@media(min-width:768px)and (min-height:650px){.layer-info-ctr__level--mobile{display:none}}.layer-info-ctr__level--tablet{display:none}@media(min-width:768px)and (min-height:650px){.layer-info-ctr__level--tablet{display:block}}.layer-info-ctr__color{align-items:center;border:1px solid #000;display:flex;height:16px;justify-content:center;width:16px}.layer-info-ctr__color--1{background-color:#fff}.layer-info-ctr__color--2{background-color:#ef9a9a}.layer-info-ctr__color--3{background-color:#a5d6a7}.layer-info-ctr__color--4{background-color:#ffcc80}.layer-info-ctr__color--5{background-color:#80deea}.layer-info-ctr__color--6{background-color:#fff59d}.layer-info-ctr__color--7{background-color:#ce93d8}.layer-info-ctr__color--8{background-color:#b0bec5}.layer-info-ctr__color--9{background-color:#bcaaa4}.puzzle-stats{align-items:flex-start;display:flex;flex-direction:column}.puzzle-stats__name{font-size:15px;font-weight:700}@media(min-width:768px)and (min-height:650px){.puzzle-stats__name{font-size:18px}}.exit-btn{background-color:#c62828;border:4px inset #8e0000;border-radius:8px;font-size:16px;padding:4px 8px}.toolkit{background-color:#6ab7ff;border-right:2px solid #005cb2;display:flex;flex-direction:column;height:100%;min-width:200px;width:20%}.toolkit *{position:relative}@media(min-width:768px)and (min-height:650px){.toolkit{min-width:250px}}.toolkit__title{background-color:#005cb2;font-family:Righteous;font-size:24px;font-weight:700;padding:8px;text-align:center;width:100%}@media(min-width:768px)and (min-height:650px){.toolkit__title{font-size:33px}}.toolkit__contents{display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto}.toolkit__section{align-items:center;background-color:#1e88e5;display:flex;flex-direction:column;gap:16px;margin-top:8px;padding:16px 8px}@media(min-width:768px)and (min-height:650px){.toolkit__section{gap:20px}}.toolkit__section--details{flex-grow:1}.toolkit__section-title{font-size:15px;font-weight:700;text-align:center;width:100%}@media(min-width:768px)and (min-height:650px){.toolkit__section-title{font-size:18px}}.toolkit__toast{background-color:#005cb2;border:2px solid #c62828;border-radius:25px;color:#ffd95b;font-size:12px;font-weight:400;left:50%;padding:8px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:1}@media(min-width:768px)and (min-height:650px){.toolkit__toast{font-size:14px}}.toolkit__confirmer{left:0;min-height:100%;padding:8px 8px 8px 4px;position:absolute;top:0;width:calc(100% + 16px);z-index:1}.creation-btn-ctr{display:flex;gap:8px;justify-content:center;width:100%}.creation-btn{background-color:#005cb2;border:3px outset #005cb2;border-radius:8px;padding:4px 8px}.creation-btn:active{border-style:inset}.deletion-btn-ctr{display:flex;justify-content:center;width:100%}.deletion-btn{background-color:#c62828;border:4px outset #8e0000;border-radius:8px;flex-shrink:0;max-width:150px;padding:4px 0;width:60%}.deletion-btn:active{border-style:inset}.detail-ctr{align-items:center;display:flex;gap:10px;max-width:400px;width:100%}.detail-ctr__title{text-align:right;width:50%}.detail-ctr__controls{display:flex;justify-content:center;width:50%}.detail-ctr__controls--flexDirection{justify-content:space-evenly}.detail-ctr__controls--sizetool{gap:4px}.detail-ctr__controls--dropdown{padding-left:8px}.radio-ctr{flex-direction:column;gap:4px;width:50%}.radio-button,.radio-ctr{align-items:center;display:flex}.radio-button{background-color:transparent;justify-content:center;width:25px}.radio-button:hover .radio-button__svg{fill:#ffd95b}.radio-button:active .radio-button__svg{fill:#c77800}.radio-button__svg{fill:#ffa726;pointer-events:none}.adjust-button{align-items:center;background-color:transparent;display:flex;justify-content:center;width:2rem}.adjust-button:hover .adjust-button__arrow{fill:#ffd95b}.adjust-button:active .adjust-button__arrow{fill:#c77800}.adjust-button__arrow{fill:#ffa726;display:block;pointer-events:none;width:100%}.display{align-items:center;background-color:#005cb2;border-radius:8px;display:flex;justify-content:center;padding:4px;width:2rem}.display--baseBoard{margin-left:8px;margin-right:auto}.select-dropdown{background-color:#005cb2;border:2px solid #6ab7ff;color:#ffa726;font-weight:700;padding:4px;width:100%}@media(min-width:768px)and (min-height:650px){.select-dropdown{font-size:16px}}.select-dropdown:hover{cursor:pointer}.select-dropdown__option{background-color:#6ab7ff;border:2px solid #005cb2;color:#eceff1;font-weight:700}@media(min-width:768px)and (min-height:650px){.select-dropdown__option{font-size:15px}}.toast{opacity:1;transition:opacity .25s linear}.toast--invisible{opacity:0}.confirmer{align-items:center;background-color:#005cb2;border-bottom-left-radius:10px;border-top-left-radius:10px;display:flex;gap:8px;left:-8px;transition:-webkit-transform .75s;transition:transform .75s;transition:transform .75s,-webkit-transform .75s}.confirmer--invisible{-webkit-transform:translateX(calc(100% + 50px));transform:translateX(calc(100% + 50px))}.confirmer__message{flex-grow:1;font-size:9px;font-weight:400;font-weight:700;text-align:center}@media(min-width:768px)and (min-height:650px){.confirmer__message{font-size:11px}}.confirmer__options{align-items:center;display:flex;gap:4px;height:100%}@media(min-width:768px)and (min-height:650px){.confirmer__options{gap:8px}}.confirmer__options-btn{background-color:#1e88e5;border:3px outset #005cb2;border-radius:8px;display:flex;padding:4px;width:2.25rem}@media(min-width:768px)and (min-height:650px){.confirmer__options-btn{width:2.5rem}}.confirmer__options-btn:active{border-style:inset}.confirmer__options-btn-svg{pointer-events:none;width:100%}.confirmer__options-btn-svg--cancel{stroke:#fff;stroke:#eceff1}.confirmer__options-btn-svg--confirm{stroke:#ffd95b}.flexblock{border:1px solid #000;display:flex;flex-shrink:0;outline:1px solid #000}.flexblock--work-puzzle{cursor:pointer}.flexblock--layer0{background-color:#fff}.flexblock--layer1{background-color:#ef9a9a}.flexblock--layer2{background-color:#a5d6a7}.flexblock--layer3{background-color:#ffcc80}.flexblock--layer4{background-color:#80deea}.flexblock--layer5{background-color:#fff59d}.flexblock--layer6{background-color:#ce93d8}.flexblock--layer7{background-color:#b0bec5}.flexblock--layer8{background-color:#bcaaa4}.flexblock--base-board{height:25vw;margin-top:24px;outline:4px solid #005cb2;width:25vw}@media(min-width:768px)and (min-height:650px){.flexblock--base-board{height:30vw;margin-top:36px;width:30vw}}.flexblock--dir-column{flex-direction:column}.flexblock--selected{-webkit-animation:selectedAnimation 2s linear infinite;animation:selectedAnimation 2s linear infinite;outline:4px solid #7e57c2;z-index:1}@-webkit-keyframes selectedAnimation{0%{outline:4px solid #7e57c2}25%{outline:5px solid #7e57c2}50%{outline:7px solid #7e57c2}75%{outline:5px solid #7e57c2}to{outline:4px solid #7e57c2}}@keyframes selectedAnimation{0%{outline:4px solid #7e57c2}25%{outline:5px solid #7e57c2}50%{outline:7px solid #7e57c2}75%{outline:5px solid #7e57c2}to{outline:4px solid #7e57c2}}.flexblock--justifyContent-start{justify-content:flex-start}.flexblock--justifyContent-center{justify-content:center}.flexblock--justifyContent-end{justify-content:flex-end}.flexblock--justifyContent-between{justify-content:space-between}.flexblock--justifyContent-around{justify-content:space-around}.flexblock--justifyContent-evenly{justify-content:space-evenly}.flexblock--alignItems-start{align-items:flex-start}.flexblock--alignItems-center{align-items:center}.flexblock--alignItems-end{align-items:flex-end}.flexblock--alignSelf-normal{align-self:normal}.flexblock--alignSelf-start{align-self:flex-start}.flexblock--alignSelf-center{align-self:center}.flexblock--alignSelf-end{align-self:flex-end}.flexblock--mismatch{-webkit-animation:flashIncorrect .25s linear infinite;animation:flashIncorrect .25s linear infinite;outline:6px solid transparent;z-index:1}@-webkit-keyframes flashIncorrect{0%{outline-color:rgba(198,40,40,.75)}50%{outline-color:#8e0000}to{outline-color:rgba(198,40,40,.75)}}@keyframes flashIncorrect{0%{outline-color:rgba(198,40,40,.75)}50%{outline-color:#8e0000}to{outline-color:rgba(198,40,40,.75)}}.sk-fading-circle{position:relative}.sk-fading-circle .sk-circle{height:100%;left:0;position:absolute;top:0;width:100%}.sk-fading-circle .sk-circle:before{-webkit-animation:sk-circleFadeDelay 1.2s ease-in-out infinite both;animation:sk-circleFadeDelay 1.2s ease-in-out infinite both;background-color:#fff;border-radius:100%;content:"";display:block;height:15%;margin:0 auto;width:15%}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}.stage-select{align-items:center;background-color:#1e88e5;display:flex;flex-direction:column;min-height:100vh;padding:0 16px 16px}.stage-select__title{font-family:Righteous;font-size:50px;font-weight:700;letter-spacing:5px;margin-left:8px;margin-top:36px}@media(min-width:768px)and (min-height:650px){.stage-select__title{font-size:100px}}.stage-select__title--special-char{color:#ffa726}.stage-select__select-message{font-size:24px;font-weight:700;margin-top:24px}@media(min-width:768px)and (min-height:650px){.stage-select__select-message{font-size:33px;margin-top:36px}}.difficulty-selector{display:flex;justify-content:center;margin-top:16px;max-width:400px;width:100%}@media(min-width:768px)and (min-height:650px){.difficulty-selector{margin-top:24px}}.difficulty-selector__option{background-color:#005cb2;border:1px solid #000;display:flex;justify-content:center;padding:8px 16px;width:100%}@media(min-width:768px)and (min-height:650px){.difficulty-selector__option{width:100px}}.difficulty-selector__option--left{border-bottom-left-radius:15px;border-top-left-radius:15px}.difficulty-selector__option--right{border-bottom-right-radius:15px;border-top-right-radius:15px}.difficulty-selector__option--chosen{background-color:#ffa726;border-width:2px;color:#005cb2;font-weight:900}.puzzle-choices-holder{align-items:flex-start;background-color:#6ab7ff;border-radius:25px;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:45px;max-width:600px;padding:24px;width:100%}.puzzle-choices-holder--medium{background-color:#ffd95b}.puzzle-choices-holder--hard{background-color:#ff5f52}.puzzle-card{align-items:center;background-color:#005cb2;border:2px solid #000;border-radius:15px;display:flex;flex-direction:column;height:75px;justify-content:space-between;padding:8px 4px;width:60px}@media(min-width:768px)and (min-height:650px){.puzzle-card{height:90px;width:65px}}.puzzle-card--loading{justify-content:center}.puzzle-card:hover{background-color:#ffa726;color:#005cb2}.puzzle-card:hover .puzzle-card__complete-svg,.puzzle-card:hover .puzzle-card__saved-svg{fill:#005cb2}.puzzle-card__loading-animation{height:40px;width:40px}.puzzle-card__number{color:inherit;font-size:20px;font-weight:700}@media(min-width:768px)and (min-height:650px){.puzzle-card__number{font-size:28px}}.puzzle-card__save-data{display:flex;justify-content:space-between;width:100%}.puzzle-card__complete-svg{fill:#ffd95b;flex-shrink:0;margin-left:auto;width:15px}@media(min-width:768px)and (min-height:650px){.puzzle-card__complete-svg{width:18px}}.puzzle-card__saved-svg{fill:#ffa726;flex-shrink:0;margin-right:auto;width:15px}@media(min-width:768px)and (min-height:650px){.puzzle-card__saved-svg{width:18px}}.login{align-items:flex-end;display:flex;flex-direction:column;gap:8px;margin-right:16px;margin-top:8px;position:absolute;right:0;top:0;width:50%}@media(min-width:768px)and (min-height:650px){.login{margin-right:36px;margin-top:36px}}@media(min-width:1280px){.login{margin-right:calc(-659.42857px + 57.14286vw)}}@font-face{font-family:MPlus;font-style:normal;font-weight:400;src:url(/static/media/MPLUSRounded1c-Regular.a6e3080ac0a8e6ca12b4.ttf) format("truetype")}@font-face{font-family:MPlus;font-style:normal;font-weight:700;src:url(/static/media/MPLUSRounded1c-Bold.3af364429e77ffd9fb2d.ttf) format("truetype")}@font-face{font-family:MPlus;font-style:normal;font-weight:900;src:url(/static/media/MPLUSRounded1c-Black.82278fcd8098e1676253.ttf) format("truetype")}@font-face{font-family:Righteous;font-style:normal;font-weight:400;src:url(/static/media/Righteous-Regular.fd0110471f2228c1808a.ttf) format("truetype")}*,:after,:before{border:none;box-sizing:border-box;color:#eceff1;font-family:MPlus,Arial,"sans-serif";font-size:12px;font-weight:700;margin:0;outline:none;padding:0}@media(min-width:768px)and (min-height:650px){*,:after,:before{font-size:14px}}button:hover{cursor:pointer}a{text-decoration:none}body{overflow-x:hidden}.login__Msg{text-align:right}.login__btn{background-color:#005cb2;border-radius:5px;padding:8px}@media(min-width:768px)and (min-height:650px){.login__btn{padding:8px 16px}}
/*# sourceMappingURL=main.db1abd73.css.map*/