@layer components{.wrap:has(.library-shell){max-width:var(--wrap-wide)}.library-shell{width:100%}.library-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-lg);padding:var(--space-md) 0 var(--space-sm);border-bottom:1px solid var(--rule-medium)}.library-hero__kicker{display:block;margin-bottom:var(--space-2xs);color:var(--accent);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:var(--tracking-mega);text-transform:uppercase}.library-hero h1{margin:0;color:var(--bone-900);font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4.25rem);font-weight:var(--fw-display-bold);letter-spacing:var(--tracking-tightest);line-height:.92;text-transform:uppercase}.library-hero h1 em{color:var(--accent);font-family:var(--font-body);font-size:.66em;font-weight:var(--fw-body-regular);letter-spacing:var(--tracking-tight);text-transform:none}.library-hero p{max-width:64ch;margin:var(--space-xs) 0 0;color:var(--bone-700);font-size:.875rem;line-height:1.5}.library-hero__stats{display:grid;grid-template-columns:repeat(3,minmax(4rem,1fr));margin:0;padding:0;border:1px solid var(--rule-medium);border-radius:var(--r-sm);background:color-mix(in oklch,var(--ink-100) 78%,transparent)}.library-hero__stats div{display:grid;gap:2px;min-width:4.25rem;padding:var(--space-xs);border-right:1px solid var(--rule-medium)}.library-hero__stats div:last-child{border-right:0}.library-hero__stats dt{color:var(--bone-500);font-family:var(--font-mono);font-size:.5625rem;letter-spacing:var(--tracking-widest);text-transform:uppercase}.library-hero__stats dd{margin:0;color:var(--bone-900);font-family:var(--font-display);font-size:1.5rem;font-weight:var(--fw-display-bold);line-height:1}.library-browser{padding:var(--space-md) 0 var(--space-2xl)}.library-controls{position:sticky;top:calc(var(--topbar-stuck-offset, 48px) + var(--space-2xs));z-index:calc(var(--z-sticky) - 1);display:grid;grid-template-columns:minmax(16rem,1fr) auto;gap:var(--space-xs) var(--space-md);margin-bottom:var(--space-md);padding:var(--space-xs);background:color-mix(in oklch,var(--ink-050) 96%,transparent);border:1px solid var(--rule-medium);border-radius:var(--r-sm);box-shadow:0 14px 32px #0000003d;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.library-search{position:relative;display:flex;align-items:center;min-width:0;min-height:40px;background:var(--ink-000);border:1px solid var(--rule-medium);border-radius:var(--r-sm)}.library-search:focus-within{border-color:var(--accent-rail);box-shadow:0 0 0 2px var(--accent-glow)}.library-search>svg{width:18px;height:18px;flex:none;margin-left:var(--space-sm);color:var(--accent)}.library-search input{width:100%;min-width:0;height:40px;padding:0 var(--space-sm);color:var(--bone-900);background:transparent;border:0;outline:0;font-family:var(--font-mono);font-size:.875rem}.library-search input::placeholder{color:var(--bone-500)}.library-search__clear{flex:none;min-height:40px;margin-right:2px;padding:0 var(--space-xs);color:var(--bone-600);background:transparent;border:0;border-radius:var(--r-xs);font-family:var(--font-mono);font-size:.625rem;letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer}.library-search__clear:hover,.library-search__clear:focus-visible{color:var(--accent);background:var(--accent-wash)}.library-segment{display:flex;gap:3px;margin:0;padding:2px;background:var(--ink-000);border:1px solid var(--rule-medium);border-radius:var(--r-sm)}.library-segment button{min-height:40px;padding:0 var(--space-sm);color:var(--bone-600);background:transparent;border:0;border-radius:var(--r-xs);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer}.library-segment button span{margin-left:var(--space-3xs);color:var(--bone-500);font-size:.5625rem}.library-segment button:hover,.library-segment button:focus-visible{color:var(--bone-900)}.library-segment button[aria-pressed=true]{color:var(--accent);background:var(--accent-wash);box-shadow:inset 0 0 0 1px var(--accent-deep)}.library-advanced{display:none}.library-facets{grid-column:1 / -1;display:flex;align-items:end;gap:var(--space-sm);min-width:0;padding-top:var(--space-xs);border-top:1px solid var(--rule-soft)}.library-colors{margin:0;padding:0;border:0}.library-colors legend,.library-select>span{display:block;margin-bottom:var(--space-3xs);color:var(--bone-500);font-family:var(--font-mono);font-size:.5625rem;letter-spacing:var(--tracking-widest);text-transform:uppercase}.library-colors>div{display:flex;gap:var(--space-3xs)}.library-colors button{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:44px;height:40px;padding:0;color:var(--bone-600);background:var(--ink-000);border:1px solid var(--rule-medium);border-radius:var(--r-sm);font-family:var(--font-mono);font-size:.625rem;cursor:pointer}.library-colors button:hover,.library-colors button:focus-visible{color:var(--bone-900);border-color:var(--rule-strong)}.library-colors button[aria-pressed=true]{color:var(--bone-900);background:var(--accent-wash);border-color:var(--accent-rail);box-shadow:0 0 0 1px var(--accent-glow)}.library-select{display:grid}.library-select select{min-width:8.5rem;height:40px;padding:0 2rem 0 var(--space-xs);color:var(--bone-800);background:var(--ink-000);border:1px solid var(--rule-medium);border-radius:var(--r-sm);font-family:var(--font-mono);font-size:.6875rem}.library-select--set{flex:1 1 auto}.library-select--set select{width:100%}.library-reset{min-height:40px;padding:0 var(--space-xs);color:var(--bone-600);background:transparent;border:1px solid transparent;border-radius:var(--r-sm);font-family:var(--font-mono);font-size:.625rem;letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer}.library-reset:hover,.library-reset:focus-visible{color:var(--accent);border-color:var(--rule-medium)}.library-active{display:none}.library-results-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--rule-medium)}.library-results-head p,.library-results-head span{margin:0;color:var(--bone-600);font-family:var(--font-mono);font-size:.625rem;letter-spacing:var(--tracking-wider);text-transform:uppercase}.library-results-head p{color:var(--bone-800)}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm)}.library-card{min-width:0;overflow:hidden;content-visibility:auto;contain-intrinsic-size:0 30rem;background:color-mix(in oklch,var(--ink-050) 88%,transparent);border:1px solid var(--rule-medium);border-radius:var(--r-sm);transition:border-color .18s var(--ease-out-quart),box-shadow .18s var(--ease-out-quart),transform .18s var(--ease-out-quart)}.library-card:hover{border-color:var(--rule-strong);box-shadow:0 16px 38px #0000004d;transform:translateY(-3px)}.library-card[hidden]{display:none}.library-card--custom{box-shadow:inset 3px 0 color-mix(in oklch,var(--accent) 72%,transparent)}.library-card--precon{box-shadow:inset 3px 0 color-mix(in oklch,var(--mako-500) 60%,transparent)}.library-card__art{position:relative;display:block;height:9.75rem;overflow:hidden;background:var(--ink-100);text-decoration:none}.library-card__art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .26s var(--ease-out-quart),filter .26s var(--ease-out-quart)}.library-card:hover .library-card__art img{transform:scale(1.035);filter:saturate(1.08)}.library-card__scrim{position:absolute;inset:0;background:linear-gradient(180deg,#0000000d,#00000026 55%,#000000c7)}.library-card__type,.library-card__bracket{position:absolute;top:var(--space-xs);padding:3px 7px;color:var(--bone-900);background:#070603d6;border:1px solid var(--rule-medium);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-mono);font-size:.5625rem;letter-spacing:var(--tracking-wide);text-transform:uppercase}.library-card__type{left:var(--space-xs)}.library-card__bracket{right:var(--space-xs);color:var(--accent)}.library-card__bracket[data-bracket="2"]{color:var(--mako-300);border-color:var(--mako-700)}.library-card__bracket[data-bracket="3"]{color:var(--gold-300);border-color:var(--gold-700)}.library-card__bracket[data-bracket="4"]{color:var(--rust-300);border-color:var(--rust-700)}.library-card__body{display:flex;flex-direction:column;min-height:15.5rem;padding:var(--space-sm)}.library-card__set{overflow:hidden;margin-bottom:var(--space-2xs);color:var(--bone-500);font-family:var(--font-mono);font-size:.5625rem;letter-spacing:var(--tracking-widest);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.library-card h2{margin:0;font-size:1.25rem;line-height:1.08}.library-card h2 a{color:var(--bone-900);text-decoration:none}.library-card h2 a:hover,.library-card h2 a:focus-visible{color:var(--accent)}.library-card__commander{margin:var(--space-3xs) 0 var(--space-xs);color:var(--accent);font-family:var(--font-mono);font-size:.625rem;letter-spacing:var(--tracking-wide);line-height:1.35;text-transform:uppercase}.library-card__description{display:-webkit-box;overflow:hidden;margin:0;color:var(--bone-700);font-size:.875rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}.library-card__foot{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-xs);margin-top:auto;padding-top:var(--space-sm);border-top:1px solid var(--rule-soft)}.library-card__foot .pips{min-height:1rem}.library-card__foot nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;width:100%;border:1px solid var(--rule-medium);border-radius:var(--r-sm)}.library-card__foot nav a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:40px;padding:0 var(--space-3xs);color:var(--bone-700);border-right:1px solid var(--rule-medium);font-family:var(--font-mono);font-size:.75rem;letter-spacing:var(--tracking-wide);text-align:center;text-decoration:none;text-transform:uppercase}.library-card__foot nav a:last-child{border-right:0}.library-card__foot nav a:hover,.library-card__foot nav a:focus-visible{color:var(--accent);background:var(--accent-wash)}.library-empty{padding:var(--space-2xl) var(--space-md);color:var(--bone-700);border:1px dashed var(--rule-medium);border-radius:var(--r-sm);text-align:center}.library-empty strong{display:block;margin-bottom:var(--space-2xs);font-family:var(--font-headline);font-size:1.5rem}.library-empty p{margin:0 auto var(--space-sm);color:var(--bone-600)}.library-empty button{min-height:40px;padding:0 var(--space-sm);color:var(--accent);background:var(--accent-wash);border:1px solid var(--accent-deep);border-radius:var(--r-sm);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer}@media(max-width:920px){.library-hero{gap:var(--space-md)}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-select--set{flex:1 1 12rem}}@media(max-width:640px){.library-hero{grid-template-columns:1fr;gap:var(--space-sm);padding:var(--space-md) 0 var(--space-sm)}.library-hero h1{font-size:clamp(2.25rem,11vw,2.75rem)}.library-hero h1 em{display:block;margin-top:2px}.library-hero p{max-width:none;margin-top:var(--space-xs);font-size:.875rem}.library-hero__stats{width:100%}.library-hero__stats div{min-width:0;padding:var(--space-xs)}.library-hero__stats dd{font-size:1.375rem}.library-browser{padding-top:var(--space-sm)}.library-controls{position:static;grid-template-columns:1fr;gap:var(--space-xs);margin-inline:calc(-1 * var(--space-3xs));padding:var(--space-xs)}.library-search,.library-search input,.library-search__clear{min-height:44px}.library-segment{width:100%}.library-segment button{flex:1 1 0;min-width:0;min-height:44px;padding-inline:var(--space-2xs)}.library-advanced{display:block;grid-column:1 / -1;min-width:0;border-top:1px solid var(--rule-soft)}.library-advanced>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 12px;align-items:center;gap:var(--space-xs);min-height:44px;padding:0 var(--space-2xs);color:var(--bone-800);font-family:var(--font-mono);font-size:.75rem;letter-spacing:var(--tracking-wide);list-style:none;text-transform:uppercase;cursor:pointer}.library-advanced>summary::-webkit-details-marker{display:none}.library-advanced>summary::marker{content:""}.library-advanced>summary:focus-visible{color:var(--accent);outline:2px solid var(--accent-rail);outline-offset:-2px}.library-advanced__count{color:var(--bone-500);font-size:.625rem}.library-advanced>summary i{width:8px;height:8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .16s var(--ease-out-quart)}.library-advanced[open]>summary i{transform:rotate(225deg) translate(-2px,-2px)}.library-advanced:not([open])+.library-facets{display:none}.library-advanced[open]+.library-facets{display:flex;align-items:stretch;flex-wrap:wrap;gap:var(--space-xs);padding-top:var(--space-xs)}.library-colors{width:100%}.library-colors>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.library-colors button{width:100%;height:44px}.library-select{flex:1 1 calc(50% - var(--space-xs))}.library-select select{width:100%;min-width:0;height:44px}.library-select--set{flex-basis:100%}.library-reset{width:100%;min-height:44px;border-color:var(--rule-soft)}.library-active:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);min-width:0;padding-top:var(--space-xs);border-top:1px solid var(--rule-soft)}.library-active>div{display:flex;flex-wrap:wrap;gap:var(--space-3xs);min-width:0}.library-active span{overflow:hidden;max-width:11rem;padding:3px 7px;color:var(--accent);background:var(--accent-wash);border:1px solid var(--accent-deep);border-radius:var(--r-pill);font-family:var(--font-mono);font-size:.625rem;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.library-active button{flex:none;min-height:44px;padding:0 var(--space-xs);color:var(--bone-700);background:transparent;border:1px solid var(--rule-medium);border-radius:var(--r-sm);font-family:var(--font-mono);font-size:.625rem;letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer}.library-active button:hover,.library-active button:focus-visible{color:var(--accent)}.library-results-head span{display:none}.library-grid{grid-template-columns:1fr}.library-card__art{height:10.75rem}.library-card__body{min-height:15.5rem}.library-card__foot nav a{min-height:44px}}@media(pointer:coarse){.library-search,.library-search input,.library-search__clear,.library-segment button,.library-colors button,.library-select select,.library-reset,.library-empty button,.library-card__foot nav a{min-height:44px}}@media(prefers-reduced-motion:reduce){.library-card,.library-card__art img,.library-advanced>summary i{transition:none}.library-card:hover{transform:none}}}