/* Abgleich auf der Deutschlandkarte, bestandsdatenbank.html - was nur diese Karte braucht.
   Uhr und Pause kommen aus ../ablauf/ablauf.tsx, Segment und Toene aus ablauf.css.
   Komponente: src/components/bd/BestandsAbgleich.tsx.

   Die uebrigen bd-Regeln der Seite (Profilkarten, Spur, Ablauf) stehen weiter im <style>-Block
   von bestandsdatenbank.html - sie gehoeren zu Abschnitten, die keine Insel sind. */

/* Die beiden Radien ziehen auf, sobald der Abgleich laeuft. */
.bd-karte-ring { transform-box: fill-box; transform-origin: center; transform: scale(0.06); opacity: 0; }
.bd-karte.is-live .bd-karte-ring { animation: bd-ring-auf 900ms var(--ab-ease) forwards; }
.bd-karte.is-live .bd-ring-weit { animation-delay: 240ms; }
@keyframes bd-ring-auf { to { transform: scale(1); opacity: 1; } }

/* Die Standortmarke atmet, solange die Karte lebt. */
.bd-marke { transform-box: fill-box; transform-origin: center; }
.bd-karte.is-live .bd-marke { animation: bd-marke-puls 2.6s ease-out infinite; }
@keyframes bd-marke-puls { 0% { transform: scale(0.6); opacity: 0.9; } 70%, 100% { transform: scale(1.9); opacity: 0; } }

/* Jeder Treffer springt an: dieselbe Feder wie die Werte in den anderen Karten. */
.bd-treffer circle {
  opacity: 0;
  transform-origin: center;
  transform-box: fill-box;
  transform: scale(0.3);
  transition: opacity 300ms ease, transform 420ms var(--ab-feder);
}
.bd-treffer circle.is-an { opacity: 1; transform: none; }
.bd-rest circle { opacity: 0.22; }

@media (prefers-reduced-motion: reduce) {
  .bd-karte-ring { transform: none; opacity: 1; animation: none; }
  .bd-karte.is-live .bd-marke { animation: none; }
  .bd-treffer circle { opacity: 1; transform: none; transition: none; }
}