/* ============================================================================ tc-scene — die Kulisse eines Ortes (05.09.2026, Taskwerk #435) ---------------------------------------------------------------------------- Aus `.ug-bg` in css/untergrund.css herausgeloest, wo sie am 13.08.2026 fuer den Schattenmarkt entstanden ist: zwei Laternen ueber einem russigen Grund, eine kalte Bodenzone, ein Schleier Staub im Licht. ⚠️ WARUM SIE JETZT EINE KOMPONENTE IST — der Anlass ist ein Fehler, kein Aufraeumwunsch. Die drei Raumseiten des Untergrunds (Album, Kladde, Terminraum) laden `untergrund.css` und das Eintritts-Overlay, tragen aber KEIN `.ug-bg`-Element (nachgezaehlt am 05.09.2026). Wer durch eine Tuer geht, verliert dort die Beleuchtung: uebrig bleibt die Rueckfallfarbe `#0d0a07` auf dem body. Der Ort verschwindet in dem Moment, in dem man ihn betritt. Eine Klasse, die genau eine Seite von vieren traegt, ist keine Kulisse — sie ist ein Zufall. VERWENDUNG Als ERSTES Element im , vor dem Seiteninhalt. `aria-hidden`, weil sie nichts sagt; `z-index: -1`, damit sie hinter allem liegt. ⚠️ SIE ERSETZT NICHT DEN GRUND AUF `body`. Sie ist `position: fixed`, und in eingebetteten Browsern (Tims Screenshot kam aus dem Facebook-WebView) setzt eine solche Ebene aus. Wo sie aussetzt, ist `body` durchsichtig, und sichtbar wird die nackte Leinwand — weiss oder schwarz. Das Theme setzt deshalb weiterhin `background-color` auf `body`, und zwar auf das untere Ende des Verlaufs hier. *Eine Seite, deren Grund nur an einer fixed-Ebene haengt, hat keinen Grund — sie hat einen Vorhang.* PARAMETER — die Farben, nicht die Geometrie --tc-scene-warm Laternenlicht (zwei Kegel oben) --tc-scene-warm-2 das schwaechere (rechts, weiter hinten) --tc-scene-kalt Bodenzone unten --tc-scene-oben Grundverlauf oben --tc-scene-unten Grundverlauf unten = die Farbe fuer body --tc-scene-staub Deckkraft des Schleiers (0 schaltet ihn ab) ⚠️ DIE GEOMETRIE IST DAS REZEPT UND BLEIBT FEST. Groesse und Ort der Kegel sind aufeinander abgestimmt: ein grosser Kegel links oben, ein kleinerer, schwaecherer rechts daneben, und eine sehr breite kalte Zone, die von unten hereinragt. Wer sie parametrierbar macht, bekommt keinen zweiten Ort, sondern denselben mit verschobenen Flecken. Ein wirklich anderer Ort bekommt eine eigene Variante hier, mit eigenen Zahlen und einem Namen. ========================================================================== */ .tc-scene { position: fixed; inset: 0; z-index: -1; background: radial-gradient(680px 420px at 18% 8%, var(--tc-scene-warm, rgba(192, 120, 46, 0.16)), transparent 60%), radial-gradient(760px 520px at 84% 22%, var(--tc-scene-warm-2, rgba(192, 120, 46, 0.10)), transparent 62%), radial-gradient(1200px 800px at 50% 120%, var(--tc-scene-kalt, rgba(61, 74, 99, 0.18)), transparent 70%), linear-gradient(180deg, var(--tc-scene-oben, #14100c) 0%, var(--tc-scene-unten, #0d0a07) 100%); } /* Ein feiner Schleier ueber dem Grund — Staub im Laternenlicht. Rein dekorativ, deshalb `aria-hidden` im Markup und `pointer-events: none` hier: Eine Ebene ueber der ganzen Seite, die Klicks schluckt, waere ein Fehler, den niemand im Quelltext sieht. */ .tc-scene::after { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: var(--tc-scene-staub, 0.5); background-image: repeating-linear-gradient(115deg, rgba(255, 255, 255, 0.012) 0 2px, transparent 2px 7px); } /* --------------------------------------------------------------------------- VARIANTE --hell Fuer Orte, die kein Kellergewoelbe sind. Sie verschiebt nur die sechs Farben; die Geometrie bleibt, damit ein Ort wie ein Ort aussieht und nicht wie ein anderes Bauteil. ⚠️ NOCH VON NIEMANDEM BENUTZT — und das ist Absicht, kein Rueckstand. Die sechs Pathfinder-Raumseiten haetten sie noetig (sie haben heute gar keine Kulisse), aber die Zitadelle ist eine andere Welt als der Schattenmarkt. Welche Farben dort gelten, entscheidet Tim am Bild, nicht ich an einer Zahl (CLAUDE.md §3: Abnahme vor Ausrollen). Die Variante steht hier, damit die Entscheidung eine Zeile kostet und keinen zweiten Entwurf. --------------------------------------------------------------------------- */ .tc-scene--hell { --tc-scene-warm: rgba(214, 168, 92, 0.14); --tc-scene-warm-2: rgba(214, 168, 92, 0.09); --tc-scene-kalt: rgba(70, 86, 112, 0.14); --tc-scene-oben: #1b1712; --tc-scene-unten: #14100c; --tc-scene-staub: 0.35; } /* --------------------------------------------------------------------------- ⚠️ KEIN prefers-reduced-motion-BLOCK — und das ist kein Versehen. Die Kulisse bewegt sich nicht: keine Animation, kein Transition, kein Parallax. `position: fixed` ist keine Bewegung, sondern ihre Abwesenheit — der Lichtkreis bleibt stehen, waehrend der Inhalt scrollt. Genau das ist die Aussage: Man bewegt sich durch den Raum, nicht der Raum unter einem. --------------------------------------------------------------------------- */