/* ════════════════════════════════════════════════════════════════════════════════════════════
   MELOGNITE — Fortschritts-Overlay im Graphen, gehoert zu melognite-progress.js.

   ⚠⚠ DOKTRIN-2.1-KORREKTUR (2026-08-05, nach Eigentuemer-Befund "glitcht mit default extrem
   beim Scrollen"): Die erste Fassung nutzte `position:absolute + transition + visibility:hidden`.
   Das ist die teuerste denkbare Kombination: `transition` auf einem positionierten Element
   PROMOVIERT es zu einer eigenen Compositing-Ebene, und `visibility:hidden` LOESCHT diese Ebene
   NICHT -- sie bleibt bestehen und wird bei JEDEM Scroll-Frame mitkomponiert, obwohl niemand sie
   sieht. Auf dem 2-Kern-Zielgeraet stiehlt genau das dem Audio-Dienst die Rechenzeit.

   JETZT: `display:none` im Ruhezustand. Ein display:none-Element hat KEINE Layout-Box, KEINE
   Ebene, KEINE Compositing-Kosten -- exakt null. Kein transition, kein box-shadow, kein Fade.
   Der Verzicht auf die Einblend-Animation ist der Preis; Doktrin 2.1 laesst keine Wahl.
   ════════════════════════════════════════════════════════════════════════════════════════════ */
.mgn-prog{
  display: none;              /* KEINE Ebene im Ruhezustand -- der ganze Punkt dieser Datei */
  position: absolute; inset: 0; z-index: 5;
  align-items: center; justify-content: center;
  background: #06050b;        /* deckend, kein rgba-Blending */
  pointer-events: none;
}
.mgn-prog.on{ display: flex; }
.mgn-prog-txt{
  font: 700 15px/1.3 var(--display, system-ui, sans-serif);
  letter-spacing: .04em;
  color: var(--acc, #d8a24a);
  text-align: center;
  padding: 0 10%;
}