Die Anmeldeseite bekommt die neuen Rollenzeichen -- sie war vergessen worden

Filipe hat es im Bildschirmfoto gesehen: Auf der Anmeldeseite standen
weiter die alten, einfarbigen Zeichen -- rosa Chili, GELBER Husky,
violetter Stern, Schild mit Haken, Person-Silhouette. Die neuen lagen zu
dem Zeitpunkt seit Stunden im Haus, nur eben ausschliesslich in
personen.html.

DER GRUND ist eine Doppelung, die man dem Code nicht ansieht: index.html
trug die Zeichen als EIGENE Kopien im Quelltext, nicht als Verweis auf
ein gemeinsames Sprite. Wer eines von beiden aendert, aendert das andere
nicht -- und merkt es nicht, weil beide Stellen fuer sich richtig
aussehen. Dieselbe Sorte Fehler wie die doppelte Groessenangabe beim
Wasserzeichen heute frueh, nur ueber zwei Dateien verteilt statt ueber
3600 Zeilen.

Gefunden hat es kein Prueflauf, sondern Filipes Blick auf die Seite. Das
ist der Grund, warum ein Bildschirmfoto mehr wert ist als eine gruene
Zahl: Die Pruefungen sagten die ganze Zeit "in Ordnung" -- sie pruefen,
dass Zeichen DA sind, nicht welche.

Jetzt traegt index.html dasselbe Sprite (aus personen.html uebernommen,
nicht abgeschrieben) und verweist mit <use> darauf. Die Zeichen gibt es
damit nur noch einmal im Haus.

DAS CSS MUSSTE MIT: Wie bei `.rollenwahl__symbol` setzte
`.rolle__zeichen` ein `fill: none` und ein `stroke` in der Rollenfarbe.
Beides wird an die Pfade vererbt -- jedes Zeichen waere von einem 1,7 px
dicken Rand ueberzogen und seine Verlaeufe uebermalt worden. Die
gewaehlte Rolle hebt sich jetzt ueber Groesse und Schein ab statt ueber
die Farbe: Die gehoert dem Zeichen.

Nachgemessen: 5 von 5 Zeichen kommen aus dem Sprite. pruef-rollen
EXIT=0 (97), pruef-start-ansicht EXIT=0 (140).

Co-Authored-By: Claude Opus 5 <[email protected]>

workspace/assets/css/gate.css

@@ -2084,3 +2084,36 @@ body.gate {
 /* Waehrend der Anmeldung: ruhig stellen, damit der Ladepunkt die
    Aufmerksamkeit bekommt und nicht der Glanz. */
 #knopf[disabled] { filter: saturate(.7) brightness(.85); box-shadow: none; }
+
+/* ===================================================================
+   DIE ROLLENZEICHEN AUF DER ANMELDESEITE (08.09.2026)
+
+   SIE WAREN VERGESSEN WORDEN, und Filipe hat es im Bildschirmfoto
+   gesehen: Auf der Anmeldeseite standen weiter die alten, einfarbigen
+   Zeichen -- rosa Chili, GELBER Husky, violetter Stern, Schild mit
+   Haken, Person-Silhouette. Die neuen lagen zu dem Zeitpunkt seit
+   Stunden im Haus, nur eben in `personen.html`.
+
+   DER GRUND ist eine Doppelung, die man dem Code nicht ansieht: Diese
+   Seite hatte die Zeichen als EIGENE Kopien im Quelltext stehen, nicht
+   als Verweis auf das gemeinsame Sprite. Wer eines von beiden aendert,
+   aendert das andere nicht -- und merkt es nicht, weil beide Stellen
+   fuer sich richtig aussehen. Jetzt traegt `index.html` dasselbe Sprite
+   und verweist mit `<use>` darauf; es gibt die Zeichen nur noch einmal.
+
+   Die Regeln unten mussten mit: Wie bei `.rollenwahl__symbol` setzte
+   `.rolle__zeichen` ein `fill: none` und ein `stroke` in der
+   Rollenfarbe. Beides wird an die Pfade VERERBT -- jedes Zeichen waere
+   von einem 1,7 px dicken Rand ueberzogen und seine Verlaeufe
+   uebermalt worden. Die Zeichen bringen ihre Farben selbst mit; von
+   aussen kommt nur noch Groesse und Schatten. */
+.rolle__zeichen {
+  fill: none; stroke: none;
+  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .65));
+}
+/* Die gewaehlte Rolle hebt sich weiterhin ab -- aber ueber Groesse und
+   Schein statt ueber die Farbe, denn die gehoert jetzt dem Zeichen. */
+.rolle[aria-checked="true"] .rolle__zeichen {
+  transform: scale(1.06);
+  filter: drop-shadow(0 2px 5px color-mix(in srgb, var(--rf) 60%, transparent));
+}