/* Collection-only presentation; product styles remain in source-games.css. */
.source-collection{--source-accent:#f8a14b;--product-accent:#f8a14b;background:radial-gradient(ellipse at 0 400px,#d76b1210,transparent 34%),radial-gradient(ellipse at 100% 1500px,#19a0c90b,transparent 40%),#0a0c11}
.source-collection .main-content{max-width:1280px;padding:110px 28px 64px}
.collection-hero{position:relative;isolation:isolate;min-height:530px;overflow:hidden;border:1px solid #ffffff18;border-radius:24px;background:#101619;display:flex;align-items:center}
.collection-hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:68% center}
.collection-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080d13c9 0%,#080d1355 43%,transparent 73%),linear-gradient(0deg,#080d13a8,transparent 35%)}
.collection-hero-copy{padding:48px;max-width:690px}
.collection-brand{display:flex;align-items:center;gap:14px;color:#dfd4c6;font-size:10px;font-weight:700;letter-spacing:.2em}.collection-brand img{width:50px;height:50px;object-fit:contain}
.collection-hero h1{margin:24px 0 20px;font-size:clamp(40px,5.5vw,72px);line-height:1.02;letter-spacing:-.055em;color:#fff}
.collection-tagline{font-size:clamp(22px,2.6vw,34px);line-height:1.22;color:#ede7de;margin:0 0 18px;letter-spacing:-.025em}
.collection-intro{font-size:15px;line-height:1.7;color:#c4c7ca;margin:0 0 28px}
.collection-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.collection-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px;padding:12px 20px;border:1px solid #f8a14b;border-radius:8px;background:#f8a14b;color:#20160c;text-decoration:none;font-size:13px;font-weight:700;transition:background .2s,border-color .2s}
.collection-button:hover{background:#ffb46a}.collection-button.secondary{color:#eee9e3;background:#0d1216b8;border-color:#ffffff30}.collection-button.secondary:hover{background:#202a30;border-color:#ffffff70}
.collection-hero-caption{position:absolute;bottom:24px;right:28px;text-transform:uppercase;font-size:10px;letter-spacing:.15em;color:#e5e4e0}
.collection-tools{scroll-margin-top:110px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:34px 0 0;padding:0 0 22px;border-bottom:1px solid #ffffff15}
.collection-filters{display:flex;flex-wrap:wrap;gap:6px}.collection-filters button{font:inherit;font-size:12px;min-height:44px;padding:10px 15px;border:1px solid transparent;border-radius:7px;background:transparent;color:#adb3bd;cursor:pointer}.collection-filters button:hover{color:#fff;background:#ffffff09}.collection-filters button[aria-pressed=true]{background:#f8a14b16;border-color:#f8a14b55;color:#ffb36a}
.collection-search{display:flex;align-items:center;gap:10px;border:1px solid #333944;background:#12161e;border-radius:8px;padding:0 13px;color:#a8aeb9;width:260px;flex-shrink:0}.collection-search input{width:100%;min-width:0;min-height:44px;border:0;background:transparent;color:#f3f4f6;font:inherit;font-size:13px;outline:none}.collection-search:focus-within{outline:2px solid #f8a14b;outline-offset:3px}.collection-search input::placeholder{color:#8f99a6}
.source-collection .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.collection-results{font-size:12px;color:#9aa4b1;min-height:18px;margin:16px 0 0}.source-catalog-section{margin:32px 0 58px;scroll-margin-top:120px}.source-section-heading{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:24px}.source-section-heading h2{font-size:clamp(24px,3vw,31px);line-height:1.2;letter-spacing:-.035em;margin:9px 0 10px;color:#f1f3f6}.source-section-heading p{color:#9ea7b3;font-size:14px;line-height:1.6;margin:0}.source-section-count{font-size:40px;letter-spacing:-.06em;font-weight:700;color:#ffffff26}.source-collection .source-kicker{font-size:10px;letter-spacing:.12em}
.source-collection .source-grid{gap:22px}.source-collection .source-card{display:flex;flex-direction:column;border-radius:14px;border-color:#ffffff16;background:#12161e;transition:transform .2s,border-color .2s,background .2s}.source-collection .source-card:hover{transform:translateY(-4px);border-color:#f8a14b88;background:#171c25}
.source-collection .source-card-art{position:relative;isolation:isolate;aspect-ratio:16/9;height:auto;padding:0;background:#161d26;overflow:hidden}.source-collection .source-card-art>img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.source-collection .source-card:hover .source-card-art>img{transform:scale(1.035)}
.source-collection .source-card-art.has-logo::before{position:absolute;inset:-3px;content:"";z-index:-1;background-image:linear-gradient(#070a1050,#070a1050),var(--game-background);background-size:cover;background-position:center;filter:blur(1px)}
.source-collection .source-card-art.has-logo>img{object-fit:contain;width:76%;height:66%;filter:drop-shadow(0 3px 10px #0009)}
.source-collection [data-game=gmod] .source-card-art>img{height:61%;width:61%}.source-collection [data-game=half-life-2] .source-card-art::before{background-position:right center}.source-collection [data-game=team-fortress-classic] .source-card-art>img{width:85%}
.source-engine{position:absolute;top:12px;left:12px;border:1px solid #ffffff30;border-radius:5px;padding:4px 8px;background:#0c101bd9;color:#e2e5ea;font-size:9px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(8px)}.source-engine.source2{color:#93d3f4}.source-engine.goldsrc{color:#ffbd6f}
.source-collection .source-card-copy{padding:22px;display:flex;flex-direction:column;flex:1}.source-collection .source-card h3{font-size:21px;font-weight:700;line-height:1.25;letter-spacing:-.025em;margin:11px 0 12px;color:#f4f4f5}.source-collection .source-card p{font-size:13px;line-height:1.75;margin:0 0 24px;color:#aab3c0}.source-collection .source-card-link{font-size:12px;margin-top:auto;padding-top:2px;color:#f8a14b}
.collection-guide{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px;border:1px solid #ffffff16;border-radius:14px;background:linear-gradient(110deg,#e99d4010,#2699ba08),#10151b}.collection-guide h2{margin:9px 0;font-size:25px;letter-spacing:-.025em}.collection-guide p{margin:0;color:#aab3bf;font-size:14px;line-height:1.6}.collection-guide .collection-button{flex-shrink:0}
.collection-empty{text-align:center;padding:60px 20px;color:#bac3cd}.collection-empty h2{color:#f4f5f6;margin-bottom:12px}.collection-empty button{margin-top:22px;background:#f8a14b;color:#20160c;border:0;border-radius:8px;padding:14px 22px;font-weight:700;cursor:pointer}.source-collection [hidden]{display:none!important}
@media(max-width:1000px){.collection-hero-copy{padding:36px}.collection-hero{min-height:500px}.collection-hero-image{object-position:63% center}.collection-tools{align-items:stretch;flex-direction:column;gap:16px}.collection-search{width:100%}.source-collection .source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-hero::after{background:linear-gradient(90deg,#080d13d9,#080d1370 55%,#080d1320)}}
@media(max-width:580px){.source-collection .main-content{padding:100px 18px 40px}.collection-hero{min-height:630px;align-items:flex-end;border-radius:16px}.collection-hero-image{object-position:75% top;height:400px}.collection-hero::after{background:linear-gradient(0deg,#0b1117 3%,#0b1117fa 35%,#0b11178c 56%,transparent 85%)}.collection-hero-copy{padding:260px 22px 30px;max-width:100%;width:100%}.collection-brand{font-size:8px;gap:10px}.collection-brand img{width:36px;height:36px}.collection-hero h1{font-size:42px;margin:18px 0 16px}.collection-tagline{font-size:25px}.collection-intro{font-size:13px}.collection-hero-actions{gap:10px}.collection-button{min-height:44px;font-size:12px;padding:12px 16px}.collection-hero-actions .collection-button{width:100%}.collection-hero-caption{top:16px;left:16px;right:auto;bottom:auto;font-size:8px;background:#0b1117a8;padding:6px 9px;border-radius:4px}.collection-tools{margin-top:24px}.collection-filters{gap:4px}.collection-filters button{font-size:11px;padding:8px 11px}.source-collection .source-grid{grid-template-columns:1fr;gap:20px}.source-section-heading{gap:15px}.source-section-count{font-size:32px}.source-section-heading h2{font-size:25px}.source-section-heading p{font-size:13px}.source-collection .source-card-copy{padding:22px}.source-catalog-section{margin-bottom:44px}.collection-guide{align-items:flex-start;flex-direction:column;padding:25px}.source-collection .source-footer{padding:24px 20px;font-size:12px;gap:20px}}
@media(prefers-reduced-motion:reduce){.source-collection .source-card:hover,.source-collection .source-card:hover .source-card-art>img{transform:none}}

/* Preserve complete lettering in the wider official capsule artwork. */
.source-collection .source-card-art.is-official::before{content:"";position:absolute;inset:-8px;z-index:-1;background-image:var(--game-background);background-position:center;background-size:cover;filter:blur(7px) brightness(.5)}
.source-collection .source-card-art.is-official>img{object-fit:contain}

@media(prefers-reduced-motion:reduce){html.source-collection-document{scroll-behavior:auto}}

/* Availability remains visible on every card, including filtered results. */
.source-availability{position:absolute;top:12px;left:12px;z-index:1;padding:6px 9px;border:1px solid #ffffff26;border-radius:6px;background:#0b111bea;font-size:10px;line-height:1.3;font-weight:700;letter-spacing:.02em;backdrop-filter:blur(8px)}
.source-availability.is-released{color:#a4dfbc;border-color:#629d795c}
.source-availability.is-upcoming{color:#e8c393;border-color:#ad854f61}
#released .source-section-heading .source-kicker{color:#a4dfbc}
#coming-soon .source-section-heading .source-kicker{color:#e8c393}