.period-nav,.stat-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}.period-nav{width:max-content;max-width:100%;align-items:center;gap:4px;margin-top:-10px;padding:6px;border:1px solid var(--line);border-radius:999px;background:#0a1020;box-shadow:0 14px 34px #0005}.period-nav-label{padding:0 12px 0 10px;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.period-nav a,.stat-nav a{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:9px 13px;background:#141922;color:var(--text);text-decoration:none;font-weight:800;font-size:14px}.period-nav a{border-color:transparent;background:transparent;color:var(--muted);font-size:13px;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.period-nav a:hover{background:#ffffff0b;color:#fff}.period-nav a.active{background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#08111f;box-shadow:0 8px 18px #0006}.stat-nav a:hover,.stat-nav a.active{border-color:var(--red);background:#ef334022;color:#fff}@media(max-width:640px){.period-nav{width:100%;border-radius:18px}.period-nav-label{width:100%;padding:4px 8px}.period-nav a{flex:1;justify-content:center}}