.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);margin-block:var(--s4)}
.metrics article{padding:var(--s3);background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r)}
.metrics span,.metrics strong,.metrics small{display:block}.metrics strong{font-size:40px;line-height:1.3;color:var(--sand);font-variant-numeric:tabular-nums}.metrics small,.help{color:var(--muted);font-size:var(--t-s)}
#status{margin-top:var(--s2)}section{margin-top:var(--s5)}h2{font-size:var(--t-l);margin-bottom:var(--s1)}
.activity-list{list-style:none;padding:0;margin:var(--s2) 0}.activity-list li{border-bottom:1px solid var(--line);padding:var(--s2) 0;display:flex;justify-content:space-between;gap:var(--s2)}
.activity-list p{margin:0}.activity-list small{display:block;color:var(--muted);overflow-wrap:anywhere}.activity-list .detail{text-align:right;min-width:0}.activity-list .person{min-width:0;overflow-wrap:anywhere}.activity-list .badge{font-weight:700;color:var(--sand)}
.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);flex-wrap:wrap}.history-toolbar [role=group]{display:flex;gap:var(--s1)}
[aria-pressed=true]{border-color:var(--accent);color:var(--sand)}.players-button[aria-busy=true]{opacity:.65}.help{max-width:80ch}
@media(max-width:700px){.metrics{grid-template-columns:1fr}.metrics article{padding:var(--s2)}.activity-list li{display:block}.activity-list .detail{text-align:left;margin-top:var(--s1)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.activity-filters{display:flex;flex-wrap:wrap;gap:16px;flex-basis:100%;margin-top:16px}.activity-filters>div{display:flex;flex-direction:column;gap:8px;min-width:140px;flex:1}.activity-filters select,.activity-filters input{min-height:44px;max-width:100%;padding:8px;font:inherit;color:var(--ink);background:var(--bg-2);border:1px solid currentColor;border-radius:4px}.activity-filters :focus-visible{outline:2px solid currentColor;outline-offset:3px}.players-search{flex-wrap:wrap}.history-toolbar [role=group]{display:flex;flex-wrap:wrap;gap:8px}.activity-list small{overflow-wrap:anywhere}.activity-list button{margin-top:8px}.metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}