/* Read my Soul – spirituelle Rahmengrafiken (v5.9.662)
   Feine Goldlinien rund um alle Quiz-Formulare: /quiz, Abschluss /lebensbuch?src=quiz,
   Seelen-Duo-Eingabe. Rein dekorativ (pointer-events:none), hinter dem Inhalt.
   Grafiken: assets/img/spirit/*.svg (Astro-Rad, Mondphasen, Sternbild, Blume des Lebens, Funkeln). */

.rmsq-body::before, html.rms-qh body::before, #rms-duo-overlay::before,
.rmsq-body::after,  html.rms-qh body::after,  #rms-duo-overlay::after {
  content: ""; position: fixed; pointer-events: none; z-index: -1;
}

/* Ebene 1: Mondphasen links, Sternbild rechts oben, Blume des Lebens rechts unten, Funkeln */
.rmsq-body::before, html.rms-qh body::before, #rms-duo-overlay::before {
  inset: 0;
  background:
    url(../img/spirit/moon-phases.svg)   left 4vw top 7vh / auto 52vh no-repeat,
    url(../img/spirit/constellation.svg) right 3vw top 9vh / 300px auto no-repeat,
    url(../img/spirit/flower-of-life.svg) right -70px bottom -70px / 340px auto no-repeat,
    url(../img/spirit/sparkles.svg) 0 0 / 420px 420px repeat;
  opacity: .55;
}

/* Ebene 2: großes Astro-Rad links unten, dreht sich sehr langsam */
.rmsq-body::after, html.rms-qh body::after, #rms-duo-overlay::after {
  width: 620px; height: 620px; left: -230px; bottom: -230px;
  background: url(../img/spirit/astro-wheel.svg) center / contain no-repeat;
  opacity: .38;
  animation: rms-spirit-turn 360s linear infinite;
}
@keyframes rms-spirit-turn { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .rmsq-body::after, html.rms-qh body::after, #rms-duo-overlay::after { animation: none; }
}

/* Eigener Stapelkontext: Grafiken (z-index:-1) liegen über dem Seitenhintergrund, aber unter jedem Inhalt */
.rmsq-body, html.rms-qh body { isolation: isolate; }
#rms-duo-overlay { isolation: isolate; }

/* Tablet: Seitengrafiken kleiner und zurückhaltender */
@media (max-width: 1100px) {
  .rmsq-body::before, html.rms-qh body::before, #rms-duo-overlay::before {
    background:
      url(../img/spirit/moon-phases.svg)   left 10px top 8vh / auto 40vh no-repeat,
      url(../img/spirit/constellation.svg) right -40px top 7vh / 220px auto no-repeat,
      url(../img/spirit/flower-of-life.svg) right -90px bottom -90px / 260px auto no-repeat,
      url(../img/spirit/sparkles.svg) 0 0 / 420px 420px repeat;
    opacity: .4;
  }
  .rmsq-body::after, html.rms-qh body::after, #rms-duo-overlay::after { width: 460px; height: 460px; left: -220px; bottom: -220px; opacity: .3; }
}
/* Handy: Mondphasen weg (würden Text überdecken), Rest nur angeschnitten an den Rändern */
@media (max-width: 640px) {
  .rmsq-body::before, html.rms-qh body::before, #rms-duo-overlay::before {
    background:
      url(../img/spirit/constellation.svg) right -90px top 60px / 180px auto no-repeat,
      url(../img/spirit/flower-of-life.svg) right -110px bottom -110px / 220px auto no-repeat,
      url(../img/spirit/sparkles.svg) 0 0 / 420px 420px repeat;
    opacity: .35;
  }
  .rmsq-body::after, html.rms-qh body::after, #rms-duo-overlay::after { width: 340px; height: 340px; left: -190px; bottom: -190px; opacity: .25; }
}