.set-section{margin-top:clamp(2rem,5vw,3rem)}.set-head{border-bottom:1px solid var(--line-soft);margin-bottom:1.1rem;padding-bottom:.6rem}.set-head h2{font-family:var(--display);color:var(--parchment);margin:0;font-size:1.3rem}.set-head p{color:var(--muted);margin:4px 0 0;font-size:.8rem}.set-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.set-swatch{border:1px solid var(--line-soft);cursor:pointer;background:#ffffff05;border-radius:12px;flex-direction:column;gap:9px;padding:12px;font-family:inherit;transition:border-color .18s,box-shadow .18s;display:flex}.set-swatch:hover{border-color:var(--line)}.set-swatch.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-lo) inset}.set-swatch:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.set-swatch-name{font-family:var(--display);color:var(--parchment);text-align:center;font-size:.82rem}.set-swatch.on .set-swatch-name{color:var(--gold-bright)}.set-preview{border-radius:9px;height:78px;display:block}.set-preview-felt{background:radial-gradient(circle at 50% 38%, #d6a94c29, transparent 58%), radial-gradient(circle at 50% 50%, var(--sw), #0d0a14 76%);border:1.5px solid #d6a94c59}.set-preview-back{border:1.5px solid var(--sw);color:var(--sw);background:linear-gradient(160deg,#1b1526,#100b1b);place-items:center;font-size:1.7rem;display:grid}.set-preview-back:before{content:"✦"}.set-preview-back[data-variant=cross]:before{content:"✚"}.set-preview-back[data-variant=rose]:before{content:"❁"}
