/* Reaction Test — theme override on top of the shared arcade kit. */
:root { --accent: #4ECDC4; }

#stage {
  aspect-ratio: 3 / 4;
  max-height: 74vh;
  cursor: pointer;
  background: #0c0f1e;
}
@media (min-width: 760px) { #stage { aspect-ratio: 16 / 10; } }

.rank { font-size: 13px; color: var(--text-dim); }
.rank b { color: var(--accent); font-size: 17px; }

.runs { display: flex; gap: 5px; justify-content: center; flex-wrap: wrap; margin: 2px 0 4px; }
.run-dot {
  width: 30px; height: 22px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.09);
  font-size: 10px;
  font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  color: var(--text-dim);
}
.run-dot.done { background: rgba(78, 205, 196, 0.28); color: var(--text); }