.statistics-heading { display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap; gap: var(--space-5); margin-bottom: var(--space-6); }
.statistics-heading h1 { font-size: var(--fs-display-lg); line-height: var(--lh-display); }
.statistics-heading p { margin: 0; }
.statistics-heading label { min-width: min(100%, 12rem); }
.statistics-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-8); }
.statistics-section { min-width: 0; margin-block: var(--space-5) var(--space-8); }
.statistics-section h2 { font-size: var(--fs-h3); line-height: var(--lh-h3); margin: 0; }
.statistics-section-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--space-3); }
.statistics-section > h2 { min-height: var(--control-h-s); display: flex; align-items: center; }
.statistics-section .scope-note { margin-block: var(--space-2) var(--space-5); }
.statistics-bars { display: grid; gap: var(--space-4); list-style: none; margin: 0; padding: 0; }
.statistics-bar-row { display: grid; gap: var(--space-2); color: var(--foreground); text-decoration: none; padding-block: var(--space-1); }
a.statistics-bar-row:hover .statistics-bar-label { text-decoration: underline; }
.statistics-bar-heading { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-4); font-size: var(--fs-sm); }
.statistics-bar-label { min-width: 0; overflow-wrap: anywhere; }
.statistics-bar-value { flex: none; font-variant-numeric: tabular-nums; }
.statistics-bar-track { display: block; height: var(--space-2); background: var(--surface); overflow: hidden; border-radius: var(--radius-sm); }
.statistics-bar-fill { display: block; height: 100%; background: var(--primary); }
.statistics-bar-row small { color: var(--muted-foreground); font-size: var(--fs-xs); }
.statistics-details { display: flex; flex-wrap: wrap; gap: var(--space-6); padding-top: var(--space-5); margin-top: var(--space-5); border-top: 1px solid var(--border); }
.statistics-details dt { color: var(--muted-foreground); font-size: var(--fs-xs); }
.statistics-details dd { margin: var(--space-1) 0 0; font-size: var(--fs-h3); font-weight: 600; font-variant-numeric: tabular-nums; }
.statistics-games { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-8); margin-top: var(--space-5); }
.statistics-empty { display: grid; justify-items: center; gap: var(--space-3); padding-block: var(--space-8); }
@media (max-width: 1024px) { .statistics-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); } }
@media (max-width: 640px) { .statistics-grid, .statistics-games { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); } .statistics-heading h1 { font-size: var(--fs-h1); line-height: var(--lh-h1); } }