/* =============================================================
   bg-video.css — Vollbild-Background-Video (Owner-Wunsch 2026-05-12)
   Notbremse: window.BG_VIDEO_ENABLED = false setzen → Video weg,
   Galaxy + Comets kommen automatisch zurück.
   ============================================================= */

#tm-bg-video {
  position: fixed;
  inset: 0;
  z-index: 0;          /* hinter App-Content (App-Container hat z-index ≥ 1) */
  pointer-events: none;
  overflow: hidden;
  background: #000;
  display: none;       /* per default aus — Body-Class entscheidet */
}

#tm-bg-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;     /* Vollbild ohne Ränder */
  object-position: center center;
  opacity: 0.55;         /* etwas gedimmt damit App-Content lesbar bleibt */
  pointer-events: none;
}

/* Body-Class entscheidet ob Video sichtbar ist (per JS gesetzt wenn Flag true). */
body.bg-video-on #tm-bg-video {
  display: block;
}

/* Wenn Video an ist: alte BG-Layer ausblenden damit nichts überlagert.
   Galaxy + Comets sind GPU-Animationen die weiterlaufen würden → wegnehmen
   spart Mobile-CPU/Akku. */
body.bg-video-on #tm-galaxy,
body.bg-video-on #tm-comets,
body.bg-video-on #tm-footballs { display: none !important; }

/* Reduced-Motion: kein Video, alter BG kommt zurück */
@media (prefers-reduced-motion: reduce) {
  body.bg-video-on #tm-bg-video { display: none; }
  body.bg-video-on #tm-galaxy,
  body.bg-video-on #tm-comets { display: block !important; }
}