/* Page-specific styles for Ball Flight Tracker — base tokens, panel/button/
   score-banner styles are reused from ../../css/style.css. */

.height-badge {
  font-size: 0.75rem;
  color: var(--muted);
  margin-left: 0.2rem;
}

/* This app needs tap-to-mark clicks on the overlay canvas; SwingSight's
   overlay is purely decorative (pointer-events: none). Crosshair cursor
   only during the "mark ball" step, when a click actually does something. */
#overlay {
  pointer-events: auto;
}
.stage.marking #overlay {
  cursor: crosshair;
}

.result-thumb {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #2a4433;
  margin-top: 0.6rem;
  display: block;
}

.result-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem 1.4rem;
  margin-bottom: 0.4rem;
}