@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);h1,h2,h3,h4,h5,h6{font-weight:500}:root{--dark:#222;--light:#dbdbdb;--dark2:rgba(7,7,7,.95);--light2:#dadadaa9}:root.light-mode{--dark:silver;--light:#333;--dark2:#fafafacc;--light2:#202020a9}*,:after,:before{box-sizing:border-box}*{margin:0}body *,html *{-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#__next,#root{isolation:isolate}a{color:inherit;text-decoration:none}button{cursor:pointer}body,html{font-family:Roboto,Arial,Helvetica,sans-serif;font-size:13px;height:100%;line-height:1.43;overflow-x:hidden}@media(min-width:calc(640px + 10vw)){body,html{font-size:15px}}body{background:radial-gradient(farthest-corner at 40px -40px,rgba(7,7,7,.95) -15%,#222 55%,rgba(7,7,7,.95) 115%);background:radial-gradient(farthest-corner at 40px -40px,var(--dark2) -15%,var(--dark) 55%,var(--dark2) 115%);color:#dbdbdb;color:var(--light);min-height:100vh;transition:all .2s}#root{display:flex;flex-direction:column;height:100%}.app-main{flex:1 1}a,button{border:0;color:#dbdbdb;cursor:pointer;transition:.2s ease}a.btn,button.btn{align-items:center;border:0;display:inline-flex;justify-content:center}a.btn:hover,button.btn:hover{border:0}a.btn.circled,button.btn.circled{border-radius:155px}a.btn.rounded,button.btn.rounded{border-radius:.25rem}a.btn.small,button.btn.small{font-size:.85rem;padding:.3rem .9rem}a.btn.medium,button.btn.medium{font-size:1rem;padding:.6rem 1.8rem}a.btn.large,button.btn.large{font-size:1.15rem;padding:1rem 3rem}a.btn.primary,button.btn.primary{background-color:#dadadaa9;background-color:var(--light2);color:#222;color:var(--dark)}a.btn.primary:hover,button.btn.primary:hover{background-color:#dbdbdb;background-color:var(--light)}a.btn.secondary,button.btn.secondary{background-color:transparent;border:1px solid #dadadaa9;border:1px solid var(--light2);color:#dbdbdb;color:var(--light)}a.btn.secondary:hover,button.btn.secondary:hover{background-color:transparent;border:1px solid #dbdbdb;border:1px solid var(--light)}.main-layout{display:grid;grid-template-columns:5vw 1fr 5vw}.main-layout>*{grid-column:2}.main-layout .full{grid-column:1/-1}.text-muted{color:#b7b7b7}.disable-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.disable-scrollbar::-webkit-scrollbar{background:transparent;height:0;width:0}.clean-list{list-style-type:none;margin:0;padding:0}.inline-clamp{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;line-height:inherit;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.text-bold{font-weight:600}.text-light{font-weight:300}.space-inline-s>:not(:last-child){-webkit-margin-end:1em;margin-inline-end:1em}.space-inline-m>:not(:last-child){-webkit-margin-end:2em;margin-inline-end:2em}.space-inline-l>:not(:last-child){-webkit-margin-end:3em;margin-inline-end:3em}.flex{display:flex}.flex.column{flex-direction:column}.flex.flex-center{align-items:center;justify-content:center}.flex.justify-between{justify-content:space-between}.flex.justify-center{justify-content:center}.flex.justify-start{justify-content:flex-start}.flex.justify-end{justify-content:flex-end}.flex.align-center{align-items:center}.cursor-pointer{cursor:pointer}.app-header{border-bottom:1px solid #717171;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0}.app-header .wrapper{align-items:center;display:flex;justify-content:center}.app-header .wrapper .nav-links{justify-content:end}.app-header .logo{font-size:1.5rem;font-weight:300;justify-content:center;text-align:center}.app-header .dark-light-switch{position:absolute;right:5vw;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.app-footer{border-top:1px solid #717171;font-size:14px;font-weight:300;padding:.75rem 0}.home{align-items:center;display:flex;flex-direction:column;justify-content:center;-webkit-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 250%;perspective-origin:50% 250%}.home .best-score{font-size:1.25rem;font-weight:300;left:0;position:absolute;top:2rem}.home .board{grid-gap:.75rem;-webkit-animation:fallIn .5s cubic-bezier(.165,.84,.44,1);animation:fallIn .5s cubic-bezier(.165,.84,.44,1);background-color:#222;border-radius:1000px;box-shadow:inset 8px 5px 25px 10px #292929,8px 8px 8px 0 #292929,5px 10px 15px -5px hsla(0,0%,100%,.157),5px 20px 0 15px #1b1b1b,5px 30px 50px 10px rgba(0,0,0,.8);display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);height:100%;margin:auto;max-height:95vw;max-width:95vw;padding:1rem;position:relative;-webkit-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(8deg) rotateY(0deg) rotate(15deg) translateX(0) translateY(0) translateZ(0) skewX(0deg) skewY(0deg);transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(8deg) rotateY(0deg) rotate(15deg) translateX(0) translateY(0) translateZ(0) skewX(0deg) skewY(0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%}.home .board.game-over .game-btn{backdrop-filter:opacity(20%)!important;-webkit-backdrop-filter:opacity(20%)!important}@-webkit-keyframes fallIn{0%{opacity:0;-webkit-transform:scaleX(1.35) scaleY(1.35) scaleZ(1) rotateX(0deg) rotateY(0deg) rotate(-15deg) translateX(0) translateY(-600px) translateZ(600px) skewX(0deg) skewY(0deg);transform:scaleX(1.35) scaleY(1.35) scaleZ(1) rotateX(0deg) rotateY(0deg) rotate(-15deg) translateX(0) translateY(-600px) translateZ(600px) skewX(0deg) skewY(0deg)}to{opacity:1;-webkit-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(8deg) rotateY(0deg) rotate(15deg) translateX(0) translateY(0) translateZ(0) skewX(0deg) skewY(0deg);transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(8deg) rotateY(0deg) rotate(15deg) translateX(0) translateY(0) translateZ(0) skewX(0deg) skewY(0deg)}}@keyframes fallIn{0%{opacity:0;-webkit-transform:scaleX(1.35) scaleY(1.35) scaleZ(1) rotateX(0deg) rotateY(0deg) rotate(-15deg) translateX(0) translateY(-600px) translateZ(600px) skewX(0deg) skewY(0deg);transform:scaleX(1.35) scaleY(1.35) scaleZ(1) rotateX(0deg) rotateY(0deg) rotate(-15deg) translateX(0) translateY(-600px) translateZ(600px) skewX(0deg) skewY(0deg)}to{opacity:1;-webkit-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(8deg) rotateY(0deg) rotate(15deg) translateX(0) translateY(0) translateZ(0) skewX(0deg) skewY(0deg);transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(8deg) rotateY(0deg) rotate(15deg) translateX(0) translateY(0) translateZ(0) skewX(0deg) skewY(0deg)}}@media(min-width:calc(640px + 10vw)){.home .board{max-height:600px;max-width:600px}}.home .board.green .game-btn.green{background-color:#71ea71;box-shadow:0 0 30px 5px rgba(60,226,60,.5),0 0 10px .25rem #68e968}.home .board.red .game-btn.red{background-color:#df6767;box-shadow:0 0 30px 5px rgba(212,52,52,.5),0 0 10px .25rem #dd5e5e}.home .board.yellow .game-btn.yellow{background-color:#ffe65c;box-shadow:0 0 30px 5px rgba(255,221,31,.5),0 0 10px .25rem #ffe552}.home .board.blue .game-btn.blue{background-color:#3d48d8;box-shadow:0 0 30px 5px rgba(36,46,180,.5),0 0 10px .25rem #3540d7}.home .board .game-btn{border-radius:.25rem;transition:all .2s ease}.home .board .game-btn[disabled]{cursor:not-allowed}.home .board .game-btn:hover:not([disabled]){-webkit-filter:brightness(115%);filter:brightness(115%);-webkit-transform:scale(1.015);transform:scale(1.015)}.home .board .game-btn:active:not([disabled]){opacity:1;-webkit-transform:scale(.985);transform:scale(.985)}.home .board .game-btn.green{background-color:#3ce23c;border-radius:100% 0 0 100%/100% 100% 0 0;border-bottom-left-radius:.5rem;border-top-right-radius:.5rem}.home .board .game-btn.green:active:not([disabled]){background-color:#71ea71;box-shadow:0 0 30px 5px rgba(60,226,60,.5)}.home .board .game-btn.red{background-color:#d43434;border-radius:0 100% 0 100%/100% 100% 0 0;border-bottom-right-radius:.5rem;border-top-left-radius:.5rem}.home .board .game-btn.red:active:not([disabled]){background-color:#df6767;box-shadow:0 0 30px 5px rgba(212,52,52,.5)}.home .board .game-btn.yellow{background-color:#ffdd1f;border-radius:100% 0 0 100%/0 100% 0 100%;border-bottom-right-radius:.5rem;border-top-left-radius:.5rem}.home .board .game-btn.yellow.active,.home .board .game-btn.yellow:active:not([disabled]){background-color:#ffe65c;box-shadow:0 0 30px 5px rgba(255,221,31,.5)}.home .board .game-btn.blue{background-color:#242eb4;border-radius:0 100% 100% 0/100% 0 100% 0;border-bottom-left-radius:.5rem;border-top-right-radius:.5rem}.home .board .game-btn.blue:active:not([disabled]){background-color:#3d48d8;box-shadow:0 0 30px 5px rgba(36,46,180,.5)}.home .board .level{background-color:#222;border-radius:100px;box-shadow:0 0 30px -10px #111;cursor:default;display:inline-flex;font-size:calc(1rem + 1vw);height:20%;width:20%}.home .board .level,.modal{align-items:center;color:#dbdbdb;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:rgba(7,7,7,.95);background-color:var(--dark2);border-radius:1rem;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3);color:var(--light);display:flex;flex-direction:column;gap:.5rem;padding:3rem 2rem;width:90%;z-index:99}.modal,.modal.new-best{max-width:-webkit-max-content;max-width:max-content}.modal.new-best h1{font-size:1.125rem;font-weight:300}.modal.new-best .new-score-msg{font-size:1.75rem}@media(min-width:calc(640px + 10vw)){.modal{padding:3rem}}.modal .lottie-wrapper{max-width:160px;position:relative}.modal .lottie-wrapper .new-score{font-size:6rem;font-weight:600;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal h1{font-size:2.75rem}.modal h1 .title{-webkit-margin-start:2.5rem;margin-inline-start:2.5rem}.modal ul{gap:1.5rem;margin:2rem 0}.modal ul .item-title{font-size:1.5rem;font-weight:300;margin-bottom:.5rem}.modal ul .item-description{margin-inline:2.5rem}.modal button:first-child{-webkit-margin-start:2.5rem;margin-inline-start:2.5rem}.modal .game-over{align-items:center;display:flex;flex-direction:column;font-size:1.25rem;gap:1.5rem;justify-content:center}.instructions-button{position:absolute;right:0;top:2rem}
/*# sourceMappingURL=main.8f2a9c16.css.map*/