/* App shell background — loaded only after login / in-game routes (MainLayout). */
.app-main-container {
    background-color: var(--bg-app);
    background-image:
        repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, 0.025) 2px, rgba(0, 0, 0, 0.025) 4px),
        radial-gradient(ellipse at 50% 40%, rgba(214, 168, 9, 0.03) 0%, transparent 55%),
        url("/images/battle-background.webp");
    background-size: auto, auto, cover;
    background-position: 0 0, center top, center center;
    background-repeat: repeat, no-repeat, no-repeat;
    background-attachment: fixed;
}

.app-main-container::before {
    content: "";
    position: fixed;
    inset: 0;
    background: radial-gradient(ellipse at 70% 20%, rgba(74, 144, 226, 0.03) 0%, transparent 45%);
    z-index: 0;
    pointer-events: none;
}