.card.svelte-1kkvssz{display:flex;flex-direction:column;gap:var(--s-1);flex:none;scroll-snap-align:start}.art.svelte-1kkvssz{position:relative;width:100%;aspect-ratio:2 / 3;border-radius:var(--border-radius);overflow:hidden;background:var(--surface);transition:transform var(--t) var(--ease),box-shadow var(--t) var(--ease)}.art.svelte-1kkvssz img,.art.svelte-1kkvssz .stub{height:100%}.score.svelte-1kkvssz{position:absolute;top:6px;left:6px;padding:2px 7px;border-radius:var(--r-full);background:#0a0a0acc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:var(--fs-tiny);font-weight:500;color:#ffd479}.progress.svelte-1kkvssz{position:absolute;inset:auto 0 0;height:3px;background:#00000080}.progress.svelte-1kkvssz i:where(.svelte-1kkvssz){display:block;height:100%;background:var(--accent)}.veil.svelte-1kkvssz{position:absolute;inset:0;display:grid;place-items:center;background:#0a0a0a40;opacity:0;transition:opacity var(--t) var(--ease)}.art.svelte-1kkvssz .frame,.art.svelte-1kkvssz .stub{transition:filter .26s var(--ease),transform .32s var(--ease-out)}.play.svelte-1kkvssz{padding:9px 18px;border-radius:var(--r-full);background:var(--accent);color:#fff;font-size:var(--fs-sub);font-weight:600;box-shadow:0 12px 30px #0a0a0a99;transform:translateY(8px) scale(.94);transition:transform .26s var(--ease-out)}@media(hover:hover){.card.svelte-1kkvssz:hover .art:where(.svelte-1kkvssz){transform:translateY(-3px);box-shadow:var(--glow-sm)}.card.svelte-1kkvssz:hover .art:where(.svelte-1kkvssz) .frame,.card.svelte-1kkvssz:hover .art:where(.svelte-1kkvssz) .stub{filter:blur(1.5px) brightness(.66);transform:scale(1.04)}.card.svelte-1kkvssz:hover .veil:where(.svelte-1kkvssz){opacity:1}.card.svelte-1kkvssz:hover .play:where(.svelte-1kkvssz){transform:none}}.name.svelte-1kkvssz{font-size:var(--fs-sub);font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta.svelte-1kkvssz{font-size:var(--fs-tiny);color:var(--text-muted)}