.modal-overlay-htp{align-items:center;background-color:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-htp{animation:fadeIn .5s ease-out;background-color:var(--bg-color);border-radius:10px;box-shadow:0 0 10px #0000004d;color:var(--bg-color);max-width:85%;overflow-y:auto;padding:20px;position:relative;width:360px}.modal-content-htp{color:wheat}.modal-content-htp h2{color:var(--primary-text);cursor:default;font-size:1.5rem;font-weight:var(--nunito-bold);letter-spacing:5px;margin-bottom:10px;margin-top:30px}.cupller-main-text{color:var(--secondary-text);font-size:1rem;font-weight:var(--nunito-medium);text-align:center}.cupller-title{color:var(--secondary-text)!important;margin:0!important}.cupller-objective{color:var(--primary-text);font-weight:var(--nunito-medium);margin:10px 0 30px;text-align:center}.cupller-objective span{color:var(--secondary-text);font-weight:var(--nunito-black)}.cupller-example-title{color:var(--primary-text);font-size:1.3rem;font-weight:var(--nunito-bold);letter-spacing:5px;margin:30px 0 20px}.cupller-attempt-example{color:var(--secondary-text);font-weight:var(--nunito-medium);margin:20px 0 10px}.cupller-attempt-example span{font-size:1.3rem;font-weight:var(--nunito-black);margin-left:5px}.cupller-match-example{color:var(--secondary-text);font-size:1.3rem;font-weight:var(--nunito-black)}.cupller-attempt-example-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;margin-bottom:20px}.cupller-attempt-example-indicator{align-items:center;display:flex;flex-direction:row;gap:10px}.cupller-attempt-example-line{background-color:#e2e1e480;border-radius:2px;height:4px;transition:background-color .5s ease;width:20px}.light-theme{.cupller-attempt-example-line.active{background-color:#293241;box-shadow:0 0 4px 1px #29324199}}.cupller-attempt-example-line.active{background-color:wheat;box-shadow:0 0 4px 1px #f5deb399}.cupller-text{font-weight:var(--nunito-medium);margin:10px 0 20px;text-align:center}.cupller-text,.developer{color:var(--primary-text)}.developer{border-top:1px solid var(--secondary-text);font-size:.9rem;margin-top:40px;padding-top:5px;.developer-info{margin-top:5px}}.developer a{color:var(--secondary-text);text-decoration:none}@media (hover:hover){.x-button:hover{color:var(--secondary-text)}.developer a:hover{color:var(--primary-text)}}@media screen and (max-width:700px){.modal-htp{max-height:72%;max-width:80%;padding:20px 20px 10px}.modal-content-htp h2{font-size:1rem;margin-bottom:10px;margin-top:20px}.cupller-main-text{font-size:.9rem}.cupller-main-text span{font-size:1.5rem}.cupller-objective{font-size:.9rem;margin:10px 0 20px}.cupller-example-title{font-size:1rem;letter-spacing:5px}.cupller-attempt-example{margin:10px 0 5px}.cupller-attempt-example span,.cupller-match-example{font-size:1.2rem}.cupller-text{font-size:.9rem}.developer{font-size:.7rem;margin-top:20px}}.modal-overlay-set{align-items:center;background-color:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-set{animation:fadeIn .5s ease-out;background-color:var(--bg-color);border-radius:10px;box-shadow:0 0 10px #0000004d;color:var(--bg-color);max-width:85%;overflow-y:auto;padding:20px;position:relative;width:360px}.modal-content-set{color:wheat}.modal-content-set h2{color:var(--primary-text);cursor:default;font-size:1.5rem;font-weight:var(--nunito-bold);letter-spacing:5px;margin-bottom:20px;margin-top:30px}.contrast-setup,.theme-setup{border-bottom:2px solid var(--secondary-text);margin-top:20px}.contrast-setup-container,.theme-setup-container{align-items:center;background-color:var(--bg-color);border-radius:10px;display:flex;justify-content:space-between;max-width:400px}.contrast-setup-text,.theme-setup-text{flex:1 1}.contrast-setup-main-text,.theme-setup-main-text{color:var(--primary-text);font-size:1.2rem;font-weight:700}.contrast-setup-secondary-text,.theme-setup-secondary-text{color:var(--secondary-text);font-size:.9rem;padding:5px 0 10px;text-align:left}.contrast-toggle,.theme-toggle{display:inline-block;height:34px;position:relative;width:60px}.contrast-toggle input,.theme-toggle input{height:0;opacity:0;width:0}.contrast-toggle .slider,.theme-toggle .slider{background-color:var(--primary-text);border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.contrast-toggle .slider:before,.theme-toggle .slider:before{background-color:var(--bg-color);border-radius:50%;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}.theme-toggle input:checked+.slider{background-color:var(--primary-text)}.theme-toggle input:focus+.slider{box-shadow:0 0 1px var(--primary-text)}.theme-toggle input:checked+.slider:before{background-color:var(--alt-color);transform:translateX(26px)}.contrast-toggle input:checked+.slider{background-color:var(--secondary-text)}.contrast-toggle input:focus+.slider{box-shadow:0 0 1px var(--primary-text)}.contrast-toggle input:checked+.slider:before{background-color:var(--bg-color);transform:translateX(26px)}.light-theme .contrast-toggle input:checked+.slider:before{background-color:var(--alt-color)}.game-setup{border-bottom:2px solid var(--secondary-text);margin-top:20px}.game-setup-container{align-items:center;background-color:var(--bg-color);border-radius:10px;display:flex;justify-content:space-between;max-width:400px}.game-setup-text{flex:1 1}.game-setup-main-text{color:var(--primary-text);font-size:1.2rem;font-weight:700}.game-setup-secondary-text{color:var(--secondary-text);font-size:.9rem;padding:5px 0 10px;text-align:left}.game-toggle{display:inline-block;height:34px;position:relative;width:60px}.game-toggle input{height:0;opacity:0;width:0}.game-toggle .slider{background-color:var(--primary-text);border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.game-toggle .slider:before{background-color:var(--bg-color);border-radius:50%;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}.game-toggle input:checked+.slider{background-color:var(--secondary-text)}.game-toggle input:focus+.slider{box-shadow:0 0 1px var(--primary-text)}.game-toggle input:checked+.slider:before{background-color:var(--bg-color);transform:translateX(26px)}.light-theme .game-toggle input:checked+.slider:before{background-color:var(--alt-color)}.toggle-message{color:var(--secondary-text);font-size:.9rem;font-weight:700;padding:5px 0 10px;text-align:left}@media (hover:hover){.x-button:hover{color:var(--secondary-text)}}@media screen and (max-width:700px){.modal-set{max-height:72%;max-width:80%;padding:20px 20px 10px}.modal-content-set h2{font-size:1rem;margin-bottom:10px;margin-top:20px}.contrast-setup-main-text,.game-setup-main-text,.theme-setup-main-text{font-size:1.1rem}.contrast-setup-secondary-text,.game-setup-secondary-text,.theme-setup-secondary-text{font-size:.8rem}}.countdown-container{margin-top:40px}.countdown-text{color:var(--primary-text);cursor:default;font-family:Nunito Sans,sans-serif;font-size:1.8rem;font-weight:var(--nunito-bold);margin-top:30px}.countdown-timer{font-size:1.8rem;font-weight:var(--nunito-black)}.cupller-span{color:var(--primary-text);font-family:Leckerli One,cursive;font-size:2rem}.refresh-latest{color:var(--secondary-text);font-size:1rem;text-align:center}@media screen and (max-width:700px){.countdown-container{margin-top:10px}.countdown-text{font-size:1.3rem;margin-top:10px}.cupller-span{font-size:1.7rem}.countdown-timer{font-size:1.3rem}}.distribution-container{text-align:left;width:100%}.distribution-title{color:var(--primary-text);cursor:default;font-family:Nunito Sans,sans-serif;font-size:1.5rem;font-weight:var(--nunito-bold);letter-spacing:5px;margin:20px 0;text-align:center}.bars-container{align-items:center;display:flex;justify-content:left;margin:10px 10px 10px 30px}.bars-span{width:30px}@media screen and (max-width:700px){.distribution-title{font-size:1rem;padding:0}}.modal-overlay{align-items:center;background-color:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal{animation:fadeIn .5s ease-out;background-color:var(--bg-color);border-radius:10px;box-shadow:0 0 10px #0000004d;color:var(--bg-color);max-width:85%;overflow-y:auto;padding:20px;position:relative;width:360px}.x-button{background:none;border:none;color:var(--primary-text);cursor:pointer;font-family:Nunito Sans,sans-serif;font-size:20px;padding:5px;position:absolute;right:10px;top:10px}.modal-content{color:var(--secondary-text)}.statistics{display:flex;gap:5px;justify-content:space-between;margin:0 10px 30px}.statistic{align-items:center;display:flex;flex-direction:column;text-align:center}.statistic p:first-child{font-size:1.9rem;font-weight:var(--nunito-black);position:relative}.modal-content h2{color:var(--primary-text);cursor:default;font-size:1.5rem;letter-spacing:5px;margin-bottom:20px;margin-top:30px}.modal-content h2,.share-btn{font-weight:var(--nunito-bold)}.share-btn{background-color:var(--primary-text);border:2px solid #0000;border-radius:10px;color:var(--bg-color);cursor:pointer;font-size:20px;height:50px;margin-top:40px;min-width:70px;position:relative;text-align:center;text-decoration:none;width:40%}.text-container{color:var(--secondary-text);font-size:1.2rem;font-weight:var(--nunito-medium);margin:10px;opacity:0;transition:opacity .4s ease-in-out}.text-container.show{opacity:1}.text-container.hide{opacity:0}@media (hover:hover){.share-btn:hover{background-color:var(--secondary-text)}.x-button:hover{color:var(--secondary-text)}.light-theme .share-btn:hover{background-color:var(--alt-color);color:var(--primary-text)}}@media screen and (max-width:700px){.modal{max-height:77%;max-width:80%;padding:20px 20px 0}.statistics{margin:0 10px 10px}.statistic p:first-child{font-size:1.6rem}.statistic p:nth-of-type(2){font-size:.8rem}.modal-content h2{font-size:1rem;margin-bottom:10px;margin-top:20px}.share-btn{font-size:20px;height:50px;margin-top:20px;min-width:70px}.bottom-section{align-items:center;display:flex;gap:40px;justify-content:center;position:relative}.share-btn:before{background-color:var(--secondary-text);content:"";height:100%;left:-20px;position:absolute;top:0;width:1px}.text-container{margin-bottom:0}}.header{align-items:center;background-color:var(--bg-color);border-bottom:2px solid var(--secondary-text);box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:10px 20px}.header-button{background:none;border:none;cursor:pointer;height:40px;transition:transform .1s ease;width:40px}.header-button:hover{transform:scale(1.2)}.button-container{align-items:center;gap:30px;width:200px}.button-container,.header-logo{display:flex;justify-content:center;margin:0 10px}.header-logo{color:var(--primary-text);cursor:default;flex-grow:1;font-family:Leckerli One,cursive;font-size:3rem}.header-logo span{transition:color .5s}.header-logo span.random-color{color:var(--random-color)}@media (hover:hover){.header-logo span:hover{color:var(--random-hover-color)}}@media screen and (max-width:650px){.header-logo{font-size:2rem}.button-container{gap:10px;width:130px}.header-button{height:35px;width:35px}.ko-fi-image{align-items:center;display:flex;justify-content:center}.ko-fi-image img{content:url(/static/media/small-kofi.ed9220854e5969fbcc50.png);display:inline-block;height:40px;margin:0 10px;width:40px}}.modal-overlay-con{align-items:center;background-color:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.cupller-title{color:var(--primary-text);font-family:Leckerli One,cursive;font-size:2rem;margin:5px}.modal-con{animation:fadeIn .5s ease-out;background-color:var(--bg-color);border-radius:10px;box-shadow:0 0 10px #0000004d;color:var(--bg-color);max-width:85%;overflow-y:auto;padding:20px;position:relative;width:360px}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-content-con{color:var(--secondary-text)}.modal-content-con h2{color:var(--primary-text);cursor:default;font-size:1.5rem;font-weight:var(--nunito-bold);letter-spacing:5px;margin-bottom:30px;margin-top:30px}.modal-content-con p{margin:20px 0;text-align:center}.modal-content-con span{font-size:1.1rem;font-weight:var(--nunito-black)}@media (hover:hover){.ok-btn:hover{background-color:var(--secondary-text)}.light-theme .ok-btn:hover{background-color:var(--alt-color);color:var(--primary-text)}}@media screen and (max-width:700px){.cupller-title{font-size:1.5rem}.modal-con{max-height:72%;max-width:80%;padding:20px 20px 10px}.modal-content-con h2{font-size:1rem;margin-bottom:10px;margin-top:20px}}.ok-button-container{margin:30px 0 20px}.ok-button-wrapper{display:inline-block;position:relative;transition:transform .2s ease}.ok-button-wrapper:active{transform:scale(.95)}.ok-button{background-color:var(--primary-text);border:none;border-radius:10px;color:var(--bg-color);cursor:pointer;font-size:20px;height:45px;outline:none;position:relative;text-align:center;width:250px;z-index:1;span{font-weight:var(--nunito-bold)}}.ok-button .label{position:relative;z-index:2}.gradient-ok-container{border-radius:13px;cursor:pointer;height:58px;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1.05);width:253px;z-index:0}.gradient-ok{animation:rotate 3s linear infinite;aspect-ratio:1;background-image:linear-gradient(90deg,var(--red-color),var(--orange-color),var(--yellow-color),var(--green-color),var(--blue-color),var(--purple-color));border-radius:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:110%}.sortable-item{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;height:150px;justify-content:center;touch-action:none}.sortable-item:hover{filter:drop-shadow(0 0 4px var(--secondary-text))}.sortable-item.disabled:hover{cursor:default;filter:none}.sortable-item.bounce{pointer-events:none}@keyframes bounce{0%{transform:translateY(0)}10%{transform:translateY(-10px)}20%{transform:translateY(0)}30%{transform:translateY(-10px)}40%{transform:translateY(0)}50%{transform:translateY(-10px)}60%{transform:translateY(0)}70%{transform:translateY(-10px)}80%{transform:translateY(0)}90%{transform:translateY(-10px)}to{transform:translateY(0)}}.bounce{animation:bounce 2s}@keyframes bounce-effect{0%{transform:translateY(0)}10%{transform:translateY(-15px)}20%{transform:translateY(0)}30%{transform:translateY(-15px)}40%{transform:translateY(0)}50%{transform:translateY(-15px)}60%{transform:translateY(0)}70%{transform:translateY(-15px)}80%{transform:translateY(0)}90%{transform:translateY(-15px)}to{transform:translateY(0)}}.bounce-effect{animation:bounce-effect 2s infinite}@media screen and (max-width:1100px){.sortable-item{height:120px;width:100px}.sortable-item img{height:120px}}@media screen and (max-width:650px){.sortable-item{height:100px;width:100px}.sortable-item img{height:100px}}@media screen and (max-width:550px){.sortable-item{height:90px;width:90px}.sortable-item img{height:90px}}@media screen and (max-width:500px){.sortable-item{height:80px;width:75px}.sortable-item img{height:80px}}@media screen and (max-width:450px){.sortable-item{height:70px;width:70px}.sortable-item img{height:70px}}@media screen and (max-width:380px){.sortable-item{height:60px;width:60px}.sortable-item img{height:60px}}.sortable-container{align-items:center;display:flex;flex-wrap:wrap;gap:50px;justify-content:center;max-width:100vw;padding-top:40px}.game-board{height:100%;overflow:hidden;position:relative;width:100%}.sortable-item.active{z-index:999}.guess-details{color:var(--secondary-text);margin-top:70px}.attempts-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;margin-bottom:20px}.attempts-info{font-size:1.3rem;font-weight:var(--nunito-medium)}.attempts-info span{font-size:1.8rem;font-weight:var(--nunito-black);margin-left:10px}.game-won,.guess-feedback{font-size:1.8rem;font-weight:var(--nunito-black);margin-top:5px}.game-lost,.game-won{padding:20px}.game-lost{font-size:1.8rem;font-weight:var(--nunito-black);margin-top:5px}.solution-sequence{margin-top:20px}.attempt-indicator{align-items:center;display:flex;flex-direction:row;gap:10px}.attempt-line{background-color:#e2e1e480;border-radius:2px;height:4px;transition:background-color .5s ease;width:20px}.light-theme{.attempt-line.active{background-color:#293241;box-shadow:0 0 4px 1px #29324199}}.attempt-line.active{background-color:wheat;box-shadow:0 0 4px 1px #f5deb399}.guess-button{background-color:var(--primary-text);border:none;border-radius:10px;color:var(--bg-color);cursor:pointer;font-size:20px;font-weight:var(--nunito-bold);height:45px;outline:none;position:relative;text-align:center;text-decoration:none;transition:all .3s;width:300px}.gradient-container{border-radius:13px;cursor:pointer;height:59px;overflow:hidden;transform:translate(-50%,-50%) scale(1.01);width:313px;z-index:-2}.gradient,.gradient-container{left:50%;position:absolute;top:50%;transition:all .3s}.gradient{animation:rotate 3s linear infinite;aspect-ratio:1;background-image:linear-gradient(90deg,var(--red-color),var(--orange-color),var(--yellow-color),var(--green-color),var(--blue-color),var(--purple-color));border-radius:100%;transform:translate(-50%,-50%);width:110%}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.guess-button-container{align-items:center;display:flex;justify-content:center;margin-top:40px}.guess-button-wrapper{display:inline-block;transition:transform .2s ease}.guess-button-wrapper:active{transform:scale(.95)}.guess-button-wrapper.disabled:active{transform:none}.guess-button:disabled,.guess-button[disabled]{background-color:#d3d3d3;color:gray;cursor:not-allowed}.attempts-history-container-info{font-size:1.3rem;font-weight:var(--nunito-medium);margin-top:50px}.attempts-history-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:0 30px 30px;text-align:center}.attempts-history-container ul{list-style-type:none;padding:0}.attempts-history-container li{align-items:center;border-bottom:2px solid var(--secondary-text);display:flex;flex-direction:row;padding:20px}.attempts-history-container li:last-child{border-bottom:none}.attempt-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:800px;width:100%}.attempt-number-wrapper,.attempt-result-wrapper{align-items:center;display:flex;flex-direction:column;height:64px;margin:0 10px;width:64px}.attempt-number,.attempt-result-number,.attempt-result-text,.attempt-text{text-align:center;width:auto}.attempt-number,.attempt-result-number{font-size:2rem!important;font-weight:var(--nunito-black)!important;margin:0!important}.attempt-result-number{color:var(--secondary-text)!important}.animate,.latest-attempt .attempt-result-number{animation:bounceScale 1s ease-in-out}.attempt-result-text,.attempt-text{font-size:.9rem!important;margin:0!important}.attempt-result-text{color:var(--secondary-text)!important}.attempt-items{align-items:center;display:flex;flex:2 1;justify-content:center}.attempts-history-container p{color:var(--primary-text);font-size:1.2rem;font-weight:var(--nunito-medium);margin:8px 0}.attempt-result-wrapper{text-align:right}.attempt-image{height:50px;margin:0 5px;width:50px}.disabled{cursor:default}.game-board-content{border-bottom:2px solid var(--secondary-text);position:relative}.emoji-credits{font-size:14px;margin:20px 10px;text-align:center;a{color:var(--secondary-text);text-decoration:none}}@keyframes bounceScale{0%,to{transform:scale(1)}30%{transform:scale(1.6)}50%{transform:scale(1.1)}70%{transform:scale(1.6)}}@media screen and (max-width:1100px){.sortable-container{gap:20px}.guess-details{margin-top:50px}}@media screen and (max-width:650px){.sortable-container{gap:5px}.attempts-history-container li{flex-direction:column}.attempt-stats{margin-bottom:20px}.attempt-content{gap:35px}}:root{--bg-color:#293241;--red-color:#e94b35;--orange-color:#e77f24;--yellow-color:#f1c518;--green-color:#4cb96c;--blue-color:#3796d2;--purple-color:#9459a4;--red-hc-color:#825;--orange-hc-color:#c67;--yellow-hc-color:#dc7;--green-hc-color:#173;--blue-hc-color:#8ce;--purple-hc-color:#328;--primary-text:#e2e1e4;--secondary-text:wheat;--nunito-thin:200;--nunito-light:300;--nunito-regular:400;--nunito-medium:500;--nunito-bold:700;--nunito-black:900}.light-theme{--primary-text:#293241;--secondary-text:#293241;--bg-color:#f5f5f5;--alt-color:wheat}.leckerli-one-regular{font-family:Leckerli One,cursive;font-style:normal;font-weight:400}*{-webkit-tap-highlight-color:transparent}*,body{margin:0}body{align-items:center;background-color:#293241;background-color:var(--bg-color);color:#e2e1e4;color:var(--primary-text);display:flex;font-family:Nunito Sans,sans-serif;height:100%;justify-content:center;overflow:auto;padding:0}#root{text-align:center;width:100%}::selection{background:wheat;background:var(--secondary-text);color:#293241;color:var(--bg-color)}.light-theme ::selection{background-color:#e2e1e4;background-color:var(--primary-text);color:var(--alt-color)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{border:3px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background-color:wheat;background-color:var(--secondary-text)}html{scrollbar-color:wheat #0000;scrollbar-color:var(--secondary-text) #0000;scrollbar-width:thin}::-webkit-scrollbar-button{display:none}
/*# sourceMappingURL=main.8cf11179.css.map*/