/* =============================================================================
   SHOWBLOCK „VERGLÜHT" — bestätigter Wiedereintritt
   Overlay über dem geteilten Globus (#globe, shared/globe-renderer.js).
   Aufbau wie .css-fact-overlay (css-showblock.css): unten links, Einblenden per
   Klasse .visible. Cyan = Farbe der Bahnlinie und der Eintrittsmarke.
   ============================================================================= */

.reentry-log-overlay {
  position: absolute;
  bottom: calc(var(--margin-screen-v) + 1em);
  left: var(--margin-screen);
  max-width: 62%;
  z-index: var(--z-overlay);
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  pointer-events: none;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9), 0 0 20px rgba(0, 0, 0, 0.6);
  /* Dunkler Grund: die Zeilen liegen über der Erde, auf Wüste und Eis reicht der
     Textschatten allein nicht. Einfarbige Fläche — ein Verlauf zeigte harte Kanten
     am Rand der Box, backdrop-filter kostet auf dem Pi zu viel. */
  padding: 0.9em 1.2em;
  margin: -0.9em -1.2em;
  border-radius: 0.6em;
  background: rgba(6, 8, 20, 0.58);
  /* Rechte obere Ecke diagonal gekappt: beim Endzoom läge sie sonst genau auf
     der Eintrittsmarke in der Bildmitte und nähme ihr den Effekt. */
  clip-path: polygon(0 0, calc(100% - 3em) 0, 100% 3em, 100% 100%, 0 100%);
}

.reentry-log-overlay.visible {
  opacity: 1;
  transform: translateY(0);
}

.reentry-log-overlay.hidden {
  display: none;
}

.reentry-log-badge {
  display: inline-block;
  font-size: var(--font-size-small);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #33ddff;
  border: 1px solid rgba(51, 221, 255, 0.6);
  border-radius: 0.3em;
  padding: 0.15em 0.6em;
  margin-bottom: var(--space-sm);
}

.reentry-log-name {
  font-size: var(--font-size-h2);
  font-weight: 600;
  line-height: 1.1;
  color: #ffffff;
  margin-bottom: var(--space-sm);
}

.reentry-log-line {
  font-size: var(--font-size-normal);
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.92);
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.reentry-log-line.visible {
  opacity: 1;
  transform: translateY(0);
}

.reentry-log-source {
  margin-top: var(--space-sm);
  font-size: var(--font-size-small);
  color: rgba(255, 255, 255, 0.55);
}