.stats-panel { position: relative; }
.stats-panel summary { display: flex; align-items: center; gap: .625rem; min-height: 2.75rem; color: var(--color-muted); list-style: none; cursor: pointer; }
.stats-panel summary::-webkit-details-marker { display: none; }
.stats-panel summary:hover, .stats-panel[open] summary { color: var(--color-accent); }
.stats-panel summary > span { font-size: 1rem; transition: transform .15s; }
.stats-panel[open] summary > span { transform: rotate(45deg); }
.stats-panel__content { position: absolute; right: 0; bottom: calc(100% + .5rem); width: min(20rem, calc(100vw - 3rem)); padding: 1.25rem; background: var(--color-panel); border: 1px solid var(--color-border); border-radius: 8px; box-shadow: 0 8px 24px rgba(var(--black-rgb), .2); color: var(--color-text-soft); font-size: .75rem; line-height: 1.8; z-index: 5; }
.stats-panel__content p { margin: 0 0 .75rem; }
.stats-panel__content a { display: inline-flex; align-items: center; min-height: 2.75rem; gap: .5rem; color: var(--color-accent); }
@media (max-width: 30rem) {
    .stats-panel { width: 100%; }
    .stats-panel__content { position: static; width: 100%; margin-top: .5rem; }
}