/* Die Disco (js/disco.js): Die Spiegelkugel hängt hinter dem Saum wie die Säcke. Das Licht liegt über allem, was zur
   Bühne gehört (Saal, Bad, Puppen, Rampe, Konfetti) und wird multipliziert: Es dunkelt ab, und wo ein Lichtfleck
   liegt, zeigt es die Farben darunter. Die Luft (Nebel, Strahlen, Glanz) hellt nur auf. Auftritt, Rückseite und
   Garderobe liegen darüber und bleiben hell. */
.disco-kugel { position: absolute; z-index: 19; top: 0; pointer-events: none; }
.disco-licht, .disco-luft { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.disco-licht { z-index: 48; mix-blend-mode: multiply; }
.disco-luft { z-index: 49; mix-blend-mode: screen; }

/* Der Schalter fürs Saallicht hängt an einer Hanfschnur unter dem Saum, links, wo kein Sack hängt (rechts hängt
   Doktor Ravendsensen); am Handy tiefer, unter den Säcken. Er liegt über dem Licht, damit man ihn im Dunkeln findet,
   und kommt, wenn das Licht unten ist; am Handy erst, wenn Ravendsensen ausgeredet hat, denn dort steht seine Blase. */
.disco-schalter {
  --schnur: 40px; --spaeter: 1.2s;
  position: fixed; z-index: 50; left: max(14px, env(safe-area-inset-left));
  top: calc(env(safe-area-inset-top, 0px) + var(--saum-h) + var(--schnur));
  visibility: hidden; opacity: 0; translate: 0 -16px;
  transition: opacity .2s ease-in, translate .2s ease-in, visibility 0s .2s, transform .15s var(--aus), box-shadow .15s var(--aus);
}
.disco-schalter::before {
  content: ""; position: absolute; left: 50%; bottom: calc(100% + 2px); width: 3px; height: calc(var(--schnur) - 16px); margin-left: -1.5px;
  border-radius: 2px; pointer-events: none;
  background: repeating-linear-gradient(-58deg, #E2BE85 0 1.6px, #C99A5B 1.6px 3.2px, #8E6534 3.2px 4.4px);
}
.disco-schalter.da {
  visibility: visible; opacity: 1; translate: none;
  transition: opacity .4s var(--aus) var(--spaeter), translate .8s var(--feder) var(--spaeter), visibility 0s var(--spaeter),
    transform .15s var(--aus), box-shadow .15s var(--aus);
}
@media (max-width: 899px) { .disco-schalter { --schnur: 92px; --spaeter: 4.4s; } }

/* die gewohnten Scheinwerferkegel im Dunst gehen mit dem Bühnenlicht aus und wieder an */
.strahl::before { transition: opacity 2.8s ease-in; }
html.disco .strahl::before { opacity: 0; transition: opacity 2.4s ease-out; }