.stats-bar { position: relative; z-index: 2; min-height: auto; padding: 2.5rem 5vw; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.stats-row { display: grid; grid-template-columns: auto 1fr 1fr; align-items: center; gap: 3rem; }
.stats-block { display: flex; flex-direction: column; gap: 0.75rem; flex-shrink: 0; }
.contrib-block { display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; }
.stats-block-title { font-family: var(--font-mono); font-size: 0.72rem; color: var(--text-dim); text-transform: uppercase; letter-spacing: 1.5px; display: flex; align-items: center; gap: 0.4rem; }
.stats-pills { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.stats-pill { display: flex; flex-direction: column; align-items: center; padding: 0.5rem 0.9rem; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); min-width: 60px; }
.sp-val { font-family: var(--font-mono); font-size: 1.1rem; font-weight: 700; color: var(--purple-l); }
.sp-key { font-size: 0.65rem; color: var(--text-dim); text-transform: uppercase; letter-spacing: 0.5px; }
.so-gold .sp-val { color: #fbbf24; }
.so-silver .sp-val { color: #94a3b8; }
.so-bronze .sp-val { color: #c45e00; }
#contrib-chart { display: block; margin: 0 auto; max-width: 100%; }
@media (max-width: 900px) { .stats-row { grid-template-columns: 1fr; gap: 1.5rem; } .contrib-block { width: 100%; } }