.top-hud {
  position: sticky; top: 14px; z-index: 90;
  width: min(1180px, calc(100% - 32px));
  margin: 14px auto 0;
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr 1fr;
  gap: 10px;
  font-family: var(--font-display);
  text-transform: uppercase;
}
.hud-block {
  min-height: 58px;
  padding: 10px 14px;
  background: rgba(0,0,0,.70);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-kaspa);
  backdrop-filter: blur(12px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
}
.hud-brand { flex-direction: row; align-items: center; gap: 12px; }
.hud-block small { color: var(--muted); font-size: .72rem; letter-spacing:.16em; }
.hud-block strong { color: var(--text); font-size: 1rem; letter-spacing:.08em; }
.status-dot { width: 13px; height: 13px; border-radius: 50%; background: var(--magenta); box-shadow: 0 0 18px var(--magenta); }
.status-dot.is-online { background: var(--kaspa); box-shadow: 0 0 18px var(--kaspa); }
@media (max-width: 900px) { .top-hud { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .top-hud { grid-template-columns: 1fr; position: relative; top: 0; } }