/* Afternoon-only overlay: the closing "TRIP COMPLETE" summary shown once the
   return route finishes. Shares .journey-overlay positioning/visibility
   mechanics from css/journey/journey-scene.css. */

.trip-complete-card {
  width: 240px;
  max-width: 80vw;
  background: #fff;
  border-radius: 14px;
  padding: 16px 18px;
  box-shadow: 0 16px 34px -10px rgba(0, 0, 0, .28);
}

.trip-complete-title {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  color: var(--green);
  margin-bottom: 12px;
}

.trip-complete-stats {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.trip-complete-stat { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.trip-complete-value { font-family: var(--font-display); font-size: 20px; font-weight: 800; color: var(--ink); }
.trip-complete-label { font-size: 10px; color: var(--text-faint); font-weight: 600; }