.rich-share {
  font-variant-numeric: tabular-nums;
  color: var(--mut, #8aa0bd);
}

.rich-activity {
  font-variant-numeric: tabular-nums;
  font-size: 13px;
  line-height: 1.35;
  white-space: nowrap;
}

.rich-old {
  color: var(--warn, #e8b24a);
}

.rich-stale {
  color: #e07a5f;
}

.cluster-stage {
  position: relative;
  margin-top: 10px;
  height: 560px;
  background:
    radial-gradient(70% 90% at 50% 40%, rgba(33, 103, 232, 0.14), transparent 62%),
    #0c1118;
  overflow: hidden;
}

.cluster-stage canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.cluster-tip {
  position: absolute;
  z-index: 2;
  min-width: 180px;
  max-width: 260px;
  padding: 8px 10px;
  background: rgba(12, 17, 24, 0.92);
  color: var(--txt, #e8edf4);
  font-size: 12px;
  line-height: 1.45;
  pointer-events: none;
}

.cluster-detail {
  margin: 12px 0 0;
  min-height: 1.4em;
  color: var(--mut, #8aa0bd);
  font-size: 13px;
}

@media (max-width: 700px) {
  .cluster-stage { height: 420px; }
}