.media-image{background-color:var(--media-image-bg,#f0f0f0);overflow:hidden;position:relative;width:100%}.media-image>*{height:100%;left:0;position:absolute;top:0;width:100%}.media-image__placeholder{transition:opacity .3s ease-out;z-index:1}.media-image__placeholder--thumbhash{background-repeat:no-repeat;filter:blur(2px);transform:scale(1.05)}.media-image__placeholder--skeleton{animation:media-image-shimmer 1.5s linear infinite;background:linear-gradient(90deg,var(--media-image-skeleton-base,#e0e0e0) 25%,var(--media-image-skeleton-highlight,#f5f5f5) 50%,var(--media-image-skeleton-base,#e0e0e0) 75%);background-size:200% 100%}@keyframes media-image-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.media-image__img{height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .3s ease-out;width:100%;z-index:2}.media-image__blur-fill{background-position:50%;background-repeat:no-repeat;background-size:cover;filter:blur(20px) saturate(150%);opacity:0;pointer-events:none;transform:scale(1.15);transition:opacity .3s ease-out;z-index:1}.media-image__blur-fill--active{opacity:1}.media-image__blur-fill:after{background:rgba(0,0,0,.3);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.media-image[data-state=idle] .media-image__img{opacity:0}.media-image[data-state=loaded] .media-image__img{opacity:1}.media-image[data-state=loaded] .media-image__placeholder{opacity:0;pointer-events:none}.media-image[data-state=error] .media-image__blur-fill{opacity:0}.media-image[data-state=error]{background-color:var(--media-image-error-bg,#fafafa)}.media-image[data-state=error]:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23999' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='m21 15-5-5L5 21'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";height:24px;left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px;z-index:3}.media-image__initial{align-items:center;background-color:var(--bg-tertiary);box-sizing:border-box;color:var(--text-muted);display:flex;font-size:calc(var(--media-image-initial-size, 1em)*.42);font-weight:600;justify-content:center;line-height:1;padding-top:.08em;text-transform:uppercase;user-select:none;z-index:2}.media-image--avatar{border-radius:50%}.media-image--club-avatar{border-radius:var(--radius-club-avatar)}.media-image--rounded{border-radius:8px}.media-image--rounded-lg{border-radius:12px}.media-image--square{aspect-ratio:1/1}.media-image--video{aspect-ratio:16/9}.media-image--portrait{aspect-ratio:3/4}.media-image--landscape{aspect-ratio:4/3}.media-image--hero{aspect-ratio:21/9}.media-image--clickable{cursor:pointer}.media-image--clickable:hover .media-image__img{transform:scale(1.02)}.media-image--clickable .media-image__img{transition:opacity .3s ease-out,transform .2s ease-out}.media-image--clickable:active .media-image__img{transform:scale(.98)}@media (prefers-color-scheme:dark) and (min-width:999999px){.media-image{background-color:var(--media-image-bg-dark,#2a2a2a)}.media-image__placeholder--skeleton{background:linear-gradient(90deg,var(--media-image-skeleton-base-dark,#3a3a3a) 25%,var(--media-image-skeleton-highlight-dark,#4a4a4a) 50%,var(--media-image-skeleton-base-dark,#3a3a3a) 75%);background-size:200% 100%}.media-image__blur-fill:after{background:rgba(0,0,0,.45)}.media-image[data-state=error]{background-color:var(--media-image-error-bg-dark,#2a2a2a)}.media-image[data-state=error]:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23666' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='m21 15-5-5L5 21'/%3E%3C/svg%3E")}}@media (prefers-reduced-motion:reduce){.media-image__placeholder--skeleton{animation:none;background:var(--media-image-skeleton-base,#e0e0e0)}.media-image__blur-fill,.media-image__img,.media-image__placeholder{transition:none}.media-image--clickable .media-image__img{transition:none}.media-image--clickable:active .media-image__img,.media-image--clickable:hover .media-image__img{transform:none}}@media (min-width:768px){.media-image[data-state=error]:after{height:32px;width:32px}.media-image--rounded{border-radius:10px}.media-image--rounded-lg{border-radius:16px}}.media-image--fill{height:100%;left:0;position:absolute;top:0;width:100%}.media-image--with-overlay:before{background:linear-gradient(180deg,transparent 0,transparent 50%,rgba(0,0,0,.6));content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:3}.media-image--transparent{background-color:transparent}.media-image--bordered{border:1px solid var(--media-image-border,rgba(0,0,0,.1))}@media (prefers-color-scheme:dark) and (min-width:999999px){.media-image--bordered{border-color:var(--media-image-border-dark,hsla(0,0%,100%,.1))}}.clubs-grid-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.clubs-grid-header{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.clubs-grid-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.clubs-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.clubs-grid-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-xs);-webkit-tap-highlight-color:transparent}.clubs-grid-item:active .clubs-grid-avatar{transform:scale(.95)}.clubs-grid-avatar{border-radius:var(--radius-club-avatar);height:6.5rem;overflow:hidden;position:relative;transition:transform .2s cubic-bezier(.25,.46,.45,.94);width:6.5rem}.clubs-grid-avatar--no-image{background:var(--club-gradient)}.clubs-grid-avatar .media-image{border-radius:var(--radius-club-avatar);height:100%;width:100%}.clubs-grid-avatar .media-image img{border-radius:var(--radius-club-avatar);height:100%;object-fit:cover;width:100%}.clubs-grid-name{color:var(--text-secondary);display:-webkit-box;font-size:.9375rem;-webkit-line-clamp:2;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1}.clubs-grid-skeleton-title{border-radius:var(--border-radius-sm);height:1.25rem;width:6rem}.clubs-grid-skeleton-circle{border-radius:var(--radius-club-avatar);height:4.5rem;width:4.5rem}.clubs-grid-skeleton-name{border-radius:var(--border-radius-sm);height:.75rem;width:3.5rem}@media (min-width:768px){.clubs-grid{grid-template-columns:repeat(4,1fr)}.clubs-grid-avatar{height:5.5rem;width:5.5rem}.clubs-grid-skeleton-circle{height:5.5rem;width:5.5rem}.clubs-grid-title{font-size:var(--font-size-xl)}.platform-web .clubs-grid-item:hover .clubs-grid-avatar{transform:scale(1.05)}}@media (min-width:1024px){.clubs-grid{grid-template-columns:repeat(5,1fr)}}@media (prefers-reduced-motion:reduce){.clubs-grid-avatar{transition:none}.skeleton{animation:none}}