.wl-metrics{padding-top:var(--base);padding-bottom:calc(var(--base)*2)}.wl-metrics__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;display:flex}.wl-metrics__periods a{color:var(--theme-elevation-700);border-bottom:1px solid #0000;margin-left:12px;padding:10px 2px;text-decoration:none;display:inline-block}.wl-metrics__periods a:hover,.wl-metrics__periods a[aria-current=true]{color:var(--theme-elevation-1000);border-bottom-color:currentColor}.wl-metrics__cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:24px 0;display:grid}.wl-metrics__card{border:1px solid var(--theme-elevation-150);background:var(--theme-elevation-0);border-radius:6px;padding:14px 16px}.wl-metrics__card strong{font-variant-numeric:tabular-nums;font-size:28px;line-height:1.1;display:block}.wl-metrics__card span{color:var(--theme-elevation-600);margin-top:4px;font-size:13px;display:block}.wl-metrics__chart{width:100%;height:auto;margin:8px 0 28px}.wl-metrics__bar{fill:var(--theme-elevation-800)}.wl-metrics__bar:hover{fill:var(--theme-success-500)}.wl-metrics__grid{stroke:var(--theme-elevation-150);stroke-width:1px}.wl-metrics__label{fill:var(--theme-elevation-600);font-size:11px}.wl-metrics__tables{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;display:grid}.wl-metrics table{border-collapse:collapse;width:100%;font-size:14px}.wl-metrics th,.wl-metrics td{border-bottom:1px solid var(--theme-elevation-100);text-align:left;vertical-align:top;padding:6px 8px}.wl-metrics th:not(:first-child),.wl-metrics td.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.wl-metrics__note{color:var(--theme-elevation-600);margin-top:28px;font-size:13px;line-height:1.5}.wl-metrics__line{stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.wl-metrics__line--players{stroke:var(--theme-elevation-900)}.wl-metrics__line--online{stroke:var(--theme-elevation-400);stroke-dasharray:4 3}.wl-metrics__legend{color:var(--theme-elevation-600);flex-wrap:wrap;gap:8px 24px;margin:-16px 0 24px;font-size:13px;display:flex}.wl-metrics__legend span:before{content:"";vertical-align:middle;border-top:2px solid var(--theme-elevation-900);width:18px;height:0;margin-right:8px;display:inline-block}.wl-metrics__legend-online:before{border-top-style:dashed!important;border-top-color:var(--theme-elevation-400)!important}