/* ===== Einladung → SoulKeeper: Unschärfe-Übergang ======================
   Wird ausschließlich von js/unschaerfe-uebergang.js gesteuert (Trigger: ein
   weiterer Scroll-Impuls nach oben, wenn die Seite bereits ganz oben
   angekommen ist - siehe dort). Statt eines Szenenwechsels wird die Szene
   selbst (#welt-track, nicht .hud/.audio-controls - die bleiben bewusst
   scharf) stark unscharf gezogen. Da SoulKeeper an der Stelle (Himmel/
   Sternenhintergrund) optisch fast identisch aussieht, wirkt das
   Zurückscharfstellen dort (siehe SoulKeeper/css/unschaerfe-eingang.css)
   wie ein nahtloser Fokus-Wechsel derselben Szene. */

html.unschaerfe-uebergang-einfrieren,
html.unschaerfe-uebergang-einfrieren body {
    overflow: hidden !important;
    touch-action: none;
}

/* "Visuell einfrieren": alle laufenden CSS-Animationen der Seite (Sterne,
   Parallax-Deko, Lava, Seelen ...) auf dem letzten Stand anhalten, bevor
   die Szene unscharf gezogen wird. */
html.unschaerfe-uebergang-einfrieren *,
html.unschaerfe-uebergang-einfrieren *::before,
html.unschaerfe-uebergang-einfrieren *::after {
    animation-play-state: paused !important;
}

#welt-track {
    transition: filter 0.85s ease-in;
}

#welt-track.unschaerfe-aktiv {
    filter: blur(42px) brightness(0.65);
}

@media (prefers-reduced-motion: reduce) {
    #welt-track {
        transition: filter 0.4s ease-in;
    }
}