.card.svelte-7kqmp0{display:flex;flex-direction:column;gap:6px;text-align:left;scroll-snap-align:start;flex:0 0 auto;width:clamp(132px,22vw,184px)}.poster.svelte-7kqmp0{position:relative;aspect-ratio:2 / 3;border-radius:var(--card-radius);overflow:hidden;background:var(--surface);box-shadow:0 4px 14px #00000059;transition:transform var(--t),box-shadow var(--t)}.poster.svelte-7kqmp0 img:where(.svelte-7kqmp0),.preview.svelte-7kqmp0{width:100%;height:100%;object-fit:cover}.preview.svelte-7kqmp0{position:absolute;inset:0;z-index:1;animation:svelte-7kqmp0-fade var(--t) ease forwards}@keyframes svelte-7kqmp0-fade{0%{opacity:0}to{opacity:1}}.card.svelte-7kqmp0:hover .poster:where(.svelte-7kqmp0){transform:translateY(-4px) scale(1.03);box-shadow:0 12px 30px #00000080}.card.svelte-7kqmp0:hover .poster:where(.svelte-7kqmp0) img:where(.svelte-7kqmp0){filter:brightness(.75)}.badges.svelte-7kqmp0{position:absolute;top:8px;left:8px;z-index:2;display:flex;gap:5px}.overlay.svelte-7kqmp0{position:absolute;inset:0;z-index:2;display:grid;place-items:center;opacity:0;transition:opacity var(--t);pointer-events:none}.card.svelte-7kqmp0:hover .overlay:where(.svelte-7kqmp0){opacity:1}.play.svelte-7kqmp0{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 92%,transparent);color:var(--on-accent);font-size:1rem;padding-left:3px}.bar.svelte-7kqmp0{position:absolute;left:0;right:0;bottom:0;z-index:2;height:4px;background:#ffffff40}.bar.svelte-7kqmp0 span:where(.svelte-7kqmp0){display:block;height:100%;background:var(--accent)}.title.svelte-7kqmp0{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub.svelte-7kqmp0{font-size:.74rem;color:var(--text-dim)}