.anime-card{background:var(--bg-card);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.anime-card:hover{box-shadow:0 20px 40px #0006,0 0 30px var(--primary-glow);transform:translateY(-8px)}.card-rank{z-index:10;background:var(--gradient-primary);padding:var(--space-sm)var(--space-md);border-radius:0 0 var(--radius-md)0;position:absolute;top:0;left:0}.rank-number{font-size:var(--font-size-lg);color:#fff;font-weight:800}.card-image{aspect-ratio:3/4;border-radius:var(--radius-md)var(--radius-md)0 0;position:relative;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow),opacity .3s ease}.anime-card:hover .card-image img{transform:scale(1.1)}.card-skeleton{position:absolute;inset:0}.card-badges{top:var(--space-sm);left:var(--space-sm);gap:var(--space-xs);z-index:5;flex-wrap:wrap;display:flex;position:absolute}.card-rating{top:var(--space-sm);right:var(--space-sm);color:gold;border-radius:var(--radius-sm);font-size:var(--font-size-xs);z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;align-items:center;gap:4px;padding:4px 8px;font-weight:600;display:flex;position:absolute}.card-rating svg{font-size:12px}.card-play-overlay{opacity:0;transition:opacity var(--transition-normal);z-index:4;background:linear-gradient(#0000 50%,#000c 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.anime-card:hover .card-play-overlay{opacity:1}.play-btn{background:var(--gradient-primary);color:#fff;width:60px;height:60px;transition:transform var(--transition-fast);box-shadow:0 4px 20px var(--primary-glow);border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex}.play-btn:hover{transform:scale(1.1)}.play-btn svg{margin-left:4px}.card-episode-count{bottom:var(--space-sm);right:var(--space-sm);color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;padding:4px 10px;font-weight:600;position:absolute}.card-content{padding:var(--space-md)}.card-title{font-size:var(--font-size-sm);color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;transition:color var(--transition-fast);-webkit-box-orient:vertical;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.anime-card:hover .card-title{color:var(--primary)}.card-meta{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-xs)}.anime-card.compact .card-content{padding:var(--space-sm)}.anime-card.compact .card-title{font-size:var(--font-size-xs);-webkit-line-clamp:1;line-clamp:1}@media (max-width:768px){.anime-card{border-radius:var(--radius-md)}.anime-card:hover{transform:translateY(-4px)}.play-btn{width:44px;height:44px;font-size:18px}.card-content{padding:var(--space-sm)}.card-title{font-size:var(--font-size-xs);-webkit-line-clamp:1;line-clamp:1}.card-rank{padding:4px 8px}.rank-number{font-size:var(--font-size-sm)}.card-badges .badge{padding:2px 5px;font-size:9px}.card-rating{padding:2px 5px;font-size:10px}.card-episode-count{padding:2px 6px;font-size:10px}}@media (max-width:480px){.anime-card{border-radius:8px}.anime-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.play-btn{width:36px;height:36px;font-size:14px}.card-content{padding:6px}.card-title{font-size:10px;line-height:1.3}.card-meta{margin-top:2px;font-size:9px}.card-rank{border-radius:0 0 6px;padding:3px 6px}.rank-number{font-size:var(--font-size-xs)}.card-badges{gap:2px;top:4px;left:4px}.card-badges .badge{padding:1px 4px;font-size:8px}.card-rating{gap:2px;padding:2px 4px;font-size:9px;top:4px;right:4px}.card-rating svg{font-size:9px}.card-episode-count{padding:2px 5px;font-size:9px;bottom:4px;right:4px}}@media (max-width:360px){.card-content{padding:5px}.card-title{font-size:9px}.card-badges .badge{padding:1px 3px;font-size:7px}.play-btn{width:32px;height:32px;font-size:12px}}