/* Movable route guidance. Keep later safety overlays above this panel. */
#route-hud {
  left: 14px;
  top: 143px;
  transform: none;
  width: min(340px, calc(100% - 28px));
  padding: 10px 12px;
  overflow: auto;
  font-size: 12px;
}
#route-hud .route-hud-header { display: flex; align-items: center; gap: 4px; margin: -3px -4px 7px; }
#route-hud .route-hud-header button { margin: 0; padding: 6px; min-height: 32px; border-radius: 5px; font-size: 11px; white-space: nowrap; }
#route-hud .route-hud-header button:hover { background: #dfece1; }
#route-hud .route-hud-drag { display: flex; align-items: center; gap: 6px; flex: 1; text-align: left; cursor: grab; touch-action: none; user-select: none; color: #315f4b; }
#route-hud .route-hud-drag svg { width: 16px; height: 16px; flex: none; }
#route-hud.is-dragging .route-hud-drag { cursor: grabbing; }
#route-hud.is-dragging { user-select: none; box-shadow: 0 6px 22px #173f4545; }
#route-hud #route-cue { font-size: 12px; line-height: 1.5; }
#route-hud #route-target { font-size: 11px; line-height: 1.6; margin-bottom: 0; }
#route-hud .route-hud-body { display: block; }
#route-hud .route-actual { display: flex; justify-content: space-between; gap: 8px; font-size: 11px; }
#route-hud .route-hud-distances { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px; font-size: 11px; }
#route-hud .route-hud-actions { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 6px; }
#route-hud .route-hud-actions button { margin: 0; min-height: 30px; font-size: 11px; }
#route-hud-reopen { position: absolute; left: 14px; top: 143px; display: flex; align-items: center; gap: 8px; min-height: 36px; padding: 6px 12px; border: 1px solid #b8d3c4; border-radius: 7px; background: #f2f9f0ed; color: #315f4b; box-shadow: 0 2px 9px #1c41481c; font-size: 12px; }
#route-hud-reopen kbd { font: inherit; font-size: 10px; opacity: .7; border: 1px solid #bdcfc3; padding: 1px 4px; border-radius: 3px; }
#route-hud button:focus-visible, #route-hud-reopen:focus-visible { outline: 2px solid #216b5d; outline-offset: 2px; }