.catalog-page{--catalog-gold:#d6b66f;--catalog-paper:#eee7d8;--catalog-line:rgba(214,182,111,.22);background:#07080c;color:var(--catalog-paper);overflow-x:hidden}.catalog-skip{position:fixed;top:-5rem;left:1rem;z-index:100;padding:.7rem 1rem;background:#fff;color:#000}.catalog-skip:focus{top:1rem}
.catalog-hero{min-height:58vh;padding:9rem 1.25rem 5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 5%,rgba(94,124,255,.18),transparent 42%),linear-gradient(180deg,transparent,#08090d)}.catalog-worldmark,.catalog-kicker{font:500 .58rem var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--catalog-gold)}.catalog-hero h1{margin:.8rem 0;font:600 clamp(3rem,8vw,6.8rem)/.95 var(--font-display);text-transform:uppercase;letter-spacing:-.03em}.catalog-hero>p:last-of-type{font:italic clamp(1.1rem,2.2vw,1.5rem) var(--font-body);color:var(--text-body)}.catalog-hero dl{display:flex;justify-content:center;gap:clamp(1rem,5vw,4rem);margin-top:3rem}.catalog-hero dl div{min-width:110px}.catalog-hero dt{font:600 1.7rem var(--font-display);color:var(--catalog-gold)}.catalog-hero dd{margin:.25rem 0 0;font:500 .48rem var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}
.book-selector{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(900px,calc(100% - 2rem));margin:-1.8rem auto 0;background:#0c0e15;border:1px solid var(--catalog-line);box-shadow:0 15px 45px #0008}.book-selector a{padding:1rem;text-align:center;text-decoration:none;border-right:1px solid var(--catalog-line)}.book-selector a:last-child{border-right:0}.book-selector span,.book-selector strong{display:block;text-transform:uppercase}.book-selector span{font:600 .75rem var(--font-display);color:var(--catalog-paper)}.book-selector strong{margin-top:.3rem;font:500 .44rem var(--font-mono);letter-spacing:.16em;color:var(--text-muted)}.book-selector a:hover,.book-selector a.active{background:rgba(214,182,111,.09)}.book-selector a.active strong{color:var(--catalog-gold)}
.catalog-container{width:min(1240px,calc(100% - 2rem));margin:auto}.book-one-catalog,.book-two-catalog,.future-catalog{scroll-margin-top:80px;padding:clamp(5rem,9vw,8rem) 0}.book-one-catalog{background:linear-gradient(180deg,#08090d,#0b0c11)}.book-two-catalog{background:radial-gradient(circle at 50% 0,rgba(123,76,33,.18),transparent 42%),#090806;border-block:1px solid var(--catalog-line)}.book-heading{max-width:770px;margin-bottom:3rem}.book-heading>div{display:flex;gap:1rem;align-items:center}.book-number{margin-top:1.2rem;font:600 .74rem var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted)}.book-heading h2{margin:.35rem 0 1rem;font:600 clamp(2.2rem,5vw,4.8rem)/1 var(--font-display);text-transform:uppercase}.book-heading>p:last-child{font:1.08rem/1.7 var(--font-body);color:var(--text-body)}.status{padding:.25rem .55rem;border:1px solid;font:500 .46rem var(--font-mono);letter-spacing:.15em;text-transform:uppercase}.status.complete{color:#8fd6aa;border-color:#8fd6aa66}.status.developing{color:var(--catalog-gold);border-color:var(--catalog-line)}
.hero-archive{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:4rem}.hero-archive-card{min-width:0;display:grid;grid-template-columns:72px 1fr;align-items:center;background:#10121a;border:1px solid var(--border);border-left:2px solid var(--hero-color);text-decoration:none;overflow:hidden}.hero-archive-card:hover{border-color:var(--hero-color)}.hero-archive-card img{width:72px;height:100px;object-fit:cover;background:var(--deep)}.hero-archive-card>span{min-width:0;padding:.8rem}.hero-archive-card strong,.hero-archive-card small{display:block}.hero-archive-card strong{font:600 .78rem var(--font-display);color:var(--text)}.hero-archive-card small{margin-top:.35rem;font:500 .43rem/1.5 var(--font-mono);color:var(--text-muted);text-transform:uppercase}
.catalog-browser{scroll-margin-top:90px}.browser-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.browser-heading h3{font:600 clamp(1.5rem,3vw,2.3rem) var(--font-display);text-transform:uppercase}.browser-heading>span,.results-line{font:500 .55rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.catalog-tools{padding:1.25rem;background:rgba(10,12,18,.86);border:1px solid var(--border)}.search-row{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:1rem;padding-bottom:1.1rem;border-bottom:1px solid var(--border)}.search-row label,.catalog-tools legend{font:500 .5rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.search-row>div{display:flex}.search-row input{width:100%;min-width:0;padding:.75rem;background:var(--deep);border:1px solid var(--border);color:var(--text);font:500 .7rem var(--font-mono)}.search-row button{white-space:nowrap}.catalog-tools fieldset{display:grid;grid-template-columns:150px 1fr;gap:1rem;margin-top:1rem;border:0}.filter-bar{display:flex;gap:.45rem;flex-wrap:wrap}.filter-btn{padding:.4rem .7rem;border:1px solid var(--border);border-radius:2px;color:var(--text-dim);font:500 .5rem var(--font-mono);letter-spacing:.07em;text-transform:uppercase;text-decoration:none}.filter-btn:hover,.filter-btn.active{border-color:var(--filter-color,var(--catalog-gold));color:var(--filter-color,var(--catalog-gold));background:rgba(214,182,111,.06)}
.results-line{display:flex;justify-content:space-between;gap:1rem;margin:1.2rem 0}.results-line a,.empty-state a,.development-note a{color:var(--celestial)}.card-catalog{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.catalog-item{min-width:0;display:block;overflow:hidden;background:#10121a;border:1px solid var(--border);border-bottom:2px solid var(--hero-color);text-decoration:none;transition:.2s}.catalog-item:hover{border-color:var(--hero-color);transform:translateY(-2px)}.catalog-item img{display:block;width:100%;height:auto;aspect-ratio:5/7;object-fit:contain;background:#06070a}.card-info{padding:.65rem}.book-chip{display:inline-block;padding:.13rem .3rem;border:1px solid var(--catalog-line);color:var(--catalog-gold);font:500 .39rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.card-meta{margin:.45rem 0 .2rem;font:500 .39rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-info h4{font:600 .7rem/1.25 var(--font-display);color:var(--text)}.card-info>p:last-child{margin-top:.25rem;font:.48rem var(--font-mono);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{grid-column:1/-1;padding:4rem 1rem;text-align:center;border:1px dashed var(--border)}.empty-state h4{font:600 1.2rem var(--font-display)}.empty-state p{margin:.5rem;color:var(--text-muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}.pagination a,.pagination span{padding:.55rem .8rem;border:1px solid var(--border);font:500 .52rem var(--font-mono);text-transform:uppercase}.pagination a{color:var(--catalog-gold)}
.book-two-framework{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:1rem;padding:2.5rem;border-block:1px solid var(--catalog-line);text-align:center}.book-two-framework b{display:block;font:600 clamp(2.8rem,6vw,5rem) var(--font-display)}.book-two-framework h3{font:600 .78rem var(--font-display);text-transform:uppercase}.book-two-framework p{margin-top:.35rem;font:500 .46rem var(--font-mono);text-transform:uppercase;color:var(--text-muted)}.book-two-framework>i{font:1.5rem var(--font-display);color:var(--catalog-gold)}.book-two-framework .framework-total b{color:var(--catalog-gold)}.development-note{max-width:760px;margin:2.5rem auto 0;text-align:center}.development-note strong{font:600 1.2rem var(--font-display);text-transform:uppercase}.development-note p{margin:1rem 0;font:1rem/1.7 var(--font-body);color:var(--text-body)}.development-note a{font:500 .55rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase}
.future-catalog{min-height:420px;display:flex;align-items:center;text-align:center;background:#07080c}.future-catalog .catalog-container{max-width:700px}.future-catalog h2{margin:1rem 0;font:600 clamp(2rem,5vw,4rem)/1.05 var(--font-display);text-transform:uppercase}.future-catalog p:last-child{font:1rem/1.7 var(--font-body);color:var(--text-muted)}.catalog-footer-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.catalog-footer-links a{font:500 .5rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}
@media(max-width:1050px){.card-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-archive{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.catalog-hero dl{gap:.5rem}.catalog-hero dl div{min-width:80px}.book-selector{width:calc(100% - 1rem)}.book-selector a{padding:.8rem .35rem}.hero-archive{grid-template-columns:1fr}.search-row,.catalog-tools fieldset{grid-template-columns:1fr}.search-row{gap:.5rem}.card-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.book-two-framework{grid-template-columns:1fr auto 1fr;padding:2rem .5rem}.book-two-framework .framework-total{grid-column:2}.browser-heading{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.catalog-hero{padding-top:8rem}.catalog-hero dl div{min-width:0}.catalog-hero dt{font-size:1.25rem}.catalog-hero dd{font-size:.4rem}.book-selector span{font-size:.62rem}.book-selector strong{font-size:.38rem}.card-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.search-row>div{flex-direction:column}.search-row button{width:100%}.book-two-framework{grid-template-columns:1fr}.book-two-framework .framework-total{grid-column:auto}.book-two-framework>i{line-height:.5}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.catalog-item{transition:none}}