.page_container__jZF7q{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.page_card__Cf__u{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:500px;width:100%;text-align:center}.page_title__po7na{font-size:2.5rem;margin-bottom:10px;color:#d32f2f;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.page_subtitle__YBgxm{font-size:1.1rem;color:#666;margin-bottom:30px}.page_roleSelection__YhPHE{display:flex;gap:15px;margin-bottom:25px}.page_roleButton__Ui0I8{flex:1 1;padding:15px 20px;border:2px solid #e0e0e0;border-radius:10px;background:#fff;font-size:1rem;font-weight:600;color:#666;transition:all .3s}.page_roleButton__Ui0I8:hover{border-color:#2e7d32;color:#2e7d32}.page_roleButton__Ui0I8.page_active__9fwfh{border-color:#d32f2f;background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff}.page_nameInput__hNgrK{margin-bottom:25px}.page_input__lx_gt{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:border-color .3s}.page_input__lx_gt:focus{outline:none;border-color:#2e7d32}.page_joinButton__dFDdF{width:100%;padding:15px;background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px rgba(211,47,47,.3)}.page_joinButton__dFDdF:hover:not(:disabled){background:linear-gradient(135deg,#b71c1c,#8b0000);box-shadow:0 6px 20px rgba(211,47,47,.4);transform:translateY(-2px)}.page_joinButton__dFDdF:disabled{opacity:.6;cursor:not-allowed}.page_loading__4WMny{text-align:center;padding:40px;font-size:1.2rem;color:#666}.page_avatarSelection__gIyWa{margin-bottom:25px}.page_avatarLabel__l0fXR{display:block;font-size:.95rem;font-weight:600;color:#666;margin-bottom:12px;text-align:center}.page_avatarGrid__B_f1X{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:10px;gap:10px}.page_avatarButton__oOwpr{aspect-ratio:1;border:2px solid #e0e0e0;border-radius:10px;background:#fff;font-size:2rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;padding:0}.page_avatarButton__oOwpr:hover{border-color:#2e7d32;transform:scale(1.1);box-shadow:0 4px 12px rgba(46,125,50,.2)}.page_avatarButton__oOwpr.page_avatarSelected__BN2KH{border-color:#d32f2f;border-width:3px;background:#fff5f5;transform:scale(1.15);box-shadow:0 4px 15px rgba(211,47,47,.3)}