/* coordinates-display */

.hud-panel-coordinates {
  top: var(--hud-offset);
  right: var(--hud-offset);
  border-radius: var(--hud-radius);
  padding: calc(14px * var(--hud-scale)) var(--hud-panel-padding);
  z-index: 10;
  font-size: var(--hud-font-size);
  min-width: calc(196px * var(--hud-scale));
}

.hud-panel-coordinates .coord-item {
  margin-bottom: calc(8px * var(--hud-scale));
}

.hud-panel-coordinates .earth-zoom-level {
  margin-top: calc(10px * var(--hud-scale));
  padding-top: calc(10px * var(--hud-scale));
  border-top: 1px solid var(--hud-line);
  color: var(--hud-accent);
  font-weight: 600;
  text-align: center;
  font-size: calc(0.94rem * var(--hud-scale));
  letter-spacing: 0.02em;
}

.hud-panel-coordinates .earth-mouse-coords {
  font-size: var(--hud-font-size-sm);
  color: var(--hud-text-muted);
  margin-top: calc(8px * var(--hud-scale));
  line-height: 1.45;
}