body,html{height:100%;margin:0;padding:0}#root{min-height:100vh}#root,.page{display:flex;flex-direction:column}.page{flex-grow:1;justify-content:space-between;padding:16px}nav>ul>li{list-style:none}main{display:contents}.main-container{align-self:center;background:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;margin-top:3rem;max-width:650px;padding:20px}.main{display:flex;flex:1 1;flex-direction:column;gap:32px}footer{background-color:#eee;bottom:0;color:#333;height:6rem;left:0;position:fixed;text-align:center;width:100%}@media (max-width:600px){.page{padding:16px}.main{align-items:center;text-align:center}.ctas{flex-direction:column}.ctas a{font-size:14px;height:40px;padding:0 16px}}@media (max-width:858px){.main-container{left:0;position:fixed}}@media (max-height:630px),(max-width:360px) and (max-height:740px),(max-width:375px) and (max-height:667px){footer{display:none}}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}body{background:var(--background);color:var(--foreground)}footer{background-color:#1a1a1a;color:#ccc}}.page{--gray-rgb:0,0,0;--gray-alpha-200:rgba(var(--gray-rgb),0.08);--gray-alpha-100:rgba(var(--gray-rgb),0.05);--button-primary-hover:#383838;--button-secondary-hover:#f2f2f2;grid-gap:64px;align-items:center;display:grid;gap:64px;grid-template-rows:20px 1fr 20px;justify-items:center;min-height:100svh;padding:80px}@media (prefers-color-scheme:dark){.page{--gray-rgb:255,255,255;--gray-alpha-200:rgba(var(--gray-rgb),0.145);--gray-alpha-100:rgba(var(--gray-rgb),0.06);--button-primary-hover:#ccc;--button-secondary-hover:#1a1a1a}}.ctas{display:flex;gap:16px}.ctas a{align-items:center;-webkit-appearance:none;appearance:none;border:1px solid #0000;border-radius:128px;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:48px;justify-content:center;line-height:20px;padding:0 20px;transition:background .2s,color .2s,border-color .2s}a.primary{background:var(--foreground);color:var(--background);gap:8px}a.secondary{border-color:var(--gray-alpha-200);min-width:180px}@media (hover:hover) and (pointer:fine){a.primary:hover{background:var(--button-primary-hover);border-color:#0000}a.secondary:hover{background:var(--button-secondary-hover);border-color:#0000}.footer a:hover{text-decoration:underline;text-underline-offset:4px}}@media (max-width:600px){.page{padding:32px 32px 80px}.ctas{flex-direction:column}.ctas a{font-size:14px;height:40px;padding:0 16px}a.secondary{min-width:auto}.footer{align-items:center;flex-wrap:wrap;justify-content:center}}@media (prefers-color-scheme:dark){.logo{filter:invert()}}.navbar{background-color:#fff;container-name:navbar;container-type:inline-size;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%}.nav-link{color:#16db89be;font-size:1.1rem;margin:0 1rem;text-decoration:none;transition:color .3s ease}.active,.nav-link:hover{color:orange}.active{font-weight:700}.button-link{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;padding:10px 20px;text-decoration:none}.button-link:hover{background-color:#2980b9}body{align-items:center;background-color:#f5f5f5;display:flex;font-family:Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:0}.how-to-play-title{color:#333;font-size:28px;font-weight:700;margin-bottom:20px;text-align:center}.steps-container{list-style:none;padding:0}.step{background-color:#f0f8ff;border-left:4px solid #007acc;border-radius:4px;margin:10px 0;padding:10px}.step h3{color:#007acc;font-size:20px;margin:0 0 5px}.step p{color:#333;margin:0}.play-button{background-color:#007acc;border-radius:5px;color:#fff;display:block;font-weight:700;margin-top:20px;padding:12px;text-align:center;text-decoration:none;transition:background-color .3s ease;width:100%}.play-button:hover{background-color:#005f99}.actionTable_actionTable__lE6UI{display:flex;justify-content:center}.actionTable_actionCell__gbRqs{border-radius:5px;cursor:pointer;height:50px;margin:0 5px;transition:transform .7s ease;width:30px}.actionTable_actionCell__gbRqs:hover{transform:scale(1.1)}.gameBoard_gameBoard__qJ8yF{grid-gap:0;display:grid;gap:0;justify-content:center;margin-top:20px}.gameBoard_gameCell__NB3dU{height:20px}@media (max-height:1015px){header{display:none}.gameBoard_gameBoard__qJ8yF{margin-top:0}}input{border:1px solid #ccc;border-radius:4px;font-size:1rem;margin:10px 0;padding:8px}input[type=number]{width:50px}button,input[type=submit]{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}button:hover,input[type=submit]{background-color:#2980b9}.wrapper{background:#fff;border-radius:15px;box-shadow:0 15px 20px #0000001a}form{padding:10px 30px 50px}form .field{height:50px;margin-top:25px;position:relative;width:100%}form .field input{border:1px solid #d3d3d3;border-radius:18px;font-size:17px;height:100%;outline:none;transition:all .3s ease;width:100%}form .field input:focus{border-color:#4158d0}form .field label{color:#999;font-size:17px;font-weight:400;left:20px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}form .field input:focus~label{background:#fff;color:#4158d0;font-size:16px;transform:translateY(-50%)}form .content{align-items:center;display:flex;font-size:16px;height:50px;justify-content:space-around;width:100%}form .content .checkbox{align-items:center;display:flex;justify-content:center}form .content input{background:red;height:15px;width:15px}form .content label{color:#262626;padding-left:5px;-webkit-user-select:none;user-select:none}form .content .pass-link{color:""}form .signup-link{color:#262626;margin-top:20px;text-align:center}form .pass-link a,form .signup-link a{color:#4158d0;text-decoration:none}form .pass-link a:hover,form .signup-link a:hover{text-decoration:underline}.errorMessageContainer{align-items:center;display:flex;justify-content:center;width:100%}.errorMessage{align-content:center;background-color:#d69194;border-radius:8px;color:#fff;height:50px;text-align:center;width:75%}.pixelated_moveCounterContainer__JPl9M{align-items:center;display:flex;gap:10px;justify-content:flex-start}.pixelated_numberOfMoves__ucay1{font-size:1.2rem;font-weight:700;margin-top:20px}@media (max-height:800px){footer,header{display:none}}
/*# sourceMappingURL=main.960ddfef.css.map*/