.membership-status-badge{align-items:center;display:inline-flex}.membership-status-badge .membership-status-badge__join-button{background:var(--interactive-neutral);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;font-family:var(--font-sans);font-weight:var(--weight-semibold);min-width:6rem;padding:var(--space-2) var(--space-4);text-align:center;transition:filter var(--duration-fast) var(--ease-default);white-space:nowrap}:is(.membership-status-badge .membership-status-badge__join-button):focus{box-shadow:var(--focus-ring);outline:none}:is(.membership-status-badge .membership-status-badge__join-button):focus-visible{outline:2px solid var(--interactive-focus);outline-offset:2px}:is(.membership-status-badge .membership-status-badge__join-button):active{filter:brightness(1.15)}:is(.membership-status-badge .membership-status-badge__join-button):disabled{cursor:not-allowed;filter:none;opacity:.6}@media (hover:hover) and (pointer:fine){:is(.membership-status-badge .membership-status-badge__join-button):hover:not(:disabled){filter:brightness(1.1)}}.membership-status-badge .membership-status-badge__badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-sans);font-size:var(--font-sm);font-weight:var(--weight-semibold);justify-content:center;min-width:6rem;padding:var(--space-2) var(--space-4);text-align:center;transition:filter var(--duration-fast) var(--ease-default);white-space:nowrap}:is(.membership-status-badge .membership-status-badge__badge):focus-visible{outline:2px solid var(--interactive-focus);outline-offset:2px}:is(.membership-status-badge .membership-status-badge__badge):active{filter:brightness(.94)}.membership-status-badge .membership-status-badge__badge--member{background:var(--color-indigo-50);color:var(--color-indigo-700)}.membership-status-badge .membership-status-badge__badge--pending{background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-muted)}.membership-status-badge .membership-status-badge__badge--admin{background:var(--badge-admin-bg);color:var(--badge-admin-text)}.membership-status-badge .membership-status-badge__badge--owner{background:var(--color-rose-450);color:var(--text-inverse)}@media (hover:hover) and (pointer:fine){.membership-status-badge .membership-status-badge__badge--admin:hover,.membership-status-badge .membership-status-badge__badge--member:hover,.membership-status-badge .membership-status-badge__badge--owner:hover{filter:brightness(1.06)}}.membership-status-badge--compact .membership-status-badge__badge,.membership-status-badge--compact .membership-status-badge__join-button{font-size:var(--font-xs);padding:var(--space-1) var(--space-3)}.membership-status-badge--regular .membership-status-badge__badge,.membership-status-badge--regular .membership-status-badge__join-button{font-size:var(--font-base);min-width:6rem;padding:var(--space-2) var(--space-4)}.club-identity-svg{opacity:.75}.club-card{background:var(--bg-primary);border:1.5px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;isolation:isolate;margin-bottom:var(--space-4);overflow:hidden;transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),filter var(--duration-fast) var(--ease-default)}@media (hover:hover) and (pointer:fine){.club-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}}.club-card:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.club-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.club-card__media{background:var(--bg-tertiary);flex-shrink:0;height:144px;overflow:hidden;position:relative;width:100%}.club-card__media .club-identity-svg,.club-card__media .club-photo,.club-card__media .media-image,.club-card__media .media-image__img{display:block;height:100%;object-fit:cover;width:100%}.club-card__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.club-card__head{display:flex;flex-direction:column;gap:var(--space-1)}.club-card__name{color:var(--text-body);font-family:var(--font-sans);font-size:var(--font-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight);margin:0}.club-card__meta-row{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.club-card__loc{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-sm);gap:var(--space-1);min-width:0}.club-card__loc svg{color:var(--text-faint);flex-shrink:0;height:14px;width:14px}.club-card__loc span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.club-card__members{align-items:center;color:var(--text-muted);display:flex;flex-shrink:0;font-family:var(--font-numeric);font-size:var(--font-sm);gap:var(--space-1)}.club-card__members svg{color:var(--text-faint);height:15px;width:15px}.club-card__schedule{display:flex;flex-direction:column;gap:var(--space-2)}.club-card__week{display:flex;gap:var(--space-1)}.club-card__day{align-items:center;background-color:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-faint);display:flex;font-family:var(--font-sans);font-size:var(--font-xs);font-weight:var(--weight-medium);height:26px;justify-content:center;width:26px}.club-card__day--weekend{margin-left:var(--space-2)}.club-card__day.is-on{background:var(--interactive-neutral);color:var(--text-inverse);font-weight:var(--weight-semibold)}.club-card__when{align-items:center;color:var(--text-body);display:flex;font-size:var(--font-base);font-weight:var(--weight-medium);gap:var(--space-1_5)}.club-card__when svg{color:var(--text-muted);flex-shrink:0;height:15px;width:15px}.club-card__when b{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold)}.club-card__foot{align-items:center;display:flex;gap:var(--space-3)}.club-card__tags{display:flex;flex:1;flex-wrap:wrap;gap:var(--space-1_5);min-width:0}.club-card__chip{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-body);display:inline-flex;font-size:var(--font-sm);font-weight:var(--weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-3);white-space:nowrap}.club-card__chip svg{height:12px;width:12px}.club-card__chip--gate{font-weight:var(--weight-semibold)}.club-card__chip--fee{background:var(--status-warning-bg);color:var(--status-warning-text);font-weight:var(--weight-semibold)}.club-card__badge-container{flex-shrink:0}@media (min-width:768px){.club-card{align-items:center;border:none;flex-direction:row;min-height:188px}@media (hover:hover) and (pointer:fine){.club-card:hover{box-shadow:none;filter:brightness(.97);transform:none}}.club-card:active{box-shadow:none;filter:brightness(.94);transform:none}.club-card__media{align-self:center;border-radius:var(--radius-club-avatar);flex:0 0 auto;height:164px;margin-left:var(--space-4);width:164px}.club-card__body{flex:1;justify-content:center}}.skeleton-club-card{animation:club-card-shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:var(--radius-xl);height:300px;margin-bottom:var(--space-4)}@keyframes club-card-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (min-width:768px){.skeleton-club-card{height:168px}}@media (prefers-reduced-motion:reduce){.club-card{transition:none}.club-card:active,.club-card:hover{transform:none}.skeleton-club-card{animation:none}}