/* The ATLAS loading sign (owner's choice, 2026-10-02): the round gold
   ATLAS emblem — the app icon — gently "breathing" in the middle, no text.
   It replaced the plain "Loading..." on every page.

   It stays invisible for the first 0.3s, so a page that loads quickly
   never flashes it. The page's own script replaces it with the content.

   Markup: <div class="atlas-loader"><img src="/pictures/app-icon-192" alt=""></div>
   Small one (inside a box, e.g. the days/times on BOOK): add class "small". */

.atlas-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 48px 0;
    opacity: 0;
    animation: atlasLoaderIn 0.3s ease 0.3s forwards;
}

.atlas-loader img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    box-shadow: 0 0 24px rgba(255, 215, 0, 0.25);
    animation: atlasLoaderBreathe 1.6s ease-in-out infinite;
}

.atlas-loader.small {
    padding: 14px 0;
}

.atlas-loader.small img {
    width: 34px;
    height: 34px;
    box-shadow: 0 0 12px rgba(255, 215, 0, 0.25);
}

@keyframes atlasLoaderIn {
    to { opacity: 1; }
}

@keyframes atlasLoaderBreathe {
    0%, 100% { opacity: 0.45; transform: scale(0.92); }
    50% { opacity: 1; transform: scale(1); }
}