/* The collection is a fan of its own movie posters; no generated cover needed. */
.tv-collection-art { position:relative; isolation:isolate; display:block; width:100%; height:100%; overflow:hidden; border:1px solid var(--line); border-radius:inherit; background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),var(--bg-soft); color:var(--text); pointer-events:none; container-type:inline-size; }
.tv-collection-art--card { aspect-ratio:2 / 3; }
.tv-collection-art--hero { aspect-ratio:16 / 9; }
.tv-collection-art__tab { position:absolute; z-index:9; top:5%; left:6%; display:inline-flex; align-items:center; gap:.45em; padding:.55em .7em; border:1px solid var(--line); border-radius:7px 7px 7px 0; background:var(--surface); color:var(--muted-strong); font-size:clamp(8px,3.3cqw,13px); font-weight:700; line-height:1; letter-spacing:.03em; }
.tv-collection-art__tab svg { width:1.1em; height:1.1em; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linejoin:round; }
.tv-collection-art__fan { position:absolute; inset:0; }
.tv-collection-art__poster { position:absolute; top:17%; left:15%; display:block; width:70%; height:70%; overflow:hidden; border:1px solid color-mix(in srgb,var(--text) 23%,transparent); border-radius:6px; background:var(--surface-strong); box-shadow:0 15px 26px #0008; transform-origin:50% 85%; transition:transform 180ms ease; }
.tv-collection-art__poster img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; }
.tv-collection-art__poster img[hidden] { display:none; }
.tv-collection-art__poster-fallback { display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding:14%; color:var(--muted); font-size:clamp(11px,5cqw,20px); font-weight:700; text-align:center; overflow-wrap:anywhere; }
.tv-collection-art__poster--0 { z-index:5; transform:translateY(2%); }
.tv-collection-art__poster--1 { z-index:4; transform:translateX(-17%) rotate(-8deg); }
.tv-collection-art__poster--2 { z-index:3; transform:translateX(18%) rotate(8deg); }
.tv-collection-art__poster--3 { z-index:2; transform:translateX(-31%) translateY(-2%) rotate(-14deg); }
.tv-collection-art__poster--4 { z-index:1; transform:translateX(32%) translateY(-2%) rotate(14deg); }
.movie-collection-button:hover .tv-collection-art__poster--1 { transform:translateX(-21%) rotate(-10deg); }
.movie-collection-button:hover .tv-collection-art__poster--2 { transform:translateX(22%) rotate(10deg); }
.tv-collection-art__count { position:absolute; z-index:9; right:6%; bottom:5%; padding:.5em .8em; border:1px solid #ffffff3b; border-radius:99px; background:#101216eb; color:#fff; font-size:clamp(9px,3.5cqw,13px); font-weight:650; line-height:1.1; font-variant-numeric:tabular-nums; box-shadow:0 3px 12px #0006; }
.tv-collection-art__empty { position:absolute; inset:20% 10% 16%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8%; text-align:center; }
.tv-collection-art__empty svg { width:45%; max-height:40%; fill:var(--surface-strong); stroke:var(--accent); stroke-width:2; stroke-linejoin:round; }
.tv-collection-art__empty span { color:var(--text); font-size:clamp(15px,8cqw,32px); font-weight:750; line-height:1.15; overflow-wrap:anywhere; }
.tv-collection-art--hero .tv-collection-art__tab { top:7%; left:5%; font-size:clamp(10px,2cqw,14px); }
.tv-collection-art--hero .tv-collection-art__poster { top:11%; left:36%; width:28%; height:auto; aspect-ratio:2 / 3; }
.tv-collection-art--hero .tv-collection-art__poster--1 { transform:translateX(-64%) rotate(-6deg); }
.tv-collection-art--hero .tv-collection-art__poster--2 { transform:translateX(65%) rotate(6deg); }
.tv-collection-art--hero .tv-collection-art__poster--3 { transform:translateX(-121%) translateY(1%) rotate(-11deg); }
.tv-collection-art--hero .tv-collection-art__poster--4 { transform:translateX(122%) translateY(1%) rotate(11deg); }
.tv-collection-art--hero .tv-collection-art__count { right:5%; bottom:7%; font-size:clamp(10px,2cqw,14px); }
@media (prefers-reduced-motion:reduce) { .tv-collection-art__poster { transition:none; } .movie-collection-button:hover .tv-collection-art__poster--1 { transform:translateX(-17%) rotate(-8deg); } .movie-collection-button:hover .tv-collection-art__poster--2 { transform:translateX(18%) rotate(8deg); } }
@media (forced-colors:active) { .tv-collection-art,.tv-collection-art__tab,.tv-collection-art__count { border-color:CanvasText; background:Canvas; color:CanvasText; } .tv-collection-art__poster { border-color:CanvasText; } }