frontend: Fokusmarke bekommt einen eigenen Strahlenkranz in Petrol

Der mit der Cursor-Zeile geteilte Ring war zu leise — „das erkennt man zu wenig"
(Nutzer). Damit fällt auch die in D32 als Preis notierte Zweideutigkeit weg: Sie
war das Zugeständnis für die Sparsamkeit, und wenn die Sparsamkeit nicht
funktioniert, ist das Zugeständnis nicht mehr zu rechtfertigen.

Gebaut wie der gelbe Kranz aus D28 (Schein nach außen, Füllung bleibt dem
Status, kein Blinken, `z-index:2` gegen das Abschneiden durch später gemalte
Geschwister) — aber in PETROL, nicht in Gelb. Die Frage stand ausdrücklich im
Raum; die Antwort ist nein, weil die beiden Verschiedenes bedeuten und
gleichzeitig auftreten: Gelb ist eine stehende Tatsache über den Plan („seit
deinem letzten Besuch live gegangen"), Petrol ein Zuruf („schau jetzt hierhin").
Im Pad-Betrieb ist die Kombination der Normalfall — man zeigt auf das, was sich
geändert hat. Wären beide gelb, könnte ein Knoten nicht beides sagen.

Der Schein ist helles Teal (#14B8A6), der Ring dunkles Petrol. Die erste Fassung
nahm für beides `--or` und wirkte trotz identischer Geometrie leiser als das
Gelb. Der Grund ist nicht Geschmack: Ein dunkler Schein auf weißem Grund liest
sich als Schatten, ein heller als Licht.

Gegen die Stationspunkte des günstigsten Pfads (D18) geprüft statt angenommen —
zwei Marken gezielt auf Pfad-Endknoten (mit Punkt), eine daneben (ohne): Der
Kranz sitzt eng am Knoten und hat einen harten Ring, der Stationspunkt ist ein
großer blasser Fleck ohne Rand. Verwechseln kann man das nicht.

Kombinationen ausbuchstabiert, weil sie real vorkommen: `focusmark.current`
(Tinte innen, Teal außen) und `fresh.focusmark` (Petrol-Ring innen, Gelb außen —
zwei Scheine nach außen gehen nicht). Letztere steht nach der ersten: gleiche
Spezifität, und bei allen drei sollen Zuruf und Neuheit gewinnen.

SPEC §9 und D32 nachgezogen.

docs/SPEC.md

@@ -397,17 +397,21 @@ verknüpft (siehe D25):
   Druck.
 
 ### Fokusmarke im Diagramm (`!!!`, §1)
-Ein mit `!!!` markierter Knoten trägt **dieselbe Hervorhebung wie die
-Cursor-Zeile** (weißer Halo + Ring in Tinte) und wird ins Bild geholt — bewusst
-kein eigenes Aussehen: Es gibt nur einen Begriff „hier schauen", und ein
-dritter Ring neben Fokusrahmen, Strahlenkranz (§9) und Cursor-Ring wäre ein
-Zeichen zu viel.
+Ein mit `!!!` markierter Knoten trägt einen **Strahlenkranz in Petrol** —
+kräftiger Ring in `--or` (`#0F766E`) plus leuchtender Schein in hellem Teal
+(`#14B8A6`) — und wird ins Bild geholt. Gebaut wie der gelbe Kranz für „neu in
+Produktion" (§9): Schein nach **außen**, damit die Knotenfüllung dem Status (§4)
+gehört und lesbar bleibt. Kein Blinken.
 
+- **Die Farbe trägt die Bedeutung:** Gelb heißt „seit deinem letzten Besuch live
+  gegangen" (eine stehende Tatsache), Petrol heißt „jemand zeigt gerade hierauf"
+  (ein Zuruf). Beides kann zugleich zutreffen und muss darum unterscheidbar
+  bleiben; trifft es zusammen, wird der Ring petrol und der Schein gelb.
+- Trifft die Marke mit der **Cursor-Zeile** zusammen, liegt der Tinte-Ring innen
+  und der Schein außen — die eigene Cursor-Position und der fremde Zuruf bleiben
+  so auseinanderzuhalten.
 - Ins Bild geholt wird nur, wenn sich die Marke **ändert** — sonst zöge das
   Diagramm bei jedem Neubau den Blick zurück und man könnte nicht wegscrollen.
-- Weil `!!!` im Text steht, sehen **alle** dieselbe Stelle. Der Unterschied zur
-  eigenen Cursor-Zeile ist im Bild nicht zu erkennen; für Screenreader benennt
-  das `aria-label` die Marke ausdrücklich.
 - Wie die Cursor-Zeile erscheint sie **nicht** im Druck und **nicht** im
   Grafikexport: Sie sagt „schau jetzt hierhin", nicht „so ist der Plan".