@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";.set-detail-page{min-height:100vh}.set-detail-content{padding-top:56px;padding-bottom:88px}.set-detail-header{display:flex;align-items:center;gap:28px;padding-bottom:36px;border-bottom:1px solid var(--border)}.set-detail-logo{display:grid;width:164px;height:126px;flex:none;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-card);background:radial-gradient(ellipse at 50% 0%,var(--surface-elevated),var(--surface) 75%)}.set-detail-logo img{width:100%;height:100%;padding:18px;object-fit:contain}.set-detail-logo span{color:var(--text-muted);font-family:var(--font-mono);font-size:28px;font-weight:700;letter-spacing:-.08em}.set-detail-heading{min-width:0}.set-detail-heading h1{margin:0;font-size:clamp(30px,4vw,42px);font-weight:650;letter-spacing:-1.2px;line-height:1.1}.set-detail-stats{display:flex;flex-wrap:wrap;gap:10px 32px;margin:20px 0 0}.set-detail-stats>div{display:flex;flex-direction:column;gap:4px}.set-detail-stats dt{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase}.set-detail-stats dd{margin:0;color:var(--text-body);font-size:var(--text-md);font-weight:500}.set-detail-toolbar{display:flex;align-items:center;gap:12px;margin:28px 0 14px}.set-detail-search{width:auto;max-width:none;height:46px;flex:1 1 auto;border:1px solid var(--border);background:var(--surface)}.set-detail-search kbd{display:none}.set-detail-density{display:inline-flex;flex:none;gap:4px;padding:4px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.set-detail-density .view-button{width:38px;height:36px}.set-detail-results-line{display:flex;min-height:28px;align-items:center;gap:8px;margin-bottom:14px;color:var(--text-muted);font-size:var(--text-sm)}.set-detail-results-line>span+span:before{margin-right:8px;color:var(--text-subtle);content:"·"}.card-table-retry{margin-bottom:var(--space-3)}.card-table .data-table th:first-child{width:65%}.card-table-number{font-family:var(--font-mono);white-space:nowrap}.set-detail-grid{display:grid;gap:20px}.set-detail-grid.is-dense{grid-template-columns:repeat(6,minmax(0,1fr))}.set-detail-grid.is-comfortable{grid-template-columns:repeat(3,minmax(0,1fr))}.set-detail-card-image{overflow:hidden;aspect-ratio:.72;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-raised)}.set-detail-card-image img{display:block;width:100%;height:100%;object-fit:contain}.set-detail-card-link{display:block;min-width:0;border-radius:var(--radius-card)}.set-detail-card-link:hover .set-detail-card-image{border-color:var(--border-strong)}.set-detail-card-placeholder{display:grid;width:100%;height:100%;place-items:center;color:var(--text-subtle)}.set-detail-empty{padding:64px 24px;border:1px dashed var(--border-strong);border-radius:var(--radius-card);color:var(--text-muted);text-align:center}.set-detail-error{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.set-detail-error h1{margin:0;font-size:var(--text-xl)}.set-detail-error p{margin:6px 0 0;color:var(--text-muted)}.set-detail-loading-header{height:180px;margin-bottom:30px;border-bottom:1px solid var(--border);background:linear-gradient(105deg,transparent 30%,var(--surface-elevated) 45%,transparent 60%);background-size:220% 100%;animation:set-skeleton-shimmer 1.6s ease-in-out infinite}.set-detail-loading-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.set-detail-loading-card{aspect-ratio:.72;border:1px solid var(--border);border-radius:var(--radius-card);background:linear-gradient(105deg,var(--surface) 30%,var(--surface-elevated) 45%,var(--surface) 60%);background-size:220% 100%;animation:set-skeleton-shimmer 1.6s ease-in-out infinite}.set-card-link{display:block;min-width:0;color:inherit;text-decoration:none}.sets-grid>.set-card-link{width:100%}.set-card-link>.set-card{width:100%;height:100%}@media(max-width:1100px){.set-detail-grid.is-dense,.set-detail-loading-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.set-detail-grid.is-comfortable{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.set-detail-content{padding-top:36px;padding-bottom:64px}.set-detail-header{align-items:flex-start;gap:18px;padding-bottom:26px}.set-detail-logo{width:112px;height:96px}.set-detail-logo img{padding:12px}.set-detail-heading h1{font-size:30px}.set-detail-stats{gap:10px 18px;margin-top:16px}.set-detail-stats>div{min-width:calc(50% - 12px)}.set-detail-grid{gap:12px}.set-detail-grid.is-dense,.set-detail-loading-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.set-detail-grid.is-comfortable{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.set-detail-content{padding-top:28px;padding-bottom:48px}.set-detail-header{gap:14px}.set-detail-logo{width:88px;height:82px}.set-detail-heading h1{font-size:25px;letter-spacing:-.6px}.set-detail-stats{column-gap:10px;margin-top:12px}.set-detail-stats>div{min-width:calc(50% - 6px)}.set-detail-toolbar{gap:8px;margin-top:20px}.set-detail-search{min-width:0}.set-detail-density{gap:0;padding:3px}.set-detail-density .view-button{width:34px}}.card-detail-page{color:var(--text);font-size:var(--text-md);line-height:1.5}.card-detail-body{height:calc(100% - 68px);margin:0 calc(-1 * var(--overlay-inset))}.card-detail-standalone .card-detail-body{height:calc(100dvh - 72px);margin:0}.card-detail-layout{display:grid;height:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.card-detail-image-panel{display:flex;min-height:0;align-items:center;justify-content:center;padding:var(--space-8)}.card-detail-artwork{width:min(100%,480px,(100vh - 250px) * .72);overflow:hidden;aspect-ratio:.72;border-radius:var(--radius-card);background:var(--surface-raised)}.card-detail-artwork img{display:block;width:100%;height:100%;object-fit:contain}.card-detail-artwork-placeholder{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--text-muted)}.card-detail-info{min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-8);border-left:1px solid var(--border-soft)}.card-detail-heading h1{margin:0;overflow-wrap:anywhere;font-size:clamp(30px,3vw,42px);font-weight:700;letter-spacing:-.8px;line-height:1.15}.card-detail-heading h1 span{color:var(--text);font-weight:inherit}.card-detail-section{padding:var(--space-8) 0;border-bottom:1px solid var(--border-soft)}.card-detail-section:last-child{border-bottom:0}.card-detail-section h2{margin:0 0 var(--space-6);font-size:var(--text-xl);font-weight:600}.card-detail-move+.card-detail-move{margin-top:var(--space-8)}.card-detail-move-label{margin-bottom:var(--space-2);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase}.card-detail-move h3{margin:0;font-size:var(--text-lg);font-weight:600}.card-detail-move-title{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.card-detail-move-name{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.card-detail-move-name h3{overflow-wrap:anywhere}.card-detail-move-title strong{font-size:var(--text-lg)}.card-detail-move p,.card-detail-empty{margin:var(--space-2) 0 0;color:var(--text-body);font-size:var(--text-md);line-height:1.7;white-space:pre-line}.card-detail-empty{color:var(--text-muted)}.card-detail-loading{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12)}.card-detail-loading,.card-detail-error{padding-top:var(--space-8)}.card-detail-loading>div{min-height:240px;border-radius:var(--radius-card);background:linear-gradient(105deg,var(--surface) 30%,var(--surface-elevated) 45%,var(--surface) 60%);background-size:220% 100%;animation:set-skeleton-shimmer 1.6s ease-in-out infinite}.card-detail-loading>div:first-child{aspect-ratio:.72;max-height:600px}.card-detail-error .sets-error h1{margin:0 0 var(--space-2);font-size:var(--text-xl)}@media(max-width:700px){.card-detail-surface .overlay-navigation{position:sticky;z-index:1;top:0;background:var(--surface)}.card-detail-body,.card-detail-layout,.card-detail-standalone .card-detail-body{height:auto}.card-detail-layout{grid-template-columns:1fr;gap:var(--space-8);padding-top:var(--space-6)}.card-detail-image-panel{padding:0}.card-detail-info{overflow:visible;padding:var(--space-8) 0 0;border-top:1px solid var(--border-soft);border-left:0}.card-detail-artwork{width:min(100%,360px)}.card-detail-section{padding:var(--space-6) 0}.card-detail-loading{grid-template-columns:1fr;gap:var(--space-6)}}@media(min-width:701px)and (max-height:300px){.card-detail-content,.card-detail-body,.card-detail-layout,.card-detail-standalone .card-detail-body{height:auto}.card-detail-info{overflow:visible}.card-detail-artwork{width:min(100%,480px)}}:root{color-scheme:light;--background: #f8f8f8;--surface: #ffffff;--surface-raised: #f3f4f6;--surface-elevated: #e5e7eb;--surface-menu: #ffffff;--border-soft: #e5e7eb;--border: #d1d5db;--border-strong: #9ca3af;--text: #18181b;--text-body: #3f3f46;--text-muted: #71717a;--text-subtle: #a1a1aa;--brand: #dc2626;--brand-hover: #b91c1c;--brand-text: #b91c1c;--brand-soft: #fef2f2;--brand-soft-text: #b91c1c;--market-up: #15803d;--market-down: #b91c1c;--success-soft: rgb(21 128 61 / 10%);--danger-soft: rgb(185 28 28 / 10%);--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: 11px;--text-sm: 12px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--text-display: 36px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--site-max-width: 1760px;--radius-sm: 6px;--radius-md: 8px;--radius-card: 12px;--radius-xl: 16px;--radius-pill: 999px;--shadow-menu: 0 12px 28px -8px rgb(24 24 27 / 16%);--focus-ring: 0 0 0 3px rgb(220 38 38 / 24%)}:root{font-family:var(--font-sans);color:var(--text);background:var(--background);font-synthesis:none;font-optical-sizing:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-variant-numeric:tabular-nums}*{box-sizing:border-box}.icon{display:block;flex:none}body{min-width:320px;min-height:100vh;margin:0;background:var(--background)}button,input,select{font:inherit}button,select{color:inherit}button{cursor:pointer}a{color:inherit}code,kbd{font-family:var(--font-mono)}::selection{color:var(--text);background:var(--brand-hover)}.design-system-page,.sets-app{min-height:100vh;background:var(--background);color:var(--text);font-size:var(--text-md);line-height:1.5}.site-container{width:min(100%,var(--site-max-width));margin-right:auto;margin-left:auto;padding-right:var(--space-12);padding-left:var(--space-12)}.page-content.sets-page-content{gap:0;padding-top:0}.product-header{position:sticky;z-index:20;top:0;width:100%;min-height:72px;border-bottom:1px solid var(--brand-hover);background:var(--brand);color:#fff}.product-header-inner{display:flex;min-height:inherit;align-items:center;gap:var(--space-6)}.product-wordmark{flex:none;color:#fff;font-size:20px;font-weight:700;letter-spacing:-.4px;text-decoration:none}.product-wordmark span{color:#fff}.product-nav{display:flex;flex:1;align-self:stretch;align-items:center}.product-header .product-nav-link{color:#fff}.product-header .product-nav-link:hover,.product-header .product-nav-link:focus-visible,.product-nav-link.is-current{background:#ffffff29;color:#fff}.product-header>.badge{margin-left:auto}.sets-hero{padding:24px 0}.sets-hero h1{margin:0;font-size:clamp(28px,3vw,36px);font-weight:700;letter-spacing:-.8px;line-height:1.2}.sets-browser{display:flex;flex-direction:column;gap:24px}.language-tabs{display:flex;min-width:0;gap:32px;overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:none}.language-tabs::-webkit-scrollbar{display:none}.language-tab{position:relative;display:inline-flex;min-height:52px;flex:none;align-items:center;padding:0;border:0;background:transparent;color:var(--text-muted);font-size:17px;font-weight:600;text-decoration:none;white-space:nowrap}.language-tab:hover,.language-tab.is-selected{color:var(--text)}.language-tab.is-selected:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--text);content:""}.series-filters{display:flex;min-width:0;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:5px;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.series-filters::-webkit-scrollbar{height:5px}.series-filters::-webkit-scrollbar-track{background:transparent}.series-filters::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--border-strong)}.series-filters .filter-chip{min-height:44px;flex:0 0 auto;padding:0 18px}.sets-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.sets-toolbar .search-input{width:min(100%,420px);flex:1 1 320px;border:1px solid transparent}.sets-toolbar .search-input kbd{display:none}.sort-control{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:var(--text-sm)}.sort-control select{min-height:44px;appearance:none;padding:0 38px 0 16px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--background) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%2371717a' stroke-width='1.5'%3E%3Cpath d='m2 4 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 15px center;color:var(--text);cursor:pointer}.sort-control option{background:var(--surface-menu);color:var(--text)}.sets-results-heading{min-height:20px;margin-top:-8px}.set-series-groups{display:flex;flex-direction:column;gap:48px}.set-series-group{display:flex;flex-direction:column;gap:18px;scroll-margin-top:24px}.set-series-heading h2{margin:0;font-size:var(--text-2xl);font-weight:600;letter-spacing:-.2px;line-height:1.25}.sets-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.sets-grid>.set-card{width:100%}.set-card{transition:border-color .15s ease,transform .15s ease}.set-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}.set-card-art{position:relative;min-height:220px;overflow:hidden;background:linear-gradient(155deg,var(--surface-elevated),var(--surface-raised) 75%)}.set-card-artwork{position:absolute;inset:0;width:100%;height:100%;padding:34px;object-fit:contain}.set-card-art>:not(.set-card-artwork){position:relative;z-index:1}.sets-skeleton-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.set-skeleton{height:340px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-card);background:linear-gradient(105deg,var(--surface) 30%,var(--surface-elevated) 45%,var(--surface) 60%);background-size:220% 100%;animation:set-skeleton-shimmer 1.6s ease-in-out infinite}@keyframes set-skeleton-shimmer{to{background-position-x:-220%}}.sets-message{margin:0;padding:var(--space-6) 0;color:var(--text-muted)}.sets-error{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.sets-error p{margin:0;color:var(--text-body)}.sets-footer{margin-top:64px;padding:var(--space-5) 0;border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm)}.page-content{display:flex;flex-direction:column;gap:64px;padding-top:56px;padding-bottom:96px}.page-intro{max-width:760px}.eyebrow{color:var(--brand-text);font-size:var(--text-xs);font-weight:600;letter-spacing:.6px;text-transform:uppercase}.page-intro h1{margin:8px 0 0;font-size:var(--text-display);font-weight:700;letter-spacing:-.6px;line-height:1.15}.page-intro p{max-width:720px;margin:var(--space-3) 0 0;color:var(--text-body);line-height:1.5}.showcase-section{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.showcase-section>h2{margin:0;font-size:var(--text-2xl);font-weight:600;letter-spacing:-.2px;line-height:1.25}.section-note{max-width:840px;margin:0;color:var(--text-muted);font-size:13px;line-height:1.55}.section-note-top{margin-top:-8px}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-4)}.color-swatch{display:flex;min-width:0;flex-direction:column;gap:6px}.swatch{height:48px;border:1px solid var(--border-strong);border-radius:var(--radius-md)}.swatch-name{overflow-wrap:anywhere;font-size:var(--text-md);font-weight:500}.color-swatch code{color:var(--text-muted);font-size:var(--text-sm)}.type-table{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-card)}.type-table-inner{min-width:760px}.type-row{display:grid;min-height:58px;grid-template-columns:200px 220px minmax(360px,1fr);align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-soft)}.type-row:last-child{border-bottom:0}.type-name{font-size:var(--text-md);font-weight:500}.type-row code{color:var(--text-muted);font-size:var(--text-sm);white-space:nowrap}.type-sample{line-height:1.2;white-space:nowrap}.shape-examples{display:flex;flex-wrap:wrap;gap:48px}.radius-examples,.spacing-examples{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px}.spacing-examples{gap:var(--space-3)}.shape-example{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.radius-sample{width:56px;height:56px;border:1px solid var(--text-muted);background:var(--surface-raised)}.spacing-sample{flex:none;border-radius:2px;background:var(--brand)}.shape-example>span{font-size:13px;white-space:nowrap}.shape-example>code{color:var(--text-muted);font-size:var(--text-sm)}.chrome-frame{overflow:visible;border:1px solid var(--border);border-radius:var(--radius-card)}.announcement-bar{display:flex;min-height:44px;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--surface-raised);font-size:13px;text-align:center}.site-header-demo{position:relative;display:flex;min-height:72px;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:12px 24px;border-top:1px solid var(--brand-hover);border-bottom:1px solid var(--brand-hover);background:var(--brand);color:#fff}.wordmark{flex:none;color:#fff;font-size:var(--text-xl);font-weight:700;letter-spacing:-.2px;text-decoration:none}.wordmark span{color:#fff}.main-nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.nav-link{display:inline-flex;min-height:44px;align-items:center;gap:var(--space-2);padding:0 14px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text);font-size:var(--text-lg);font-weight:500;text-decoration:none;white-space:nowrap}.site-header-demo .nav-link{color:#fff}.site-header-demo .nav-link:hover,.site-header-demo .nav-link:focus-visible,.site-header-demo .nav-menu-trigger.is-open{background:#ffffff29;color:#fff}.nav-menu-wrap{position:relative}.nav-menu-trigger{cursor:pointer}.nav-dropdown{position:absolute;z-index:5;top:calc(100% + var(--space-2));left:0;width:240px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-menu);box-shadow:var(--shadow-menu)}.nav-dropdown a{display:flex;height:44px;align-items:center;gap:14px;padding:0 var(--space-3);border-radius:var(--radius-card);color:var(--text);font-size:var(--text-md);font-weight:600;text-decoration:none}.nav-dropdown a:hover,.nav-dropdown a.is-current{background:var(--surface-raised)}.header-actions{display:flex;flex:1 1 280px;align-items:center;justify-content:flex-end;gap:var(--space-3)}.search-input{display:flex;width:min(100%,420px);height:44px;flex:1 1 220px;align-items:center;gap:var(--space-2);padding:0 var(--space-2) 0 14px;border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--text-muted)}.search-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:var(--text-md)}.search-input input::placeholder{color:var(--text-muted);opacity:1}.search-input kbd{flex:none;padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--surface-elevated);color:var(--text-muted);font-size:var(--text-sm)}.site-header-demo .search-input{background:#ffffff24;color:#fff}.site-header-demo .search-input input{color:#fff}.site-header-demo .search-input input::placeholder{color:#fff}.site-header-demo .search-input kbd{background:#ffffff29;color:#fff}.site-header-demo .button-primary{border-color:#fff;background:#fff;color:var(--brand)}.site-header-demo .button-primary:hover:not(:disabled){background:var(--brand-soft)}.site-footer-demo{display:flex;min-height:240px;flex-wrap:wrap;align-content:flex-start;align-items:center;justify-content:flex-end;gap:12px 32px;padding:var(--space-6);color:var(--text-muted);font-size:13px}.site-footer-demo a{text-decoration:none}.site-footer-demo a:hover{color:var(--text)}.language-button{display:inline-flex;height:36px;align-items:center;gap:6px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-pill);background:transparent;color:var(--text);font-size:13px}.tabs{display:flex;flex-wrap:wrap;align-items:center;gap:0 32px;border-bottom:1px solid var(--border)}.tab{display:inline-flex;min-height:48px;align-items:center;gap:var(--space-2);margin-bottom:-1px;padding:0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);font-size:var(--text-lg);font-weight:500}.tab:hover{color:var(--text)}.tab.is-selected{border-bottom-color:var(--text);color:var(--text)}.tab-badge{padding:3px var(--space-3);border-radius:var(--radius-pill);background:var(--brand-soft);color:var(--brand-soft-text);font-size:var(--text-md);font-weight:600}.demo-state{margin:-8px 0 0;color:var(--text-muted);font-size:13px}.demo-state strong{color:var(--text-body);font-weight:500}.control-examples{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.segmented-control{display:inline-flex;gap:4px;padding:4px;border-radius:var(--radius-pill);background:var(--surface-raised)}.segment{height:36px;padding:0 var(--space-5);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text);font-size:var(--text-md);font-weight:500}.segment.is-selected{background:var(--text);color:var(--background);font-weight:600}.filter-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.select-wrap{position:relative;display:inline-flex}.select-control{height:44px;appearance:none;padding:0 38px 0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-pill);background:transparent;color:var(--text);font-size:var(--text-md);cursor:pointer}.select-control option{background:var(--surface-menu);color:var(--text)}.select-chevron{position:absolute;top:50%;right:14px;color:var(--text-muted);pointer-events:none;transform:translateY(-50%)}.stats-strip{display:flex;flex-wrap:wrap;gap:24px 48px}.stat{display:flex;min-width:100px;flex-direction:column;gap:var(--space-2)}.stat-label{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase}.stat-value{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700}.attribute-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6) var(--space-4);margin:0}.attribute-grid-container{container-type:inline-size}.attribute-grid-responsive-four{grid-template-columns:repeat(2,minmax(0,1fr))}@container (min-width: 440px){.attribute-grid-responsive-four{grid-template-columns:repeat(4,minmax(0,1fr))}}.attribute-grid>div{min-width:0}.attribute-grid dt{margin-bottom:var(--space-2);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase}.attribute-grid dd{margin:0;overflow-wrap:anywhere;color:var(--text-body);font-size:var(--text-md);font-weight:500}.energy-icons{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);vertical-align:middle}.energy-icon{display:block;width:22px;height:22px;flex:none;object-fit:contain}.energy-matchups{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.energy-matchup{display:inline-flex;align-items:center;gap:var(--space-1)}.table-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.result-count{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase}.view-switcher{display:flex;align-items:center;gap:var(--space-2)}.view-button{display:grid;width:40px;height:40px;place-items:center;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-muted)}.view-button:hover{color:var(--text)}.view-button.is-selected{border-color:var(--border-strong);background:var(--surface);color:var(--text)}.table-scroll{overflow-x:auto}.data-table{width:100%;min-width:680px;border-collapse:collapse;font-size:var(--text-md)}.data-table th{padding:12px 8px;border-bottom:1px solid var(--border-soft);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table th.is-sorted{color:var(--text);font-weight:700}.data-table th button{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-transform:inherit}.data-table td{padding:8px;border-bottom:1px solid var(--border-soft)}.data-table tr:last-child td{border-bottom:0}.align-right{text-align:right!important}.set-row-name{display:inline-flex;align-items:center;gap:var(--space-3);font-weight:600;white-space:nowrap}.set-row-thumb{width:36px;height:36px;flex:none;border-radius:var(--radius-sm);background:var(--surface-elevated)}.table-card-link{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--text);font-weight:600;text-decoration:none}.table-card-link:hover{text-decoration:underline}.table-card-thumb{display:grid;width:40px;aspect-ratio:.72;flex:none;place-items:center;overflow:hidden;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-muted)}.table-card-thumb img{display:block;width:100%;height:100%;object-fit:contain}.number-pill{display:inline-flex;min-width:48px;justify-content:center;padding:6px 14px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);font-family:var(--font-mono);font-weight:500}.market-value{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-weight:500;white-space:nowrap}.market-value.is-up{color:var(--market-up)}.market-value.is-down{color:var(--market-down)}.empty-state{padding:var(--space-6);border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-muted);text-align:center}.set-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--space-4)}.set-grid.is-dense{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card-examples{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-6)}.set-card,.collection-card,.upcoming-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.set-card{width:280px;overflow:hidden}.set-card-art{display:flex;height:200px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:var(--space-3);background:linear-gradient(160deg,var(--surface-elevated),var(--surface))}.set-code{color:var(--text-body);font-family:var(--font-mono);font-size:var(--text-sm)}.set-card-content{display:flex;flex-direction:column;gap:10px;padding:var(--space-3)}.set-card h3,.collection-card h3,.upcoming-card h3{margin:0;font-size:var(--text-lg);font-weight:600;line-height:1.25}.set-card-meta{display:flex;justify-content:space-between;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-xs)}.set-card-count{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.set-card-count span{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase}.set-card-count strong{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500}.collection-card{display:flex;width:340px;flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.collection-card-heading{display:flex;align-items:center;gap:var(--space-3)}.collection-mark{width:48px;height:48px;flex:none;border-radius:var(--radius-xl);background:var(--surface-elevated)}.collection-card-heading h3{display:flex;align-items:center;gap:6px}.collection-card-heading p{margin:2px 0 0;color:var(--text-muted);font-size:var(--text-xs)}.complete-mark{display:inline-grid;width:14px;height:14px;place-items:center;border-radius:50%;background:var(--brand);color:var(--text)}.collection-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.collection-stats .stat{min-width:0}.collection-stats .stat-label{font-size:var(--text-xs)}.collection-stats .stat-value{font-size:var(--text-sm);font-weight:500}.upcoming-card{display:flex;width:300px;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.upcoming-card-art{height:120px;border-radius:var(--radius-md);background:linear-gradient(160deg,var(--surface-elevated),var(--surface))}.upcoming-card-title,.upcoming-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.upcoming-card-footer{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.remind-button{flex:none;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:transparent;color:var(--text);font-family:var(--font-sans);font-size:var(--text-xs)}.component-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.badge-row{gap:var(--space-3)}.field-examples{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-6)}.notice{width:min(100%,320px);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-left:3px solid var(--market-up);border-radius:var(--radius-md);background:var(--surface-raised);font-size:var(--text-md)}.page-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-soft);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em}.button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-5);border:1px solid transparent;border-radius:var(--radius-pill);font-size:var(--text-md);font-weight:600;line-height:1;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.button-primary{background:var(--brand);color:var(--text)}.button-primary:hover:not(:disabled){background:var(--brand-hover)}.button-secondary{border-color:var(--border);background:var(--surface-raised);color:var(--text)}.button-secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-elevated)}.button-ghost{border-color:var(--border);background:transparent;color:var(--text)}.button-ghost:hover:not(:disabled),.button-outline:hover:not(:disabled){background:var(--surface-raised)}.button-outline{border-color:var(--border);background:transparent;color:var(--text);font-weight:500}.button-sm{min-height:32px;padding:0 14px;font-size:13px}.button-md{min-height:40px}.button-lg{min-height:48px;padding:0 28px}.button:disabled{background:var(--surface-raised);color:var(--text-subtle);cursor:not-allowed}.icon-button{min-height:44px;gap:var(--space-2);padding:0 var(--space-5);font-size:var(--text-lg)}.fullscreen-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;overflow:auto;padding:0;border:0;background:transparent;color:var(--text)}.fullscreen-dialog::backdrop{background:#18181b8c}.site-container.overlay-frame{width:100%;height:100dvh;padding:var(--space-6)}.overlay-surface{--overlay-inset: var(--space-8);height:100%;overflow:auto;padding:0 var(--overlay-inset);border:1px solid var(--border-soft);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-menu)}.overlay-navigation{position:relative;display:flex;min-height:68px;align-items:center;margin:0 calc(-1 * var(--overlay-inset));padding:var(--space-1) 0;border-bottom:1px solid var(--border-soft)}.overlay-navigation-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.overlay-card-navigation{display:flex;min-width:0;grid-column:1;align-items:center;justify-content:center;gap:var(--space-1);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.overlay-arrow{display:grid;width:36px;height:44px;flex:none;place-items:center;border-radius:var(--radius-md);color:var(--text-body);text-decoration:none}.overlay-arrow:hover{background:var(--surface-raised)}.overlay-arrow.is-disabled{color:var(--text-subtle)}.overlay-arrow.is-disabled:hover{background:transparent}.overlay-card-strip{display:flex;width:100%;max-width:480px;min-width:0;align-items:center;justify-content:center;gap:var(--space-1)}.overlay-card-thumbnail{position:relative;display:grid;width:40px;height:56px;flex:none;place-items:center;overflow:hidden;border:2px solid transparent;border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-muted);opacity:.65}.overlay-card-thumbnail.is-current{border-color:var(--brand);opacity:1}.overlay-card-thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.overlay-card-thumbnail img[hidden]{display:none}.overlay-close.button{position:absolute;top:50%;right:var(--overlay-inset);width:44px;height:44px;min-height:44px;padding:0;transform:translateY(-50%)}@media(max-width:700px){.site-container.overlay-navigation-content{grid-template-columns:minmax(0,1fr);padding-right:calc(var(--overlay-inset) + 44px);padding-left:calc(var(--overlay-inset) + 44px)}}@media(max-width:620px){.site-container.overlay-frame{padding:var(--space-3)}.overlay-surface{--overlay-inset: var(--space-4)}}.badge{display:inline-flex;min-height:24px;align-items:center;justify-content:center;padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;line-height:1.2;white-space:nowrap}.badge-new{background:var(--brand);color:var(--text)}.badge-beta{min-height:22px;padding:1px 8px;border:1px solid var(--border-strong);background:transparent;color:var(--text-muted);font-size:var(--text-xs)}.badge-neutral{background:var(--border-soft);color:var(--text-body);font-weight:400}.badge-up{gap:4px;background:var(--success-soft);color:var(--market-up);font-family:var(--font-mono);font-weight:500}.badge-down{gap:4px;background:var(--danger-soft);color:var(--market-down);font-family:var(--font-mono);font-weight:500}.badge-upcoming{background:var(--brand-soft);color:var(--brand-soft-text)}.badge-secret{background:var(--border-soft);color:var(--text-muted);font-family:var(--font-mono);font-weight:500}.badge-ability{background:var(--brand-hover);color:var(--surface)}.filter-chip{min-height:40px;padding:0 var(--space-4);border:0;border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--text);font-size:var(--text-md);font-weight:500}.filter-chip:hover{background:var(--surface-elevated)}.filter-chip.is-active{background:var(--text);color:var(--background);font-weight:600}a.filter-chip{display:inline-flex;align-items:center;text-decoration:none}.field{display:flex;width:280px;flex-direction:column;gap:var(--space-2);font-size:var(--text-md);font-weight:500}.field-label{color:var(--text)}.text-input{width:100%;height:40px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-md);outline:0;background:var(--surface);color:var(--text);font-size:var(--text-md)}.text-input::placeholder{color:var(--text-muted);opacity:1}.text-input:focus-visible,.search-input:focus-within{border-color:var(--brand-text);box-shadow:var(--focus-ring)}:focus-visible{outline:2px solid var(--brand-text);outline-offset:3px}.button:focus-visible,.filter-chip:focus-visible,.segment:focus-visible,.view-button:focus-visible,.tab:focus-visible,.nav-link:focus-visible,.data-table th button:focus-visible{outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}@media(max-width:900px){.site-container{padding-right:var(--space-8);padding-left:var(--space-8)}.sets-grid,.sets-skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.set-series-groups{gap:40px}.site-header-demo{gap:var(--space-3)}.header-actions{flex-basis:100%}.search-input{max-width:none}}@media(max-width:620px){.site-container{padding-right:var(--space-5);padding-left:var(--space-5)}.page-content{gap:48px;padding-top:40px;padding-bottom:64px}.page-content.sets-page-content{gap:0;padding-top:0}.product-header{min-height:60px}.product-header-inner{gap:var(--space-3)}.product-wordmark{font-size:18px}.product-nav-link{padding:0 var(--space-3)}.sets-hero{padding:24px 0 20px}.sets-hero h1{font-size:30px}.sets-browser{gap:18px}.language-tabs{gap:24px;margin-right:-20px}.language-tab{min-height:48px;font-size:15px}.series-filters{margin-right:-20px;padding:0 20px 5px 0}.sets-toolbar{align-items:stretch;flex-direction:column}.sets-toolbar .search-input{flex-basis:auto}.sort-control{justify-content:space-between}.sort-control select{flex:1}.sets-grid,.sets-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.set-series-group{gap:14px}.set-series-heading h2{font-size:22px}.sets-grid .set-card-art{height:150px}.sets-grid .set-card-art{min-height:150px}.sets-grid .set-card-artwork{padding:20px}.sets-grid .set-card-content{gap:8px;padding:12px}.sets-grid .set-card h3{font-size:14px}.sets-grid .set-card-meta{align-items:flex-start;flex-direction:column;gap:2px}.sets-grid .set-card-count strong{font-size:12px}.set-skeleton{height:260px}.sets-error{align-items:flex-start;flex-direction:column}.page-intro h1{font-size:32px}.showcase-section>h2{font-size:22px}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.shape-examples{gap:var(--space-6)}.radius-examples{gap:12px}.spacing-examples{gap:8px}.site-header-demo{padding:var(--space-3)}.main-nav{gap:0}.nav-link{min-height:40px;gap:6px;padding:0 9px;font-size:13px}.header-actions{flex-wrap:wrap}.header-actions>.button{flex:none}.nav-dropdown{width:220px}.site-footer-demo{min-height:160px;justify-content:flex-start;gap:var(--space-3) var(--space-4);padding:var(--space-4)}.tabs{gap:0 var(--space-5)}.tab{font-size:14px}.control-examples{gap:var(--space-2)}.segment{padding:0 var(--space-4)}.stats-strip{gap:var(--space-4) var(--space-6)}.card-examples{gap:var(--space-4)}.set-card,.collection-card,.upcoming-card{width:100%}.page-footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
