Uebersicht: Wasserwelle und Flusspunkte laufen ohne Spruenge

Welle: gezeichnet mit dem Ringradius, verschoben um den Radius der inneren
Scheibe - am Ende jeder Runde sprang sie. Jetzt beides mit dem inneren
Radius.

Punkte: jede Leistungsaenderung setzte eine neue Animationsdauer, und der
Browser rechnete die Position neu. Die Dauer ist jetzt fest 1 s, das Tempo
kommt ueber updatePlaybackRate() und behaelt die Position.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

css/solar.css

@@ -3548,7 +3548,8 @@ svg.enf.enf-hoch { max-height: none; }
   stroke-dasharray: 0 20;
   /* Stufen statt stetig: stroke-dashoffset laeuft nicht auf dem Compositor,
      jede Stufe ist ein Neuzeichnen. 20 je Abschnitt sehen fluessig aus. */
-  animation: enf-fliessen var(--dauer, 1.5s) steps(20) infinite;
+  /* Dauer fest 1 s; das Tempo je Fluss setzt energiefluss.js über playbackRate. */
+  animation: enf-fliessen 1s steps(20) infinite;
   transition: stroke-width .8s, opacity .6s;
 }
 .enf .enf-strom { stroke-width: calc(var(--breite, 0) * 1px); }
@@ -3944,7 +3945,7 @@ body.anzeige-ohne-maus * { cursor: none !important; }
 .anzeige-ruhig .enf .enf-bett,
 .anzeige-ruhig .spk .spk-verlauf.neu .spk-linie { stroke-dashoffset: 0; }
 .anzeige-ruhig .enf .enf-strom-hof { display: none; }
-.anzeige-ruhig .enf .enf-strom { animation: enf-fliessen var(--dauer, 1.5s) steps(8) infinite !important; }
+.anzeige-ruhig .enf .enf-strom { animation: enf-fliessen 1s steps(8) infinite !important; }
 .anzeige-ruhig .enf .enf-rueck .enf-strom { animation-direction: reverse !important; }
 .anzeige-ruhig .enf .enf-still .enf-strom,
 .anzeige-ruhig .enf.enf-pause .enf-strom { animation: none !important; }