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