/* Race to Zero */

body[data-tab="race-to-zero"] #canvas-wrap {
  background:
    radial-gradient(circle 1px at 15% 20%, rgba(99,102,241,0.4) 0%, transparent 100%),
    radial-gradient(circle 1px at 35% 55%, rgba(168,85,247,0.35) 0%, transparent 100%),
    radial-gradient(circle 1px at 58% 15%, rgba(59,130,246,0.4) 0%, transparent 100%),
    radial-gradient(circle 1px at 72% 68%, rgba(20,184,166,0.35) 0%, transparent 100%),
    radial-gradient(circle 1px at 88% 30%, rgba(99,102,241,0.4) 0%, transparent 100%),
    radial-gradient(circle 1px at 10% 80%, rgba(168,85,247,0.3) 0%, transparent 100%),
    radial-gradient(circle 1px at 48% 88%, rgba(59,130,246,0.35) 0%, transparent 100%),
    radial-gradient(circle 1px at 25% 40%, rgba(34,197,94,0.3) 0%, transparent 100%),
    radial-gradient(circle 1px at 65% 45%, rgba(239,68,68,0.3) 0%, transparent 100%),
    radial-gradient(circle 1px at 82% 90%, rgba(20,184,166,0.3) 0%, transparent 100%),
    linear-gradient(180deg, #0f1629 0%, #0a1020 100%);
}

body[data-tab="race-to-zero"] #game-canvas {
  box-shadow: 0 8px 32px rgba(0,0,0,0.5), 0 2px 8px rgba(0,0,0,0.3);
}

/* ── HUD above board ── */
#rtz-hud {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 16px 8px;
  gap: 6px;
  flex-shrink: 0;
  background: #0f172a;
  border-bottom: 1px solid #1e293b;
}

#rtz-total-display {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.rtz-hud-label {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #64748b;
}

#val-total {
  font-family: 'DM Sans', sans-serif;
  font-size: 3.5rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #f1f5f9;
  line-height: 1;
  transition: color 0.2s;
}

#rtz-hud-meta {
  display: flex;
  align-items: center;
  gap: 14px;
}

#rtz-moves-text {
  font-size: 0.78rem;
  color: #475569;
  font-weight: 500;
}

#rtz-moves-text strong {
  color: #94a3b8;
  font-weight: 700;
}