screen30 + screen32: Der leere Zustand wird ein Siegel, die Kennung ein Ausweis

--- Und ein Fund unterwegs: Cigdems Kennung war kaputt ---

`--rollen-ton` faerbt Kennung und Rollenplakette in der Kopfleiste.
Die Liste dahinter kannte admin, manager, scout und creator -- SPICY
MEDIA nicht. Die Rolle kam am 07.09. dazu, diese Liste ist nicht
mitgegangen.

Was dabei passiert, ist schlimmer als eine falsche Farbe: Die Variable
war GAR NICHT gesetzt, und `color-mix(in srgb, var(--rollen-ton) 62%,
transparent)` ist mit einer leeren Variablen ungueltig -- der Browser
wirft die ganze Deklaration weg. Nachgemessen im Browser: Hintergrund
`none`, Rand `rgb(234,243,255)` (also currentColor, weil auch die
Randfarbe fiel), Plakette grau statt rot. Cigdems Kennung war ein
weisser Kasten in einer roten Leiste.

DESHALB STEHT JETZT EINE VORGABE DAVOR, und die ist wichtiger als der
nachgetragene Eintrag: Wer die naechste Rolle anlegt und diese Liste
wieder vergisst, bekommt eine Kennung in der Hausfarbe -- nicht mehr
eine kaputte. Ein fehlender Eintrag darf zu etwas Schlichterem
fuehren, nie zu etwas Ungueltigem.

--- screen30: der leere Zustand ---

"das muss auch viel spezieller sein und auch nicht wie alle anderen
kacheln da sondern wirklich krasser und geiler aber so dass es vom
aussehen trotzdem noch zu seite passt."

Das Gruen lief als Verlauf nach 60 Prozent ins Nichts, dahinter das
Hintergrundbild -- auf Filipes Bild scheint ein Chili mitten durch die
gute Nachricht. Eine Fassung, die nur auf der linken Haelfte
existiert, ist keine.

"Nicht wie alle anderen Kacheln" ist inhaltlich richtig: Alles andere
auf dieser Seite ist eine AUFGABE, etwas, das man noch tun muss. Das
hier ist die Quittung, dass nichts mehr offen ist. Es waere falsch,
wenn es wie eine weitere Aufgabe aussaehe. Also die Form eines
SIEGELS: die Fase sitzt rechts unten statt links oben --
spiegelverkehrt zur Kachelsprache --, links eine breite gruene
Lichtschiene wie ein Stempelrand, und der Haken ist eine gepraegte
Muenze statt eines Kreises mit einem Strich darin. Die Flaeche ist
deckend; eine gute Nachricht, durch die man das Hintergrundbild sieht,
liest sich wie ein Platzhalter.

Leise bleibt es trotzdem: gedecktes Gruen, hoechstens 14 Prozent
Flaeche, nichts pulsiert. Wer nichts offen hat, braucht kein
Feuerwerk. Kontrast gemessen: 14,47:1 (fett) und 7,39:1 (still).

--- screen32: die Kennung in der Kopfleiste ---

"das sieht schon richtig gut aus aber ich will dass es noch krasser
und spezieller aussieht."

Sie sass als flaches, abgerundetes Quadrat zwischen vier Knoepfen und
sah damit aus wie ein fuenfter Knopf, der sich nicht druecken laesst.
Sie ist aber etwas anderes: Sie sagt, WER hier ist, nicht, was man tun
kann. Jetzt die Fase des Hauses statt der Rundung (sie gehoert zur
Seite, nicht zur Knopfreihe), ein gepraegter Ring statt eines
gezeichneten Randes (Lichtkante oben, Schattenkante unten) und ein
sehr leiser Schein in der Rollenfarbe.

KEINE GROESSENAENDERUNG -- 28x28 bleibt. Die Kopfleiste ist am
06.09.2026 schon einmal an einem zusaetzlichen Element zerbrochen;
was hier waechst, drueckt dort etwas heraus.

Geprueft: pruef-workspace-seiten (18 Seiten, Ueberstand ueberall 0 px),
pruef-handy, pruef-start-ansicht, pruef-css-klassen -- alle in Ordnung.

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

workspace/content.html

@@ -14,11 +14,11 @@
 <meta name="theme-color" content="#06090f" />
 <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
 <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609090026" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090026" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090026" />
-<link rel="stylesheet" href="assets/css/content.css?v=202609090026" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090026" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090034" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090034" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090034" />
+<link rel="stylesheet" href="assets/css/content.css?v=202609090034" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090034" />
 </head>
 
 <body class="start">
@@ -172,12 +172,12 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609090026" defer></script>
-<script src="assets/js/bereiche.js?v=202609090026" defer></script>
-<script src="assets/js/kopf.js?v=202609090026" defer></script>
-<script src="assets/js/glocke.js?v=202609090026" defer></script>
-<script src="assets/js/checkliste.js?v=202609090026" defer></script>
-<script src="assets/js/vorlagen.js?v=202609090026" defer></script>
-<script src="assets/js/content.js?v=202609090026" defer></script>
+<script src="assets/js/wahl.js?v=202609090034" defer></script>
+<script src="assets/js/bereiche.js?v=202609090034" defer></script>
+<script src="assets/js/kopf.js?v=202609090034" defer></script>
+<script src="assets/js/glocke.js?v=202609090034" defer></script>
+<script src="assets/js/checkliste.js?v=202609090034" defer></script>
+<script src="assets/js/vorlagen.js?v=202609090034" defer></script>
+<script src="assets/js/content.js?v=202609090034" defer></script>
 </body>
 </html>