.library-head { padding:clamp(34px,4vw,65px) 0 clamp(32px,4vw,60px); background:#f0f1ee; border-bottom:1px solid var(--edge); }
.library-head h1 { font-size:clamp(38px,4.5vw,64px); font-weight:650; letter-spacing:-.03em; margin:0 0 32px; line-height:1.1; }
.library-head h2 { font-size:clamp(20px,2vw,29px); }
.library-head .sectionhead { margin-bottom:15px; }
.library-head .game { background:transparent; }
.library-archive { padding-block:clamp(35px,5vw,70px); }
.library-archive .sectionhead p { color:var(--muted); margin:9px 0 0; line-height:1.6; }
.library-search { display:flex; align-items:center; gap:10px; background:var(--panel); border:1px solid var(--edge); border-radius:6px; padding:10px 14px; color:var(--muted); }
.library-search:focus-within { outline:2px solid var(--accent); }
.library-search input { background:transparent; border:0; color:var(--text); font:inherit; min-width:0; width:185px; outline:0; }
.archive-status { color:var(--muted); font-size:13px; margin:22px 0 12px; }
.archive-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:38px 24px; }
.archive-entry img { width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; display:block; background:var(--panel); border-radius:5px; border:1px solid var(--edge); }
.archive-copy { padding:10px 2px 0; }
.archive-copy h3 { margin:0; font-size:clamp(17px,1.5vw,22px); line-height:1.3; letter-spacing:-.03em; }
.archive-copy p { color:var(--muted); font-size:14px; line-height:1.65; margin:5px 0 0; }
@media(max-width:960px) { .archive-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:660px) { .archive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 12px; } .library-archive .sectionhead { align-items:stretch; flex-direction:column; } .library-search input { width:100%; } .archive-copy p { font-size:13px; } }
.release-platform {display:block; margin:0 0 5px; color:var(--accent); font-weight:650;}
@media(min-width:961px){#recent .archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
.catalog-heading {padding:36px 0 20px;}
.catalog-title {display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;}
.catalog-title h1 {font-size:42px;font-weight:650;letter-spacing:-.04em;margin:0;line-height:1.2;}
.catalog-title p {font-size:14px;color:var(--muted);line-height:1.7;margin:0;}
.library-tools {border-bottom:1px solid var(--edge);padding-bottom:15px;}
.genre-filters {display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.genre-filters button {font:500 13px var(--font);padding:8px 13px;border:1px solid var(--edge);border-radius:4px;background:transparent;color:var(--muted);cursor:pointer;}
.genre-filters button[aria-pressed="true"] {background:var(--text);color:white;border-color:var(--text);}
.genre-filters button:hover {border-color:var(--text);}
.catalog-heading .archive-status {margin:12px 0 0;font-size:12px;}
.catalog-featured {padding-bottom:50px;}
.catalog-featured h2 {font-size:26px;margin:0 0 18px;}
.featured-products {display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.feature-product {display:grid;grid-template-columns:1.1fr 1fr;align-items:center;overflow:hidden;border:1px solid var(--edge);border-radius:6px;background:#fff;}
.feature-product .cover {aspect-ratio:1.45;border-radius:0;height:auto;width:100%;}
.feature-product .cover img {object-fit:contain;background:#20272d;}
.feature-copy {padding:21px;}
.feature-title {display:flex;justify-content:space-between;align-items:baseline;gap:8px;}
.feature-title h3 {font-size:22px;line-height:1.3;margin:0;letter-spacing:-.035em;}
.feature-copy p {font-size:14px;line-height:1.6;color:var(--muted);margin:10px 0 16px;}
.feature-platforms {font-size:11px;line-height:1.6;display:flex;gap:6px;align-items:flex-start;color:var(--muted);}
.feature-platforms svg {width:14px;height:14px; margin-top:2px;}
.feature-action {display:block;font-size:12px;color:var(--accent);margin-top:14px;font-weight:600;}
.catalog-showcase {background:#eceeea;padding:48px 0;}
.catalog-showcase h2 {font-size:30px;margin-top:10px;}
.showcase-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.showcase-card {background:var(--bg);border-radius:5px;overflow:hidden;}
.showcase-card img {display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}
.showcase-card>div {padding:20px;}
.showcase-card h3 {font-size:20px;margin:0;letter-spacing:-.03em;}
.showcase-card p {font-size:14px;line-height:1.6;color:var(--muted);margin:8px 0 0;}
[hidden] {display:none !important;}
@media(max-width:1050px){.feature-product{grid-template-columns:1fr;}.feature-product .cover{aspect-ratio:16/9;}.feature-copy{padding:18px;}}
@media(max-width:640px){
 .catalog-heading{padding-top:27px;}.catalog-title{display:block;margin-bottom:20px;}.catalog-title h1{font-size:34px;}.catalog-title p{margin-top:10px;font-size:13px;}
 .catalog-heading .library-tools{gap:12px;}.catalog-heading .library-tools nav{gap:18px;}.genre-filters{gap:6px;}.genre-filters button{padding:7px 10px;font-size:12px;}
 .featured-products{gap:13px;}.feature-copy{padding:13px;}.feature-title h3{font-size:17px;}.feature-copy p{font-size:12px;margin:8px 0 10px;}.feature-platforms{font-size:10px;}.feature-platforms svg{display:none;}.feature-action{font-size:11px;}
 .catalog-showcase{padding:32px 0;}.catalog-showcase .sectionhead{display:block;}.catalog-showcase .sectionhead>a{margin-top:15px;}.catalog-showcase h2{font-size:25px;}
 .showcase-grid{grid-template-columns:1fr;gap:16px;}.showcase-card{display:grid;grid-template-columns:44% 1fr;align-items:center;}.showcase-card>div{padding:14px;}.showcase-card h3{font-size:16px;}.showcase-card p{font-size:12px;}.showcase-card img{height:100%;object-fit:contain;background:#20272d;}
}