.card{position:relative;display:block;border-radius:12px;text-decoration:none;color:inherit;background:var(--color-bg-secondary);border:1px solid var(--color-border);padding:6px 6px 10px;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-fast)}.card:hover{transform:translateY(-5px);border-color:var(--color-border-hover);box-shadow:var(--shadow-lg),var(--shadow-glow)}.card__poster{position:relative;width:100%;aspect-ratio:2/3;border-radius:8px;overflow:hidden;background:var(--color-bg-tertiary)}.card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-slow),filter var(--transition-slow)}.card:hover .card__img{transform:scale(1.11);filter:brightness(1.06) saturate(1.08)}.card__fallback{inset:0;display:flex;justify-content:center;font-size:2.5rem;font-weight:800;color:var(--color-text-muted);background:var(--color-bg-tertiary)}.card__fallback,.card__rating{position:absolute;align-items:center}.card__rating{left:8px;top:8px;z-index:3;display:inline-flex;gap:5px;padding:3px 9px;border-radius:16px;background:rgba(6,8,12,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.625rem;color:#fff;transition:transform var(--transition-fast) .12s}.card:hover .card__rating{transform:translateY(-3px)}.card__star{width:11px;height:11px;fill:var(--color-warning)}.card__rating b{font-size:.6875rem;font-weight:700}.card__footer{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:22px 8px 8px;background:linear-gradient(180deg,transparent,rgba(4,6,10,.92) 55%)}.card__status{display:inline-flex;align-items:center;padding:3px 8px;border-radius:99px;font-size:.5625rem;font-weight:700;color:var(--color-text-secondary);white-space:nowrap}.card__status--ongoing{color:#34d399;background:rgba(16,185,129,.14)}.card__status--released{color:#60a5fa;background:rgba(59,130,246,.14)}.card__status--completed{color:var(--color-accent-bright);background:rgba(167,139,250,.14)}.card__status--hiatus{color:#fbbf24;background:rgba(245,158,11,.14)}.card__status--coming{color:#f9a8d4;background:rgba(236,72,153,.14)}.card__views{display:inline-flex;align-items:center;gap:5px;font-size:.59375rem;font-weight:700;color:#c3cad6;white-space:nowrap}.card__views svg{width:10px;height:10px;flex:none;fill:var(--color-accent)}.card__views b{font-weight:800;color:var(--color-text)}.card__overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.82));opacity:0;transition:opacity var(--transition-base)}.card:hover .card__overlay{opacity:1}.card__play{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--color-primary);box-shadow:var(--shadow-glow);transform:scale(.55);transition:transform .34s cubic-bezier(.34,1.56,.64,1) .05s}.card:hover .card__play{transform:scale(1)}.card__play svg{width:22px;height:22px;fill:#fff}.card__play-ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--color-primary);opacity:0;animation:card-pulse 1.7s ease-out .28s infinite}@keyframes card-pulse{0%{transform:scale(.85);opacity:.9}to{transform:scale(1.45);opacity:0}}.card__info{padding:10px 4px 0}.card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.64em;color:var(--color-text);font-size:.75rem;font-weight:800;line-height:1.32;transition:color var(--transition-fast) .12s,transform var(--transition-fast) .12s}.card:hover .card__title{color:var(--color-accent);transform:translateX(2px)}.card__meta{display:flex;align-items:center;gap:6px;margin-top:3px;min-height:1.3em;font-size:.65625rem;font-weight:500;line-height:1.3;color:var(--color-text-secondary)}.card__year{color:var(--color-accent)}.card__dot{width:3px;height:3px;border-radius:50%;background:var(--color-border-light);flex:none}.card__genres{margin-top:3px;min-height:1.3em;font-size:.65625rem;line-height:1.3;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-reduced-motion:reduce){.card,.card__img,.card__play,.card__play-ring,.card__rating,.card__title{transition:none;animation:none}}button.card{display:block;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}button.card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.card--selected{border-color:var(--color-primary);box-shadow:var(--shadow-lg),var(--shadow-glow)}.card--selected .card__overlay,.card--selected:hover .card__overlay{opacity:1}.card__play--pick svg{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.card--selected .card__play--pick{transform:scale(1)}