/* ==========================================================================
   ERZEUGTE DATEI — NICHT HIER BEARBEITEN.
   Quelle: assets/js/config.js  ·  Neu erzeugen: node tools/build-html.mjs

   Nur die Bildadressen der drei Hintergrundwelten. Fehlt eine Datei,
   entsteht keine Regel — dann trägt der Farbverlauf aus site.css allein
   und der Browser fragt gar nicht erst nach dem Bild.

   WARUM ERST AB 1000 px

   Die Weltenebene ist auf dem Telefon rund 400 x 2050 px. Ein Bild im
   Querformat wird darin auf die Höhe gerechnet — sichtbar bleibt ein
   schmaler, vierfach vergrößerter Streifen aus der Bildmitte. Das ist
   kein Motiv mehr, sondern ein unscharfer Schleier, für den das Gerät mit
   der schmalsten Leitung rund 100 kB lädt.

   Unterhalb der Schwelle greift die Kurzschreibweise var(--world-img,
   none): der Browser stellt „kein Bild" ein und fragt gar nicht erst an.
   Die Farbverläufe aus site.css tragen die Welt dort allein — dafür sind
   sie gebaut.

   Das ?v= ist ein Fingerabdruck aus Dateigröße und Änderungszeit. Bilder
   liegen 30 Tage im Cache; ohne ihn sähe man ein ersetztes Bild wochenlang
   nicht.
   ========================================================================== */

@media (min-width: 1000px) {
  .world--mind { --world-img: url('../img/world-mind.webp?v=1qxtnvi'); background-position: 50% 50%; }
  .world--journey { --world-img: url('../img/world-journey.webp?v=1qxth8j'); background-position: 50% 88%; }
  .world--money { --world-img: url('../img/world-money.webp?v=1qxrjj2'); background-position: 50% 66%; }
}