
        .fl-balance-usd { display: inline-flex; align-items: center; gap: 5px; }
        .fl-balance-loot { display: none; align-items: center; gap: 5px; }
        html[data-fl-balance-display="loot"] .fl-balance-usd { display: none !important; }
        html[data-fl-balance-display="loot"] .fl-balance-loot { display: inline-flex !important; }
        /* Dropdowns must never participate in header layout before Popper starts. */
        nav.header .popper-root { position: absolute; top: 100%; right: 0; }
        nav.header.fl-earn-header .header-container > .flex { grid-template-rows: minmax(0, 1fr); }
        nav.header.fl-earn-header .header-container > .flex > * { min-height: 0; }
        /* Keep the shared header stable before page scripts finish loading. */
        nav.header.fl-earn-header { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; display: flex !important; align-items: center; width: 100% !important; height: 66px !important; z-index: 1000; }
        .fl-earn-header .header-container { display: flex; align-items: center; width: 100%; height: 66px; min-height: 66px; background: #101620 !important; border-color: #344254 !important; }
        .fl-earn-header .header-container > .flex { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: 0; width: 100%; height: 100%; }
        .fl-earn-header .navp.nav-web { flex: 0 0 145px; width: 145px; min-width: 145px; height: 66px; margin-right: clamp(28px, 3vw, 54px); }
        .fl-earn-header .navp .dc-logo { display: flex; align-items: center; width: 145px; height: 66px; }
        .fl-earn-header .navp .dc-logo img { display: block; width: 145px; height: 40px; max-width: 145px; max-height: 40px; object-fit: contain; object-position: left center; }
        .fl-earn-header .sign-bt-mr { display: flex; align-items: center; flex: 0 0 auto; gap: 9px; margin-left: auto !important; margin-right: 0 !important; }
        .fl-earn-header .sign-bt-mr > * + * { margin-left: 0 !important; }
        .fl-earn-header .fl-earn-wallet-symbol { color: #28c58b !important; }
        .fl-earn-header .fl-earn-cashout,
        .fl-earn-header .fl-earn-cashout:hover {
            background: #28c58b !important;
            border-color: #28c58b !important;
            color: #082017 !important;
            box-shadow: none !important;
        }
        .fl-page-cover {
            position: fixed;
            inset: 0;
            z-index: 2000;
            display: grid;
            place-content: center;
            width: 100vw;
            min-height: 100dvh;
            background: #0b0f15;
            color: var(--theme-color, #10c977);
        }
        .fl-page-cover .loader-dots i,
        .fl-page-cover .loader-balls i {
            display: inline-block;
            width: 12px;
            height: 12px;
            margin: 0 4px;
            border-radius: 50%;
            background: currentColor;
            animation: flLoaderBounce .8s infinite alternate;
        }
        .fl-page-cover .loader-dots i:nth-child(2),
        .fl-page-cover .loader-balls i:nth-child(2) { animation-delay: .15s; }
        .fl-page-cover .loader-dots i:nth-child(3),
        .fl-page-cover .loader-balls i:nth-child(3) { animation-delay: .3s; }
        .fl-page-cover .loader-ring {
            display: block;
            width: 34px;
            height: 34px;
            border: 4px solid rgba(255,255,255,.12);
            border-top-color: currentColor;
            border-radius: 50%;
            animation: flLoaderSpin .8s linear infinite;
        }
        .fl-page-cover .loader-pulse {
            display: block;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            background: currentColor;
            animation: flLoaderPulse 1s infinite;
        }
        .fl-page-cover .loader-bars i {
            display: inline-block;
            width: 5px;
            height: 28px;
            margin: 0 3px;
            border-radius: 5px;
            background: currentColor;
            animation: flLoaderBars .75s infinite ease-in-out;
        }
        .fl-page-cover .loader-bars i:nth-child(2) { animation-delay: .1s; }
        .fl-page-cover .loader-bars i:nth-child(3) { animation-delay: .2s; }
        .fl-page-cover .loader-bars i:nth-child(4) { animation-delay: .3s; }
        .fl-page-cover .loader-flip {
            display: block;
            width: 28px;
            height: 28px;
            background: currentColor;
            animation: flLoaderFlip 1s infinite ease-in-out;
        }
        @keyframes flLoaderSpin { to { transform: rotate(360deg); } }
        @keyframes flLoaderBounce { to { transform: translateY(-9px); opacity: .55; } }
        @keyframes flLoaderPulse { 50% { transform: scale(.55); opacity: .35; } }
        @keyframes flLoaderBars { 50% { transform: scaleY(.35); opacity: .45; } }
        @keyframes flLoaderFlip { 50% { transform: rotateY(180deg); } 100% { transform: rotateY(180deg) rotateX(180deg); } }
        @media (max-width: 1180px) and (min-width: 1024px) {
            .fl-earn-header .navp.nav-web { margin-right: 18px; }
        }
        @media (max-width: 1023px) {
            nav.header.fl-earn-header { height: 64px !important; }
            .fl-earn-header .header-container { height: 64px; min-height: 64px; }
            .fl-earn-header .navp.nav-web { flex: 0 0 58px; width: 58px; min-width: 58px; height: 64px; margin-right: 0; }
            .fl-earn-header .navp .dc-logo { display: none; }
            .fl-earn-header .navp .mv-logo { width: 56px; height: 56px; }
            .fl-earn-header .fl-earn-nav { display: none; }
            .fl-earn-header .sign-bt-mr { gap: 6px; }
        }
        @media (max-width: 768px) {
            nav.header.fl-earn-header { height: 62px !important; }
            .fl-earn-header .header-container { height: 62px; min-height: 62px; }
        }
        @media (max-width: 768px) {
            .fl-earn-header.fl-earn-landing-header .navp.nav-web { flex: 0 1 112px; width: clamp(88px, 28vw, 112px); min-width: 0; margin-right: 6px; }
            .fl-earn-header.fl-earn-landing-header .navp .dc-logo { display: flex; width: 100%; height: 52px; }
            .fl-earn-header.fl-earn-landing-header .navp .dc-logo img { width: 100%; height: 42px; max-width: 112px; max-height: 42px; }
        }
    