.collections{padding:45px 0 0}.favorites-filter{display:flex;align-items:center;gap:9px;background:none;border:1px solid var(--line);border-radius:7px;padding:10px 13px;font-size:13px;color:var(--muted)}.favorites-filter b{font-size:10px;font-weight:500}.favorites-filter[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}.collection-card{border:1px solid var(--line);border-radius:10px;position:relative;background:var(--surface);transition:border-color .2s,transform .25s;transform-style:preserve-3d}.collection-card:hover,.collection-card:focus-within{border-color:var(--card-color)}.collection-open{display:block;width:100%;text-align:left;border:0;padding:0;background:none;border-radius:10px;overflow:hidden}.collection-image{width:100%;height:auto;aspect-ratio:1.08;object-fit:cover;display:block;transition:transform .35s}.collection-card:hover .collection-image{transform:scale(1.035)}.collection-caption{padding:18px;display:block;background:var(--surface)}.collection-caption small{display:block;color:var(--card-color);font-size:8px;letter-spacing:1.3px;font-weight:700;margin-bottom:9px}.collection-caption strong{font-size:15px;letter-spacing:-.4px;display:flex;justify-content:space-between;align-items:center;gap:12px}.collection-caption strong span{font-size:20px;color:var(--muted);font-weight:400}.favorite{position:absolute;right:12px;top:12px;border:1px solid #ffffff40;background:#11131999;color:#f3f4f1;width:33px;height:33px;border-radius:7px;font-size:23px;display:grid;place-items:center;line-height:1;z-index:1}.favorite[aria-pressed=true]{color:#d0f570;border-color:#d0f570}.empty-favorites{grid-column:1/-1;padding:30px 0;color:var(--muted);font-size:13px}#collection-dialog{padding:0;overflow:hidden}.collection-close{position:absolute;right:12px;top:12px;background:#101113bb;color:#f3f4f1;border-radius:6px;z-index:1}#collection-cover{width:100%;height:260px;object-fit:cover;display:block}.collection-detail{padding:25px}.collection-detail h2{font-size:25px}.collection-detail>p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted);margin:16px 0 22px}.collection-detail>.dialog-note{margin-bottom:0!important}.reveal-ready{opacity:0;transform:translateY(16px)}.reveal-ready.revealed{opacity:1;transform:none;transition:opacity .55s,transform .55s}@media(max-width:1024px){.collection-caption{padding:15px}.collection-caption strong{font-size:12px}}@media(max-width:767px){.collections{padding-top:32px}.collections .section-heading{flex-direction:row;align-items:center;gap:16px}.collections h2{font-size:23px}.favorites-filter span{display:none}.favorites-filter{font-size:20px;padding:8px}.collection-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.collection-caption{padding:14px}.collection-caption strong{font-size:12px;line-height:1.4}.collection-caption small{font-size:7px;letter-spacing:.7px}.favorite{width:29px;height:29px;font-size:20px;right:9px;top:9px}#collection-cover{height:220px}}@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.collection-card{transform:none!important}}

.collection-image[src$="champions-2026.png"],#collection-cover[src$="champions-2026.png"]{object-fit:contain;background:#101113}
.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:none}@media(max-width:767px){.collection-grid{max-width:none}}

@media(min-width:768px){.collection-image{aspect-ratio:16/9}}
.collection-card{transform-style:flat;isolation:isolate}.collection-open{position:relative;z-index:0}.favorite{z-index:2;touch-action:manipulation}.favorite:active{transform:none}

.collection-media{position:relative;overflow:hidden;border-radius:9px 9px 0 0;background:#101113}
.collection-preview{display:block;width:100%;padding:0;border:0;background:none;text-align:left;position:relative}
.collection-preview:active,.collection-open:active{transform:none}
.reveal-hint{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:14px;border:1px solid #ffffff30;border-radius:6px;padding:7px 10px;font-size:9px;color:#fff;background:#101113b8;backdrop-filter:blur(8px)}
.reveal-hint b{font-size:14px;font-weight:400}
.collection-reveal{position:absolute;inset:auto 0 0;padding:36px 20px 18px;z-index:2;background:linear-gradient(transparent,#101113ed 25%,#101113 100%);color:#f3f4f1;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none}
.is-revealed .collection-reveal{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.collection-reveal p{font-size:14px;font-weight:700;margin:0 0 6px;line-height:1.5;letter-spacing:-.3px}
.collection-reveal small{display:block;font-size:10px;color:#a2a5ad;line-height:1.6}
.reveal-details{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;margin-top:12px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--card-color) 55%,transparent);border-radius:6px;background:color-mix(in srgb,var(--card-color) 12%,#101113);color:var(--card-color);font-size:11px;font-weight:700;min-height:38px}
.reveal-details:hover{background:var(--card-color);color:#101113}
.collection-card .favorite{z-index:3}
@media(max-width:767px){.collection-reveal{padding:30px 14px 14px}.collection-reveal p{font-size:12px}.collection-reveal small{font-size:9px}.reveal-hint{top:9px;left:9px;font-size:8px;padding:6px 8px;gap:8px}.reveal-details{min-height:40px}}
@media(max-width:520px){.collection-grid{grid-template-columns:1fr}.collection-image{aspect-ratio:16/10}.collection-caption strong{font-size:15px}.collection-caption small{font-size:8px}}

#collection-dialog{overflow:auto;overscroll-behavior:contain;max-height:88dvh}
#collection-cover{height:clamp(120px,32vh,260px)}
#collection-dialog .collection-close{position:sticky;top:12px;float:right;margin:12px 12px -48px 0;z-index:4;display:block}
.collection-caption small{font-size:10px;letter-spacing:.8px}
.favorite{width:38px;height:38px}
.collection-card[data-collection-game=valorant] .collection-reveal{--card-color:#ff8791}
.collection-card[data-collection-game=fortnite] .collection-reveal{--card-color:#98b6ff}
.empty-favorites{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;border:1px dashed var(--line);border-radius:10px;min-height:270px;padding:32px}
.empty-favorites>span{color:var(--accent);font-size:36px}
.empty-favorites strong{color:var(--text);font-size:20px;letter-spacing:-.6px}
.empty-favorites p{margin:0;max-width:400px;font-size:12px;line-height:1.8}

/* v5: two static game posters, inspired by Image Overlay Carousel composition. */
@media(min-width:768px){
  .collection-card{overflow:hidden;border-radius:12px;background:#101113;box-shadow:0 8px 25px #00000012}
  .collection-media{border-radius:11px;overflow:hidden}
  .collection-image{aspect-ratio:16/9;object-fit:cover}
  .collection-open{position:absolute;inset:auto 0 0;z-index:3;border-radius:0 0 11px 11px;color:#fff;background:linear-gradient(transparent,#080a0ddb 48%,#080a0dfa);padding:60px 24px 22px;min-height:155px}
  .collection-caption{padding:0;background:transparent}
  .collection-caption small{font-size:10px;letter-spacing:1.4px;color:#ff9da6;margin-bottom:9px}
  .collection-card[data-collection-game=fortnite] .collection-caption small{color:#b7caff}
  .collection-caption strong{font-size:26px;letter-spacing:-.8px;line-height:1.2}
  .collection-caption strong>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff40;border-radius:50%;color:#fff;font-size:21px;transition:background .2s,translate .2s}
  .collection-open:hover strong>span{background:#ffffff18;translate:2px -2px}
  .poster-caption{display:block;font-size:11px;font-weight:400;line-height:1.6;color:#c5c7cc;margin-top:8px}
  .collection-card .favorite{z-index:5;background:#0b0d13b8;backdrop-filter:blur(8px);border-color:#ffffff50;right:16px;top:16px;width:38px;height:38px}
  .reveal-hint{top:16px;left:16px;font-size:10px;padding:8px 11px}
  .collection-reveal{inset:0;padding:70px 24px 160px;background:linear-gradient(#080a0de8,#080a0dea);z-index:2;display:flex;flex-direction:column;justify-content:center}
  .collection-reveal p{font-size:16px}
  .collection-reveal small{color:#c5c7cc;font-size:11px}
  .reveal-details{width:max-content;min-width:150px;background:transparent;margin-top:14px}
  .collection-preview:focus-visible,.collection-open:focus-visible{outline-offset:-4px}
}
@media(min-width:768px) and (max-width:1100px){.collection-caption strong{font-size:22px}.collection-open{padding:50px 20px 20px}.collection-reveal{padding:50px 20px 140px}.collection-reveal p{font-size:14px}.poster-caption{font-size:10px}}
@media(max-width:767px){.poster-caption{display:none}}
.collection-preview{position:absolute;top:16px;left:16px;width:auto;z-index:4;border-radius:6px}
.collection-preview .reveal-hint{position:static}
@media(max-width:767px){.collection-preview{top:9px;left:9px}}