/* Ereignisspur unter der Schadenskurve (ereignisspur.js): je gewaehlter
   Waffenkarte ein Schild an der Tickposition, die Seltenheit als Glow wie auf
   den Karten der Levelwahl (karten.css). Ein Schild ist genau sein Kartenbild,
   ohne Namensfeld. Breite und Rand folgen .kurvenrahmen, damit left in Prozent
   dieselbe Kurveneinheit trifft wie das SVG darueber. */
.ereignisspur { position: relative; width: 38.75rem; margin: 0 0 0.4rem 5.2rem; isolation: isolate; }
.kurvenrahmen.ohnekoepfe + .ereignisspur { width: 43.75rem; margin-left: 0.2rem; }
.spurschild { position: absolute; width: 2.2rem; transform: translateX(-50%); display: flex;
  align-items: center; justify-content: center; pointer-events: none;
  opacity: 0; scale: 0.4; }
.spurschild.erschienen { opacity: 1; scale: 1;
  animation: spurschildAuf 0.45s cubic-bezier(0.2, 1.5, 0.4, 1); }
@keyframes spurschildAuf {
  0% { opacity: 0; scale: 0.4; }
  60% { opacity: 1; scale: 1.15; }
  100% { scale: 1; } }
/* Das Lot faengt an der x-Achse an und waechst zum Schild hinab; es liegt hinter
   allen Schildern der Spur, deren Bildkaesten es mit ihrem Hintergrund abdecken. */
.spurlot { position: absolute; left: 50%; width: 0; z-index: -1; opacity: 0.6;
  border-left: 1px dashed var(--seltenheitsfarbe); transform-origin: top; scale: 1 0;
  transition: scale 0.35s ease-out; }
.spurschild.erschienen .spurlot { scale: 1 1; }
.spursymbol { width: 2.2rem; height: 2.2rem; box-sizing: border-box; display: flex; align-items: center;
  justify-content: center; border: 2px solid var(--seltenheitsfarbe); border-radius: 0.45rem;
  background: linear-gradient(color-mix(in srgb, var(--seltenheitsfarbe) 24%, #171a22),
    color-mix(in srgb, var(--seltenheitsfarbe) 9%, #12151c));
  box-shadow: 0 0 var(--spurglanz, 0.4rem) color-mix(in srgb, var(--seltenheitsfarbe) 60%, transparent); }
.spursymbol img { width: 1.7rem; height: 1.7rem; object-fit: contain; }
.spurschild.rang-gewoehnlich { --spurglanz: 0.25rem; }
.spurschild.rang-ungewoehnlich { --spurglanz: 0.45rem; }
.spurschild.rang-selten { --spurglanz: 0.65rem; }
.spurschild.rang-episch { --spurglanz: 0.9rem; }
.spurschild.rang-legendaer { --spurglanz: 1.2rem; }