/* css/wand.css · Die Wand, Grund der ganzen App (DESIGN.md Abschnitt 1).
 *
 * Eigene feste Schicht statt background-attachment: fixed, Entscheidung 62 vom 19.08.2026:
 * fixed ruckelt auf iPhones. Die Höhe 100lvh ist die größtmögliche Bildschirmhöhe und
 * bleibt stabil, wenn die Safari-Adressleiste schrumpft.
 *
 * Die drei background-Schichten sind Tabeas Original-CSS aus DESIGN.md, wortwörtlich.
 * Einzige Abweichung ist der Pfad in der url()-Zeile: DESIGN.md nennt den Canva-Exportnamen,
 * im Repo liegt die Web-Kopie als JPEG unter assets/ (Tabeas Entscheidung vom 01.09.2026,
 * das Original-PNG bleibt Kanon in iCloud). Der Pfad ist relativ zu dieser CSS-Datei und
 * darum in der Wurzel und in einem Unterpfad gleich richtig.
 *
 * Technik-Entscheidungen von Claude, übernommen aus werkstatt/spielarten.html:
 * top und left 0, width 100vw, z-index -1 (hinter allem). overflow-x und
 * overscroll-behavior stehen in grund.css auf html und body, weil overscroll-behavior
 * nur auf dem Element wirkt, das wirklich scrollt, und diese Schicht scrollt nie.
 *
 * Prüfregel aus DESIGN.md: In der Kurzschreibweise von background steht kein fixed.
 * Styling-Datei im Sinne von CLAUDE.md: Claude ändert sie nie ungefragt.
 */
#wand {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100lvh;
  z-index: -1;
  background:
    radial-gradient(760px 420px at 82% -8%, rgba(240,180,41,.16), transparent 60%),
    linear-gradient(178deg, rgba(58,44,32,.72), rgba(43,33,26,.78) 48%, rgba(30,23,17,.84)),
    url("../assets/wand-gobe-unebene-struktur.jpg") center / cover no-repeat;
}