:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{background-color:#000}#root{width:90vw;height:85vh;margin:0 auto;padding:2rem;border-radius:1rem;position:relative;align-items:center;justify-content:center;display:flex;text-align:center;background-color:#201e1f;box-shadow:0 0 .5rem #fff,0 0 .7rem #c8e0f9,0 0 1rem #a3cbf5,0 0 1.2rem #7eb6f1,0 0 1.5rem #358ce9,0 0 1.8rem #1463b8}.App{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.App>hr{width:100%;border-color:#1566b7}.game-board-container{width:100%;height:65%;bottom:0;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:1rem}::-webkit-scrollbar{display:none}.userHandler{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;width:10rem;height:10rem;gap:10px;border-radius:1rem;background-color:#1566b7;box-shadow:inset 0 0 .5rem #020a12,0 0 1rem #0c3d6e;transition:ease-in-out .5s}.userHandler>input{color:#ebebeb;background:#061f37;border:none;border-radius:.3rem;justify-content:center;align-items:center;text-align:center}.userHandler>input::placeholder{color:#ebebeb}.userHandler>label{color:#ebebeb;text-shadow:0 0 .5rem #FFFFFF}.userHandler>button{color:#ebebeb;text-shadow:0 0 .5rem #FFFFFF;background:#061f37}.userHandler.loggedIn{border-radius:50%;transform:scale(.5);background-color:#1566b7;border:1px solid white;box-shadow:inset 0 0 .5rem #020a12,0 0 .5rem #0c3d6e}.userHandler.loggedIn>h1{transform:scale(1.5)}.userHandler>*{transform:scale(.8);max-width:90%;max-height:90%;margin:0}.topPage{display:flex;width:100%;justify-content:space-evenly;align-items:center;text-align:center}@media screen and (max-width: 600px){.userHandler{margin:0;margin-inline:auto}}.card{color:#000;background-color:#fff;border-radius:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:#1566b7;box-shadow:inset 0 0 .5rem #020a12,0 0 .5rem #0c3d6e;overflow:hidden}.collumn{width:100%;height:100%;display:grid;grid:1fr 1fr 1fr / 1fr 1fr 1fr 1fr 1fr 1fr;gap:1rem;justify-content:center;flex-wrap:wrap;align-items:center}.card>svg{color:#fe5f00;width:30%;height:30%;margin-top:-1rem;filter:drop-shadow(0 0 .2rem #FFE5D6) drop-shadow(0 0 .5rem #FFBE99) drop-shadow(0 0 .6rem #8F3400)}.card>h3{font-size:1rem;width:100%;height:10%;padding-bottom:5px;margin-top:5px;color:#efefef;text-shadow:0 0 .5rem #EFEFEF,0 0 1rem #999999,0 0 2rem #141414}.card>.slot-check{position:absolute;width:15%;height:15%;color:#358ce9;filter:drop-shadow(0 0 .75rem) drop-shadow(0 0 1rem #358CE9)}@media screen and (max-width: 600px){.collumn{width:100%;height:100%;display:grid;grid:auto / 1fr 1fr 1fr;justify-content:center;flex-wrap:wrap;align-items:center;gap:.5rem}.card>h3{font-size:.5rem}}@media screen and (max-height: 500px){.card>svg{display:none}.card>h3{font-size:.5rem;padding-bottom:1rem}}.infoPopUp__overlay{position:fixed;inset:0;background:#00000080}.infoPopUp__container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeOutScale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.infoPopUp__panel{background-color:#1566b7;color:#efefef;border-radius:12px;padding:1.5rem;max-width:400px;width:100%;box-shadow:0 10px 25px #0003;justify-content:space-between;text-align:center;text-shadow:0 0 .5rem #EFEFEF,0 0 1rem #999999,0 0 2rem #141414}.infoPopUp__panel.open{animation:fadeInScale .5s ease-in-out forwards}.infoPopUp__panel>h3{margin-top:0}.infoPopUp__button{color:#efefef;text-shadow:0 0 .5rem #EFEFEF,0 0 1rem #999999,0 0 2rem #141414;background:#061f37}.infoPopUp_openOverlay{width:5.5rem;height:5.5rem}.infoPopUp_openOverlay>svg{width:100%;height:100%;color:#1566b7;border-radius:50%;background-color:#efefef;box-shadow:inset 0 0 .5rem #020a12,0 0 .5rem #0c3d6e}