@import url(https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap);:root{--color-primary-orange:#fda214;--color-primary-orange-hover:#ffb84a;--color-primary-blue:#3695b8;--color-secondary-blue:#bcced9;--color-tertiary-blue:#7191a5;--color-quaternary-blue:#304859;--color-quinary-blue:#152938;--color-primary-white:#fcfcfc;--color-secondary-white:#f2f2f2;--color-primary-gray:#dfe7ec;--border-radius-primary:2rem;--border-radius-secondary:2.6rem}html{font-size:62.5%}@media screen and (max-width:410px){html{font-size:55%}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Atkinson Hyperlegible,sans-serif;height:100vh;width:100vw}.solo-game-over{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:4rem}.game-over-item,.game-over-item--winner{align-items:center;background-color:var(--color-primary-gray);border-radius:1rem;display:flex;flex:1 1;justify-content:space-between;padding:1.5rem 2.5rem}@media screen and (max-width:400px){.game-over-item,.game-over-item--winner{flex-direction:column;padding:1rem 2rem}.game-over-item__title{margin-bottom:.5rem}}.game-over-item__title{color:var(--color-tertiary-blue);font-size:1.65rem}.game-over-item__value{color:var(--color-quaternary-blue);font-size:2.8rem}@media screen and (max-width:430px){.game-over-item__value{font-size:2.4rem}}.game-over-item--winner{background-color:var(--color-quinary-blue)}.game-over-item--winner h3,.game-over-item--winner h6{color:var(--color-primary-white)}.modal{text-align:center}.modal__message{color:var(--color-quinary-blue);font-size:4.5rem;margin-bottom:1.5rem}@media screen and (max-width:500px){.modal__message{font-size:3.5rem}}.modal__description{color:var(--color-tertiary-blue);font-size:1.65rem;margin-bottom:3.5rem}.modal__buttons{display:flex;gap:1.5rem}@media screen and (max-width:600px){.modal__buttons{flex-direction:column}}.backdrop{background-color:rgba(0,0,0,.75);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:20}.modal{-webkit-animation:slide-down .3s ease-out forwards;animation:slide-down .3s ease-out forwards;background-color:var(--color-secondary-white);border-radius:var(--border-radius-primary);box-shadow:0 2px 8px rgba(0,0,0,.25);left:50%;max-width:54rem;padding:5rem 4rem;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%;z-index:30}@media screen and (max-width:500px){.modal{padding:3rem 2.5rem}}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translate(-50%,-30%);transform:translate(-50%,-30%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@keyframes slide-down{0%{opacity:0;-webkit-transform:translate(-50%,-30%);transform:translate(-50%,-30%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}.button,.button--dark,.button--gray,.button--idle,.button--light,.button--menu,.button--orange,.button--selected{border:none;border-radius:var(--border-radius-primary);color:var(--color-primary-white);cursor:pointer;flex:1 1;font-family:inherit;font-size:2rem;font-weight:700;padding:.8rem 3rem}@media screen and (max-width:410px){.button,.button--dark,.button--gray,.button--idle,.button--light,.button--menu,.button--orange,.button--selected{padding:.7rem 2rem}}.button--menu{border-radius:5rem;padding:1.5rem 3rem}@media screen and (max-width:350px){.button--menu{padding:.7rem 2rem}}.button--dark{background-color:var(--color-quinary-blue)}.button--light{background-color:var(--color-secondary-blue)}.button--orange{background-color:var(--color-primary-orange);transition:background-color,.25s}.button--orange:hover{background-color:var(--color-primary-orange-hover)}.button--gray{background-color:var(--color-primary-gray);color:var(--color-quaternary-blue);transition:background-color,.25s;transition:color,.25s}.button--gray:hover{background-color:var(--color-primary-blue);color:var(--color-primary-white)}.button--selected{background-color:var(--color-quinary-blue)}.button--idle,.button--selected{transition:background-color,.25s}.button--idle{background-color:var(--color-secondary-blue)}.button--idle:hover{background-color:var(--color-primary-blue)}.header-game{align-items:center;display:flex;justify-content:space-between}.header-game h2{font-size:3.5rem}.header-game__buttons button:not(:last-child){margin-right:1.5rem}.chip{background-color:transparent;-webkit-perspective:1000px;perspective:1000px;width:100%}.chip--6{height:100%}.chip--6__inner--flipped,.chip--6__inner--no-flipped{height:100%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;width:100%}.chip--6__inner--flipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.chip--6__inner__back,.chip--6__inner__back--pair,.chip--6__inner__front{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:100%;box-sizing:border-box;height:100%;overflow:hidden;position:absolute;width:100%}.chip--6__inner__front{background-color:var(--color-quaternary-blue);cursor:pointer}.chip--6__inner__front:hover{background-color:var(--color-primary-blue);transition:background-color .3s}.chip--6__inner__back,.chip--6__inner__back--pair{align-items:center;background-color:var(--color-secondary-blue);color:var(--color-primary-white);display:flex;font-size:2.8rem;font-weight:700;justify-content:center;overflow:auto;text-align:center;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);transition:background-color .3s}@media screen and (max-width:450px){.chip--6__inner__back,.chip--6__inner__back--pair{font-size:2.5rem}}.chip--6__inner__back--pair{background-color:var(--color-primary-orange)}.chip--4{height:100%}.chip--4__inner--flipped,.chip--4__inner--no-flipped{height:100%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;width:100%}.chip--4__inner--flipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.chip--4__inner__back,.chip--4__inner__back--pair,.chip--4__inner__front{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:100%;box-sizing:border-box;height:100%;overflow:hidden;position:absolute;width:100%}.chip--4__inner__front{background-color:var(--color-quaternary-blue);cursor:pointer}.chip--4__inner__front:hover{background-color:var(--color-primary-blue);transition:background-color .3s}.chip--4__inner__back,.chip--4__inner__back--pair{align-items:center;background-color:var(--color-secondary-blue);color:var(--color-primary-white);display:flex;font-size:4rem;font-weight:700;justify-content:center;overflow:auto;text-align:center;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);transition:background-color .3s}@media screen and (max-width:500px){.chip--4__inner__back,.chip--4__inner__back--pair{font-size:3.5rem}}.chip--4__inner__back--pair{background-color:var(--color-primary-orange)}.multiplayer-footer-item,.multiplayer-footer-item--2,.multiplayer-footer-item--3,.multiplayer-footer-item--4{flex:1 1}.multiplayer-footer-item--4__item,.multiplayer-footer-item--4__item--current{align-items:center;background-color:var(--color-primary-gray);border-radius:1rem;display:flex;justify-content:space-between;padding:1rem;position:relative;transition:background-color .5s}@media screen and (max-width:570px){.multiplayer-footer-item--4__item,.multiplayer-footer-item--4__item--current{align-items:flex-start;flex-direction:column}}@media screen and (max-width:425px){.multiplayer-footer-item--4__item,.multiplayer-footer-item--4__item--current{align-items:center}}.multiplayer-footer-item--4__item--current:before,.multiplayer-footer-item--4__item:before{background-color:var(--color-primary-gray);-webkit-clip-path:polygon(50% 0,30% 100%,70% 100%);clip-path:polygon(50% 0,30% 100%,70% 100%);content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;-webkit-transform:translateY(0);transform:translateY(0);transition:background-color .5s,-webkit-transform .5s;transition:transform .5s,background-color .5s;transition:transform .5s,background-color .5s,-webkit-transform .5s;width:100%;z-index:-1}.multiplayer-footer-item--4__item--current{background-color:var(--color-primary-orange)}.multiplayer-footer-item--4__item--current h5,.multiplayer-footer-item--4__item--current h6{color:var(--color-primary-white)}.multiplayer-footer-item--4__item--current:before{background-color:var(--color-primary-orange);-webkit-clip-path:polygon(50% 0,30% 100%,70% 100%);clip-path:polygon(50% 0,30% 100%,70% 100%);content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;-webkit-transform:translateY(-15px);transform:translateY(-15px);width:100%;z-index:-1}@media screen and (max-width:570px){.multiplayer-footer-item--4__item--current:before{-webkit-clip-path:polygon(50% 0,10% 100%,90% 100%);clip-path:polygon(50% 0,10% 100%,90% 100%);-webkit-transform:translateY(-13px);transform:translateY(-13px)}}@media screen and (max-width:425px){.multiplayer-footer-item--4__item--current:before{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.multiplayer-footer-item--4__item__description{color:var(--color-tertiary-blue);font-size:1.8rem;transition:color .5s}@media screen and (max-width:660px){.multiplayer-footer-item--4__item__description{font-size:1.5rem}}@media screen and (max-width:570px){.multiplayer-footer-item--4__item__description{margin-bottom:.5rem}}.multiplayer-footer-item--4__item__value{color:var(--color-quaternary-blue);font-size:2.5rem;transition:color .5s}@media screen and (max-width:660px){.multiplayer-footer-item--4__item__value{font-size:2.3rem}}@media screen and (max-width:425px){.multiplayer-footer-item--4__item__value{font-size:2.5rem}}.multiplayer-footer-item--4__current-label,.multiplayer-footer-item--4__current-label--hidden,.multiplayer-footer-item--4__current-label--visible{font-size:1.1rem;letter-spacing:.5rem;margin-top:1.5rem;text-align:center;transition:color .5s}.multiplayer-footer-item--4__current-label--visible{color:var(--color-quinary-blue)}.multiplayer-footer-item--4__current-label--hidden{color:transparent}.multiplayer-footer-item--3{max-width:30rem}.multiplayer-footer-item--3__item,.multiplayer-footer-item--3__item--current{align-items:center;background-color:var(--color-primary-gray);border-radius:1rem;display:flex;justify-content:space-between;padding:1rem;position:relative;transition:background-color .5s}@media screen and (max-width:570px){.multiplayer-footer-item--3__item,.multiplayer-footer-item--3__item--current{align-items:flex-start;flex-direction:column}}@media screen and (max-width:425px){.multiplayer-footer-item--3__item,.multiplayer-footer-item--3__item--current{align-items:center}}.multiplayer-footer-item--3__item--current:before,.multiplayer-footer-item--3__item:before{background-color:var(--color-primary-gray);-webkit-clip-path:polygon(50% 0,30% 100%,70% 100%);clip-path:polygon(50% 0,30% 100%,70% 100%);content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;-webkit-transform:translateY(0);transform:translateY(0);transition:background-color .5s,-webkit-transform .5s;transition:transform .5s,background-color .5s;transition:transform .5s,background-color .5s,-webkit-transform .5s;width:100%;z-index:-1}.multiplayer-footer-item--3__item--current{background-color:var(--color-primary-orange)}.multiplayer-footer-item--3__item--current h5,.multiplayer-footer-item--3__item--current h6{color:var(--color-primary-white)}.multiplayer-footer-item--3__item--current:before{background-color:var(--color-primary-orange);-webkit-clip-path:polygon(50% 0,30% 100%,70% 100%);clip-path:polygon(50% 0,30% 100%,70% 100%);content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;-webkit-transform:translateY(-15px);transform:translateY(-15px);width:100%;z-index:-1}@media screen and (max-width:570px){.multiplayer-footer-item--3__item--current:before{-webkit-clip-path:polygon(50% 0,10% 100%,90% 100%);clip-path:polygon(50% 0,10% 100%,90% 100%);-webkit-transform:translateY(-13px);transform:translateY(-13px)}}@media screen and (max-width:425px){.multiplayer-footer-item--3__item--current:before{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.multiplayer-footer-item--3__item__description{color:var(--color-tertiary-blue);font-size:1.8rem;transition:color .5s}@media screen and (max-width:570px){.multiplayer-footer-item--3__item__description{margin-bottom:.5rem}}.multiplayer-footer-item--3__item__value{color:var(--color-quaternary-blue);font-size:2.5rem;transition:color .5s}@media screen and (max-width:425px){.multiplayer-footer-item--3__item__value{font-size:2.5rem}}.multiplayer-footer-item--3__current-label,.multiplayer-footer-item--3__current-label--hidden,.multiplayer-footer-item--3__current-label--visible{font-size:1.1rem;letter-spacing:.5rem;margin-top:1.5rem;text-align:center;transition:color .5s}.multiplayer-footer-item--3__current-label--visible{color:var(--color-quinary-blue)}.multiplayer-footer-item--3__current-label--hidden{color:transparent}.multiplayer-footer-item--2{max-width:25rem}.multiplayer-footer-item--2__item,.multiplayer-footer-item--2__item--current{align-items:center;background-color:var(--color-primary-gray);border-radius:1rem;display:flex;justify-content:space-between;padding:1rem;position:relative;transition:background-color .5s}.multiplayer-footer-item--2__item--current:before,.multiplayer-footer-item--2__item:before{background-color:var(--color-primary-gray);-webkit-clip-path:polygon(50% 0,30% 100%,70% 100%);clip-path:polygon(50% 0,30% 100%,70% 100%);content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;-webkit-transform:translateY(0);transform:translateY(0);transition:background-color .5s,-webkit-transform .5s;transition:transform .5s,background-color .5s;transition:transform .5s,background-color .5s,-webkit-transform .5s;width:100%;z-index:-1}.multiplayer-footer-item--2__item--current{background-color:var(--color-primary-orange)}.multiplayer-footer-item--2__item--current h5,.multiplayer-footer-item--2__item--current h6{color:var(--color-primary-white)}.multiplayer-footer-item--2__item--current:before{background-color:var(--color-primary-orange);-webkit-clip-path:polygon(50% 0,30% 100%,70% 100%);clip-path:polygon(50% 0,30% 100%,70% 100%);content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;-webkit-transform:translateY(-15px);transform:translateY(-15px);width:100%;z-index:-1}@media screen and (max-width:350px){.multiplayer-footer-item--2__item--current:before{-webkit-clip-path:polygon(50% 0,10% 100%,90% 100%);clip-path:polygon(50% 0,10% 100%,90% 100%);-webkit-transform:translateY(-13px);transform:translateY(-13px)}}.multiplayer-footer-item--2__item__description{color:var(--color-tertiary-blue);font-size:1.8rem;transition:color .5s}.multiplayer-footer-item--2__item__value{color:var(--color-quaternary-blue);font-size:2.5rem;transition:color .5s}@media screen and (max-width:425px){.multiplayer-footer-item--2__item__value{font-size:2.5rem}}.multiplayer-footer-item--2__current-label,.multiplayer-footer-item--2__current-label--hidden,.multiplayer-footer-item--2__current-label--visible{font-size:1.1rem;letter-spacing:.5rem;margin-top:1.5rem;text-align:center;transition:color .5s}.multiplayer-footer-item--2__current-label--visible{color:var(--color-quinary-blue)}.multiplayer-footer-item--2__current-label--hidden{color:transparent}.multiplayer__grid,.multiplayer__grid--4,.multiplayer__grid--6{display:grid;height:40rem;margin:0 auto}@media screen and (max-width:370px){.multiplayer__grid,.multiplayer__grid--4,.multiplayer__grid--6{height:35rem}}@media screen and (max-width:315px){.multiplayer__grid,.multiplayer__grid--4,.multiplayer__grid--6{height:30rem}}.multiplayer__grid--4{gap:1.5rem;grid-template-columns:repeat(4,1fr);max-width:40rem;width:100%}.multiplayer__grid--6{gap:1rem;grid-template-columns:repeat(6,1fr);max-width:42rem;width:100%}.multiplayer__footer{display:flex;gap:3rem;justify-content:center;margin:0 auto;width:100%}@media screen and (max-width:840px){.multiplayer__footer{gap:1rem}}.footer-item{align-items:center;background-color:var(--color-primary-gray);border-radius:1rem;display:flex;flex:1 1;justify-content:space-between;padding:1rem}@media screen and (max-width:500px){.footer-item{flex-direction:column}.footer-item__description{margin-bottom:.5rem}}.footer-item__description{color:var(--color-tertiary-blue);font-size:1.8rem}.footer-item__value{color:var(--color-quaternary-blue);font-size:2.5rem}.solo__grid,.solo__grid--4,.solo__grid--6{display:grid;height:40rem;margin:0 auto}@media screen and (max-width:500px){.solo__grid,.solo__grid--4,.solo__grid--6{height:35rem}}@media screen and (max-width:350px){.solo__grid,.solo__grid--4,.solo__grid--6{height:30rem}}.solo__grid--4{gap:1.5rem;grid-template-columns:repeat(4,1fr);max-width:40rem;width:100%}.solo__grid--6{gap:1rem;grid-template-columns:repeat(6,1fr);max-width:42rem;width:100%}.solo__footer{gap:1.5rem;margin:0 auto;max-width:40rem;width:100%}.game,.solo__footer{display:flex;justify-content:space-between}.game{flex-direction:column;height:100vh;padding:4rem 9rem}@media screen and (max-width:745px){.game{padding:3rem 5rem}}@media screen and (max-width:650px){.game{padding:3rem 2.5rem}}.start-game-field{width:100%}.start-game-field__label{color:var(--color-tertiary-blue);font-size:1.9rem;margin-bottom:1.3rem}.start-game-field__buttons{display:flex;gap:2rem;justify-content:space-between}@media screen and (max-width:530px){.start-game-field__buttons{gap:1rem}}.start-game{align-items:center;background-color:var(--color-quinary-blue);display:flex;height:100vh;justify-content:center;padding:3rem;width:100vw}.start-game__content{align-items:center;display:flex;flex-direction:column;width:55rem}.start-game__content h1{color:var(--color-primary-white);font-size:3.5rem;margin-bottom:6rem}.start-game__content__modal{background-color:var(--color-primary-white);border-radius:var(--border-radius-primary);display:flex;flex-direction:column;gap:2.5rem;padding:4rem;width:100%}@media screen and (max-width:530px){.start-game__content__modal{padding:3rem}}@media screen and (max-width:330px){.start-game__content__modal{padding:3rem 2rem}}.multiplayer-game-over{gap:1.5rem;margin-bottom:4rem}.menu,.multiplayer-game-over{display:flex;flex-direction:column}.menu{gap:2rem}
/*# sourceMappingURL=main.137959f6.css.map*/