/* Minimal loading screen. Existing IDs remain available to navigation flows. */
#loader.loader {
    background: #07141c !important;
    color: #f3f7fa;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}

#loader .loader-title,
#loader .loader-camp,
#loader .loader-status {
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}

#loader .loader-atmosphere,
#loader .loader-mark__orbit,
#loader .loader-mark__pulse,
#loader .loader-brand,
#loader .loader-progress {
    display: none;
}

#loader .loader-stage {
    width: min(100%, 320px);
    gap: 20px;
}

#loader .loader-mark,
#loader .loader-mark__core {
    width: 40px;
    height: 40px;
}

#loader .loader-mark__core {
    background: none !important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

#loader .loader-mark__core img {
    width: 36px;
    height: 36px;
    filter: brightness(0) invert(1);
}

#loader .loader-title {
    color: #f3f7fa;
    font-size: .9rem;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

#loader .loader-title::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    margin: 16px auto 0;
    border: 2px solid rgba(165,186,197,.25);
    border-top-color: #a5bac5;
    border-radius: 50%;
    animation: loader-spin 1s linear infinite;
}

#loader .loader-camp,
#loader .loader-status {
    margin-top: 12px;
    color: #a5bac5 !important;
    font-size: .8rem;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}

/* Keep status announcements available without repeating the loading label. */
#loader .loader-status {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
    #loader .loader-title::after { animation: none; }
}