.join_page__Xy5fY{min-height:100vh;padding:clamp(1rem,3vw,2.4rem);color:#0f172a;background:#f8fafc}.join_lobby__CvUfo{width:min(100%,1120px);min-height:calc(100vh - clamp(2rem, 6vw, 4.8rem));margin:0 auto;padding:clamp(1.5rem,3.5vw,2.75rem);border-radius:2.25rem;background:#fff;box-shadow:0 30px 80px rgba(15,23,42,.08),0 4px 14px rgba(15,23,42,.04)}.join_header__sPpvQ{display:grid;grid-template-columns:auto 1fr auto;gap:1.2rem;align-items:start;margin-bottom:2.4rem}.join_back__b6aqL{display:grid;width:3.2rem;height:3.2rem;place-items:center;border-radius:1rem;color:#0f172a;background:#f1f5f9;box-shadow:0 6px 14px rgba(15,23,42,.06);font-size:1.7rem;line-height:1;text-decoration:none;transition:transform .2s ease,background .2s ease}.join_back__b6aqL:hover{background:#e2e8f0;transform:translateX(-2px)}.join_titleBlock__WpkXt{min-width:0}.join_brand__eQ9w3{margin:0;color:#0ea5e9;font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.join_title___Eytn{margin:.35rem 0 0;font-size:clamp(2rem,5vw,3.2rem);font-weight:950;color:#0f172a;letter-spacing:-.02em;line-height:1.05}.join_subtitle__WZ2Lc{margin:.4rem 0 0;color:#64748b;font-size:1rem;font-weight:650;letter-spacing:.01em}.join_desc__M53OU{margin:.7rem 0 0;color:#94a3b8;font-size:.9rem;font-weight:500}.join_step__td1dP{border-radius:999px;padding:.6rem 1rem;color:#475569;background:#f1f5f9;font-size:.78rem;font-weight:800}.join_joinPanel__k2Q1M{display:grid}.join_formFields__GJQWh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:.9rem;margin-bottom:1.6rem}.join_formFields__GJQWh label{display:grid;gap:.5rem;color:#334155;font-size:.82rem;font-weight:800}.join_formFields__GJQWh input{width:100%;box-sizing:border-box;border:1.5px solid #e2e8f0;border-radius:1.25rem;padding:.95rem 1.1rem;color:#0f172a;background:#fafafa;outline:none;font:inherit;font-weight:700;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.join_formFields__GJQWh input:focus{border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 4px rgba(14,165,233,.12)}#join_room-code__dQ1Ga{letter-spacing:.18em;text-align:center}.join_mascotFieldset__8WuxC{min-width:0;margin:0;padding:0;border:0}.join_mascotFieldset__8WuxC legend{margin-bottom:.9rem;color:#1e293b;font-size:.9rem;font-weight:850}.join_localHint__zgTvF{padding:1rem 1.1rem;border-radius:1.25rem;background:#fff7ed;color:#c2410c;font-size:.85rem;font-weight:700}.join_mascotGrid__R19pd{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:11.5rem;gap:clamp(.8rem,1.5vw,1.15rem);padding:.4rem .1rem 1.6rem}.join_mascotCard__dLiwB{position:relative;display:grid;grid-template-rows:auto 1fr auto;min-width:0;overflow:hidden;border:none;border-radius:2rem;padding:1.1rem 1.1rem 1rem;color:#fff;cursor:pointer;isolation:isolate;box-shadow:0 18px 36px rgba(15,23,42,.12),0 3px 8px rgba(15,23,42,.06);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease;text-align:left}.join_mascotCard__dLiwB:before{position:absolute;z-index:0;inset:0;background:radial-gradient(ellipse at 20% 10%,hsla(0,0%,100%,.35),transparent 55%),radial-gradient(ellipse at 85% 100%,rgba(0,0,0,.08),transparent 60%);content:"";pointer-events:none}.join_mascotCard__dLiwB:after{position:absolute;z-index:0;left:-15%;top:-25%;width:60%;height:60%;border-radius:50%;background:radial-gradient(circle,hsla(0,0%,100%,.4),transparent 70%);content:"";pointer-events:none}.join_mascotCard__dLiwB:hover{transform:translateY(-6px);box-shadow:0 28px 50px rgba(15,23,42,.18),0 6px 14px rgba(15,23,42,.08)}.join_badge__veAMo{position:relative;z-index:2;justify-self:start;display:inline-grid;place-items:center;min-width:2.2rem;height:1.8rem;padding:0 .55rem;border-radius:999px;background:hsla(0,0%,100%,.22);backdrop-filter:blur(6px);font-size:.72rem;font-weight:900;letter-spacing:.04em}.join_mascotFrame__p2QsD{position:relative;z-index:2;height:100%;aspect-ratio:1/1;justify-self:center;align-self:center}.join_mascotImg__xTXEy{position:absolute;inset:4% 4% 0 4%;-o-object-fit:cover;object-fit:cover;border-radius:1.5rem;-webkit-mask-image:radial-gradient(ellipse 68% 62% at 46% 54%,#000 55%,rgba(0,0,0,.5) 70%,transparent 85%);mask-image:radial-gradient(ellipse 68% 62% at 46% 54%,#000 55%,rgba(0,0,0,.5) 70%,transparent 85%);transition:inset .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.join_mascotCard__dLiwB:hover .join_mascotImg__xTXEy{inset:2% 2% 0 2%}.join_mascotSelected__VgufH{overflow:visible;z-index:5}.join_mascotSelected__VgufH .join_mascotImg__xTXEy{inset:-28% -22% -4% -8%;border-radius:2rem;-webkit-mask-image:none;mask-image:none;box-shadow:0 30px 50px rgba(15,23,42,.26),0 10px 18px rgba(15,23,42,.12)}.join_mascotSelected__VgufH:hover .join_mascotImg__xTXEy{inset:-30% -24% -4% -8%}.join_cardName__8O33M{position:relative;z-index:2;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:950;letter-spacing:-.01em;line-height:1.1;text-shadow:0 2px 6px rgba(0,0,0,.12)}.join_mascotSelected__VgufH{transform:translateY(-4px) scale(1.02);box-shadow:0 0 0 3px hsla(0,0%,100%,.95),0 0 0 6px rgba(14,165,233,.35),0 26px 46px rgba(14,165,233,.22),0 6px 14px rgba(15,23,42,.08)}.join_mascotSelected__VgufH:hover{transform:translateY(-7px) scale(1.02)}.join_mascotSelected__VgufH .join_badge__veAMo{background:hsla(0,0%,100%,.38)}.join_bgOrange__XCzrC{background:linear-gradient(155deg,#ffb37a,#f85 55%,#f36a3d)}.join_bgMint__aHHgt{background:linear-gradient(155deg,#8be9cd,#4ed2b3 55%,#2bb39f)}.join_bgBlue__iJDtG{background:linear-gradient(155deg,#7fcbf4,#4fa8e3 55%,#2f86cf)}.join_bgLilac__xmJZ_{background:linear-gradient(155deg,#d9b8ff,#b892f2 55%,#8b72d9)}.join_bgCloud__SjBgB{background:linear-gradient(155deg,#fff1bd,#ffde88 55%,#f2c261)}.join_actionRow__eFNvO{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.6rem;padding:1.2rem 0 .3rem;color:#475569;font-size:.85rem;font-weight:700}.join_joinButton__9fDP_{min-width:11rem;border-radius:1.15rem!important;padding:1rem 1.45rem!important;color:#fff!important;background:linear-gradient(90deg,#0ea5e9,#2563eb)!important;box-shadow:0 10px 22px rgba(37,99,235,.22)!important;font-weight:850!important}.join_joinButton__9fDP_:disabled{opacity:.7}.join_error__t2qcp{margin:0;color:#dc2626}.join_teacherLink__Pinov{margin-top:1rem;color:#64748b;text-align:center;font-size:.8rem;font-weight:700;text-decoration:none}.join_teacherLink__Pinov:hover{color:#0ea5e9;text-decoration:underline}@media (max-width:820px){.join_mascotGrid__R19pd{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:12rem;gap:.85rem;padding-bottom:1rem}}@media (max-width:640px){.join_page__Xy5fY{padding:.5rem}.join_lobby__CvUfo{min-height:calc(100vh - 1rem);padding:1.25rem 1rem;border-radius:1.5rem;box-shadow:0 14px 40px rgba(15,23,42,.07)}.join_header__sPpvQ{grid-template-columns:auto 1fr;gap:.8rem;margin-bottom:1.5rem}.join_step__td1dP{display:none}.join_back__b6aqL{width:2.7rem;height:2.7rem}.join_title___Eytn{font-size:1.9rem}.join_subtitle__WZ2Lc{font-size:.9rem}.join_desc__M53OU{font-size:.82rem}.join_formFields__GJQWh{grid-template-columns:1fr;gap:.75rem;margin-bottom:1.3rem}.join_mascotGrid__R19pd{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:11rem;gap:.7rem}.join_cardName__8O33M{font-size:1rem}.join_actionRow__eFNvO{align-items:stretch;flex-direction:column;margin-top:.2rem;text-align:center;gap:.7rem}.join_joinButton__9fDP_{width:100%}}@media (prefers-reduced-motion:reduce){.join_back__b6aqL,.join_mascotCard__dLiwB,.join_mascotCard__dLiwB:hover,.join_mascotCard__dLiwB:hover .join_mascotImg__xTXEy,.join_mascotImg__xTXEy{transition:none!important}.join_mascotSelected__VgufH{animation:none!important}}