/* Fixed-width live readout, aligned with the category tabs and ranking boards. */
.site-stats{position:relative;z-index:20;color:#f2eee5;background:#293447;background-image:radial-gradient(#c4d0ea16 .7px,transparent .7px);background-size:5px 5px;border:1px solid #aabbd13b;font-family:inherit;border-radius:5px;margin:4px 0 10px;width:100%;min-width:0}
.stats-shell{display:flex;align-items:center;height:66px;padding:0 20px;gap:22px}
.stats-label{display:flex;align-items:center;gap:9px;flex-shrink:0;font-size:10px;font-weight:600;color:#d0d7e3;white-space:nowrap}
.stats-label>i{width:5px;height:5px;border-radius:50%;background:#e9bb82;box-shadow:0 0 8px #edbd7880}
.stats-label small{display:block;font-size:8px;font-weight:600;letter-spacing:.04em;color:#a6b3c8;margin-top:4px}
.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));flex:1;min-width:0}
.stats-item{min-width:0;padding-left:23px;border-left:1px solid #c3cfe422;display:flex;flex-direction:column;gap:5px}
.stats-item>span{font-size:10px;line-height:1.3;color:#c3cddd;white-space:nowrap}
.stats-number{display:flex;align-items:baseline;gap:5px;min-width:0}
.stats-number>strong{display:inline-block;position:relative;overflow:hidden;font-family:inherit;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;line-height:1.2;letter-spacing:-.01em;color:#f4e8d2;text-shadow:0 0 12px #f2d5a820;white-space:nowrap}
.stat-value{display:block}
.stats-number>small{font-size:9px;color:#b0bfd4}
.stats-info{flex-shrink:0}
.stats-info>summary{border:1px solid #a9bad344;background:transparent;color:#cbd5e5;width:25px;height:25px;padding:0;display:grid;place-items:center;cursor:pointer;border-radius:50%;font:italic 12px Georgia,serif;list-style:none}
.stats-info>summary::-webkit-details-marker{display:none}
.stats-info>summary:hover{color:#fff7e9;background:#d4dff410}
.stats-info>summary:focus-visible{outline:2px solid #f4e8d2;outline-offset:3px}
.stats-popover{position:absolute;right:12px;top:calc(100% + 8px);width:min(310px,calc(100% - 24px));padding:18px 20px;background:#f8f6f0;color:#344055;border:1px solid #d5dce6;box-shadow:0 8px 30px #17263e25;border-radius:8px;font-size:12px;line-height:1.65;z-index:25}
.stats-popover b{font-size:13px}.stats-popover p{margin:8px 0}.stats-popover small{display:block;color:#68758b;font-size:10px}
.stats-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}
.stats-number>strong.is-updating:before{content:attr(data-previous);position:absolute;inset:0;animation:stats-number-out .65s cubic-bezier(.22,.8,.2,1) both}
.is-updating .stat-value{animation:stats-number-in .65s cubic-bezier(.22,.8,.2,1) both}
@keyframes stats-number-out{to{transform:translateY(-110%);opacity:0}}
@keyframes stats-number-in{from{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:1000px){.stats-shell{gap:15px;padding-inline:15px}.stats-label small{display:none}.stats-item{padding-left:15px}.stats-number>strong{font-size:21px}}
@media(max-width:700px){.stats-shell{height:63px;padding:0 8px;gap:5px}.stats-label{display:none}.stats-grid{gap:0}.stats-item{padding-left:7px;gap:5px}.stats-item:first-child{border-left:0;padding-left:0}.stats-item>span{font-size:9px;letter-spacing:0}.stats-number{gap:0}.stats-number>strong{font-size:15px;letter-spacing:-.02em;overflow:visible}.stats-number>small{display:none}.stats-info>summary{width:18px;height:25px;border:0;font-size:12px}}
.motion-off .is-updating:before{display:none}.motion-off .is-updating .stat-value{animation:none}
@media(prefers-reduced-motion:reduce){.stats-number>strong.is-updating:before{display:none}.is-updating .stat-value{animation:none}}

.github-library-link{display:inline-flex;margin-top:12px;padding:8px 12px;border:1px solid #bdc9d9;border-radius:4px;color:#4e658a!important;font-size:12px!important;text-decoration:none}.github-library-link:hover{background:#e9edf4}.stats-popover>a{display:inline-block;margin:4px 0 8px;font-size:11px;color:#4e658a}