.qyg-join{margin:0 auto;max-width:36rem;min-height:100dvh;background:var(--qyg-bg-page);font-family:var(--qyg-font-ui);color:var(--qyg-ink)}.qyg-join,.qyg-join-body{display:flex;flex-direction:column}.qyg-join-body{gap:14px;padding:16px 14px calc(20px + env(safe-area-inset-bottom))}.qyg-join-countdown{align-self:center;border-radius:var(--qyg-r-pill);border:1px solid var(--qyg-border);background:var(--qyg-bg-pill);padding:6px 14px;font-size:12px;font-weight:800;color:var(--qyg-link)}.qyg-join-pick{display:flex;flex-direction:column;gap:7px}.qyg-join-prompt{text-align:center;font-size:14px;font-weight:700;color:var(--qyg-ink-strong)}.qyg-join-cards{display:flex;gap:10px}.qyg-join-choice{flex:1;min-width:0;gap:5px}.qyg-join-choice,.qyg-join-team{display:flex;flex-direction:column}.qyg-join-team{width:100%;height:68px;border-radius:var(--qyg-r-card);border:1.5px solid var(--qyg-border);background:var(--qyg-bg-card);color:var(--color-team-dark);align-items:center;justify-content:center;gap:2px;padding:0 6px;text-align:center}.qyg-join-team-selected{border-color:var(--color-team);background:var(--color-team);color:#fff;box-shadow:var(--qyg-shadow-cta)}.qyg-join-team-emoji{font-size:22px;line-height:1}.qyg-join-team-name{font-size:14px;font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qyg-join-count{text-align:center;font-size:10.5px;color:var(--qyg-ink-faint)}.qyg-join-form{gap:14px}.qyg-join-field,.qyg-join-form{display:flex;flex-direction:column}.qyg-join-field{gap:6px}.qyg-join-label{font-size:13px;font-weight:700;color:var(--qyg-ink-strong)}.qyg-join-optional{font-weight:400;color:var(--qyg-ink-faint)}.qyg-join-input{height:50px;width:100%;border-radius:var(--qyg-r-inset);border:1.5px solid var(--qyg-border);background:var(--qyg-bg-card);padding:0 14px;font-size:16px;color:var(--qyg-ink);outline:none}.qyg-join-input::placeholder{color:var(--qyg-ink-faint)}.qyg-join-input:focus{border-color:var(--color-team)}.qyg-join-help{font-size:10.5px;color:var(--qyg-ink-faint)}.qyg-join-cta{height:52px;border-radius:var(--qyg-r-button);background:var(--color-team);color:#fff;box-shadow:var(--qyg-shadow-cta);display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:800;font-family:var(--qyg-font-display);font-weight:var(--qyg-weight-display)}.qyg-join-cta:disabled{background:var(--qyg-cta-disabled-bg);color:var(--qyg-cta-disabled-text);box-shadow:none}.qyg-join-error{font-size:12.5px;color:var(--qyg-danger)}.qyg-join-recovery{flex-direction:column}.qyg-join-recovery,.qyg-join-recovery-row{display:flex;gap:8px}.qyg-join-recovery-row .qyg-join-input{flex:1;min-width:0;height:44px}.qyg-join-recovery-button{flex:none;min-height:44px;border-radius:var(--qyg-r-button);border:1.5px solid var(--color-team);background:var(--qyg-bg-card);padding:0 14px;font-size:12.5px;font-weight:700;color:var(--color-team-dark)}.qyg-join-reassurance{text-align:center;font-size:10.5px;color:var(--qyg-ink-faint)}.qyg-join-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:0 20px;border-top:1px solid var(--qyg-border);padding-top:4px}.qyg-join-footer-link{display:flex;align-items:center;white-space:nowrap;min-height:44px;padding:0 4px;font-size:12.5px;font-weight:700;color:var(--qyg-link)}.qyg-join-spinner{width:14px;height:14px;flex:none;border-radius:var(--qyg-r-pill);border:2px solid;border-top:2px solid transparent;animation:qyg-join-spin .7s linear infinite}@keyframes qyg-join-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.qyg-join-spinner{animation-duration:2.4s}}.qyg-join-sent{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:28px 8px 36px}.qyg-join-sent-icon{font-size:44px;line-height:1}.qyg-join-sent-title{margin:6px 0 0;font-family:var(--qyg-font-display);font-weight:var(--qyg-weight-display);font-size:24px;color:var(--qyg-ink)}.qyg-join-sent-body{margin:0;max-width:20rem;font-size:14.5px;line-height:1.45;color:var(--qyg-ink-secondary);overflow-wrap:anywhere}.qyg-join-sent-retry{margin:10px 0 0;max-width:20rem;font-size:12.5px;line-height:1.45;color:var(--qyg-ink-faint)}.qyg-join-sent-retry a{color:var(--qyg-ink-secondary);text-decoration:underline;text-underline-offset:2px;cursor:pointer}