.live-metrics,.metrics-page{border-top:1px solid #442951;max-width:1400px;margin:0 auto;padding:4rem 4.5vw}.metrics-heading{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1.4rem;display:flex}.metrics-heading h1,.metrics-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,3.5vw,3.5rem)}.metrics-heading h1 em{color:#c473ff;font-style:normal}.metrics-heading p:not(.metrics-eyebrow){color:#c6b8d4;max-width:40rem;margin:.7rem 0 0}.metrics-eyebrow{color:#cf91ff;letter-spacing:.12em;align-items:center;gap:.5rem;margin:0 0 .7rem;font:700 .78rem Monocraft,monospace;display:flex}.metrics-link{color:#e4c6ff;white-space:nowrap;align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.metrics-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:1.2rem 0;display:grid}.metric{background:#180d25;border:1px solid #4d315f;grid-template-columns:27px 1fr;align-items:center;column-gap:.65rem;padding:.9rem 1rem;display:grid}.metric>span{color:#cf91ff;background:#2a123e;grid-row:span 2;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.metric small{color:#ad9abf}.metric strong{color:#f0ddff;font-size:1.2rem}.metrics-board{background:#1b0d28;border:1px solid #52316b;padding:1.2rem 1.3rem}.metrics-board-title{color:#e5c7ff;align-items:center;gap:.55rem;margin-bottom:.8rem;display:flex}.metrics-board-title h3{margin:0;font-size:1rem}.metrics-row{color:#d7c8e4;border-top:1px solid #342140;grid-template-columns:24px 32px minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.62rem 0;display:grid}.metrics-row b{color:#c48cff}.metrics-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.metrics-row>span:last-child{font-variant-numeric:tabular-nums;color:#f0c6ff}.metrics-avatar{image-rendering:auto;object-fit:cover;background:#28123e;border-radius:4px;width:32px;height:32px;display:block;box-shadow:0 0 0 1px #6c4780}.metrics-empty,.metrics-stale{color:#a99ab8;margin:.9rem 0 0;font-size:.88rem}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.metrics-page{border-top:0;padding-top:2rem}@media (max-width:800px){.metrics-cards,.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:460px){.metrics-heading{flex-direction:column;align-items:flex-start}.metrics-cards{grid-template-columns:1fr 1fr}.metrics-grid{grid-template-columns:1fr}.metric{padding:.75rem .6rem}.metrics-row{grid-template-columns:20px 32px minmax(0,1fr) auto;gap:.45rem}}