/* ── Loading Screen ── */
    .loading-center {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }

    #screen-loading {
      min-height: 80vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      /* padding-bottom bewusst ausgelassen (kein Shorthand!) — kommt aus der
         geteilten #screen-start,#screen-loading-Regel oben (Mascot-Reserve) */
      padding-top: 2rem;
      padding-left: 2rem;
      padding-right: 2rem;
      text-align: center;
    }

    #screen-loading.screen.active { display: flex; }

    .loading-ring {
      width: 36px; height: 36px;
      margin-top: 2rem;
      border: 2.5px solid var(--line);
      border-top-color: var(--accent);
      border-radius: 50%;
      animation: ldspin 0.9s linear infinite;
    }

    @keyframes ldspin { to { transform: rotate(360deg); } }