:root {
  color-scheme: dark;
  --ink:#0d0d0e; --ink-soft:#151516; --paper:#f2eee6; --paper-soft:#c9c2b7;
  --line:rgba(242,238,230,.17); --line-strong:rgba(242,238,230,.35);
  --orange:#ff6a3d; --orange-soft:#ff9a78; --lime:#c8d77a; --blue:#89b8c8;
  --shadow:0 24px 80px rgba(0,0,0,.36); --max:1420px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--ink); color:var(--paper);
}
*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 12% 4%,rgba(255,106,61,.11),transparent 31rem),radial-gradient(circle at 88% 32%,rgba(137,184,200,.08),transparent 30rem),var(--ink)}
button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.018) 3px 4px)}
.skip-link{position:fixed;z-index:100;left:1rem;top:-5rem;padding:.8rem 1rem;background:var(--paper);color:var(--ink)}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Exact homepage shell */
.site-header{width:min(var(--max),calc(100% - 48px));margin:0 auto;min-height:96px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}
.wordmark{display:inline-flex;align-items:center;text-decoration:none;font-size:clamp(1.7rem,3vw,2.65rem);font-weight:800;letter-spacing:-.095em;width:fit-content}.wordmark>span:not(.signal),.wordmark-name>span{color:var(--orange)}.wordmark em{color:var(--paper);font-style:normal}.wordmark-lockup{display:grid;gap:.22rem}.wordmark-name{display:inline-flex;align-items:baseline;line-height:.78}.wordmark-separator{display:block;width:100%;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--orange) 0 25%,#e5484d 25% 50%,var(--paper) 50% 75%,#3b82f6 75%);box-shadow:0 0 12px rgba(255,106,61,.16)}.wordmark-subtitle{color:var(--orange);font-size:clamp(.64rem,.9vw,.82rem);font-weight:800;line-height:.92;letter-spacing:.06em;text-transform:lowercase;white-space:nowrap}.signal{color:var(--orange);font-size:.45em;margin-right:.42rem;filter:drop-shadow(0 0 9px rgba(255,106,61,.66))}
.site-header nav{display:flex;gap:2rem}.site-header nav a{position:relative;color:var(--paper-soft);text-decoration:none;font-size:.78rem;text-transform:uppercase;letter-spacing:.15em}.site-header nav a:hover,.site-header nav a:focus-visible,.site-header nav a.active{color:var(--paper)}.site-header nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-39px;height:2px;background:var(--orange)}.header-actions{justify-self:end;display:flex;align-items:center;gap:.55rem}.quiet-button{padding:.8rem 1rem;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--paper);text-decoration:none;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.quiet-button:hover,.quiet-button:focus-visible{border-color:var(--orange);color:var(--orange-soft)}
.status-rail{min-height:38px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.45rem max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);color:var(--paper-soft);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase}.status-rail span:last-child{text-align:right}.live-dot{display:inline-block;width:7px;height:7px;margin-right:.45rem;border-radius:50%;background:var(--lime);box-shadow:0 0 12px rgba(200,215,122,.78)}

main{width:min(var(--max),calc(100% - 48px));margin:0 auto}section{position:relative;border-bottom:1px solid var(--line)}
.sets-hero{width:100vw;margin-left:calc(50% - 50vw);min-height:420px;overflow:hidden;isolation:isolate;background:#09090a}.collage{position:absolute;inset:0;display:grid;align-content:center;gap:10px;transform:rotate(-1.5deg) scale(1.04)}.collage-lane{display:flex;width:max-content;gap:10px;animation:lane-left 72s linear infinite}.collage-lane.lane-b{margin-left:-18vw;animation-name:lane-right;animation-duration:84s}.collage button{position:relative;width:clamp(180px,14vw,270px);height:155px;flex:0 0 auto;padding:0;overflow:hidden;border:1px solid rgba(242,238,230,.12);background:#171718;color:white;text-align:left}.collage button:hover,.collage button:focus-visible{z-index:3;border-color:var(--orange);outline:0}.collage img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.62);transition:filter .2s,transform .2s}.collage button:hover img,.collage button:focus-visible img{filter:saturate(1) brightness(.9);transform:scale(1.035)}.collage button span{position:absolute;z-index:2;left:12px;right:12px;bottom:10px;font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 2px 8px #000}.collage button:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.82))}.collage:hover .collage-lane,.collage:focus-within .collage-lane,.collage[data-paused="true"] .collage-lane{animation-play-state:paused}.hero-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,13,14,.98) 4%,rgba(13,13,14,.75) 42%,rgba(13,13,14,.2) 68%,rgba(13,13,14,.78)),linear-gradient(180deg,rgba(13,13,14,.25),rgba(13,13,14,.72));z-index:1;pointer-events:none}.hero-copy{position:relative;z-index:2;width:min(var(--max),calc(100% - 48px));min-height:420px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{margin:0 0 .75rem;color:var(--orange-soft);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.hero-copy h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(5rem,10vw,9rem);font-weight:400;line-height:.76;letter-spacing:-.075em}.hero-copy>p:not(.eyebrow){max-width:700px;margin:1.25rem 0 0;color:var(--paper-soft);font-size:clamp(1rem,1.6vw,1.3rem);line-height:1.55}.truth-chips{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.8rem}.truth-chips span{padding:.5rem .68rem;border:1px solid var(--line);color:var(--paper-soft);font-size:.6rem;letter-spacing:.12em}
@keyframes lane-left{to{transform:translateX(-50%)}}@keyframes lane-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}

.discovery,.sets-results{padding:clamp(4rem,7vw,6.5rem) 0}.section-number{position:absolute;right:0;top:clamp(4rem,7vw,6.5rem);color:rgba(242,238,230,.07);font-family:Georgia,serif;font-size:clamp(5rem,11vw,10rem);line-height:.65}.section-heading{position:relative;z-index:1;display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2.3rem;padding-right:13%}.section-heading h2{margin:0;font-family:Georgia,serif;font-size:clamp(2.8rem,5.2vw,5.4rem);font-weight:400;letter-spacing:-.05em}.section-heading>p{max-width:430px;margin:0;color:var(--paper-soft);line-height:1.5;text-align:right}
.search-shell{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:1rem 1.15rem;border:1px solid var(--line-strong);background:rgba(255,255,255,.018)}.search-shell>span{color:var(--orange);font-size:1.5rem}.search-shell input{min-width:0;height:44px;border:0;background:transparent;color:var(--paper);outline:0;font-size:1.05rem}.search-shell input::placeholder{color:#827c75}.search-shell kbd{padding:.25rem .5rem;border:1px solid var(--line);color:var(--paper-soft);font-size:.68rem}.search-shell button{display:none;border:0;background:transparent;color:var(--paper);font-size:1.5rem}.search-shell button.visible{display:block}
.facet-list,.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.facet-list button,.tag-list button,.filter-summary button,.active-filters button,.empty-state button{min-height:36px;padding:.5rem .78rem;border:1px solid var(--line);background:transparent;color:var(--paper-soft);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.facet-list button:hover,.facet-list button:focus-visible,.tag-list button:hover,.tag-list button:focus-visible,.facet-list button.active,.tag-list button.active{border-color:var(--orange);color:var(--orange-soft)}.tag-list{padding-top:1rem;border-top:1px solid var(--line)}.tag-list button.extra[hidden]{display:none}.filter-summary{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:1.25rem;color:var(--paper-soft);font-size:.75rem}.live-badge{display:inline-flex;margin-right:.65rem;padding:.34rem .5rem;border:1px solid var(--line);font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.live-badge.live{color:var(--lime);border-color:rgba(200,215,122,.45)}.live-badge.error{color:#ff9a78;border-color:#ff6a3d}.active-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.active-filters button{text-transform:none;color:var(--orange-soft)}

.set-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.set-card{min-width:0;overflow:hidden;border:1px solid var(--line);background:rgba(255,255,255,.018)}.set-card.is-playable{cursor:pointer}.set-card.is-playable:hover{border-color:rgba(255,106,61,.48)}.card-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#251820,#45201a)}.card-art{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}.card-art[hidden]{display:none}.art-placeholder{position:absolute;inset:0;display:grid;place-content:center;gap:.45rem;text-align:center;background:radial-gradient(circle at 70% 20%,rgba(137,184,200,.25),transparent 35%),repeating-radial-gradient(circle at center,transparent 0 15px,rgba(242,238,230,.06) 16px 17px),#151516}.art-placeholder span{color:var(--orange);font-family:Georgia,serif;font-size:2.2rem}.art-placeholder small{color:var(--paper-soft);font-size:.52rem;letter-spacing:.12em}.community-label{position:absolute;z-index:2;left:10px;top:10px;padding:.35rem .45rem;background:rgba(13,13,14,.86);color:var(--orange-soft);font-size:.52rem;font-weight:800;letter-spacing:.11em}.card-copy{display:flex;min-height:330px;flex-direction:column;padding:1rem}.card-kicker{display:flex;justify-content:space-between;gap:.5rem;color:var(--paper-soft);font-size:.52rem;letter-spacing:.09em;text-transform:uppercase}.card-kicker span{color:var(--orange-soft);font-weight:800}.card-copy h3{margin:1rem 0 .35rem;font-family:Georgia,serif;font-size:1.45rem;font-weight:400;line-height:1.02;letter-spacing:-.03em}.artist{margin:0;color:var(--paper);font-size:.82rem}.label-provider{margin:.25rem 0 0;color:var(--lime);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase}.description{display:-webkit-box;min-height:3.8rem;margin:.9rem 0;color:var(--paper-soft);font-size:.72rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.card-tags{display:flex;flex-wrap:wrap;gap:.35rem}.card-tags button{padding:.25rem .4rem;border:1px solid var(--line);background:transparent;color:var(--paper-soft);font-size:.54rem}.card-tags button:hover{border-color:var(--orange);color:var(--orange-soft)}.provenance{display:flex;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.9rem;border-top:1px solid var(--line);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}.provenance span{color:#8f8981}.provenance strong{max-width:55%;overflow:hidden;color:var(--paper);text-overflow:ellipsis}.card-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin-top:.9rem}.card-actions a,.card-actions button,.details-button{border:0;background:transparent;color:var(--paper-soft);font-size:.62rem;text-decoration:none}.card-actions a:hover,.card-actions button:hover,.details-button:hover{color:var(--orange-soft)}.listen-link{color:var(--lime)!important}.listen-link[hidden]{display:none}
.skeleton{min-height:470px;border:1px solid var(--line);background:linear-gradient(100deg,rgba(255,255,255,.018) 30%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.018) 70%);background-size:240% 100%;animation:shimmer 1.5s linear infinite}.skeleton:before{content:"";display:block;aspect-ratio:16/10;background:rgba(255,255,255,.035)}@keyframes shimmer{to{background-position:-240% 0}}
.empty-state{min-height:230px;display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem;border:1px solid var(--line);color:var(--paper-soft)}.empty-state strong{color:var(--paper);font-size:1.1rem}.empty-state p{margin:.35rem 0 1rem}.pulse-ring{width:38px;height:38px;flex:0 0 auto;border:1px solid var(--orange);border-radius:50%;box-shadow:inset 0 0 0 9px var(--ink),inset 0 0 0 10px rgba(255,106,61,.35)}
.pagination{display:flex;justify-content:center;align-items:center;gap:.4rem;margin-top:2rem}.pagination button{min-width:40px;height:40px;padding:0 .7rem;border:1px solid var(--line);background:transparent;color:var(--paper-soft)}.pagination button:hover:not(:disabled),.pagination button.active{border-color:var(--orange);color:var(--orange-soft)}.pagination button:disabled{opacity:.35}.pagination .ellipsis{color:#756f68}.page-status{display:none;color:var(--paper-soft);font-size:.72rem}
.set-dialog{width:min(760px,calc(100vw - 28px));max-height:90vh;padding:0;overflow:auto;border:1px solid var(--line-strong);background:var(--ink-soft);color:var(--paper);box-shadow:var(--shadow)}.set-dialog::backdrop{background:rgba(0,0,0,.8);backdrop-filter:blur(5px)}.dialog-close{position:absolute;z-index:3;right:12px;top:12px;width:38px;height:38px;border:1px solid var(--line-strong);border-radius:50%;background:var(--ink);color:var(--paper)}.dialog-hero{aspect-ratio:16/8;overflow:hidden;background:#222}.dialog-hero img{width:100%;height:100%;object-fit:cover}.dialog-body{padding:1.6rem}.dialog-body h2{margin:.45rem 0;font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:400}.dialog-body p{color:var(--paper-soft);line-height:1.55}.dialog-meta,.dialog-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.dialog-actions a,.dialog-actions button{padding:.7rem .85rem;border:1px solid var(--line-strong);background:transparent;color:var(--paper);text-decoration:none;font-size:.72rem}.dialog-actions a.primary{border-color:var(--orange);color:var(--orange-soft)}.dialog-actions button{border-color:var(--orange);color:var(--orange-soft)}
footer{width:min(var(--max),calc(100% - 48px));margin:0 auto;min-height:230px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:2rem}footer p{margin:0;color:var(--paper-soft)}.footer-posture{text-align:right;font-size:.65rem;letter-spacing:.12em}
.live-badge.preview{color:var(--orange-soft);border-color:rgba(255,106,61,.52)}
.hero-copy{pointer-events:none}
.curated-hero{min-height:500px;background:radial-gradient(circle at 72% 24%,rgba(255,106,61,.15),transparent 28%),radial-gradient(circle at 82% 66%,rgba(137,184,200,.12),transparent 26%)}.curated-hero::after{content:'CURATED';position:absolute;right:4vw;bottom:-.18em;color:rgba(242,238,230,.025);font-family:Georgia,serif;font-size:min(21vw,19rem);line-height:1}.curated-grid{align-items:start}.curated-card{min-height:330px;padding:1.25rem;border:1px solid var(--line);background:rgba(255,255,255,.018)}.curated-card h3{margin:.8rem 0 .35rem;font-family:Georgia,serif;font-size:1.7rem;font-weight:400;line-height:1.05}.curated-card .curator{color:var(--orange-soft);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.curated-card ol{margin:1.2rem 0;padding-left:1.2rem;color:var(--paper-soft);font-size:.72rem;line-height:1.6}.curated-card .set-count{color:var(--lime);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}
.collage .local-art-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 55% 35%,rgba(255,106,61,.28),transparent 32%),repeating-radial-gradient(circle at center,#111 0 18px,#292325 19px 20px);color:var(--orange);font-family:Georgia,serif;font-size:2rem}.dialog-hero .local-art-placeholder{display:grid;width:100%;height:100%;place-items:center;background:repeating-radial-gradient(circle at center,#111 0 28px,#312426 29px 30px);color:var(--orange);font-family:Georgia,serif;font-size:3rem}

@media(max-width:1439px){.set-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1099px){.set-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.section-heading{padding-right:0}}
@media(max-width:719px){.site-header,main,footer,.hero-copy{width:min(100% - 28px,var(--max))}.site-header{min-height:78px}.header-actions .quiet-button:first-child{display:none}.quiet-button{padding:.65rem .7rem;font-size:.58rem}.status-rail{grid-template-columns:1fr;padding:.7rem 14px;gap:.3rem}.status-rail span:last-child{text-align:left}.sets-hero,.hero-copy{min-height:360px}.hero-copy h1{font-size:5.2rem}.truth-chips{display:none}.collage button{width:160px;height:120px}.section-heading{align-items:start;flex-direction:column}.section-heading>p{text-align:left}.section-number{display:none}.discovery,.sets-results{padding:3.5rem 0}.search-shell kbd{display:none}.facet-list,.tag-list{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.45rem}.facet-list button,.tag-list button{flex:0 0 auto}.filter-summary{align-items:flex-start;flex-direction:column}.set-grid{grid-template-columns:1fr}.card-copy{min-height:300px}.pagination .page-number,.pagination .ellipsis{display:none}.pagination{justify-content:space-between}.page-status{display:block}footer{grid-template-columns:1fr;padding:3rem 0}.footer-posture{text-align:left}.set-dialog{max-height:86vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.collage{transform:none}.collage-lane{flex-wrap:nowrap;overflow:hidden}}
