.statistics-page{--stats-purple:#8b6ce5;--stats-blue:#3685e5;--stats-green:#18a48d;min-width:0;color:#17243a}
.statistics-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.statistics-eyebrow{font-size:9px;letter-spacing:1.2px;color:#8c9fba;font-weight:700}
.statistics-heading h2{font-size:25px;letter-spacing:-.7px;margin:5px 0}
.statistics-heading p,.statistics-card-heading p{font-size:11px;color:#8596ad;line-height:1.6;margin:5px 0 0}
.statistics-status{font-size:10px;color:#889ab2;white-space:nowrap}
.statistics-status::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#a8b6c9;margin-right:6px}
.statistics-status.is-live::before{background:#14b88a;box-shadow:0 0 0 4px #14b88a0d}
.statistics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.statistics-kpi,.statistics-card{background:#fff;border:1px solid #dfe7f2;border-radius:10px;box-shadow:0 3px 12px #1d385805}
.statistics-kpi{position:relative;padding:16px 18px;min-width:0}
.statistics-kpi>span{display:block;color:#7f91ab;font-size:11px;margin-bottom:9px;padding-right:28px;min-height:14px}
.statistics-kpi strong{font-size:28px;letter-spacing:-1px;line-height:1.2}
.statistics-kpi small{display:block;font-size:10px;color:#96a6bd;margin-top:7px}
.statistics-kpi svg{position:absolute;right:16px;top:14px;width:29px;height:29px;background:#f2edff;padding:7px;border-radius:7px;stroke:#9577de;box-sizing:border-box}
.statistics-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:16px;margin-bottom:16px}
.statistics-card{padding:20px;min-width:0}
.statistics-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}
.statistics-card h3{font-size:14px;letter-spacing:-.2px;margin:0}
.statistics-tabs,.statistics-legend{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.statistics-tabs button,.statistics-legend button{border:1px solid #e1e8f2;background:#f8fafd;border-radius:5px;color:#8495ae;font:500 10px var(--font-main);padding:6px 9px;cursor:pointer;white-space:nowrap}
.statistics-tabs button[aria-pressed=true]{background:#17243a;border-color:#17243a;color:#fff}
.statistics-tabs button:focus-visible,.statistics-legend button:focus-visible,.statistics-player-link:focus-visible{outline:2px solid #72a7ed;outline-offset:2px}
.statistics-legend{gap:12px;margin-bottom:14px}
.statistics-legend button{border:0;background:none;padding:2px;color:#6e829e}
.statistics-legend button::before{content:'';display:inline-block;width:7px;height:7px;background:var(--series);border-radius:2px;margin-right:6px}
.statistics-legend button[aria-pressed=false]{opacity:.35}
.statistics-trend{height:260px;position:relative;min-width:0}
.statistics-trend svg{display:block;width:100%;height:100%;overflow:visible}
.statistics-chart-empty{height:100%;display:grid;place-items:center;font-size:12px;color:#91a1b8}
.statistics-tooltip{position:absolute;top:12px;left:50%;transform:translateX(-50%);border:1px solid #dee6f2;border-radius:7px;background:#fff;box-shadow:0 5px 16px #17243a14;padding:9px 12px;color:#647a98;font-size:10px;pointer-events:none;white-space:pre-line;z-index:2;line-height:1.8}
.statistics-tooltip[hidden]{display:none}
.statistics-trend-note{font-size:9px;color:#9babbe;margin:12px 0 0;line-height:1.7}
.statistics-region-list{display:grid;gap:16px;margin-top:24px}
.statistics-region-row{display:grid;grid-template-columns:minmax(88px,1fr) minmax(0,1.7fr) 25px;gap:12px;align-items:center;font-size:11px;color:#798da8}
.statistics-region-row>span{overflow-wrap:anywhere;line-height:1.5}
.statistics-region-bar{height:23px;background:#f5f2fc;border-radius:4px;overflow:hidden}
.statistics-region-bar i{display:block;height:100%;background:linear-gradient(90deg,#b8a4ef,#9677e2);border-radius:4px;transition:width .2s}
.statistics-region-row strong{text-align:right;font-size:12px;color:#637894}
.statistics-region-empty,.statistics-empty{padding:28px 10px;text-align:center;font-size:11px;color:#93a3ba;line-height:1.8}
.statistics-table-wrap{overflow:auto}
.statistics-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}
.statistics-table th{padding:0 10px 12px;border-bottom:1px solid #e7edf5;color:#96a6bd;font-size:9px;font-weight:600;white-space:nowrap}
.statistics-table td{padding:13px 10px;border-bottom:1px solid #f0f3f8;vertical-align:middle}
.statistics-table tr:last-child td{border-bottom:0}
.statistics-rank{color:#99a9bf;font:11px var(--font-mono);width:26px}
.statistics-player{display:flex;align-items:center;gap:9px;min-width:130px}
.statistics-avatar{width:29px;height:29px;flex-shrink:0;border:1px solid #e1e8f2;border-radius:50%;background:#f6f9fd;display:grid;place-items:center;font-size:8px;color:#8296b2}
.statistics-player-link{background:none;border:0;padding:0;color:#354d6d;font:600 11px var(--font-main);cursor:pointer;text-align:left}
.statistics-player-name{font-size:11px;font-weight:600;color:#354d6d}
.statistics-duration{font-weight:600;color:#6f54b1;white-space:nowrap}
.statistics-online{font-size:9px;color:#15a582;white-space:nowrap}
.statistics-offline{font-size:9px;color:#9caabe;white-space:nowrap}
.statistics-duration-bar{height:3px;max-width:120px;background:#f1edf9;margin-top:6px;border-radius:2px;overflow:hidden}
.statistics-duration-bar i{display:block;height:100%;background:#b39ae9}
.statistics-activity-list{display:grid;gap:0}
.statistics-activity-item{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #f0f3f8}
.statistics-activity-item:last-child{border-bottom:0}
.statistics-event-dot{width:7px;height:7px;border-radius:50%;background:#1bb28b;flex-shrink:0}
.statistics-event-dot.is-leave{background:#b5a2d8}
.statistics-event-copy{min-width:0;flex:1;font-size:10px;color:#8fa1b8;line-height:1.7}
.statistics-event-copy strong{display:block;font-size:11px;color:#506782;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.statistics-activity-item time{font-size:9px;color:#a2b0c4;white-space:nowrap}
.statistics-coverage{font-size:10px;color:#99a9bf;line-height:1.8;margin:14px 0 0}
@media(max-width:1100px){.statistics-grid{grid-template-columns:minmax(0,1fr)}.statistics-kpis{gap:9px}.statistics-kpi{padding:14px}.statistics-kpi strong{font-size:25px}.statistics-region-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.statistics-heading{align-items:flex-start;flex-direction:column;gap:7px}.statistics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.statistics-card{padding:15px}.statistics-card-heading{flex-wrap:wrap}.statistics-trend{height:230px}.statistics-region-list{grid-template-columns:minmax(0,1fr)}.statistics-kpi svg{width:25px;height:25px;padding:6px;right:10px;top:10px}.statistics-kpi>span{font-size:10px}.statistics-kpi small{font-size:9px}}