/* ── No-Routes Screen ── */
    #screen-no-routes {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 2rem 1.5rem;
      text-align: center;
      /* s. Kommentar bei #screen-error - gleicher Grund, gleicher Fix. */
      gap: .5rem;
      /* Platz für die Mascot-Figur reservieren (Text kommt jetzt aus der
         Sprechblase, s. showNoRoutes()) - gleiche Konvention wie #screen-start. */
      padding-bottom: calc(var(--companion-reserve) - var(--start-content-lift));
    }