/* Alternative catalogue layout: keep the same rows, values and controls alive. */
.catalog-section[data-view="cards"] .table-panel { background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible; }
.catalog-section[data-view="cards"] .table-scroll { overflow:visible;border-radius:0; }
.catalog-section[data-view="cards"] .catalog-table { display:block;width:100%;min-width:0;table-layout:auto; }
.catalog-section[data-view="cards"] thead { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
/* Cap at three columns; retain 250px minimum and shrink to one on narrow screens. */
.catalog-section[data-view="cards"] tbody { display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,max(250px,calc((100% - 32px)/3))),1fr));gap:var(--space-16); }
.catalog-section[data-view="cards"] tbody tr { position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-10) var(--space-12);align-content:start;min-width:0;padding:var(--panel-padding-compact);background:var(--glass-fill);border:1px solid var(--glass-border);border-top-color:var(--glass-border-top);border-radius:var(--ui-panel-radius);box-shadow:var(--glass-shadow); }
.catalog-section[data-view="cards"] tbody tr:hover { background:var(--glass-fill);border-color:color-mix(in srgb, var(--color-accent) 25.1%, transparent); }
.catalog-section[data-view="cards"] tbody td { grid-column:span 2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px;width:auto;min-width:0;height:auto;padding:0;border:0;text-align:left;font-size:var(--text-table);line-height:1.3; }
.catalog-section[data-view="cards"] tbody td:before { content:attr(data-card-label);color:var(--ui-label);font-size:var(--text-small);font-weight:400;line-height:1.3;white-space:nowrap; }
.catalog-section[data-view="cards"] tbody td:first-child { grid-column:1/-1;padding:0 0 var(--space-10);border-bottom:1px solid var(--line); }
.catalog-section[data-view="cards"] tbody td:first-child:before,
.catalog-section[data-view="cards"] .spark-cell:before { display:none; }
.catalog-section[data-view="cards"] .entity-cell { gap:7px;width:100%; }
.catalog-section[data-view="cards"] .entity-cell .catalog-pin { order:4;flex:0 0 28px;width:28px;min-width:28px;height:34px;margin-left:auto; }
.catalog-section[data-view="cards"] .entity-rank { order:0;flex:0 0 auto;min-width:10px;margin:0;font-size:var(--text-small); }
.catalog-section[data-view="cards"] .entity-link { order:1;flex:1;min-width:0;gap:var(--space-8); }
.catalog-section[data-view="cards"] .entity-avatar { width:32px;height:32px;flex:0 0 32px; }
.catalog-section[data-view="cards"] .entity-copy strong { font-size:var(--text-table); }
.catalog-section[data-view="cards"] .entity-copy { overflow:hidden;gap:2px; }
.catalog-section[data-view="cards"] .row-tags { gap:var(--space-4);margin-top:0; }
.catalog-section[data-view="cards"] .row-tags .tag { padding:2px 5px; }
.catalog-section[data-view="cards"] .row-mobile-flags { display:none; }
.catalog-section[data-view="cards"] .online-cell,.catalog-section[data-view="cards"] .queue-cell { grid-column:span 3; }
.catalog-section[data-view="cards"] .online-cell { container-type:inline-size; }
.catalog-section[data-view="cards"] .online-cell strong { font-size:clamp(var(--text-heading),24cqi,var(--text-value));line-height:1.2; }
.catalog-section[data-view="cards"] .queue-cell,.catalog-section[data-view="cards"] .peak-cell { font-size:var(--text-body); }
.catalog-section[data-view="cards"] .language-column { grid-column:span 2; }
.catalog-section[data-view="cards"] .change-cell { grid-column:span 3;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-6);padding-top:var(--space-8);border-top:1px solid var(--line); }
.catalog-section[data-view="cards"] .change-cell .online-change { font-size:var(--text-small); }
.catalog-section[data-view="cards"] .spark-cell { grid-column:1/-1;gap:5px; }
.catalog-section[data-view="cards"] .language-flags { justify-content:flex-start; }
.catalog-section[data-view="cards"] .spark-cell .sparkline { width:100%;height:34px;max-width:none;margin:0; }
.catalog-section[data-view="cards"] tr[data-development="true"] td:not(:first-child):not(.language-column) { display:none; }
.catalog-section[data-view="cards"] .catalog-bottom { padding-inline:0;border:0; }
.cards-controls { display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-8);margin-bottom:14px; }
.cards-controls[hidden] { display:none; }
.cards-controls label { display:flex;align-items:center;gap:var(--space-8);font-size:var(--text-small);color:var(--ui-label); }
.cards-controls select { max-width:170px; }
.cards-controls .select-control { width:170px; }
.cards-order-hint { margin-right:auto;color:var(--ui-label);font-size:var(--text-small); }
.cards-order-status { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
.card-drag-handle { display:none; }
.catalog-section[data-view="cards"][data-manual="true"] .card-drag-handle { order:0;display:grid;place-items:center;flex:0 0 24px;width:24px;height:34px;padding:3px;border:0;border-radius:8px;background:transparent;color:var(--ui-label);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none; }
.card-drag-handle svg { width:13px;height:18px;pointer-events:none; }
.catalog-section[data-view="cards"][data-manual="true"] .entity-rank { display:none; }
.catalog-section[data-view="cards"] .card-drag-handle:hover,.catalog-section[data-view="cards"] .card-drag-handle:focus-visible { color:var(--purple);background:color-mix(in srgb, var(--color-accent) 7.1%, transparent); }
.catalog-section[data-view="cards"] tbody .card-is-dragging { background:color-mix(in srgb, var(--color-accent) 4.7%, transparent);border:1px dashed color-mix(in srgb, var(--color-accent) 50.2%, transparent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--color-accent) 3.1%, transparent);cursor:grabbing; }
.catalog-section[data-view="cards"] tbody .card-is-dragging>* { visibility:hidden; }
.catalog-section[data-view="cards"] .is-reordering { user-select:none;-webkit-user-select:none;cursor:grabbing; }
.catalog-section[data-view="cards"] .is-reordering * { cursor:grabbing; }
.card-drag-overlay { position:fixed;left:0;top:0;z-index:1000;margin:0;pointer-events:none!important;user-select:none;-webkit-user-select:none;will-change:transform; }
.card-drag-overlay * { pointer-events:none!important; }
.card-drag-overlay.catalog-section[data-view="cards"] tbody { display:block; }
.card-drag-overlay.catalog-section[data-view="cards"] tbody tr { width:100%;background:linear-gradient(135deg,color-mix(in srgb, var(--color-bg) 96.1%, transparent),color-mix(in srgb, var(--color-bg) 96.1%, transparent));border-color:color-mix(in srgb, var(--color-accent) 56.5%, transparent);box-shadow:0 20px 54px color-mix(in srgb, var(--color-bg) 53.3%, transparent),0 3px 12px color-mix(in srgb, var(--color-bg) 40%, transparent),0 0 0 1px color-mix(in srgb, var(--color-accent) 12.5%, transparent);transform:scale(1.015);transform-origin:top left; }
.catalog-section[data-view="cards"] tbody .card-is-landing { animation:card-land-in 180ms ease-out; }
@keyframes card-land-in { from{opacity:0}to{opacity:1} }
@media(prefers-reduced-motion:reduce){.card-drag-overlay.catalog-section[data-view="cards"] tbody tr{transform:none}.catalog-section[data-view="cards"] tbody .card-is-landing{animation:none}}
@media(pointer:coarse){.catalog-section[data-view="cards"] .entity-cell .catalog-pin,.catalog-section[data-view="cards"][data-manual="true"] .card-drag-handle{height:44px}}
.row-tags .bonus { max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.row-tags .tag.mode,.info-tags .tag.mode { max-inline-size:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.tag.development-status { max-inline-size:100%;overflow:hidden;text-overflow:ellipsis; }
.catalog-section:not([data-view="cards"]) tr[data-development="true"] td:first-child { width:auto; }
.catalog-section:not([data-view="cards"]) tr[data-development="true"] td:not(:first-child) { display:none; }
.catalog-section:not([data-view="cards"]) tr[data-development="true"] .row-mobile-flags { display:inline-flex; }
.hero-title-group>.beta-status { align-self:center;font-size:12px;padding:5px var(--space-10); }
.info-tags { display:flex;flex-wrap:wrap;gap:5px; }
@media(max-width:600px){.row-tags .tag.mode{max-inline-size:125px}.tag.development-status{font-size:var(--text-small)}.hero-title-group>.beta-status{margin:0}}
.home-bonuses { display:flex;gap:var(--space-4);min-width:0;flex-wrap:wrap;margin-top:3px; }
.home-bonuses:empty { display:none; }
.home-bonuses .tag { padding:2px 5px; }

/* Compact distributions share the site's quiet glass panels and brand palette.
   Never animate hit geometry: a scaled ring can move away from a stationary pointer. */
.distribution-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-20); }
.distribution-section { display:flex;flex-direction:column;min-width:0; }
.distribution-section .section-heading { flex:none; }

.distribution-panel { display:grid;grid-template-columns:minmax(140px,.85fr) minmax(0,1.15fr);align-items:center;gap:22px;flex:1;padding:var(--panel-padding); }
.distribution-plot { position:relative;width:100%;aspect-ratio:1; }
.distribution-plot,.distribution-legend { user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent; }
.distribution-plot svg { display:block;width:100%;height:100%;overflow:visible; }
.distribution-track { stroke:color-mix(in srgb, var(--color-accent-text) 6.3%, transparent);pointer-events:none; }
.distribution-hit { cursor:pointer;outline:none;pointer-events:fill; }
.distribution-arc { pointer-events:none;transition:opacity var(--motion-standard) ease,filter var(--motion-standard) ease; }
.has-active-segment .distribution-arc:not(.is-active) { opacity:.5; }
.distribution-arc.is-active { filter:brightness(1.16) drop-shadow(0 0 3px color-mix(in srgb, var(--color-accent) 18.8%, transparent)); }
.distribution-plot .distribution-hit:focus-visible { outline:none!important; }
.distribution-hit:focus-visible+.distribution-arc { stroke:var(--text);stroke-width:1.5; }
.distribution-center { position:absolute;inset:20%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;pointer-events:none; }
.distribution-center-name { width:82%;color:var(--ui-label);font-size:var(--text-small);line-height:1.2;text-align:center;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; }
.distribution-center-name[hidden] { display:none; }
.has-active-segment .distribution-center { gap:var(--space-4); }
.has-active-segment .distribution-caption { display:none; }
.distribution-center strong { font-size:clamp(22px,2.1vw,30px);font-weight:500;line-height:1.15;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.5px; }
.distribution-center .distribution-caption { color:var(--ui-label);font-size:var(--text-small);line-height:1.3;white-space:nowrap; }
.distribution-center .distribution-detail { display:none; }
.distribution-legend { list-style:none;padding:0;margin:0;display:grid;gap:2px;min-width:0; }
.distribution-legend li { display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);min-width:0;min-height:32px;padding:5px var(--space-6);border-radius:8px;cursor:pointer;transition:background var(--motion-standard) ease; }
.distribution-legend li.is-active { background:color-mix(in srgb, var(--color-accent) 5.5%, transparent); }
.distribution-label { display:flex;align-items:center;gap:7px;min-width:0;padding:0;border:0;background:transparent;font:inherit;font-size:var(--text-small);color:var(--ui-label);text-align:left;touch-action:manipulation;-webkit-touch-callout:none; }
.distribution-label:focus-visible { outline:2px solid var(--purple);outline-offset:3px;border-radius:3px; }
.distribution-legend li.is-active .distribution-label { color:var(--text); }
a.distribution-label:hover { color:var(--purple); }
.distribution-name { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.distribution-mark { display:inline-flex;align-items:center;justify-content:center;flex:none;width:18px;height:14px; }
.distribution-section[data-distribution="projects"] .distribution-mark { width:8px; }
.distribution-dot { display:block;width:6px;height:6px;flex:none;border-radius:50%;background:var(--segment-color); }
.distribution-flag { display:block;width:18px;height:14px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px color-mix(in srgb, var(--color-text) 3.9%, transparent); }
.distribution-value { display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:none;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.2; }
.distribution-value strong { font-size:var(--text-small);font-weight:500; }
.distribution-share { color:var(--ui-label);font-size:var(--text-small);text-align:right; }
.side-column .description-panel { min-width:0;overflow-wrap:anywhere; }
.side-column .description-panel h2 { font-size:var(--text-heading);font-weight:500; }
.domination-toggle[role="img"] { cursor:default; }
.domination-toggle[role="img"]:hover { transform:none;color:var(--purple); }
@media(max-width:800px){
 
 .distribution-grid { gap:var(--space-12); }
 .distribution-panel { grid-template-columns:minmax(110px,.85fr) minmax(0,1.15fr);gap:var(--space-12);padding:var(--panel-padding); }

}
@media(max-width:620px){
 .distribution-grid { grid-template-columns:1fr;gap:var(--space-20); }
 .distribution-panel { grid-template-columns:minmax(122px,.85fr) minmax(0,1.15fr);gap:14px;padding:var(--panel-padding); }
 .distribution-center strong { font-size:23px; }


 .catalog-section[data-view="cards"] tbody tr { gap:var(--space-10) var(--space-12); }
}
@media(max-width:360px){
 .distribution-panel { grid-template-columns:112px minmax(0,1fr);gap:var(--space-8);padding:var(--panel-padding-compact); }
 .distribution-center strong { font-size:var(--text-value); }


 .distribution-label { gap:5px;font-size:var(--text-small); }
 .distribution-value strong { font-size:var(--text-small); }
}

@media(prefers-reduced-motion:reduce) {
 .distribution-arc,.distribution-legend li { transition:none; }
}

/* Vertical rankings: each column shares one baseline and a fixed label row. */
.catalog-section[data-view=bars] .table-panel{background:linear-gradient(120deg,color-mix(in srgb, var(--color-bg) 96.1%, transparent),color-mix(in srgb, var(--color-bg) 96.1%, transparent));border-color:color-mix(in srgb, var(--color-text) 8.2%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-text) 1.2%, transparent)}
.bars-view{--bar-plot-height:320px;display:grid;grid-auto-flow:column;grid-template-rows:1fr;grid-auto-columns:minmax(72px,1fr);align-items:end;gap:var(--space-12);height:auto;padding:var(--panel-padding-compact);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--color-accent) 40%, transparent) transparent}
.bars-view:empty{padding:0}
.bars-view .bar-item{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:calc(var(--bar-plot-height) + 26px) 16px 18px;gap:var(--space-6);align-items:stretch;min-width:0;max-width:none;width:auto;height:auto;text-align:center;scroll-snap-align:start}
.bars-view .bar-trigger{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--space-8);width:100%;height:100%;min-height:0;flex:none;padding:0;border:0;background:none;border-radius:20px}
.bars-view .bar-value{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-4);flex:none;min-height:18px;font-size:13px;line-height:18px;color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap}
.bars-view .bar-value svg{width:12px;height:12px;flex:none;color:var(--color-accent-text)}
.bars-view .bar-shape{display:block;width:100%;max-width:80px;min-height:4px;flex:none;border:0;border-radius:28px;background:linear-gradient(180deg,var(--color-accent) 0%,var(--color-accent) 49%,var(--color-surface) 100%);box-shadow:none;transition:height .45s cubic-bezier(.22,.7,.3,1),filter var(--motion-standard),box-shadow var(--motion-standard)}
.bars-view .bar-label{display:block;width:100%;height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-small);line-height:16px;text-transform:uppercase;color:var(--color-text);letter-spacing:0;overflow-wrap:normal}
.bars-view .bar-label .entity-name{display:block;max-width:100%;line-height:16px}
.bars-view .bar-change{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:18px;font-variant-numeric:tabular-nums;color:var(--color-muted)}
.bars-view .bar-change[data-direction=up]{color:var(--color-success)}
.bars-view .bar-change[data-direction=down]{color:var(--color-danger)}
.bars-view .bar-change[data-direction=flat]{color:var(--color-muted)}
.bars-view [data-online-state=unknown] .bar-shape{background:var(--color-muted);opacity:.35}
.bars-view [data-online-state=zero] .bar-shape{opacity:.6}
.bars-view .bar-item:hover .bar-shape,.bars-view .bar-item.is-records-open .bar-shape,.bars-view .bar-trigger:focus-visible .bar-shape{filter:brightness(1.13);box-shadow:0 0 20px color-mix(in srgb, var(--color-accent) 7.1%, transparent)}
@media(max-width:680px){.bars-view{--bar-plot-height:260px;grid-auto-columns:78px;gap:var(--space-12);padding:var(--panel-padding-compact)}}
@media(prefers-reduced-motion:reduce){.bars-view .bar-shape{transition:none}}