.runs-heading-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.refresh-indicator {
  color: var(--muted);
  font: 10px "DM Mono", monospace;
  letter-spacing: .04em;
}

.player-count-note {
  grid-column: 2;
  margin: -8px 0 0;
  color: #86a096;
  font: 10px "DM Mono", monospace;
}

.runs-list.refreshing {
  opacity: .72;
  transition: opacity .2s ease;
}

.diagnostics-panel {
  margin-top: 22px;
  padding: 16px;
  border: 1px solid #e1b8a9;
  background: #fff8f4;
}

.diagnostics-panel .split-heading {
  margin: 0 0 10px;
}

.diagnostics-panel .split-heading h3 {
  color: #9f3e28;
}

.diagnostics-count,
.diagnostics-panel .split-heading span {
  color: #9f3e28;
}

.diagnostics-list {
  display: grid;
  gap: 8px;
}

.diagnostic-item {
  color: #673326;
  font: 12px/1.5 "DM Mono", monospace;
}

.diagnostic-item::before {
  content: "!";
  display: inline-grid;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  place-items: center;
  border-radius: 50%;
  background: #d85a38;
  color: #fff;
  font: 11px "DM Mono", monospace;
}

@media (max-width: 900px) {
  .player-count-note {
    grid-column: 1;
  }
}