.join-hub-main[data-astro-cid-tpjnvch6]{box-sizing:border-box;width:100%;max-width:860px;margin:0 auto;padding:1.5rem 1rem 3rem}.join-hero[data-astro-cid-tpjnvch6]{text-align:center;margin-bottom:1.75rem}.join-title[data-astro-cid-tpjnvch6]{font-family:var(--font-heading,"Outfit", sans-serif);color:#1e293b;margin:0 0 .4rem;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:900;line-height:1.15}.join-subtitle[data-astro-cid-tpjnvch6]{color:#475569;max-width:560px;margin:0 auto;font-size:1.02rem;line-height:1.5}.mp-games-grid[data-astro-cid-tpjnvch6]{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.mp-game-btn[data-astro-cid-tpjnvch6]{appearance:none;text-align:left;cursor:pointer;color:#1e293b;box-sizing:border-box;background:#fff;border:2px solid #e2e8f0;border-radius:18px;align-items:center;gap:1rem;width:100%;padding:1.25rem 1.15rem;font-family:inherit;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:0 6px 18px #0f172a0d}.mp-game-btn[data-astro-cid-tpjnvch6]:hover{border-color:#d97706;transform:translateY(-3px);box-shadow:0 12px 26px #0f172a17}.mp-game-btn[data-astro-cid-tpjnvch6].is-active{background:#fffbeb;border-color:#d97706;box-shadow:0 8px 24px #d9770626}.mp-game-icon[data-astro-cid-tpjnvch6]{object-fit:contain;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-shrink:0;width:64px;height:64px;padding:6px}.mp-game-info[data-astro-cid-tpjnvch6]{flex:1;min-width:0}.mp-game-tag[data-astro-cid-tpjnvch6]{color:#b45309;background:#fef3c7;border-radius:999px;margin-bottom:.25rem;padding:2px 8px;font-size:.72rem;font-weight:800;display:inline-block}.mp-game-tag[data-astro-cid-tpjnvch6].tag-direct{color:#047857;background:#d1fae5}.mp-game-name[data-astro-cid-tpjnvch6]{color:#0f172a;margin:0 0 .2rem;font-size:1.2rem;font-weight:800}.mp-game-desc[data-astro-cid-tpjnvch6]{color:#64748b;margin:0;font-size:.86rem;line-height:1.35}.mp-game-arrow[data-astro-cid-tpjnvch6]{color:#94a3b8;font-size:1.3rem;font-weight:900;transition:transform .18s,color .18s}.mp-game-btn[data-astro-cid-tpjnvch6]:hover .mp-game-arrow[data-astro-cid-tpjnvch6]{color:#d97706;transform:translate(3px)}.pin-entry-panel[data-astro-cid-tpjnvch6]{background:#fff;border:2px solid #f59e0b;border-radius:22px;max-width:480px;margin:0 auto 1.75rem;padding:1.75rem 1.5rem;animation:.2s ease-out fadeSlideIn;display:none;box-shadow:0 16px 38px #0f172a14}.pin-entry-panel[data-astro-cid-tpjnvch6].visible{display:block}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pin-panel-header[data-astro-cid-tpjnvch6]{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:1.1rem;padding-bottom:.85rem;display:flex}.pin-panel-game[data-astro-cid-tpjnvch6]{align-items:center;gap:.75rem;display:flex}.pin-panel-game[data-astro-cid-tpjnvch6] img[data-astro-cid-tpjnvch6]{object-fit:contain;width:44px;height:44px}.pin-panel-title[data-astro-cid-tpjnvch6]{color:#0f172a;margin:0;font-size:1.25rem;font-weight:800}.pin-panel-sub[data-astro-cid-tpjnvch6]{color:#64748b;margin:0;font-size:.82rem}.btn-change-game[data-astro-cid-tpjnvch6]{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;padding:.4rem .75rem;font-size:.8rem;font-weight:700}.btn-change-game[data-astro-cid-tpjnvch6]:hover{background:#e2e8f0}.join-field-group[data-astro-cid-tpjnvch6]{margin-bottom:1.1rem}.join-label[data-astro-cid-tpjnvch6]{color:#334155;margin-bottom:.4rem;font-size:.88rem;font-weight:800;display:block}.join-pin-input[data-astro-cid-tpjnvch6]{box-sizing:border-box;letter-spacing:.35em;text-align:center;color:#0f172a;background:#f8fafc;border:2px solid #cbd5e1;border-radius:14px;outline:none;width:100%;padding:.75rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:2rem;font-weight:900;transition:border-color .15s,background .15s}.join-pin-input[data-astro-cid-tpjnvch6]:focus{background:#fff;border-color:#d97706;box-shadow:0 0 0 4px #d977061f}.join-name-input[data-astro-cid-tpjnvch6]{box-sizing:border-box;color:#0f172a;background:#f8fafc;border:2px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:.75rem 1rem;font-size:1.05rem;font-weight:600;transition:border-color .15s,background .15s}.join-name-input[data-astro-cid-tpjnvch6]:focus{background:#fff;border-color:#d97706}.join-error-msg[data-astro-cid-tpjnvch6]{color:#b91c1c;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:1rem;padding:.65rem .9rem;font-size:.88rem;font-weight:700;display:none}.btn-join-submit[data-astro-cid-tpjnvch6]{color:#fff;cursor:pointer;background:#1e3a29;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.95rem 1.25rem;font-size:1.1rem;font-weight:800;transition:background .15s,transform .1s;display:flex}.btn-join-submit[data-astro-cid-tpjnvch6]:hover{background:#14281c}.btn-join-submit[data-astro-cid-tpjnvch6]:active{transform:scale(.99)}.btn-join-submit[data-astro-cid-tpjnvch6]:disabled{opacity:.65;cursor:wait}.teacher-callout-bar[data-astro-cid-tpjnvch6]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.teacher-callout-text[data-astro-cid-tpjnvch6]{color:#334155;margin:0;font-size:.92rem}.teacher-callout-link[data-astro-cid-tpjnvch6]{color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.88rem;font-weight:800;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.teacher-callout-link[data-astro-cid-tpjnvch6]:hover{background:#f1f5f9;border-color:#0f172a}