/* MPEmbed: nur die Autostart-Ladeanzeige (play=1).
   Bestehendes Custom CSS behalten, diesen Block darunter ergänzen.
   MPEmbed blendet #loading-gui wie bisher selbst aus. */
body.play #loading-gui {
  background-color: #24313b;
  background-image:
    linear-gradient(rgba(12, 20, 28, .14), rgba(12, 20, 28, .30)),
    url("https://mpembed.com/media/2115/Splashscreen_Hochstrasse.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Vorhandenen Autostart-Kreis ersetzen, ohne den Play-Button anzutasten. */
body.play #loading-gui #circleLoader:has(> img) {
  width: clamp(76px, 14vmin, 112px);
  height: clamp(76px, 14vmin, 112px);
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .35));
}
body.play #loading-gui #circleLoader > img {
  opacity: 0;
  width: 100%;
  height: 100%;
}
body.play #loading-gui #circleLoader:has(> img)::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%20role%3D%22img%22%20aria-label%3D%22Rundgang%20wird%20geladen%22%3E%0A%3Cstyle%3E.still%7Bdisplay%3Anone%7D%40media(prefers-reduced-motion%3Areduce)%7B.motion%7Bdisplay%3Anone%7D.still%7Bdisplay%3Ablock%7D%7D%3C%2Fstyle%3E%0A%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2248%22%20fill%3D%22none%22%20stroke%3D%22%23f3ede2%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%222%22%2F%3E%0A%3Cg%20class%3D%22motion%22%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2248%22%20fill%3D%22none%22%20stroke%3D%22%23d7e9f2%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-dasharray%3D%2274%20228%22%2F%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2060%2060%22%20to%3D%22360%2060%2060%22%20dur%3D%222.6s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%0A%3Ccircle%20class%3D%22still%22%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2248%22%20fill%3D%22none%22%20stroke%3D%22%23d7e9f2%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-dasharray%3D%2274%20228%22%2F%3E%0A%3Cpath%20d%3D%22M40%2061V40H80V80H63%20M54%2080H40V69%20M58%2040V59H80%20M58%2068V80%22%20fill%3D%22none%22%20stroke%3D%22%23f3ede2%22%20stroke-width%3D%222.8%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E") center / contain no-repeat;
  pointer-events: none;
}

/* WICHTIG: Keine erzwungene opacity/display-Regel auf #loading-gui.
   So bleiben MPEmbeds Ladeende, Ausblenden und Klicksteuerung erhalten.
   Vorhandene Logos und Copyright-Hinweise werden nicht verändert. */