diff --git a/workspace/assets/css/start.css b/workspace/assets/css/start.css
index 6d70d97b..4e8dbe18 100644
--- a/workspace/assets/css/start.css
+++ b/workspace/assets/css/start.css
@@ -1289,24 +1289,77 @@ body.start > main { position: relative; z-index: 1; }
/* Der leere Zustand ist kein Fehler, sondern das Ziel -- deshalb ein
ruhiges Gruen statt gestrichelter Leere. Gedeckt gehalten, kein
Signalgruen: Es soll freuen, nicht blenden. */
+/* =====================================================================
+ ER IST EIN SIEGEL, KEINE KACHEL (screen30, 09.09.2026)
+
+ Filipe: "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."
+
+ WAS VORHER SCHIEFLIEF: Das Gruen lief als Verlauf nach 60 Prozent
+ ins Nichts, und dahinter liegt das Hintergrundbild der Seite. Auf
+ Filipes Bildschirmfoto ist von dem Kasten fast nichts zu sehen --
+ ein Chili scheint mitten durch die gute Nachricht. Eine Fassung, die
+ nur auf der linken Haelfte existiert, ist keine.
+
+ "NICHT WIE ALLE ANDEREN KACHELN" IST DIE EIGENTLICHE ANSAGE, und sie
+ ist hier inhaltlich richtig: Alles andere auf dieser Seite ist eine
+ AUFGABE -- etwas, das man noch tun muss. Das hier ist das Gegenteil,
+ die Quittung dafuer, dass nichts mehr offen ist. Es waere falsch,
+ wenn es wie eine weitere Aufgabe aussaehe.
+
+ Deshalb die Form eines SIEGELS statt einer Kachel:
+ * Die Fase sitzt RECHTS unten statt links oben -- spiegelverkehrt
+ zur Kachelsprache des Hauses. Man erkennt sofort, dass das etwas
+ anderes ist, ohne dass es fremd wirkt.
+ * Eine breite gruene Lichtschiene links, wie ein Stempelrand.
+ * Der Haken ist eine gepraegte Muenze: Ring, Woelbung, Schatten --
+ kein Kreis mit einem Strich darin.
+ * Die Flaeche ist DECKEND. Eine gute Nachricht, durch die man das
+ Hintergrundbild sieht, liest sich wie ein Platzhalter.
+
+ AUGENSCHONEND UND LEISE: Es soll freuen, nicht feiern. Kein
+ Signalgruen, kein Puls, keine Bewegung -- das Gruen liegt bei einem
+ gedeckten #5fc99a, dem Scout-Ton des Hauses, und traegt hoechstens
+ 14 Prozent Flaeche. Wer nichts offen hat, braucht kein Feuerwerk,
+ sondern eine ruhige Bestaetigung. */
.zahlen-leer {
- display: flex; align-items: center; gap: 13px;
- margin: 0; padding: 14px 17px;
+ position: relative;
+ display: flex; align-items: center; gap: 14px;
+ margin: 0; padding: 15px 18px 15px 17px;
font-size: .9rem; color: var(--text);
- border: 1px solid rgba(80, 167, 130, .28);
- border-radius: var(--radius-klein);
- background: linear-gradient(90deg, rgba(80, 167, 130, .1), transparent 60%);
+ border: 0;
+ border-radius: 0;
+ /* Spiegelverkehrt zur Modulliste: dort oben links, hier unten rechts. */
+ clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%);
+ background:
+ linear-gradient(90deg, rgba(95, 201, 154, .14), rgba(95, 201, 154, .04) 38%, transparent 66%),
+ linear-gradient(178deg, rgba(19, 30, 26, .94), rgba(10, 17, 15, .96));
+ box-shadow:
+ inset 3px 0 0 rgba(95, 201, 154, .75),
+ inset 0 1px 0 rgba(255, 255, 255, .06),
+ 0 10px 24px -18px rgba(0, 0, 0, .9);
}
+/* Der Haken ist eine gepraegte Muenze: ein Ring aussen, eine Woelbung
+ von oben, ein Schatten darunter. Der Unterschied zu einem Kreis mit
+ einem Strich ist klein zu beschreiben und gross zu sehen. */
.zahlen-leer__haken {
flex: none; display: grid; place-items: center;
- width: 30px; height: 30px; border-radius: 50%;
- border: 1px solid rgba(80, 167, 130, .38);
- background: rgba(80, 167, 130, .14);
+ width: 32px; height: 32px; border-radius: 50%;
+ border: 0;
+ background:
+ radial-gradient(circle at 50% 24%, rgba(255, 255, 255, .16), transparent 58%),
+ radial-gradient(circle at 50% 50%, rgba(95, 201, 154, .22) 58%, rgba(12, 26, 21, .95) 100%);
+ box-shadow:
+ inset 0 0 0 1px rgba(95, 201, 154, .55),
+ inset 0 2px 4px -2px rgba(255, 255, 255, .22),
+ 0 2px 6px -3px rgba(0, 0, 0, .9);
}
.zahlen-leer__haken svg {
- width: 16px; height: 16px;
- fill: none; stroke: #6fbd95; stroke-width: 2;
+ width: 17px; height: 17px;
+ fill: none; stroke: #8fe0bb; stroke-width: 2.2;
stroke-linecap: round; stroke-linejoin: round;
+ filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .6));
}
/* Pflicht, sobald hier ein display steht: Das display der Klasse ist
staerker als das hidden des Browsers -- ohne diese Zeile stuende der
@@ -1813,6 +1866,34 @@ body.start > main { position: relative; z-index: 1; }
display: flex; align-items: center; gap: 9px;
max-width: none; overflow: visible;
}
+/* DIE KENNUNG IST EIN AUSWEIS, KEIN FARBFELD (screen32, 09.09.2026).
+
+ Filipe: "das sieht schon richtig gut aus aber ich will dass es noch
+ krasser und spezieller aussieht, noch viel geiler bitte."
+
+ 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, und
+ nicht, was man tun kann.
+
+ Drei Aenderungen, jede mit einem Grund:
+ * DIE FASE STATT DER RUNDUNG -- dieselbe abgeschraegte Ecke wie
+ jede Kachel im Haus. Sie gehoert damit sichtbar zur Seite und
+ nicht zur Knopfreihe.
+ * EIN GEPRAEGTER RAND statt eines gezeichneten: Lichtkante oben,
+ Schattenkante unten, ein feiner Ring in der Rollenfarbe. Ein
+ `border` sieht aufgemalt aus, ein Ring aus Schatten sieht
+ gefertigt aus.
+ * EIN SCHEIN IN DER ROLLENFARBE nach aussen, sehr leise (18
+ Prozent). Er hebt die Kennung aus der Reihe, ohne zu leuchten --
+ dieselbe Entscheidung wie ueberall: naeherkommen statt
+ aufleuchten.
+
+ KEINE GROESSENAENDERUNG. 28x28 bleibt, und das ist Absicht: Die
+ Kopfleiste ist am 06.09.2026 schon einmal an einem zusaetzlichen
+ Element zerbrochen, und bei 412 px Breite lag der Sicht-Umschalter
+ quer ueber dem Chat-Knopf. Was hier waechst, drueckt dort etwas
+ heraus. */
.wer__zeichen {
flex: none;
/* overflow: hidden ist hier PFLICHT, nicht Kosmetik: Darin liegt das
@@ -1823,13 +1904,23 @@ body.start > main { position: relative; z-index: 1; }
overflow: hidden;
position: relative;
display: grid; place-items: center;
- width: 28px; height: 28px; border-radius: 9px;
- font-size: .8rem; font-weight: 700; color: #eaf3ff;
- background: linear-gradient(150deg,
- color-mix(in srgb, var(--rollen-ton) 62%, transparent),
- color-mix(in srgb, var(--rollen-ton) 24%, transparent));
- border: 1px solid color-mix(in srgb, var(--rollen-ton) 55%, transparent);
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16);
+ width: 28px; height: 28px;
+ border-radius: 0;
+ clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
+ font-size: .8rem; font-weight: 700; color: #f2f8ff;
+ background:
+ linear-gradient(150deg,
+ color-mix(in srgb, var(--rollen-ton) 72%, transparent),
+ color-mix(in srgb, var(--rollen-ton) 28%, transparent) 62%,
+ color-mix(in srgb, var(--rollen-ton) 14%, transparent)),
+ linear-gradient(180deg, #121a26, #0a0f18);
+ border: 0;
+ box-shadow:
+ inset 0 0 0 1px color-mix(in srgb, var(--rollen-ton) 62%, transparent),
+ inset 0 1.5px 0 rgba(255, 255, 255, .26),
+ inset 0 -1.5px 0 rgba(0, 0, 0, .5),
+ 0 0 10px -3px color-mix(in srgb, var(--rollen-ton) 18%, transparent);
+ text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
}
/* Das Profilbild in der Kopfleiste.
@@ -1864,7 +1955,29 @@ body.start > main { position: relative; z-index: 1; }
background: color-mix(in srgb, var(--rollen-ton) 15%, transparent);
border: 1px solid color-mix(in srgb, var(--rollen-ton) 38%, transparent);
}
-/* Eine Farbe je Rolle -- dieselbe Sprache wie in der Personenliste. */
+/* Eine Farbe je Rolle -- dieselbe Sprache wie in der Personenliste.
+
+ SPICY MEDIA HAT HIER GEFEHLT (behoben 09.09.2026, gemessen).
+
+ Die Rolle kam am 07.09. dazu; DIESE Liste ist nicht mitgegangen. Was
+ dabei passiert, ist schlimmer als eine falsche Farbe: `--rollen-ton`
+ war fuer sie 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 in der Kopfleiste war ein weisser Kasten.
+
+ DESHALB STEHT JETZT EINE VORGABE DAVOR. Sie ist wichtiger als der
+ fehlende Eintrag: Wer die naechste Rolle anlegt und diese Liste
+ wieder vergisst, bekommt dann eine Kennung in der Hausfarbe --
+ nicht mehr eine kaputte. Ein fehlender Eintrag darf zu etwas
+ Schlichterem fuehren, nie zu etwas Ungueltigem.
+
+ (Dieselbe Sorte Fehler wie `--rton` am 08.09.: eine zweite Liste
+ fuer dieselbe Sache, und nur eine umgestellt.) */
+.wer { --rollen-ton: var(--akzent); }
+.wer[data-rolle="spicy"] { --rollen-ton: var(--spicy-haupt); }
.wer[data-rolle="admin"] { --rollen-ton: var(--dogi-haupt); }
.wer[data-rolle="manager"] { --rollen-ton: var(--manager-haupt); }
.wer[data-rolle="scout"] { --rollen-ton: var(--scout-haupt); }
diff --git a/workspace/aufgaben.html b/workspace/aufgaben.html
index 4d8cadf2..d37625d8 100644
--- a/workspace/aufgaben.html
+++ b/workspace/aufgaben.html
@@ -14,10 +14,10 @@
-
-
-
-
+
+
+
+
@@ -217,10 +217,10 @@
-
-
-
-
-
+
+
+
+
+