@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(../media/cc6c75d91fb27f62-s.d9a5c6b2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ed5f1f9bced69653-s.p.c75d0046.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(../media/574e5b2a8fe8e45b-s.7101bfa8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(../media/89ea96820aa96980-s.p.cd67f43d.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Fallback;src:local(Arial);ascent-override:95.6%;descent-override:29.18%;line-gap-override:0.0%;size-adjust:99.37%}.atkinson_hyperlegible_5921586a-module__84_zIG__className{font-family:Atkinson Hyperlegible,Atkinson Hyperlegible Fallback;font-style:normal}.atkinson_hyperlegible_5921586a-module__84_zIG__variable{--font-atkinson:"Atkinson Hyperlegible","Atkinson Hyperlegible Fallback"}
:root{--yellow:#fda214;--light-yellow:#ffb84a;--blue-grey:#bcced9;--dark-blue:#304859;--dark-navy-blue:#152938;--light-grey:#f2f2f2;--muted-blue-grey:#7191a5;--medium-blue:#6395b8;--very-light-grey:#fcfcfc;--light-blue:#dfe7ec}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{font-family:Atkinson Hyperlegible,sans-serif;font-weight:700}.setup__section{background-color:var(--dark-navy-blue);justify-content:center;align-items:center;min-height:100dvh;padding:2rem;display:flex}.setup__container{flex-direction:column;align-items:center;width:100%;max-width:65.4rem;display:flex}.primary__heading{color:var(--very-light-grey);text-align:center;padding-bottom:8rem;font-size:4rem}.setup__game__settings{background-color:#fff;border-radius:2.6rem;flex-direction:column;gap:3rem;padding:5rem;display:flex}.select__theme__box,.select__grid__box{text-align:center;grid-template-columns:repeat(2,1fr);gap:3rem;display:grid}.select__heading{color:var(--muted-blue-grey);font-size:2rem}.themes{color:var(--very-light-grey);cursor:pointer;background-color:var(--blue-grey);border-radius:2.6rem;padding:1rem 7.3rem;font-size:2.6rem;transition:all .3s}.themes__active{background-color:var(--dark-blue)}.select__player__box{text-align:center;grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.players,.grids{color:var(--very-light-grey);background-color:var(--blue-grey);cursor:pointer;border-radius:2.6rem;padding:.75rem 4rem;font-size:2.6rem;transition:all .3s}.players__active,.grids__active{background-color:var(--dark-blue)}.start__game{color:var(--very-light-grey);background-color:var(--yellow);cursor:pointer;border:0;border-radius:3.2rem;outline:0;padding:1rem 7rem;font-size:3.2rem;font-weight:700;transition:all .3s}.start__game:hover{background-color:var(--light-yellow)}.game__board__section{background-color:var(--very-light-grey)}.game__board__container{flex-direction:column;gap:5rem;max-width:144rem;margin:0 auto;padding:4rem 6rem;display:flex}.game__board__heading{justify-content:space-between;align-items:center;display:flex}.decision__box{align-items:center;gap:1.5rem;display:flex}.menu{color:var(--very-light-grey);background-color:var(--yellow);border:0;border-radius:2.6rem;outline:0;padding:1rem 1.9rem;font-size:1.6rem;display:none}.restart,.winner__restart,.winner__new__game,.new__game,.resume__game{cursor:pointer;border:0;border-radius:2.6rem;outline:0;padding:1rem 3rem;font-size:2rem;font-weight:700;transition:all .3s}.restart,.winner__restart{color:var(--very-light-grey);background-color:var(--yellow)}.restart:hover,.winner__restart:hover{background-color:var(--light-yellow)}.new__game,.winner__new__game,.resume__game{color:var(--dark-blue);background-color:var(--light-blue)}.new__game:hover,.winner__new__game:hover,.resume__game:hover{background-color:var(--medium-blue)}.resume__game{display:none}.game__board{gap:2rem;margin:0 auto;display:grid}.game__board__4x4{grid-template-columns:repeat(4,1fr)}.game__board__6x6{grid-template-columns:repeat(6,1fr)}.game__board__4x4 .game-circle{width:11.8rem;height:11.8rem}.game__board__6x6 .game-circle{width:8.2rem;height:8.2rem}.game-circle{background-color:var(--dark-blue);cursor:pointer;transform-style:preserve-3d;border-radius:50%;transition:transform .5s,background-color .5s;position:relative}.revealed{background-color:var(--yellow);transform:rotateY(180deg)}@keyframes pending-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.25)}}.game-circle.pending{animation:.8s ease-in-out infinite pending-pulse}.settled{background-color:var(--blue-grey);transform:rotateY(180deg)}.game-circle:hover{background-color:var(--medium-blue)}.game-circle.revealed:hover{background-color:var(--yellow)}.settled:hover{background-color:var(--blue-grey);cursor:default}.circle-content{color:var(--very-light-grey);backface-visibility:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateY(180deg)}.numbers .game-circle:before{content:""}.circle-content{opacity:0;transition:opacity .3s .2s;transform:translate(-50%,-50%)rotateY(180deg)}.icons .circle-content{background-image:url(/assets/icons/calculator.svg);width:5rem;height:5rem}.game__board__4x4 .circle-content{font-size:5rem}.game__board__6x6 .circle-content{font-size:3rem}.game-circle.revealed .circle-content,.game-circle.settled .circle-content{opacity:1;transform:translate(-50%,-50%)rotateY(180deg)}.multi__score__board,.solo__score__board{align-items:center;gap:3rem;display:flex}.players__box,.solo__box{flex-direction:column;gap:2.25rem;width:100%;display:flex}.player__box{background-color:var(--blue-grey);border-radius:1.5rem;justify-content:space-between;align-items:center;padding:1.5rem;transition:all .3s;display:flex;position:relative}.player__box__active{background-color:var(--yellow);z-index:1}.player__box__active:before{content:"";background-color:var(--yellow);width:4rem;height:4rem;position:absolute;top:-1.25rem;left:50%;transform:rotate(45deg)translate(-30%)}.multi__players{color:var(--muted-blue-grey);font-size:1.8rem}.small-player{display:none}.player__box__active .multi__players,.player__box__active .players__scores{color:var(--very-light-grey)}.players__scores,.player__time,.player__move{color:var(--dark-blue);font-size:3.2rem}.players__turn{color:var(--dark-navy-blue);text-align:center;letter-spacing:.5rem;text-transform:uppercase;font-size:1.3rem}.winner__container,.solo__winner__container{z-index:2;width:65.4rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.winner__section,.solo__winner__section{background-color:#fff;border-radius:2rem;flex-direction:column;gap:1.6rem;padding:5rem;display:flex}.winner__text{color:var(--dark-navy-blue);text-align:center;font-size:4.8rem}.winner__message{color:var(--muted-blue-grey);text-align:center;font-size:1.8rem}.winners__box{flex-direction:column;gap:1.6rem;padding:2.4rem 0 4rem;display:flex}.winner__box{background-color:var(--light-blue);border-radius:1rem;justify-content:space-between;align-items:center;padding:1.5rem 3.2rem;display:flex}.winner__player{color:var(--muted-blue-grey);font-size:1.8rem}.winner__moves,.solo__winner__moves,.solo__winner__time{color:var(--dark-blue);font-size:3.2rem}.winner__box__active .winner__player{color:var(--very-light-grey);font-size:1.8rem}.winner__box__active .winner__moves{color:var(--very-light-grey);font-size:3.2rem}.winner__box__active{background-color:var(--dark-navy-blue)}.winner__restart,.winner__new__game{width:100%}@media (max-width:500px){.setup__game__settings{padding:2rem}.user-info-bar{text-align:center;flex-direction:column;gap:1.5rem}.user-info-actions{flex-wrap:wrap;justify-content:center;width:100%}}.modal-overlay{background-color:rgba(#00000080);z-index:100;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:center;background-color:#fff;border-radius:2rem;width:500px;max-width:90%;padding:3rem}.modal-overlay{background-color:#00000080}.timer-large{color:var(--dark-navy-blue);margin:2rem 0;font-size:6rem;font-weight:700}
.select__box{flex-direction:column;gap:1.5rem;display:flex}.hover:hover{background-color:var(--medium-blue)}.hidden{opacity:0;visibility:hidden}.none{display:none}.overlay{opacity:.5;z-index:1;background:#000;width:100%;height:100%;position:fixed;top:0}
@media (max-width:43.75em){.player__box{flex-direction:column;align-items:flex-start;padding:1rem}.players__turn{display:none}.winner__container,.solo__winner__container{width:90%}.player__box__active:before{z-index:-1;top:.25rem;left:51%;transform:rotate(45deg)translate(-81%)}.game__board__4x4 .game-circle{width:7.3rem;height:7.3rem}.game__board__6x6 .game-circle{width:4.7rem;height:4.7rem}}@media (max-width:37.5em){.primary__heading{padding-bottom:4.5rem;font-size:3.2rem}.setup__game__settings{padding:2.4rem}.select__theme__box,.select__grid__box{gap:1.1rem}.select__heading{font-size:1.5rem}.themes{padding:1rem 3.3rem;font-size:1.6rem}.select__player__box{gap:1rem}.players,.grids{padding:.75rem 2.7rem;font-size:1.6rem}.players__active,.grids__active{background-color:var(--dark-blue)}.start__game,.winner__restart,.winner__new__game{font-size:1.8rem}.small-player{display:block}.md-player{display:none}.multi__players{font-size:1.5rem}.players__scores,.player__time,.player__move{font-size:2.4rem}.game__board__4x4 .circle-content{font-size:3.5rem}.game__board__6x6 .circle-content{font-size:2.5rem}.icons .circle-content{width:3rem;height:3rem}.menu{display:block}.game__board__container{gap:8rem;padding:2.4rem}.game__board{gap:1rem}.decision__container{z-index:2;width:100%;padding:2rem;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.resume__game{display:block}.decision__box{background-color:#fff;border-radius:1rem;flex-direction:column;padding:2.4rem}.resume__game,.restart,.new__game{width:100%}}@media (max-width:28.75em){.game__board__4x4 .game-circle{width:6rem;height:6rem}.game__board__6x6 .game-circle{width:4rem;height:4rem}.winner__text{font-size:2.4rem}.winner__message{font-size:1.4rem}.winner__box{padding:1.6rem}.winner__player,.winner__box__active .winner__player{font-size:1.3rem}.winner__moves,.solo__winner__moves,.solo__winner__time,.winner__box__active .winner__moves{font-size:2rem}.winner__section,.solo__winner__section{gap:1.6rem;padding:2.4rem}.winners__box{gap:.8rem;padding:0}.multi__score__board,.solo__score__board{gap:1.5rem}.player__box__active:before{width:2rem;height:2rem;top:-.25rem;transform:rotate(45deg)translate(-60%)}.game__board{margin:0}}
.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:1rem;display:flex;position:fixed;top:2rem;right:2rem}.toast{color:#fff;pointer-events:auto;cursor:pointer;background:#304859;border-radius:1rem;align-items:center;gap:1rem;min-width:250px;max-width:400px;padding:1.2rem 2rem;font-size:1.4rem;font-weight:500;animation:.3s ease-out slideIn;display:flex;box-shadow:0 8px 24px #0003}.toast:hover{transform:scale(1.02)}.toast-success{background:linear-gradient(135deg,#31cd84,#27a86e)}.toast-error{background:linear-gradient(135deg,#fda214,#e8920f)}.toast-info{background:linear-gradient(135deg,#304859,#1f3040)}.toast-icon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1.2rem;display:flex}.toast-message{flex:1}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}