/*
 * Server-Modus (Owner 2026-10-09): keine Animationen, keine 3D-Neigung, keine
 * Unschaerfe - nur die Steuerung. Gilt nur mit der Klasse `lwr-lite` am <html>,
 * die lite-mode.js setzt (URL ?lite=1 vom Starter oder Knopf "Animationen").
 *
 * Warum so grob (alles mit !important): auf dem Windows-Server zeichnet der
 * Browser ohne Grafikkarte und per RDP. Teuer sind dort vor allem
 * backdrop-filter/blur auf jeder Karte, die 3D-Neigung der ganzen Szene bei
 * jeder Mausbewegung, die Dauer-Animationen (Schweben, Hex-Boden, Sterne) und
 * das Kerzen-Canvas im Hintergrund. Mit `animation: none` stehen alle Elemente
 * in ihrem Grundzustand - die Boot-Staffelung (cardBoot) nutzt `backwards`,
 * der Grundzustand ist also sichtbar. Die einzige Animation mit `forwards`
 * (Feed-Ausblendung evtOut) wird ueber display:none abgefangen; main.js legt
 * im Server-Modus ohnehin keine Feed-Zeilen mehr an.
 *
 * Muss das LETZTE Stylesheet in index.html bleiben.
 */
html.lwr-lite *,
html.lwr-lite *::before,
html.lwr-lite *::after {
  animation: none !important;
  transition: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  will-change: auto !important;
  transform-style: flat !important;
}

/* Buehne flach: keine Perspektive, keine Neigung, kein Schweben. Die
   Selektoren sind die Traeger von rotateX/rotateY in lwr3d.css (Deck,
   Tradelog, Radar, Signale, Benutzer, Login-Karte, Changelog-Buehne). */
html.lwr-lite .l3d-root,
html.lwr-lite .l3d-hexworld,
html.lwr-lite .lwr-eclipse,
html.lwr-lite #lg-root {
  perspective: none !important;
}
html.lwr-lite .l3d-scene,
html.lwr-lite .l3d-page,
html.lwr-lite .l3d-dashcol,
html.lwr-lite .l3d-dashmid,
html.lwr-lite .l3d-log-wrap,
html.lwr-lite .l3d-radar,
html.lwr-lite .l3d-signals,
html.lwr-lite .l3d-users-grid,
html.lwr-lite .lg-main,
html.lwr-lite .lg-hero,
html.lwr-lite .lg-cardcol,
html.lwr-lite .lg-cardwrap,
html.lwr-lite .lg2-cardwrap,
html.lwr-lite .cl-deck {
  transform: none !important;
}

/* Reine Deko, die ohne Bewegung nur noch Rechenzeit kostet: Hex-Boden,
   Ereignis-Feed unten links, Vignette ueber dem ganzen Bild und die
   Hintergrund-Kerzen (main.js rendert das Canvas im Server-Modus gar nicht
   mehr; die Regel faengt den Rest ab, falls eine Seite es noch mitbringt). */
html.lwr-lite .l3d-hexworld,
html.lwr-lite #l3d-feed,
html.lwr-lite #l3d-cine,
html.lwr-lite canvas[data-godtrader-market] {
  display: none !important;
}

/* Weiche Listen-Raender per Maske sind im Software-Rendering teuer. */
html.lwr-lite .cl-wrap {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* Hinweis im Gehirn-Reiter anstelle des 3D-Netzes (Markup in main.js). */
html.lwr-lite .brain-lite-note {
  padding: 10px 14px;
  border: 1px dashed rgba(196, 181, 253, 0.35);
  border-radius: 10px;
  color: rgba(233, 213, 255, 0.7);
  font-size: 11.5px;
}