[x-main-theme="game-light"] {
    --theme-primary: rgba(0, 0, 0, 0.87);
    --theme-secondary: rgba(0, 0, 0, 0.68);
    --theme-hint: rgba(0, 0, 0, 0.38);
    --theme-disabled: rgba(0, 0, 0, 0.38);
    --theme-dividers: rgba(0, 0, 0, 0.38);
    --theme-dividers-2: rgba(0, 0, 0, .2);
    --theme-foreground: rgba(0, 0, 0, 0.08);
    --theme-background: #FAFAFA;
    --theme-card: white;
    --theme-card-2: rgba(0, 0, 0, 0.05);
    --theme-card-3: rgba(0, 0, 0, 0.1);
}

    [x-main-theme="game-light"] .card:not(.card_hide-structure) {
        border: 1px solid var(--theme-dividers, rgba(0, 0, 0, 0.12)) !important;
    }

    [x-main-theme="game-light"] .dialog--card::before,
    [x-main-theme="game-light"] .dialog--card::after {
        display: none;
    }

    [x-main-theme="game-light"] .input--field {
        background-color: rgba(0, 0, 0, .05);
    }

    [x-main-theme="game-light"] .toolbar_dark-color {
        background-color: #430101 !important;
    }

.toolbar.theme-bg-700 {
    background-color: #202936 !important;
}

.app-fg-game-red {
    color: #6b0000 !important;
}

.app-bg-game-red {
    background-color: #6b0000 !important;
}

.app-background {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url(/img/web/background.webp?v=1.3);
    background-color: var(--theme-background, #fafafa);
    background-repeat: no-repeat;
    background-position: top center;
}

.app-footer-background {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 14.375rem;
    background-image: url(/img/shared/footer/before-footer.webp?v=1.3);
    background-repeat: no-repeat;
    background-position: bottom center;
}