.styles_button__BOiZZ{width:100%;padding:var(--spacing-sm) var(--spacing-sm);font-size:1.1rem;font-weight:600;border-radius:var(--radius-md);transition:all .2s ease;background:var(--surface);color:var(--primary);border:2px solid var(--primary)}.styles_button__BOiZZ:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--primary-light);color:var(--surface)}.styles_selected__8dRnX{background:var(--primary);color:var(--surface)}.styles_selected__8dRnX:hover{background:var(--primary-dark)}.styles_content__teZiG{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.styles_content__teZiG svg{width:25px;height:25px}@media screen and (max-width:480px){.styles_button__BOiZZ{font-size:1rem;padding:var(--spacing-xs) var(--spacing-xs)}.styles_content__teZiG svg{width:20px;height:20px}}.styles_pageContainer__utN_U{position:relative;min-height:calc(100vh - 168px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block:var(--spacing-lg);background-color:var(--background);animation:styles_fadeIn__zApwp .5s ease-in}.styles_container__gp8ot{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl)}.styles_title__UEW6E{font-size:2rem;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.styles_error__eOSPl{color:var(--error);padding:var(--spacing-md);border-radius:var(--radius-md);background-color:var(--error-light);margin-bottom:var(--spacing-md)}.styles_status__ZTSeJ{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.styles_modeSelection__l6nWe{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.styles_modeButton__Ssp0U{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);width:200px;height:200px;border:2px solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface);transition:all .3s ease;cursor:pointer}.styles_modeButton__Ssp0U:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.styles_modeButton__Ssp0U.styles_selected__GOi_h{border-color:var(--primary)}.styles_modeIcon__4w1G3{font-size:3rem;color:var(--primary);margin-bottom:var(--spacing-sm)}.styles_modeButton__Ssp0U span{font-size:1.2rem;font-weight:500;color:var(--text-primary)}.styles_joinButton__Oz4mf{padding:var(--spacing-md) var(--spacing-xl);font-size:1.2rem;font-weight:500;color:var(--surface);background-color:var(--primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease}.styles_joinButton__Oz4mf:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-2px)}.styles_joinButton__Oz4mf:disabled{background-color:var(--muted);cursor:not-allowed}.styles_singleplayerButtonContainer__ipjNZ{position:absolute;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:10}.styles_singleplayerButton__TCZXA{background-color:var(--surface);color:var(--primary);border:2px solid var(--primary);padding:var(--spacing-sm) var(--spacing-lg);font-size:1.1rem;font-weight:600;border-radius:var(--radius-md);transition:all .2s ease}.styles_singleplayerButton__TCZXA:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background-color:var(--primary);color:var(--surface)}@media screen and (max-width:480px){.styles_pageContainer__utN_U{padding-block:var(--spacing-md)}.styles_container__gp8ot{padding:var(--spacing-sm);gap:var(--spacing-md)}.styles_title__UEW6E{font-size:1.4rem;margin-bottom:var(--spacing-sm);text-align:center}.styles_modeSelection__l6nWe{flex-direction:column;gap:var(--spacing-sm);width:100%;margin-bottom:var(--spacing-md)}.styles_modeButton__Ssp0U{width:100%;max-width:280px;height:80px;flex-direction:row;gap:var(--spacing-sm);justify-content:flex-start;padding:var(--spacing-sm)}.styles_modeIcon__4w1G3{font-size:2rem;margin-bottom:0}.styles_modeButton__Ssp0U span{font-size:.9rem;text-align:left}.styles_joinButton__Oz4mf{width:100%;max-width:280px;padding:var(--spacing-sm) var(--spacing-md);font-size:1rem}.styles_singleplayerButtonContainer__ipjNZ{position:static;width:100%;max-width:190px;margin:var(--spacing-md) auto 0;display:flex;justify-content:center}}@media screen and (min-width:481px) and (max-width:767px){.styles_pageContainer__utN_U{padding-block:var(--spacing-lg)}.styles_container__gp8ot{padding:var(--spacing-md);gap:var(--spacing-lg)}.styles_title__UEW6E{font-size:1.6rem;text-align:center}.styles_modeSelection__l6nWe{flex-direction:row;gap:var(--spacing-sm);justify-content:center;width:100%;margin-bottom:var(--spacing-lg);flex-wrap:wrap}.styles_modeButton__Ssp0U{width:140px;height:140px;flex-direction:column;gap:var(--spacing-sm)}.styles_modeIcon__4w1G3{font-size:2.2rem;margin-bottom:var(--spacing-xs)}.styles_modeButton__Ssp0U span{font-size:.85rem;text-align:center;line-height:1.2}.styles_joinButton__Oz4mf{width:100%;max-width:300px;padding:var(--spacing-md) var(--spacing-lg);font-size:1.1rem}.styles_singleplayerButtonContainer__ipjNZ{position:static;width:70%;max-width:240px;margin:var(--spacing-lg) auto 0;display:flex;justify-content:center}}@media screen and (min-width:768px) and (max-width:1024px){.styles_container__gp8ot{padding:var(--spacing-xl)}.styles_modeSelection__l6nWe{gap:var(--spacing-lg)}.styles_modeButton__Ssp0U{width:200px;height:200px}.styles_singleplayerButtonContainer__ipjNZ{bottom:var(--spacing-lg);right:var(--spacing-lg)}}@media screen and (min-width:1025px) and (max-width:1366px){.styles_container__gp8ot{padding:var(--spacing-xl)}.styles_modeButton__Ssp0U{width:200px;height:200px}}@media screen and (min-width:1367px){.styles_container__gp8ot{padding:var(--spacing-2xl)}.styles_modeButton__Ssp0U{width:200px;height:200px}}.styles_howToPlayContainer__E8l3N{max-width:800px;margin:0 auto;padding:var(--spacing-xl);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:2px solid var(--primary-light)}.styles_title___m9f8{color:var(--primary-dark);font-size:2.3rem;margin-bottom:var(--spacing-md);text-align:center}.dark .styles_title___m9f8{color:var(--text-primary)}.styles_instructionsBox__eEKVv{padding:var(--spacing-lg);border-radius:var(--radius-md);margin:var(--spacing-md) 0;font-size:1.1rem}.styles_howToPlay__2bKM7{margin-bottom:var(--spacing-md)}.styles_buttonContainer__goIct{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.styles_loginButton__ByWie,.styles_registerButton__jXzyN{text-decoration:none;display:inline-block;padding:var(--spacing-md) var(--spacing-xl);font-size:1.1rem;font-weight:600;flex:1 1;min-width:180px;max-width:300px;text-align:center}.styles_guestButtonContainer__macGK{display:flex;justify-content:center;width:100%;margin-top:var(--spacing-lg)}.styles_guestButton__sDT5w{text-decoration:none;display:inline-block;padding:var(--spacing-sm) var(--spacing-md);font-size:1.1rem;font-weight:600;min-width:180px;max-width:300px;text-align:center;transition:all .2s ease}@media screen and (max-width:480px){.styles_howToPlayContainer__E8l3N{padding:var(--spacing-md);margin:var(--spacing-sm)}.styles_title___m9f8{font-size:1.3rem;margin-bottom:var(--spacing-md)}.styles_instructionsBox__eEKVv{padding:var(--spacing-md)}.styles_instructionsBox__eEKVv h3{font-size:1rem}.styles_instructionsBox__eEKVv p{font-size:.9rem}.styles_buttonContainer__goIct{flex-direction:column;align-items:center}.styles_loginButton__ByWie,.styles_registerButton__jXzyN{padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;width:100%;max-width:none}.styles_guestButton__sDT5w{padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;min-width:180px;max-width:300px;max-width:none}}@media screen and (min-width:481px) and (max-width:767px){.styles_howToPlayContainer__E8l3N{padding:var(--spacing-lg)}.styles_title___m9f8{font-size:1.8rem}.styles_loginButton__ByWie,.styles_registerButton__jXzyN{padding:var(--spacing-sm) var(--spacing-lg)}.styles_guestButton__sDT5w{font-size:1rem}}@media screen and (min-width:768px) and (max-width:1024px){.styles_howToPlayContainer__E8l3N{max-width:90%}.styles_title___m9f8{font-size:2rem}}@media screen and (min-width:1025px) and (max-width:1366px){.styles_howToPlayContainer__E8l3N{max-width:80%}}@media screen and (min-width:1367px){.styles_howToPlayContainer__E8l3N{max-width:800px}}.styles_container__yDQ07{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);animation:styles_fadeIn__eYRuB .5s ease-out;padding:var(--spacing-md)}.styles_heading__v_isq{color:var(--primary-dark);font-size:1.6rem;font-weight:600;margin-bottom:var(--spacing-lg);text-align:center}.dark .styles_heading__v_isq{color:var(--text-primary)}.styles_buttonGrid__yeK9m{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);width:100%;max-width:800px;animation:styles_slideUp__3GJhs .5s ease-out}@media screen and (max-width:480px){.styles_container__yDQ07{gap:var(--spacing-md);padding:var(--spacing-sm)}.styles_heading__v_isq{font-size:1.3rem;margin-bottom:var(--spacing-md)}.styles_buttonGrid__yeK9m{grid-template-columns:1fr;gap:var(--spacing-sm)}}@media screen and (min-width:481px) and (max-width:767px){.styles_container__yDQ07{gap:var(--spacing-md)}.styles_heading__v_isq{font-size:1.5rem}.styles_buttonGrid__yeK9m{grid-template-columns:1fr;gap:var(--spacing-md)}}@media screen and (min-width:768px) and (max-width:1024px){.styles_buttonGrid__yeK9m{grid-template-columns:repeat(2,1fr);max-width:90%}}@media screen and (min-width:1025px) and (max-width:1366px){.styles_buttonGrid__yeK9m{max-width:90%}}@media screen and (min-width:1367px){.styles_buttonGrid__yeK9m{max-width:1200px}}@keyframes styles_fadeIn__eYRuB{0%{opacity:0}to{opacity:1}}@keyframes styles_slideUp__3GJhs{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.styles_container__nXOOV{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);animation:styles_fadeIn__6EIy9 .5s ease-out;padding:var(--spacing-md)}.styles_heading__kW2n2{color:var(--primary-dark);font-size:1.8rem;font-weight:600;margin-bottom:var(--spacing-lg);text-align:center}.dark .styles_heading__kW2n2{color:var(--text-primary)}.styles_buttonGrid__qS37u{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);width:100%;max-width:800px;animation:styles_slideUp__6FqRp .5s ease-out}@media screen and (max-width:480px){.styles_container__nXOOV{gap:var(--spacing-md);padding:var(--spacing-sm)}.styles_heading__kW2n2{font-size:1.4rem;margin-bottom:var(--spacing-md)}.styles_buttonGrid__qS37u{grid-template-columns:1fr;gap:var(--spacing-sm)}}@media screen and (min-width:481px) and (max-width:767px){.styles_container__nXOOV{gap:var(--spacing-md)}.styles_heading__kW2n2{font-size:1.6rem}.styles_buttonGrid__qS37u{grid-template-columns:1fr;gap:var(--spacing-md)}}@media screen and (min-width:768px) and (max-width:1024px){.styles_buttonGrid__qS37u{grid-template-columns:repeat(2,1fr);max-width:90%}}@media screen and (min-width:1025px) and (max-width:1366px){.styles_buttonGrid__qS37u{max-width:90%;justify-content:center;margin:0 auto}}@media screen and (min-width:1367px){.styles_buttonGrid__qS37u{max-width:1200px;justify-content:center;margin:0 auto}}@keyframes styles_fadeIn__6EIy9{0%{opacity:0}to{opacity:1}}@keyframes styles_slideUp__6FqRp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}