/* KapuzenMC – gemeinsame Regeln für Handy/Tablet und die Home-Bildschirm-App (alle Seiten, beide Designs).
   Alle Seiten nutzen dieselbe Statusleiste („black-translucent“ + viewport-fit=cover): Der Inhalt reicht bis ganz nach
   oben, jede Seite hält selbst Abstand zu Uhr/Kerbe (env(safe-area-inset-*)). Seiten ohne eigenes Layout dafür bekommen
   <body class="kx-safe">. */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; background: var(--bg, #0c0e12); }
/* kein Gummiband: die ganze Seite wackelt beim Wischen nicht mehr und oben blitzt kein anderer Hintergrund auf */
html, body { overscroll-behavior-y: none; }
/* nichts darf die Seite seitlich verschiebbar machen */
body { overflow-x: clip; -webkit-tap-highlight-color: transparent; }
/* „hidden“ gilt immer – auch bei Knöpfen mit eigener Anzeige-Art */
[hidden] { display: none !important; }
body.kx-safe { padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px); }

/* Home-Bildschirm-App: hinter der Statusleiste eine ruhige Fläche – Inhalt rollt darunter weg statt durch die Uhr */
@media (display-mode: standalone) {
  body::before { content: ""; position: fixed; left: 0; right: 0; top: 0; height: env(safe-area-inset-top, 0px); z-index: 2147483000;
    background: var(--bg, #0c0e12); pointer-events: none; }
}
/* helle Seiten: die Uhr der Statusleiste ist immer weiß → dunkle Fläche dahinter, sonst ist sie unlesbar */
@media (display-mode: standalone) and (prefers-color-scheme: light) {
  :root[data-kx] body::before, :root[data-light-ok] body::before { background: #1c1c1e; }
}