.community-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.community-header .page-title{margin-bottom:0}.community-subtitle{color:var(--text-muted);margin-top:var(--space-sm);margin-bottom:0;font-size:1rem}.community-admin-controls{gap:var(--space-md);margin-top:var(--space-md);display:flex}.communities-container{min-height:200px}.community-card-skeleton{background:var(--surface-2);border:1px solid var(--border-color);border-radius:var(--radius-lg);opacity:0;animation:.3s forwards community-card-fade-in;overflow:hidden}.community-card-skeleton:first-child{animation-delay:0s}.community-card-skeleton:nth-child(2){animation-delay:.1s}.community-card-skeleton:nth-child(3){animation-delay:.2s}@keyframes community-card-fade-in{to{opacity:1}}.community-card-skeleton .skeleton-banner{background:linear-gradient(90deg, var(--surface-3) 25%, var(--surface-4) 50%, var(--surface-3) 75%);background-size:200% 100%;width:100%;height:120px;animation:1.5s infinite skeleton-loading}.community-card-skeleton .skeleton-body{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);display:flex}.community-card-skeleton .skeleton-icon{background:linear-gradient(90deg, var(--surface-3) 25%, var(--surface-4) 50%, var(--surface-3) 75%);border:3px solid var(--surface-2);background-size:200% 100%;border-radius:22%;flex-shrink:0;width:56px;height:56px;margin-top:-36px;animation:1.5s infinite skeleton-loading;box-shadow:0 4px 12px #0000004d}.community-card-skeleton .skeleton-info{gap:var(--space-xs);padding-top:var(--space-xs);flex-direction:column;flex:1;display:flex}.community-card-skeleton .skeleton-title{background:linear-gradient(90deg, var(--surface-3) 25%, var(--surface-4) 50%, var(--surface-3) 75%);background-size:200% 100%;border-radius:4px;width:60%;height:20px;animation:1.5s infinite skeleton-loading}.community-card-skeleton .skeleton-description{background:linear-gradient(90deg, var(--surface-3) 25%, var(--surface-4) 50%, var(--surface-3) 75%);background-size:200% 100%;border-radius:4px;width:90%;height:14px;animation:1.5s .1s infinite skeleton-loading}.community-card-skeleton .skeleton-stats{gap:var(--space-md);margin-top:var(--space-sm);display:flex}.community-card-skeleton .skeleton-stat{background:linear-gradient(90deg, var(--surface-3) 25%, var(--surface-4) 50%, var(--surface-3) 75%);background-size:200% 100%;border-radius:4px;width:60px;height:12px;animation:1.5s .2s infinite skeleton-loading}.community-card-skeleton .skeleton-platform{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--surface-3) 25%, var(--surface-4) 50%, var(--surface-3) 75%);background-size:200% 100%;flex-shrink:0;width:32px;height:32px;animation:1.5s infinite skeleton-loading}.community-card:first-child{animation-delay:0s}.community-card:nth-child(2){animation-delay:50ms}.community-card:nth-child(3){animation-delay:.1s}.community-card:nth-child(4){animation-delay:.15s}.community-card:nth-child(5){animation-delay:.2s}.community-card:nth-child(6){animation-delay:.25s}.community-card:nth-child(7){animation-delay:.3s}.community-card:nth-child(8){animation-delay:.35s}.community-card:nth-child(9){animation-delay:.4s}.community-card:nth-child(10){animation-delay:.45s}.communities-empty{padding:var(--space-3xl);color:var(--text-muted);justify-content:center;align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;display:flex}.communities-empty .empty-icon{opacity:.5;width:64px;height:64px}.communities-empty h3{color:var(--text-primary);margin:0;font-size:1.25rem}.communities-empty p{max-width:300px;margin:0}.communities-list{gap:var(--space-lg);flex-direction:column;display:flex}.community-card{opacity:0;background:var(--surface-2);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s;animation:.4s forwards community-card-fade-in;overflow:hidden}.community-card:hover{border-color:var(--card-accent-color,rgba(var(--color-brand-rgb), .45));box-shadow:0 0 30px var(--card-glow-color,rgba(var(--color-brand-rgb), .08));transform:translateY(-2px)}.communities-list.admin-reorderable .community-card{cursor:grab}.communities-list.admin-reorderable .community-card:active{cursor:grabbing}.communities-list.is-dragging .community-card:not(.dragging):hover{border-color:var(--border-color);transform:none}.communities-list.is-dragging .community-card .community-card-expanded{max-height:0!important;padding:0 var(--space-lg)!important}.communities-list.is-dragging .community-card .community-card-banner{height:120px!important}.communities-list.is-dragging .community-card .community-card-banner:after{opacity:1!important}.community-card.dragging{opacity:.4;z-index:100;transform:scale(.98)!important}.community-card-placeholder{background:linear-gradient(135deg, rgba(var(--color-brand-rgb), .1) 0%, rgba(var(--color-brand-rgb), .05) 100%);border:2px dashed var(--primary);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);min-height:80px;transition:all .15s}.communities-list.is-dragging .community-card:not(.dragging){transition:border-color .15s;box-shadow:none!important;transform:none!important}.community-card.community-card-hidden{opacity:.6;border-style:dashed}.community-card.refreshing{pointer-events:none;position:relative}.community-card.refreshing:after{content:"Refreshing...";color:var(--color-brand);font-family:var(--font-minecraft);z-index:10;background:#000000b3;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute;inset:0}.community-card-banner{background:var(--surface-3);width:100%;height:120px;transition:height .4s;position:relative;overflow:hidden}.community-card-banner:after{content:"";pointer-events:none;background:#00000073;transition:opacity .3s;position:absolute;inset:0}.community-card.expanded .community-card-banner:after{opacity:0}.community-card-banner img,.community-card-banner canvas{object-fit:cover;object-position:center;width:100%;height:100%;transition:all .4s}.community-card-banner.is-gif img:not(.gif-static-frame){display:none}.community-card-banner.is-gif .gif-static-frame,.community-card-banner.is-gif canvas,.community-card.expanded .community-card-banner.is-gif img:not(.gif-static-frame){display:block}.community-card.expanded .community-card-banner.is-gif .gif-static-frame,.community-card.expanded .community-card-banner.is-gif canvas{display:none}.community-card-banner.is-gif.gif-no-canvas img{filter:blur(.5px)saturate(.8);display:block}.community-card.expanded .community-card-banner.is-gif.gif-no-canvas img{filter:none}.community-card.expanded .community-card-banner{height:280px}.community-card.expanded .community-card-banner img,.community-card.expanded .community-card-banner canvas{object-fit:cover;height:100%}.community-card-banner-placeholder{background:var(--surface-2)}.community-card-banner-placeholder:after{display:none}.community-card-body{align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--surface-2);border-top:1px solid var(--border-color);display:flex;position:relative}.community-card-icon{background:var(--surface-3);border:3px solid var(--surface-2);z-index:2;border-radius:22%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-top:-36px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d}.community-card-icon img{object-fit:cover;width:100%;height:100%}.community-icon-placeholder{width:100%;height:100%;color:var(--text-muted);background:var(--surface-4);font-size:1.5rem;font-weight:700;font-family:var(--font-minecraft);justify-content:center;align-items:center;display:flex}.community-card-info{min-width:0;padding-top:var(--space-xs);flex:1}.community-card-header{align-items:baseline;gap:var(--space-sm);flex-wrap:wrap;display:flex}.community-card-name{color:var(--text-primary);font-size:1.1rem;font-weight:600;font-family:var(--font-minecraft);margin:0}.community-card-summary{color:var(--text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.community-card-stats{align-items:center;gap:var(--space-md);margin-top:var(--space-sm);display:flex}.community-stat{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;display:flex}.stat-dot{border-radius:50%;width:8px;height:8px}.stat-dot-total{background:var(--text-muted)}.stat-dot-online{background:var(--color-brand)}.community-card-badges{gap:var(--space-xs);margin-top:var(--space-xs);display:flex}.community-hidden-badge,.community-stale-badge,.community-error-badge{border-radius:var(--radius-sm);padding:2px 6px;font-size:.65rem;font-weight:500}.community-hidden-badge{background:var(--surface-4);color:var(--text-muted)}.community-stale-badge{color:#eab308;background:#eab30833}.community-error-badge{color:#ef4444;background:#ef444433}.community-card-platform{justify-content:center;align-items:center;gap:var(--space-sm);flex-direction:column;flex-shrink:0;align-self:stretch;display:flex}.community-card-platform:has(.community-admin-buttons){padding-top:var(--space-xs);justify-content:flex-start}.community-platform-icon{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.community-platform-icon.discord{color:#5865f2}.community-platform-icon.youtube{color:red}.community-platform-icon.reddit{color:#ff4500}.community-platform-icon.twitter{color:#1da1f2}.community-platform-icon svg{width:28px;height:28px}.community-card-admin{gap:var(--space-xs);display:flex}.community-admin-btn{background:var(--surface-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.community-admin-btn:hover{background:var(--surface-4);color:var(--text-primary);border-color:var(--color-brand)}.community-card-expanded{max-height:0;padding:0 var(--space-lg);background:var(--surface-3);transition:all .3s;overflow:hidden}.community-card.expanded .community-card-expanded{max-height:500px;padding:var(--space-md) var(--space-lg)}.community-card-full-description{color:var(--text-secondary);margin:0 0 var(--space-md) 0;word-wrap:break-word;overflow-wrap:break-word;font-size:.9rem;line-height:1.5}.community-card-actions{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.community-card-actions .community-admin-btn{background:var(--surface-4);border:1px solid var(--border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.community-card-actions .community-admin-btn:hover{background:var(--surface-5);color:var(--text-primary);border-color:var(--primary)}.community-card-join{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.community-card-join.platform-youtube{color:red;background:0 0;border-color:red}.community-card-join.platform-youtube:hover{color:red;background:#f003;border-color:red}.community-card-join.platform-discord{color:#5865f2;background:0 0;border-color:#5865f2}.community-card-join.platform-discord:hover{color:#5865f2;background:#5865f233;border-color:#5865f2}.community-card-join.platform-reddit{color:#ff4500;background:0 0;border-color:#ff4500}.community-card-join.platform-reddit:hover{color:#ff4500;background:#ff450033;border-color:#ff4500}.community-card-join.platform-twitter{color:#1da1f2;background:0 0;border-color:#1da1f2}.community-card-join.platform-twitter:hover{color:#1da1f2;background:#1da1f233;border-color:#1da1f2}.community-edit-actions{justify-content:space-between!important}.modal-actions-right{gap:var(--space-sm);display:flex}@media (width<=768px){.community-card-banner{height:100px}.community-card.expanded .community-card-banner{height:100px;max-height:100px}.community-card.expanded .community-card-banner img,.community-card.expanded .community-card-banner canvas{object-fit:cover;height:100%;max-height:100px}.community-card-banner:after{opacity:0}.community-card-banner.is-gif img{filter:none;display:block}.community-card-banner.is-gif .gif-static-frame,.community-card-banner.is-gif canvas{display:none}.community-card-body{gap:var(--space-sm);flex-wrap:wrap}.community-card-icon{width:48px;height:48px;margin-top:-28px}.community-card-info{flex:60%}.community-card-name{font-size:.95rem}.community-card-summary{-webkit-line-clamp:1;line-clamp:1;font-size:.8rem}.community-card-stats{gap:var(--space-sm);flex-wrap:wrap}.community-card-platform{flex-direction:row}.community-card-actions .community-card-join{flex:auto;min-width:0}.community-card-actions .community-admin-btn{flex:0 0 44px;width:44px;height:44px}.form-actions-split{gap:var(--space-md);flex-direction:column}.form-actions-right{justify-content:flex-end;width:100%}}
