diff --git a/workspace/assets/css/gate.css b/workspace/assets/css/gate.css
index 02d1a794..52d50c30 100644
--- a/workspace/assets/css/gate.css
+++ b/workspace/assets/css/gate.css
@@ -237,7 +237,57 @@ body.gate {
transition: stroke var(--tempo);
}
.rolle__zeichen .strich { fill: none; }
-.rolle[aria-checked="true"] .rolle__zeichen { stroke: var(--akzent); }
+
+/* =====================================================================
+ DIE ROLLENZEICHEN SIND KOERPER, KEINE UMRISSE (07.09.2026)
+
+ Filipe: "die symbole sollen doch alle viel krasser, geiler und
+ spezieller sein."
+
+ Sie waren feine Konturen in EINER Farbe -- und zwar in derselben fuer
+ alle fuenf. Jetzt tragen sie eine gefuellte Flaeche in der Farbe
+ IHRER Rolle, die Zeichnung hell darauf und einen leichten Schatten
+ darunter. Dieselbe Sprache wie die Rollenknoepfe auf der
+ Personenseite; wer die eine Seite kennt, erkennt die andere wieder.
+
+ `--rf` ist die Rollenfarbe. Sie steht hier und nicht im Zeichen,
+ damit die Farbe eines Tages nur an EINER Stelle geaendert werden
+ muss -- die Zeichen selbst wissen nichts von Rollen. */
+.rolle { --rf: var(--text-still); }
+.rolle[data-rolle="spicy"] { --rf: #ff6f7d; }
+.rolle[data-rolle="admin"] { --rf: #e3b341; }
+.rolle[data-rolle="manager"] { --rf: #a48bff; }
+.rolle[data-rolle="scout"] { --rf: #3fd18b; }
+.rolle[data-rolle="creator"] { --rf: #3fbdf5; }
+
+.rolle__zeichen {
+ stroke: color-mix(in srgb, var(--rf) 88%, #ffffff);
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .65));
+}
+.rolle__zeichen .fuell {
+ stroke: none;
+ fill: color-mix(in srgb, var(--rf) 52%, transparent);
+}
+.rolle__zeichen .auge {
+ stroke: none;
+ fill: color-mix(in srgb, var(--rf) 26%, #ffffff);
+}
+.rolle__zeichen .nase {
+ stroke: none;
+ fill: color-mix(in srgb, var(--rf) 45%, #06090f);
+}
+.rolle__zeichen .hell {
+ stroke: color-mix(in srgb, var(--rf) 16%, #ffffff);
+ stroke-width: 2;
+}
+/* Gewaehlt: mehr Licht auf demselben Gegenstand -- kein anderer
+ Gegenstand. */
+.rolle[aria-checked="true"] .rolle__zeichen {
+ stroke: color-mix(in srgb, var(--rf) 40%, #ffffff);
+}
+.rolle[aria-checked="true"] .rolle__zeichen .fuell {
+ fill: color-mix(in srgb, var(--rf) 78%, transparent);
+}
.rolle__text { display: flex; flex-direction: column; min-width: 0; }
.rolle__name { font-weight: 600; font-size: .95rem; }
diff --git a/workspace/aufgaben.html b/workspace/aufgaben.html
index aa114d0d..fd58aaa4 100644
--- a/workspace/aufgaben.html
+++ b/workspace/aufgaben.html
@@ -9,10 +9,10 @@
-
-
-
-
+
+
+
+
@@ -212,10 +212,10 @@
-
-
-
-
-
+
+
+
+
+