.join-cards:not([hidden]){display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:1.25rem;width:100%}.join-card{display:flex;flex-direction:column;align-items:center;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:16px;padding:1.25rem}.join-card__header{display:flex;flex-direction:row;align-items:center;gap:.75rem;width:100%}.join-card__icon{width:44px;height:44px;flex-shrink:0;color:var(--text-muted)}.join-card__text{display:flex;flex-direction:column;gap:.2rem;align-items:start}.join-card__title{font-size:1rem;font-weight:700;color:var(--text)}.join-card__desc{font-size:.78rem;color:var(--text-muted);line-height:1.3}.join-card__body{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;width:100%}.join-card__body>.btn{width:100%}.join-card--single{max-width:400px;margin:1.25rem auto}@media(min-width:641px){.join-cards:not([hidden]){grid-template-columns:repeat(2,1fr)}.join-card__header{flex-direction:column;text-align:center}.join-card__text{align-items:center}.join-card__icon{width:80px;height:80px}.join-card__title{font-size:1.1rem}}.join-card .difficulty-btn{padding:.85rem .75rem;font-size:.95rem;border:1px solid transparent}.join-card .difficulty-btn.active{background:#e9456026;border-color:transparent;color:var(--text)}.join-card .difficulty-btn:hover{border-color:transparent;color:var(--text)}#invite-join{display:flex;flex-direction:column;gap:.75rem}#invite-join[hidden],.card-form[hidden]{display:none}.invite-msg{color:var(--text-muted);font-size:1rem;margin-bottom:.25rem}.invite-code{color:var(--primary);font-weight:700;letter-spacing:2px}#btn-share.copied{background:var(--success);border-color:var(--success);color:#fff}