.statistics-modal{position:fixed;inset:0;z-index:36;display:grid;place-items:center;padding:18px;background:rgba(8,7,12,.78);backdrop-filter:blur(14px)}
.statistics-modal[hidden]{display:none}
.statistics-card{width:min(760px,100%);max-height:calc(100vh - 36px);overflow:auto;position:relative;padding:28px;background:rgba(28,24,35,.98);border:1px solid rgba(255,255,255,.18);border-radius:20px;color:#fff}
.statistics-card h2{margin:0 0 8px;font-size:34px}.statistics-note{color:#aaa0ae;font-size:12px}.statistics-controls{display:flex;gap:10px;margin:20px 0}.statistics-controls select{flex:1;min-width:0;padding:11px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:#211b27;color:#fff}.statistics-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.statistics-summary article{padding:15px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.06)}.statistics-summary strong,.statistics-summary small{display:block}.statistics-summary strong{font-size:26px}.statistics-summary small{margin-top:5px;color:#aaa0ae;font-size:11px}.statistics-series{display:grid;gap:6px;margin-top:22px}.statistics-bar{display:grid;grid-template-columns:90px 1fr 35px;gap:9px;align-items:center;color:#aaa0ae;font-size:10px}.statistics-bar b{height:8px;border-radius:99px;background:linear-gradient(90deg,#8e78d6,#c97376);width:var(--value);min-width:2px}.statistics-bar small{text-align:right;color:#fff}@media(max-width:620px){.statistics-card{padding:22px 16px}.statistics-card h2{font-size:29px}.statistics-controls{display:grid}.statistics-summary{grid-template-columns:repeat(2,1fr)}}