.meta-shell{--meta-card-min:220px;--meta-card-gap:.8rem;--meta-card-pad:.58rem;--meta-card-title:.82rem;--meta-category-min:220px;--meta-category-gap:.8rem;--meta-category-pad:.58rem;--meta-category-title:.82rem;display:grid;gap:clamp(.8rem,1.4vw,1.25rem);width:min(100%,1760px);margin-inline:auto}
.meta-shell[data-meta-card-size="large"]{--meta-card-min:285px;--meta-card-gap:1rem;--meta-card-pad:.72rem;--meta-card-title:.94rem}
.meta-shell[data-meta-card-size="small"]{--meta-card-min:160px;--meta-card-gap:.55rem;--meta-card-pad:.42rem;--meta-card-title:.72rem}
.meta-shell[data-meta-category-size="large"]{--meta-category-min:285px;--meta-category-gap:1rem;--meta-category-pad:.72rem;--meta-category-title:.94rem}
.meta-shell[data-meta-category-size="small"]{--meta-category-min:160px;--meta-category-gap:.55rem;--meta-category-pad:.42rem;--meta-category-title:.72rem}
.meta-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,500px);align-items:center;gap:clamp(1rem,2vw,2rem)}
.meta-heading :is(h1,p){margin-block:.1rem}
.meta-heading-snapshot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;width:100%;min-width:0}
.meta-heading-snapshot>span{display:grid;align-content:center;gap:.12rem;min-width:0;min-height:64px;padding:.65rem .75rem;border:1px solid var(--border);border-radius:12px;background:var(--panel-2);text-align:right}
.meta-heading-snapshot strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}
.meta-heading-snapshot small{color:var(--muted);font-size:.64rem;font-weight:850;letter-spacing:.055em;text-transform:uppercase}

.meta-filter-panel{display:block;margin:0;overflow:visible}
.meta-filter-grid{display:grid;grid-template-columns:minmax(150px,190px) minmax(190px,240px) minmax(145px,190px) auto;align-items:end;gap:.65rem}
.meta-filter-grid.is-custom-date-range{grid-template-columns:minmax(150px,.8fr) minmax(190px,1fr) minmax(145px,.72fr) repeat(2,minmax(155px,.78fr)) auto}
.meta-filter-grid>*{min-width:0}
.meta-filter-grid>[hidden]{display:none!important}
.meta-filter-grid select,.meta-filter-grid input[type=date],.meta-filter-grid .multi-combo>summary{height:42px;min-height:42px}
.meta-filter-actions{display:flex;gap:.4rem}
.meta-filter-actions .btn{min-height:42px;white-space:nowrap}
.meta-filter-panel>.search-help{display:flex;justify-content:space-between;gap:.75rem;margin:.65rem 0 0}
.meta-filter-panel>.search-help span:last-child{text-align:right}
.meta-multi-combo .multi-combo-panel{min-width:max(100%,240px)}
.meta-multi-combo[open]{z-index:1000}
.meta-multi-combo[open]>.multi-combo-panel{z-index:1001!important}
.meta-filter-panel:has(.meta-multi-combo[open]),.meta-card-filter-bar:has(.meta-multi-combo[open]){position:relative;z-index:990;overflow:visible!important}
.meta-multi-combo .multi-options label{display:flex;align-items:center;gap:.5rem;padding:.38rem .35rem;border-radius:6px;color:var(--text);font-size:.72rem;font-weight:600;cursor:pointer}
.meta-multi-combo .multi-options label:hover{background:var(--accent-faint)}
.meta-multi-combo [data-option-label],.meta-multi-combo .mana-option-label{display:flex;align-items:center;gap:.4rem;min-width:0}
.meta-state{display:grid;justify-items:start;align-content:center;gap:.45rem;min-height:220px;padding:2rem}
.meta-state :is(h2,p){margin:0}

.meta-section-nav{position:sticky;top:calc(var(--header-height,60px) + .45rem);z-index:120;display:flex;gap:.35rem;min-width:0;padding:.4rem;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--panel-raised) 92%,transparent);box-shadow:0 8px 24px rgba(0,0,0,.18);backdrop-filter:blur(12px);overflow-x:auto;scrollbar-width:thin}
.meta-section-nav a{display:inline-flex;flex:1 0 auto;align-items:center;justify-content:center;min-height:36px;padding:.4rem .8rem;border:1px solid transparent;border-radius:8px;color:var(--muted);font-size:.72rem;font-weight:850;text-decoration:none;white-space:nowrap}
.meta-section-nav a:hover{border-color:var(--border);color:var(--text)}
.meta-section-nav a[aria-current=true]{border-color:color-mix(in srgb,var(--accent) 65%,var(--border));background:var(--accent-faint);color:var(--accent)}
.meta-section[id]{scroll-margin-top:calc(var(--header-height,60px) + 4.4rem)}
.meta-sample-notice{display:flex;align-items:center;gap:.8rem;padding:.65rem .8rem;border:1px solid color-mix(in srgb,var(--gold) 55%,var(--border));border-left:3px solid var(--gold);border-radius:9px;background:color-mix(in srgb,var(--gold-faint) 45%,var(--panel));font-size:.78rem}
.meta-sample-notice span{color:var(--muted)}

.meta-section{display:grid;gap:.7rem;min-width:0}
.meta-section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding-inline:.15rem}
.meta-section-heading :is(h2,p){margin:.08rem 0}
.meta-section-heading>p{max-width:70ch;color:var(--muted);font-size:.76rem;text-align:right}
.meta-section-heading-tools{display:flex;align-items:end;justify-content:flex-end;gap:.75rem;max-width:min(780px,60%)}
.meta-section-heading-tools>p{margin:0;color:var(--muted);font-size:.76rem;text-align:right}
.meta-section-heading-tools .view-controls{flex:0 0 auto}
.meta-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:start}
.meta-four-donuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;align-items:start}
.meta-donut-card,.meta-section .stats-graphic-card{display:grid;gap:.7rem;min-width:0;padding:.85rem;border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,var(--panel),var(--panel-2))}
.meta-donut-card header h3,.meta-section .stats-graphic-card>header h3{margin:0;font-size:.9rem}
.meta-donut-layout{display:grid;grid-template-columns:minmax(112px,.72fr) minmax(150px,1.28fr);align-items:center;gap:.8rem;min-width:0}
.meta-four-donuts .meta-donut-layout{grid-template-columns:1fr}
.meta-four-donuts .meta-donut{justify-self:center}
.meta-donut{position:relative;display:grid;place-items:center;width:min(100%,180px);aspect-ratio:1}
.meta-donut .stats-pie-chart{position:absolute;inset:0;width:100%;height:100%}
.meta-donut:after{content:"";position:absolute;z-index:1;inset:28%;border:1px solid var(--border);border-radius:50%;background:var(--panel);pointer-events:none}
.meta-donut>span{position:relative;z-index:2;max-width:58%;color:var(--muted);font-size:.67rem;font-weight:850;text-align:center;text-transform:uppercase;pointer-events:none}
.meta-donut .stats-pie-slice:focus-visible{outline:none;opacity:1;transform:translate(var(--slice-x),var(--slice-y));filter:brightness(1.1)}
.meta-donut-legend{display:grid;align-content:start;gap:.3rem;min-width:0;margin:0;padding:0;list-style:none}
.meta-donut-legend li{display:grid;grid-template-columns:9px minmax(62px,1fr) auto auto auto;align-items:center;gap:.35rem;min-width:0;padding:.12rem;border-radius:5px;font-size:.7rem}
.meta-donut-legend li:focus-visible{outline:1px solid var(--accent);background:var(--accent-faint)}
.meta-donut-legend li>i{width:9px;height:9px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:var(--slice)}
.meta-donut-legend li>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.meta-donut-legend li>small{color:var(--muted);text-align:right}
.meta-trend{display:inline-flex;align-items:center;gap:.15rem;font-size:.64rem;font-weight:850;white-space:nowrap}
.meta-trend-up{color:var(--success)}
.meta-trend-down{color:var(--danger)}
.meta-trend-flat{color:var(--muted)}
.stats-hover-tooltip{position:fixed;z-index:4000;max-width:min(280px,calc(100vw - 20px));padding:.45rem .55rem;border:1px solid var(--accent);border-radius:4px;background:color-mix(in srgb,var(--panel-raised) 96%,white);box-shadow:var(--shadow);color:var(--text);font-size:.75rem;font-weight:700;line-height:1.25;pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .08s ease,transform .08s ease}
.stats-hover-tooltip.show{opacity:1;transform:none}

.meta-archetype-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.meta-archetype-groups section{display:grid;align-content:start;gap:.35rem;padding:.6rem;border:1px solid var(--border);border-radius:9px;background:var(--panel-2)}
.meta-archetype-groups h4{margin:0 0 .15rem;font-size:.76rem}
.meta-archetype-groups section>div{display:grid;grid-template-columns:minmax(90px,1fr) 42px auto 26px;align-items:center;gap:.35rem;padding:.2rem .28rem;border-radius:6px;font-size:.67rem}
.meta-archetype-groups section>div:hover,.meta-archetype-groups section>div:focus-visible{outline:0;background:var(--accent-faint)}
.meta-archetype-groups small{color:var(--muted);text-align:right}

.meta-leader-panel{gap:.8rem!important}
.meta-leader-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.stats-graphic-card:not(.is-list-expanded) .meta-list-overflow{display:none}
.meta-list-expand{justify-self:center}
.meta-leader-card{display:grid;grid-template-columns:24px 84px minmax(0,1fr);align-items:start;gap:.7rem;min-width:0;padding:.68rem;border:1px solid var(--border);border-radius:11px;background:var(--panel-2);color:var(--text);text-decoration:none}
.meta-leader-card:hover{border-color:var(--accent);background:var(--panel-raised)}
.meta-leader-card>em{align-self:center;color:var(--muted);font-size:.75rem;font-style:normal;text-align:center}
.meta-leader-card>.meta-usage-thumb{width:84px;height:117px}
.meta-leader-copy{display:grid;align-content:start;gap:.48rem;min-width:0}
.meta-leader-copy>header{display:flex;align-items:start;justify-content:space-between;gap:.65rem}
.meta-leader-copy>header>div{display:grid;gap:.28rem;min-width:0}
.meta-leader-copy>header strong{overflow:hidden;font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}
.meta-leader-copy>header>b{display:grid;justify-items:end;gap:.08rem;font-size:1.05rem}
.meta-leader-copy>header>b small{color:var(--muted);font-size:.63rem;font-weight:700;white-space:nowrap}
.meta-leader-identity{display:flex;align-items:center;gap:.32rem;min-height:24px}
.meta-leader-identity>span{display:flex;gap:.12rem}.meta-leader-identity>b{color:var(--muted);font-size:.78rem}
.meta-leader-mana{width:22px;height:22px}.meta-leader-mana img{width:100%;height:100%}
.meta-leader-strategies{display:flex;align-items:center;flex-wrap:wrap;gap:.28rem;color:var(--muted);font-size:.62rem}
.meta-leader-strategies>small{margin-right:.08rem;color:var(--muted);font-size:.62rem;font-weight:800;text-transform:uppercase}
.meta-leader-strategies>span{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .36rem;border:1px solid var(--border);border-radius:99px;background:var(--panel)}
.meta-leader-strategies>span>i{width:7px;height:7px;border-radius:50%;background:var(--strategy-color)}.meta-leader-strategies b{color:var(--text)}
.meta-leader-archetypes{display:flex;align-items:center;flex-wrap:wrap;gap:.28rem}.meta-leader-archetypes>small{margin-right:.08rem;color:var(--muted);font-size:.62rem;font-weight:800;text-transform:uppercase}.meta-leader-archetypes>span{padding:.2rem .36rem;border:1px solid var(--border);border-radius:99px;background:var(--panel);font-size:.62rem}.meta-leader-archetypes b{color:var(--accent)}
.meta-usage-thumb{display:block;overflow:hidden;border:1px solid var(--border);border-radius:5px;background:var(--panel);aspect-ratio:63/88}
.meta-usage-thumb img{display:block;width:100%;height:100%;object-fit:cover}

.meta-card-filter-bar{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr)) auto;align-items:end;gap:.55rem;padding:.7rem;border:1px solid var(--border);border-radius:11px;background:var(--panel);overflow:visible}
.meta-card-filter-bar>*{min-width:0}
.meta-card-filter-bar select,.meta-card-filter-bar .multi-combo>summary{min-height:42px}
.meta-card-filter-bar>.btn{min-height:42px;white-space:nowrap}
.meta-card-usage-panel{gap:.65rem!important}
.meta-card-usage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--meta-card-min),100%),1fr));gap:var(--meta-card-gap);min-width:0}
.meta-category-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--meta-category-min),100%),1fr));gap:var(--meta-category-gap);min-width:0}
.meta-card-usage[data-meta-collapsed="1"]{display:none}
.meta-card-usage{display:grid;align-content:start;gap:.4rem;min-width:0;padding:var(--meta-card-pad);border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}
.meta-card-usage:hover{border-color:color-mix(in srgb,var(--accent) 62%,var(--border));background:var(--panel-raised)}
.meta-card-usage-image{position:relative;width:100%;margin:0;padding:0;border:0;background:none;color:inherit;cursor:pointer}
.meta-card-usage-image:focus-visible,.meta-card-name:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.meta-card-usage .meta-usage-thumb{width:100%;box-shadow:0 7px 16px rgba(0,0,0,.24)}
.meta-card-rate{position:absolute;right:.3rem;bottom:.3rem;padding:.18rem .32rem;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:rgba(10,13,18,.9);color:#fff;font-size:.72rem;font-weight:900}
.meta-card-usage>div{display:grid;gap:.22rem;min-width:0}
.meta-card-name{display:block;overflow:hidden;width:100%;margin:0;padding:0;border:0;background:none;color:var(--text);cursor:pointer;font:inherit;font-size:var(--meta-card-title);font-weight:850;text-align:left;text-overflow:ellipsis;white-space:nowrap}
.meta-card-usage>div>span:not(.meta-trend){display:flex;justify-content:space-between;gap:.3rem;color:var(--muted)}
.meta-card-usage small{font-size:.64rem}
.meta-card-actions{align-items:center;min-height:22px}
.meta-card-actions>a{color:var(--accent);font-size:.64rem;font-weight:800;text-decoration:none}
.meta-card-actions>a:hover{text-decoration:underline}
.meta-card-expand{justify-self:center}
.meta-category-panel{overflow:hidden}
.meta-category-card{padding:var(--meta-category-pad)}
.meta-category-card .meta-card-name{font-size:var(--meta-category-title)}
.meta-category-tags{position:absolute;z-index:2;top:.35rem;left:.35rem;display:flex;flex-wrap:wrap;gap:.25rem;max-width:calc(100% - .7rem);pointer-events:none}
.meta-category-tag{background:rgba(10,12,15,.9);box-shadow:0 2px 6px rgba(0,0,0,.28)}
.meta-category-tag-color{border-color:var(--accent);color:color-mix(in srgb,var(--accent) 72%,white)}
.meta-category-tag-type{border-color:var(--gold);color:#f3d98f}
.meta-zone-chip{display:inline-flex;align-items:center;min-height:28px;padding:.25rem .48rem;border:1px solid var(--border);border-radius:99px;background:var(--panel-2);color:var(--text);font-size:.65rem;font-weight:800;white-space:nowrap}
.meta-mana-token{width:22px;height:22px;min-width:22px;padding:0;border:0;background:none}
.meta-mana-token img{width:100%;height:100%}
.meta-none-symbol{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--border);border-radius:50%}
.meta-method-note{margin:0;padding:.75rem .9rem;border-left:3px solid var(--accent);border-radius:0 9px 9px 0;background:var(--panel-2);color:var(--muted);font-size:.72rem;line-height:1.5}
.meta-method-note strong{color:var(--text)}
#meta-card-dialog .dialog-close{position:absolute;top:.75rem;right:.75rem;z-index:5}