/* ==========================================================================
   MIRSYON — Leistungsbremsen lösen
   Chef 16.10.2026: „Die Seite ist sehr langsam und hängt sehr stark."
   Gemessen waren es bis zu 18 gleichzeitige Weichzeichner (backdrop-filter)
   und 15 Dauer-Animationen auf einer Seite. Beides rechnet der Browser bei
   JEDEM Bild neu — auf einem Telefon reicht das für sichtbares Ruckeln.
   Diese Datei wird ZULETZT geladen und nimmt zurück, was teuer ist.
   Der Eindruck bleibt: Glas sieht man am Verlauf und am Rand, nicht am
   Weichzeichner dahinter.
   ========================================================================== */

/* --- 1 · Weichzeichner nur dort, wo wirklich etwas durchscheint ---------
   Kopfleiste, aufgeklapptes Menü, Chatfenster und Einwilligung liegen ÜBER
   dem Inhalt — dort trägt der Weichzeichner. Karten liegen auf dem Grund;
   dort kostet er nur Rechenzeit.                                          */
.glas, .karte, .tafel, .vorgang, .preiszeile, .preisfeld {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
/* Die Flächen werden dafür einen Hauch dichter, damit sie weiter stehen. */
.glas, .karte { background: linear-gradient(158deg, var(--glas-stark), rgba(10, 23, 40, .62)); }

/* --- 2 · Der wandernde Lichtrand läuft nur, wenn er gesehen wird -------
   Vorher lief die Animation auf jeder Karte dauerhaft — inklusive
   conic-gradient und Maskenberechnung, auch außerhalb des Sichtfelds.     */
.strahlrand::after { animation-play-state: paused; }
.strahlrand:hover::after, .strahlrand:focus-within::after { animation-play-state: running; }
@media (hover: none) {
  /* Am Telefon gibt es kein Überfahren — dort ganz aus. */
  .strahlrand::after { display: none; }
}

/* --- 3 · Raumwirkung erst beim Überfahren ------------------------------
   preserve-3d zwingt den Browser, für jede Karte eine eigene Ebene zu
   halten. Bei fünfzehn Karten je Seite ist das spürbar.                   */
.raumkarte { transform-style: flat; will-change: auto; }
.raumkarte.neigt { transform-style: preserve-3d; will-change: transform; }

/* --- 4 · Bewegung ruht außerhalb des Sichtfelds ------------------------ */
.ruht, .ruht::after, .ruht::before { animation-play-state: paused !important; }

/* --- 5 · Auf Telefonen ist Ruhe wichtiger als Zierde ------------------- */
@media (max-width: 760px) {
  .tiefengitter::after, .signalbahn::after, .umlauf__bahn, .umlauf__punkt { animation: none; }
  .geraet { animation: none; }
  .punktgrund::before { opacity: .5; }
  .licht i { filter: blur(50px); }      /* große Blur-Radien sind teuer */
}

/* --- 6 · Schwache Geräte: nur noch das Nötige -------------------------- */
@media (prefers-reduced-motion: reduce), (update: slow) {
  .strahlrand::after, .tiefengitter::after, .signalbahn::after,
  .umlauf__bahn, .umlauf__punkt, .geraet { animation: none !important; }
}