/* Mood — экран загрузки и индикаторы на страницах */

/* Цвета лоадера приходят токенами из mood-base.css (тёмная — бирюза
   логотипа, светлая — тёплый градиент). Здесь только фолбэки на случай,
   если файл подключён без базовых токенов. */
:root {
    --mood-loader-blue: var(--accent, #2DD4BF);
    --mood-loader-blue-bright: var(--accent-muted, #5EEAD4);
    --mood-loader-track: var(--accent-dim, rgba(255, 255, 255, 0.08));
    --mood-loader-bg: var(--bg, #0B0E14);
    --mood-loader-bg-deep: var(--bg-deep, #070A0F);
}

@keyframes mood-loader-spin {
    to {
        transform: rotate(360deg);
    }
}

/* Полноэкранный прелоадер отключён: на мобилке он зависал поверх сайта. */
.mood-preloader,
#sitePreloader {
    display: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
}

/* Общий синий спиннер (страницы, блоки, игры) */
.mood-spinner,
body.mood-layout-v2 .play-page-loading-spinner,
body.mood-layout-v2 .deposit-form-loading__spinner,
body.mood-layout-v2 .deposit-auto-crypto-spinner {
    width: 40px;
    height: 40px;
    border: 3px solid var(--mood-loader-track);
    border-top-color: var(--mood-loader-blue-bright);
    border-right-color: var(--mood-loader-blue);
    border-radius: 50%;
    animation: mood-loader-spin 0.75s linear infinite;
    box-sizing: border-box;
    flex-shrink: 0;
}

body.mood-layout-v2 .play-page-loading-spinner {
    width: 44px;
    height: 44px;
}

body.mood-layout-v2 .loading,
body.mood-layout-v2 .bp-loading,
body.mood-layout-v2 .footer-loading,
body.mood-layout-v2 .support-center-loading,
body.mood-layout-v2 .play-page-quests-loading,
body.mood-layout-v2 .play-page-winners-loading,
body.mood-layout-v2 .header-balance-dropdown-loading,
body.mood-layout-v2 .acc-notifications-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 40px 20px;
    text-align: center;
    color: var(--text-muted) !important;
    font-size: 0.9375rem;
    font-weight: 500;
}

body.mood-layout-v2 .loading::before,
body.mood-layout-v2 .bp-loading::before,
body.mood-layout-v2 .footer-loading::before,
body.mood-layout-v2 .support-center-loading::before,
body.mood-layout-v2 .play-page-quests-loading::before,
body.mood-layout-v2 .play-page-winners-loading::before,
body.mood-layout-v2 .header-balance-dropdown-loading::before,
body.mood-layout-v2 .acc-notifications-loading::before {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    border: 3px solid var(--mood-loader-track);
    border-top-color: var(--mood-loader-blue-bright);
    border-right-color: var(--mood-loader-blue);
    border-radius: 50%;
    animation: mood-loader-spin 0.75s linear infinite;
    box-sizing: border-box;
}

body.mood-layout-v2 .play-page-iframe-loading {
    color: #64748b;
}

body.mood-layout-v2 .deposit-form-loading,
body.mood-layout-v2 .deposit-auto-crypto-loading {
    color: #64748b;
}