.dc-meta-page{--dc-table-border:var(--border-color-subtle);--dc-table-header-bg:light-dark(var(--color-neutral-100), var(--color-neutral-900));--dc-table-row-hover:light-dark(var(--color-neutral-50), var(--color-neutral-800));padding:var(--space-m);color:var(--foreground-color)}.dc-meta-header{display:flex;flex-direction:column;gap:var(--space-s);padding-bottom:var(--space-s)}.dc-header-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-s)}.dc-header-title h1{font-size:var(--font-size-2);margin:0 0 var(--space-xs)0}.dc-meta-links{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2xs);background:var(--dc-table-header-bg);padding:var(--space-xs) var(--space-s);border-radius:var(--radius-m);border:1px solid var(--border-color-subtle)}.dc-meta-link-group{display:flex;gap:var(--space-s);font-size:var(--font-size--1)}.dc-actions{font-size:var(--font-size--2);display:flex;gap:var(--space-xs)}.dc-label{color:var(--brand-neutral);text-transform:uppercase;font-weight:700;font-size:var(--font-size--2)}.dc-value{font-weight:700;color:var(--foreground-color)}.dc-text-link{color:var(--brand-primary);text-decoration:none;font-weight:600}.dc-text-link:hover{text-decoration:underline}.dc-separator{color:var(--border-color-subtle)}.dc-filters-bar{display:flex;align-items:center;gap:var(--space-l);flex-wrap:wrap}.dc-filter-group{display:flex;align-items:center;gap:var(--space-s)}.dc-filter-label{font-size:var(--font-size--1);font-weight:700;color:var(--brand-neutral);text-transform:uppercase;white-space:nowrap}.dc-env-selector,.dc-period-selector,.dc-color-selector{display:flex;flex-wrap:wrap;gap:0;background:var(--dc-table-header-bg);padding:2px;border-radius:var(--radius-s);border:1px solid var(--border-color-subtle)}.dc-period-btn{appearance:none;border:0;background:0 0;padding:var(--space-2xs) var(--space-m);font-size:var(--font-size--2);font-weight:600;color:var(--brand-neutral);cursor:pointer;border-radius:calc(var(--radius-s) - 2px);transition:all .2s ease}.dc-color-btn{appearance:none;border:0;background:0 0;padding:var(--space-2xs) var(--space-xs);color:var(--brand-neutral);cursor:pointer;border-radius:calc(var(--radius-s) - 2px);transition:all .2s ease;line-height:1}.dc-color-btn:hover{background:color-mix(in srgb,var(--brand-primary),transparent 90%)}.dc-color-btn.active{background:color-mix(in srgb,var(--brand-primary),transparent 86%);box-shadow:inset 0 0 0 1px var(--brand-primary),var(--shadow-sm);color:var(--brand-primary)}.dc-color-btn.active i{transform:scale(1.06)}.dc-period-btn:hover{color:var(--foreground-color);background:color-mix(in srgb,var(--brand-primary),transparent 90%)}.dc-period-btn.active{background:#fff;color:var(--brand-primary);box-shadow:var(--shadow-sm)}.dark .dc-period-btn.active{background:var(--color-neutral-800)}.dc-empty-state{padding:var(--space-xl) var(--space-m);text-align:center;color:var(--brand-neutral);font-size:var(--font-size--1)}@keyframes dc-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.dc-skel{display:block;border-radius:var(--radius-s);background:linear-gradient(90deg,light-dark(var(--color-neutral-200),var(--color-neutral-800)) 25%,light-dark(var(--color-neutral-100),var(--color-neutral-700)) 50%,light-dark(var(--color-neutral-200),var(--color-neutral-800)) 75%);background-size:800px 100%;animation:dc-shimmer 1.4s ease-in-out infinite}.dc-skel-label{height:10px;width:60%;margin-bottom:var(--space-xs)}.dc-skel-value{height:28px;width:45%}.dc-skel-rank{height:32px;width:32px;border-radius:50%;flex-shrink:0}.dc-skel-name{height:16px;width:70%;margin-bottom:var(--space-xs)}.dc-skel-metrics{height:12px;width:50%}.dc-skel-rank-cell{height:24px;width:24px;border-radius:50%;margin:auto}.dc-skel-row-name{height:14px;min-width:80px;width:55%}.dc-skel-row-name--1{width:63%}.dc-skel-row-name--2{width:71%}.dc-skel-row-name--3{width:79%}.dc-skel-row-name--4{width:87%}.dc-skel-pips{height:16px;width:64px}.dc-skel-share{height:14px;width:80%}.dc-skel-count{height:14px;width:40px;margin-left:auto}.dc-top-card--skel{background:light-dark(var(--color-neutral-100),var(--color-neutral-900));min-height:100px;align-items:center}.dc-error-message{padding:var(--space-m);border-radius:var(--radius-m);border:1px solid light-dark(var(--color-red-200),var(--color-red-800));background:light-dark(var(--color-red-50),var(--color-red-950));color:light-dark(var(--color-red-700),var(--color-red-300));font-size:var(--font-size--1)}.dc-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-s);margin-bottom:var(--space-l)}.dc-kpi-card{background:var(--background-color);border:1px solid var(--border-color-subtle);padding:var(--space-s);border-radius:var(--radius-m);display:flex;flex-direction:column;align-items:flex-start}.dc-kpi-label{font-size:var(--font-size--2);text-transform:uppercase;letter-spacing:.05em;color:var(--brand-neutral);margin-bottom:var(--space-2xs)}.dc-kpi-value{font-size:var(--font-size-2);font-weight:700;color:var(--foreground-color);line-height:1}.dc-date-val{font-size:var(--font-size-0)}.dc-top-commanders{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-m);margin-bottom:var(--space-l)}.dc-top-card{position:relative;background:var(--brand-light-foreground);border:1px solid var(--border-color-subtle);border-radius:var(--radius-m);padding:var(--space-m);display:flex;gap:var(--space-m);align-items:flex-end;overflow:hidden;min-height:100px}.dc-top-card-art-wrap{position:absolute;inset:0;z-index:0}.dc-top-card-art{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.dc-top-card-art-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000000d1,#00000073,#00000026)}.dc-top-rank{font-size:var(--font-size-3);font-weight:800;color:var(--brand-secondary);line-height:1;position:relative;z-index:1;flex-shrink:0;text-shadow:0 1px 4px rgba(0,0,0,.6)}.dc-top-info{flex:1;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;align-self:stretch}.dc-top-info h3{margin:0 0 var(--space-2xs)0;font-size:var(--font-size-0);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}.dc-top-info h3 .dc-commander-link{color:#fff}.dc-top-info h3 .dc-commander-link:hover{color:var(--brand-secondary);text-decoration:underline}.dc-top-metrics{display:flex;gap:var(--space-s);align-items:center;flex-wrap:wrap;font-size:var(--font-size--1)}.dc-top-color-identity{display:flex;gap:1px;align-items:center;flex-wrap:nowrap}.dc-top-metrics .dc-share{font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dc-top-metrics .dc-count{color:#ffffffbf}.dc-progress-bg{position:absolute;bottom:0;left:0;height:3px;width:var(--dc-progress-width, 0%);background:var(--brand-primary);opacity:.2}.dc-table-container{border:1px solid var(--border-color-subtle);border-radius:var(--radius-m);overflow-x:auto;background:var(--background-color)}.dc-meta-table{width:100%;border-collapse:collapse;font-size:var(--font-size--1)}.dc-meta-table th{background:var(--dc-table-header-bg);text-align:left;padding:var(--space-s) var(--space-m);font-weight:600;color:var(--brand-neutral);text-transform:uppercase;font-size:var(--font-size--2);letter-spacing:.05em}.dc-meta-table td{padding:var(--space-xs) var(--space-m);border-bottom:1px solid var(--dc-table-border);color:var(--foreground-color);overflow:visible}.dc-meta-table tr:hover td{background:var(--dc-table-row-hover)}.dc-meta-table tr:last-child td{border-bottom:none}.dc-col-rank{width:60px;text-align:center}.dc-col-identity{width:132px;min-width:132px;white-space:nowrap;overflow:visible}.dc-meta-table th.dc-col-identity,.dc-meta-table td.dc-col-identity{padding-left:var(--space-xs);padding-right:var(--space-xs)}.dc-col-share{width:150px}.dc-col-count{width:100px;text-align:right}.dc-color-identity-pips{display:flex;gap:2px;align-items:center;flex-wrap:nowrap;overflow:visible}.dc-mobile-identity-pips{display:none;margin-top:var(--space-2xs);align-items:center;gap:2px;flex-wrap:nowrap}.dc-color-identity-pips.dc-pips-4,.dc-color-identity-pips.dc-pips-5{gap:1px}.dc-commander-link{display:flex;align-items:center;gap:var(--space-xs);color:inherit;text-decoration:none;min-width:0}.dc-commander-link:hover{color:var(--brand-primary);text-decoration:underline}.dc-commander-art-thumb{flex-shrink:0;border-radius:var(--radius-s);object-fit:cover;object-position:center top;width:48px;height:34px;border:1px solid var(--border-color-subtle)}.dc-commander-art-stack{display:inline-flex;align-items:center;gap:var(--space-3xs);flex-shrink:0}.dc-commander-art-stack.is-partner .dc-commander-art-thumb{width:34px;height:34px}.dc-rank-badge{display:inline-block;width:24px;height:24px;line-height:24px;border-radius:50%;font-weight:700;font-size:var(--font-size--2);text-align:center}.dc-rank-1{background:gold;color:#540}.dc-rank-2{background:#e0e0e0;color:#404040}.dc-rank-3{background:#cd7f32;color:#5c3a18}.dc-commander-name{font-weight:500;min-width:0;overflow-wrap:anywhere}.dc-digital-badge{display:inline-block;margin-left:var(--space-xs);font-size:9px;text-transform:uppercase;padding:1px 4px;border-radius:2px;background:var(--color-neutral-200);color:var(--color-neutral-600)}.dc-companion-badge{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-neutral-500);margin-top:2px}.dc-companion-badge__label{text-transform:uppercase;font-size:9px;letter-spacing:.04em;padding:1px 4px;border-radius:2px;background:light-dark(var(--color-neutral-200),var(--color-neutral-800));color:light-dark(var(--color-neutral-600),var(--color-neutral-400));flex-shrink:0}.dc-companion-badge__name{font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-share-wrapper{display:flex;align-items:center;gap:var(--space-s)}.dc-share-text{font-weight:600;min-width:40px}.dc-share-bar-track{flex:1;height:6px;background:var(--dc-table-header-bg);border-radius:3px;overflow:hidden}.dc-share-bar-fill{height:100%;width:var(--dc-share-fill-width, 0%);background:var(--brand-primary)}@media (max-width:640px){.dc-header-content{flex-direction:column;align-items:stretch}.dc-meta-links{align-items:flex-start}.dc-filters-bar{flex-direction:column;align-items:flex-start}.dc-filter-group{flex-wrap:wrap}.dc-kpi-grid{grid-template-columns:1fr 1fr}.dc-meta-table{table-layout:fixed;width:100%}.dc-meta-table th,.dc-meta-table td{padding-left:var(--space-xs);padding-right:var(--space-xs);padding-top:var(--space-s);padding-bottom:var(--space-s);vertical-align:middle}.dc-col-rank{width:42px}.dc-col-share{width:96px}.dc-col-name{width:auto}.dc-col-identity,.dc-col-count{display:none}.dc-commander-link{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:var(--space-s)}.dc-commander-art-thumb{width:56px;height:40px}.dc-commander-art-stack.is-partner .dc-commander-art-thumb{width:34px;height:40px}.dc-commander-name{display:block;line-height:1.3;word-break:keep-all;overflow-wrap:anywhere;hyphens:auto}.dc-mobile-identity-pips{display:inline-flex}.dc-share-wrapper{gap:var(--space-2xs);justify-content:flex-start}.dc-share-text{min-width:0}.dc-share-bar-track{max-width:34px}}