.page_logincontainer__NPe_U{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#3498db,#9b59b6);padding:20px}.page_logincard__120xN{background:var(--card-background);padding:2.5rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);width:100%;max-width:400px;text-align:center;transition:var(--transition)}.page_applogo__nnF2N{width:120px;height:auto;margin-bottom:1.5rem}.page_logintitle___fCzz{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:1.5rem}.page_loginform__DM_9T{display:flex;flex-direction:column;gap:1.25rem}.page_loginlabel__LV7K8{font-size:1rem;color:var(--text-color);text-align:left;font-weight:500}.page_logininput__gvStS{padding:.9rem;border:1px solid #e1e1e1;border-radius:var(--border-radius);background-color:#f9f9f9;color:var(--text-color);font-size:1rem;transition:var(--transition)}.page_logininput__gvStS:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(52,152,219,.2);outline:none}.page_loginbutton__5s3rz{padding:.9rem;background:var(--primary-color);color:var(--light-text);border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.page_loginbutton__5s3rz:hover{background:var(--primary-dark);transform:translateY(-2px)}.page_loginbutton__5s3rz.page_secondary__lm_PT{background:#95a5a6}.page_loginbutton__5s3rz.page_secondary__lm_PT:hover{background:#7f8c8d}.page_loginmessage__z_Pyb{font-size:1rem;margin-top:1.5rem;padding:1rem;border-radius:var(--border-radius)}.page_loginmessage__z_Pyb.page_success__Xb9nl{background-color:rgba(46,204,113,.1);color:var(--success-color);border:1px solid var(--success-color)}.page_loginmessage__z_Pyb.page_error__Jil8M{background-color:rgba(231,76,60,.1);color:var(--error-color);border:1px solid var(--error-color)}.page_body__pK_rb{background-color:var(--background-color);min-height:100vh;display:flex;flex-direction:column}.page_Appheader__Km8Om{background-color:var(--card-background);padding:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:100}.page_Apphederlogo__cplIm{height:40px;width:auto}.page_AppheaderLeft__nJdSH{display:flex;align-items:center;gap:.5rem}.page_AppheaderLeft__nJdSH h2{color:var(--primary-color);font-size:1rem;font-weight:500}.page_container__aoG4z{flex:1 1;padding:2rem 1rem;max-width:1200px;margin:0 auto;width:100%}.page_title__3jonF{font-size:2rem;margin-bottom:2rem;color:var(--primary-color);text-align:center;font-weight:700}.page_gameList__zwj2M{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;justify-content:center}.page_gameItem__b5i_q{background:var(--card-background);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--box-shadow);transition:var(--transition);display:flex;flex-direction:column;align-items:center}.page_gameItem__b5i_q:hover{transform:translateY(-5px)}.page_gameIcon__qtyOF{width:100px;height:100px;border-radius:var(--border-radius);object-fit:cover}.page_gameName__CLgq3{margin:1rem 0;font-size:1.25rem;color:var(--text-color);font-weight:600}.page_playButton__egZrD{background-color:var(--primary-color);color:var(--light-text);border:none;padding:.75rem 1.5rem;border-radius:30px;font-size:1rem;font-weight:600;transition:var(--transition);width:100%}.page_playButton__egZrD:hover{background-color:var(--primary-dark);transform:scale(1.05)}.page_iframeContainer__Cmgnh{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;z-index:1000}.page_gameIframe__Aafei{width:90%;height:90%;background-color:var(--card-background);border-radius:var(--border-radius);border:none}.page_closeButton__fiZmr{position:absolute;top:20px;right:20px;background-color:var(--error-color);color:var(--light-text);border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-size:1rem;font-weight:600;z-index:1001;transition:var(--transition)}.page_closeButton__fiZmr:hover{background-color:#c0392b}@media (max-width:768px){.page_logincard__120xN{padding:1.5rem}.page_gameList__zwj2M{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.page_gameItem__b5i_q{padding:1rem}.page_gameIcon__qtyOF{width:80px;height:80px}.page_gameName__CLgq3{font-size:1rem}.page_title__3jonF{font-size:1.5rem;margin-bottom:1.5rem}.page_gameIframe__Aafei{width:100%;height:100%;border-radius:0}}.page_inputHint__KJYUw{font-size:.8rem;color:#7f8c8d;text-align:left;margin-top:.25rem}.page_headerLogo__g8RW4,.page_playerIcon__hB9CJ{display:flex;align-items:center}.page_playerIcon__hB9CJ{justify-content:center;width:32px;height:32px;border-radius:50%;background-color:rgba(52,152,219,.1);margin-right:.5rem}.page_logoutButton__K4PKs{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--border-radius);padding:.4rem .8rem;font-size:.8rem;margin-left:1rem;transition:var(--transition)}.page_logoutButton__K4PKs:hover{background-color:var(--primary-color);color:var(--light-text)}.page_loadingContainer__pshup{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.page_loadingSpinner__enSbi{width:40px;height:40px;border-radius:50%;border:3px solid rgba(52,152,219,.2);border-top:3px solid var(--primary-color);animation:page_spin__W_8_q 1s ease-in-out infinite;margin-bottom:1rem}@keyframes page_spin__W_8_q{to{transform:rotate(1turn)}}.page_errorContainer__lj1Ea{background-color:rgba(231,76,60,.1);color:var(--error-color);border:1px solid var(--error-color);border-radius:var(--border-radius);padding:1.5rem;text-align:center;margin:2rem auto;max-width:500px}.page_retryButton__kCQvk{background-color:var(--primary-color);color:var(--light-text);border:none;border-radius:var(--border-radius);padding:.75rem 1.5rem;font-size:1rem;margin-top:1rem;transition:var(--transition)}.page_retryButton__kCQvk:hover{background-color:var(--primary-dark)}