/* ==========================================================================
   AnimeRadar V2.4.274 - Schwebende Elemente unten rechts

   Befund aus der Tablet-QA (12 Groessen, Hoch- und Querformat, 19 Seiten,
   alle fest positionierten Elemente paarweise auf Ueberdeckung gemessen):

   Unterhalb von 960 px schwebt die Navigationskapsel ueber dem Inhalt. Zwei
   weitere Elemente liegen fest unten rechts und wissen nichts von ihr:

     1. Der Planer-Knopf (.release-planner-fab, right: 18px, bottom: 18px,
        mindestens 148x54). Er ist genau im Band 761-959 px sichtbar - also
        immer zusammen mit der Kapsel. Gemessene Ueberdeckung, auf jeder
        Seite gleich:
          761 -> 91 px | 768 -> 87 | 800 -> 71 | 820 -> 61 | 834 -> 54
          900 -> 21 | ab 959 keine
        Sichtbare Folge: von "PLANER / MEINE RELEASES" blieb nur das Ende
        lesbar.

     2. Der Behaelter der Kurzmeldungen (.toast-host, right: 18px,
        bottom: 18px). Gemessen mit einer sichtbaren Meldung:
          390 -> keine | 430 -> 6 px | 600 -> 10 px | 768 -> 49 px
        Eine Meldung verdeckte dort die Navigation.

   Korrektur an der Ursache: beide Elemente bekommen eine gemeinsame
   Grundhoehe, die sich aus denselben Variablen ableitet wie die Kapsel
   selbst. Dadurch stimmt der Abstand auf jeder Breite, folgt beim Drehen
   sofort und bleibt richtig, falls die Kapselmasse spaeter angepasst werden.

   Die Kapsel selbst bleibt unangetastet: ihre Masse sind in
   material-mobile-nav-v2-4-257.css sorgfaeltig aus dem Viewport abgeleitet,
   und eine Aenderung dort wuerde auch Telefone treffen, die das Problem
   nicht haben.

   Der Toast-Behaelter wird im gesamten Band bis 959 px angehoben, nicht nur
   auf Tabletbreiten: die Ursache ist ueberall dieselbe, sie faellt nur
   unterschiedlich stark auf. Eine Korrektur nur fuer Tablets waere
   willkuerlich.
   ========================================================================== */

@media (max-width: 959px) {
  :root {
    /* Oberkante der schwebenden Kapsel, gemessen von der Fensterunterkante.
       Die Variablen stammen aus material-mobile-nav-v2-4-257.css; die
       Ersatzwerte greifen nur, falls diese Datei einmal fehlt. */
    --ar-float-base: calc(
      var(--ar-nav-bottom, 16px)
      + var(--ar-nav-height, 68px)
      + 14px
      + env(safe-area-inset-bottom, 0px)
    );
    /* Mindesthoehe des Planer-Knopfes aus release-planner-v2-4-145.css. */
    --ar-fab-height: 54px;
  }

  html body .toast-host {
    bottom: var(--ar-float-base);
  }
}

/* Nur in diesem Band ist der Planer-Knopf sichtbar. Er steht direkt ueber der
   Kapsel, die Kurzmeldungen wiederum ueber ihm - so verdeckt nichts etwas
   anderes. */
@media (min-width: 761px) and (max-width: 959px) {
  html body :where(.release-planner-fab, .roadmap-fab, .community-chat-fab) {
    bottom: var(--ar-float-base) !important;
  }

  html body .toast-host {
    bottom: calc(var(--ar-float-base) + var(--ar-fab-height) + 12px);
  }
}