/* Statistics hierarchy, accessible links and shared sidebar navigation. */
.statistics-menu { min-width: 0; }
.statistics-menu summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 13px; border-radius: 3px; color: var(--muted); font-size: 13px; font-weight: 700; cursor: pointer; list-style: none; }
.statistics-menu summary::-webkit-details-marker { display: none; }
.statistics-menu summary::after { content: '+'; font: 14px var(--mono); }
.statistics-menu[open] summary::after { content: '−'; }
.statistics-menu summary.active { background: var(--acid); color: #090b0d; }
.statistics-menu summary:hover { color: var(--text); background: #1b2225; }
.statistics-menu-links { margin: 7px 0 7px 14px; padding-left: 8px; border-left: 1px solid var(--line); }
.site-head nav .statistics-menu-links a { padding: 7px 9px !important; color: #a4afb5; font-size: 12px; text-decoration: none; }
.site-head nav .statistics-menu-links a:hover,
.site-head nav .statistics-menu-links a.section-active { color: var(--acid); background: #171d20; }
.statistics-menu summary:focus-visible,
.statistics-menu-links a:focus-visible,
.statistics-page a:focus-visible { outline: 2px solid var(--acid); outline-offset: 3px; }
.statistics-page .statistics-title h1 { font-size: clamp(30px, 4vw, 48px); margin-bottom: 8px; }
.statistics-page .statistics-title p { max-width: 65ch; font-size: 14px; line-height: 1.6; }
.statistics-page .statistics-title time { position: static; display: block; margin-top: 10px; font-size: 11px; }
.statistics-page [id] { scroll-margin-top: 80px; }
.statistics-page .statistics-columns { grid-template-columns: minmax(0, 1fr); }
.statistics-bars article { grid-template-columns: 26px minmax(0, 1fr) 80px; gap: 10px; padding: 12px 8px; }
.statistics-bars article:hover { background: #141b1e; }
.statistics-bars article > div { min-width: 0; }
.statistics-bars article > div > a,
.statistics-bars article > div > a:visited { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--text); font-size: 14px; line-height: 1.4; text-decoration: none; }
.statistics-bars article > div > a::after { content: '→'; color: var(--acid); }
.statistics-bars article > div > a:hover { color: var(--acid); }
.statistics-bars article > small { display: block; grid-column: 2 / -1; text-align: left; font-size: 10px; }
.statistics-bars article em { font-size: 11px; }
.statistics-page .statistics-panel h2 { font-size: clamp(21px, 2.5vw, 27px); }
.statistics-page .statistics-panel header > span { font-size: 10px; letter-spacing: 0; line-height: 1.5; }
.statistics-page .statistics-directory a { padding: 12px 8px; font-size: 14px; }
.statistics-page .statistics-directory a:hover { background: #141b1e; }
.statistics-page .statistics-directory a b { font-size: 10px; }
.statistics-page .statistics-subnav a.section-active { color: var(--acid); background: #171d20; border-color: var(--line); }
@media (min-width: 801px) {
    .site-head { overflow-y: auto; }
    .site-head .brand { flex-shrink: 0; }
    .statistics-page .statistics-subnav { display: none; }
    .statistics-page [id] { scroll-margin-top: 24px; }
}
@media (min-width: 1300px) {
    .statistics-page #gameplay { grid-template-columns: minmax(0, 1.5fr) minmax(280px, .8fr); }
    .statistics-page .records-and-data { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (max-width: 800px) {
    .statistics-menu { position: relative; }
    .statistics-menu summary { padding: 9px 10px; white-space: nowrap; }
    .statistics-menu-links { position: fixed; z-index: 120; top: 120px; left: 14px; right: 14px; max-height: 60dvh; overflow-y: auto; margin: 0; padding: 8px; border: 1px solid var(--line); background: #0c0f11; box-shadow: 0 12px 28px #0009; }
    .site-head nav .statistics-menu-links a { display: block !important; padding: 10px 12px !important; }
    .statistics-page .statistics-subnav a { font-size: 10px; }
}
@media (min-width: 801px) and (max-width: 1100px) {
    .statistics-page .statistics-visual { grid-template-columns: 1fr; }
    .statistics-page .breakdown-chart { max-width: 210px; }
}
@media (max-width: 600px) {
    .statistics-menu summary { padding-inline: 9px; font-size: 10px; }
}
@media (max-width: 400px) {
    .statistics-menu summary { padding-inline: 8px; }
}