/* MetroWin — ajustes finais: bônus diário, rodapé e autenticação */
.footer-color {
    background: #070809 !important;
    color: #e6e8ea !important;
    border-top: 1px solid rgba(255,255,255,.09) !important;
    padding: 18px 16px 72px !important;
}
.footer-color .title-color,
.footer-color h3 { color: #f5f6f7 !important; font-weight: 700 !important; }
.footer-color .text-color,
.footer-color p,
.footer-color li,
.footer-color a { color: #c7ccd0 !important; }
.footer-color .dividers { border-color: rgba(255,255,255,.12) !important; margin: 18px 0 !important; }
.footer-color .justified-text { color:#aeb5ba !important; line-height:1.58 !important; text-align:justify !important; font-size:12px !important; }
.footer-color .instagram-icon,
.footer-color .telegram-icon,
.footer-color .whatsapp-icon,
.footer-color .facebook-icon,
.footer-color .youtube-icon {
    width: 42px !important; height: 42px !important; padding: 8px !important;
    border: 1px solid rgba(255,255,255,.18) !important; border-radius: 999px !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    background:#111315 !important; transition:.2s ease !important;
}
.footer-color .instagram-icon img,
.footer-color .telegram-icon img,
.footer-color .whatsapp-icon img,
.footer-color .facebook-icon img,
.footer-color .youtube-icon img { width:22px !important; height:22px !important; object-fit:contain !important; }
.footer-color .instagram-icon:hover,
.footer-color .telegram-icon:hover,
.footer-color .whatsapp-icon:hover,
.footer-color .facebook-icon:hover,
.footer-color .youtube-icon:hover {
    border-color: var(--modal-popup-button, var(--ci-primary-color, #f4b52c)) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--modal-popup-button, #f4b52c) 22%, transparent) !important;
    transform: translateY(-2px);
}
.mw-footer-follow { width:100%; text-align:center; color:#fff; font-weight:800; font-size:15px; margin:14px 0 8px; }
.mw-footer-extra { display:flex; align-items:center; justify-content:center; gap:10px; margin:13px 0 2px; flex-wrap:wrap; }
.mw-age-badge { border:1px solid rgba(255,255,255,.28); border-radius:999px; padding:5px 10px; color:#e7e7e7; font-size:12px; font-weight:800; background:#111315; }
.mw-responsible { color:#969da3; font-size:11px; }
.mw-footer-support {
    display:inline-flex !important; align-items:center; justify-content:center; gap:7px;
    margin-top:7px; padding:8px 11px !important; border:1px solid rgba(255,255,255,.16);
    border-radius:9px; background:#111315; cursor:pointer; transition:.2s ease;
}
.mw-footer-support:hover { border-color:var(--modal-popup-button, #f4b52c) !important; color:#fff !important; }

/* Bônus de login diário */
.mw-daily-overlay { position:fixed; inset:0; z-index:10050; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.mw-daily-backdrop { position:absolute; inset:0; background:rgba(0,16,10,.76); backdrop-filter:blur(7px); }
.mw-daily-stage { position:relative; width:min(92vw,430px); min-height:520px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px 14px; }
.mw-daily-title { position:relative; z-index:4; margin-bottom:22px; background:rgba(5,8,7,.9); color:#fff; border:1px solid rgba(255,255,255,.08); border-radius:8px; padding:11px 17px; font-weight:800; font-size:15px; box-shadow:0 8px 25px rgba(0,0,0,.28); }
.mw-gift { position:relative; z-index:4; width:210px; height:190px; margin:8px auto 28px; filter:drop-shadow(0 22px 25px rgba(0,0,0,.35)); }
.mw-gift-box { position:absolute; left:20px; bottom:0; width:170px; height:135px; border-radius:0 0 18px 18px; background:linear-gradient(90deg,#fb4b38 0 42%,#ff5a43 42% 58%,#fb4b38 58% 100%); }
.mw-gift-ribbon-v { position:absolute; z-index:2; width:33px; top:55px; bottom:0; left:88px; background:linear-gradient(#f3c984,#e8b968); }
.mw-gift-lid { position:absolute; z-index:5; left:10px; top:42px; width:190px; height:47px; border-radius:12px 12px 5px 5px; background:linear-gradient(90deg,#ff5d45 0 42%,#f3c984 42% 58%,#ff5d45 58% 100%); transform-origin:42px bottom; transition:transform .72s cubic-bezier(.2,.8,.2,1), top .72s ease; }
.mw-gift-bow { position:absolute; z-index:6; left:50%; top:8px; width:38px; height:38px; margin-left:-19px; border-radius:50%; background:#e8be7b; }
.mw-gift-bow:before,.mw-gift-bow:after { content:""; position:absolute; top:-13px; width:73px; height:39px; border:13px solid #edc47f; border-radius:60% 70% 45% 60%; }
.mw-gift-bow:before { right:21px; transform:rotate(18deg); }
.mw-gift-bow:after { left:21px; transform:scaleX(-1) rotate(18deg); }
.mw-gift.is-open .mw-gift-lid { transform:translate(-28px,-50px) rotate(-20deg); top:22px; }
.mw-gift.is-open .mw-gift-box:after { content:"✨"; position:absolute; left:50%; top:-64px; transform:translateX(-50%); font-size:44px; animation:mwSpark .7s ease both; }
@keyframes mwSpark { from{opacity:0;transform:translateX(-50%) scale(.3)} to{opacity:1;transform:translateX(-50%) scale(1)} }
.mw-daily-open { position:relative; z-index:5; min-width:132px; border:0; border-radius:9px; padding:12px 22px; background:#fff3cd; color:#ef321f; font-size:18px; font-weight:900; cursor:pointer; box-shadow:0 8px 20px rgba(0,0,0,.25); transition:.2s ease; }
.mw-daily-open:hover { transform:translateY(-2px) scale(1.02); }
.mw-daily-open:disabled { opacity:.65; cursor:wait; }
.mw-daily-close { position:relative; z-index:6; margin-top:25px; width:43px; height:43px; border-radius:50%; border:2px solid rgba(255,255,255,.45); background:rgba(10,12,11,.7); color:#fff; font-size:30px; line-height:35px; cursor:pointer; }
.mw-daily-result { position:relative; z-index:5; width:min(92%,360px); margin-top:-12px; margin-bottom:20px; background:rgba(8,10,9,.92); border:1px solid rgba(255,255,255,.12); color:#fff; border-radius:14px; padding:18px; text-align:center; box-shadow:0 20px 45px rgba(0,0,0,.34); }
.mw-daily-result strong { display:block; color:#ffd45f; font-size:31px; margin-top:7px; }
.mw-coins { position:absolute; inset:-15% 0 0; pointer-events:none; overflow:hidden; z-index:3; }
.mw-coin { position:absolute; top:-70px; width:25px; height:25px; border-radius:50%; background:radial-gradient(circle at 35% 35%,#fff1a4 0 9%,#ffc83e 28%,#e99b16 70%,#bd7110 100%); border:2px solid #ffd45a; box-shadow:inset 0 0 0 3px rgba(255,218,89,.35),0 3px 5px rgba(0,0,0,.18); animation:mwCoinFall linear infinite; }
.mw-coin:after { content:"¥"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#bd7416; font-weight:900; font-size:12px; }
@keyframes mwCoinFall { 0%{transform:translate3d(0,-80px,0) rotateY(0) rotateZ(0);opacity:0} 8%{opacity:1} 100%{transform:translate3d(var(--drift,20px),115vh,0) rotateY(900deg) rotateZ(320deg);opacity:.95} }

/* Olhinho da senha */
.mw-password-eye { position:absolute; right:10px; top:50%; transform:translateY(-50%); z-index:20; border:0; background:transparent; color:var(--text-color,#ddd); cursor:pointer; width:30px; height:30px; display:flex; align-items:center; justify-content:center; }
.mw-password-eye svg { width:19px; height:19px; }
.mw-marketing-optin { display:flex; gap:8px; align-items:flex-start; margin:10px 2px 2px; color:var(--text-color,#ddd); font-size:11px; line-height:1.35; }
.mw-marketing-optin input { margin-top:2px; accent-color:var(--modal-popup-button,#f4b52c); }

@media (max-width:520px){
  .footer-color { padding-left:12px !important; padding-right:12px !important; }
  .mw-daily-stage{min-height:500px}
  .mw-gift{transform:scale(.92);margin-bottom:18px}
}

/* Rodapé final — redes sempre visíveis e organizadas */
.mw-footer-social-block {
    width: 100%;
    margin-top: 18px;
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,.11);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mw-footer-social-row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 9px;
    width: 100%;
}
.mw-social-link {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.20);
    background: #101214;
    color: #f2f4f5 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    font-size: 18px;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.mw-social-link:hover {
    transform: translateY(-2px);
    border-color: var(--ci-primary-color, #f4b52c) !important;
    background: #15181a;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--ci-primary-color, #f4b52c) 24%, transparent);
}
.mw-social-link.is-disabled {
    opacity: .62;
    cursor: default;
}
.mw-social-link.is-disabled:hover {
    opacity: .9;
}
.footer-color .mw-footer-support {
    min-height: 36px;
    padding: 8px 12px !important;
    border: 1px solid rgba(255,255,255,.20) !important;
    background: #101214 !important;
    border-radius: 9px !important;
    text-decoration: none !important;
}
.footer-color .mw-footer-support:hover {
    border-color: var(--ci-primary-color, #f4b52c) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--ci-primary-color, #f4b52c) 20%, transparent);
}
.mw-support-icon { font-size: 13px; }

@media (max-width: 420px) {
    .mw-footer-social-row { gap: 7px; }
    .mw-social-link { width: 38px; height: 38px; font-size: 17px; }
}

/* Cadastro/login mobile — garante e-mail visível e formulário rolável */
@media (max-width: 640px) {
    form:has(input[name="confirmPassword"]) {
        max-height: min(68dvh, 610px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior: contain;
        padding-right: 2px;
        padding-bottom: 12px;
        scrollbar-width: thin;
    }
    form:has(input[name="confirmPassword"]) input[name="email"],
    form:has(input[name="confirmPassword"]) div:has(> input[name="email"]) {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    form:has(input[name="confirmPassword"]) div:has(> input[name="email"]) {
        position: relative !important;
        margin-top: .5rem !important;
        margin-bottom: .25rem !important;
    }
}

/* Jackpot V6 — compacto, azul escuro e personagens ultrapassando a borda */
.mw-jackpot {
    position: relative;
    width: 100%;
    min-height: 136px;
    margin: 30px 0 18px;
    border-radius: 14px;
    overflow: visible;
    isolation: isolate;
    background:
        radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--ci-primary-color, #29d6ca) 24%, transparent), transparent 38%),
        linear-gradient(145deg,
            color-mix(in srgb, var(--background-color-jackpot, #2b8f9f) 38%, #0b2638 62%) 0%,
            color-mix(in srgb, var(--background-color-jackpot, #2b8f9f) 24%, #0b3247 76%) 52%,
            color-mix(in srgb, var(--background-color-jackpot, #2b8f9f) 30%, #071d2c 70%) 100%);
    border: 1px solid color-mix(in srgb, var(--ci-primary-color, #45e6d4) 58%, rgba(255,255,255,.28));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 10px 22px rgba(0,0,0,.18);
}
.mw-jackpot::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    pointer-events: none;
    opacity: .11;
    background-image:
        linear-gradient(30deg, rgba(255,255,255,.13) 1px, transparent 1px),
        linear-gradient(150deg, rgba(255,255,255,.08) 1px, transparent 1px);
    background-size: 25px 25px;
}
.mw-jackpot-glow {
    position: absolute;
    z-index: 0;
    left: 27%; right: 27%; top: 30px;
    height: 70px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--ci-primary-color, #2de3d2) 30%, transparent);
    filter: blur(24px);
    opacity: .85;
    pointer-events: none;
}
.mw-jackpot-characters {
    position: absolute;
    z-index: 2;
    width: calc(100% + 14px);
    height: auto;
    max-width: none;
    left: -7px;
    bottom: -3px;
    pointer-events: none;
    user-select: none;
    filter: drop-shadow(0 5px 8px rgba(0,0,0,.24));
}
.mw-jackpot-center {
    position: relative;
    z-index: 3;
    width: 55%;
    min-height: 136px;
    margin: 0 auto;
    padding: 7px 0 7px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mw-jackpot-title {
    min-width: 140px;
    padding: 4px 20px 5px;
    border: 2px solid color-mix(in srgb, var(--ci-primary-color, #39dbc9) 70%, #a7fff3 30%);
    border-radius: 999px;
    color: #fff;
    background: rgba(8,28,39,.46);
    text-align: center;
    font-size: 17px;
    line-height: 1;
    font-weight: 900;
    text-shadow: 0 2px 4px rgba(0,0,0,.28);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}
.mw-jackpot-amount {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 5px;
    margin: 7px 0 7px;
    white-space: nowrap;
    color: #ffe232 !important;
    font-variant-numeric: tabular-nums;
    text-shadow: 0 2px 7px rgba(0,0,0,.42);
}
.mw-jackpot-currency { font-size: 11px; font-weight: 1000; color:#ffe232 !important; }
.mw-jackpot-amount strong {
    font-size: clamp(22px, 6.1vw, 31px);
    line-height: 1;
    font-weight: 1000;
    letter-spacing: .35px;
    color: #ffe232 !important;
}
.mw-jackpot-minis {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    margin-top: auto;
}
.mw-jackpot-mini {
    width: 43px;
    height: 44px;
    padding: 3px 3px 2px;
    border-radius: 7px;
    border: 1px solid rgba(255,255,255,.20);
    background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(3,19,29,.36));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    overflow:hidden;
}
.mw-jackpot-mini img { width:27px; height:27px; object-fit:contain; border-radius:5px; }
.mw-jackpot-mini small {
    width:100%; margin-top:1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
    color:#fff; font-size:6px; line-height:7px; font-weight:800; text-align:center;
}
.mw-jackpot-mini-fallback {
    width:27px; height:27px; border-radius:6px; display:flex; align-items:center; justify-content:center;
    background: color-mix(in srgb, var(--ci-primary-color, #2ed7c7) 55%, rgba(255,255,255,.14));
    color:#fff; font-size:9px; font-weight:900;
}

@media (max-width: 520px) {
    .mw-jackpot { min-height: 132px; margin-top: 28px; border-radius: 13px; }
    .mw-jackpot-center { min-height:132px; width:58%; padding-top:6px; }
    .mw-jackpot-title { min-width:128px; font-size:15px; padding:4px 16px; }
    .mw-jackpot-amount { margin:6px 0 6px; gap:3px; }
    .mw-jackpot-currency { font-size:10px; }
    .mw-jackpot-amount strong { font-size:clamp(21px, 6.7vw, 28px); }
    .mw-jackpot-mini { width:40px; height:41px; }
    .mw-jackpot-mini img, .mw-jackpot-mini-fallback { width:24px; height:24px; }
    .mw-jackpot-characters { width:calc(100% + 14px); left:-7px; bottom:-2px; }
}
@media (max-width: 390px) {
    .mw-jackpot { min-height:124px; margin-top:26px; }
    .mw-jackpot-center { min-height:124px; width:60%; padding-top:5px; }
    .mw-jackpot-title { min-width:116px; font-size:13px; }
    .mw-jackpot-amount strong { font-size:21px; }
    .mw-jackpot-mini { width:36px; height:38px; }
    .mw-jackpot-mini img, .mw-jackpot-mini-fallback { width:22px; height:22px; }
}

/* ================================================================
   FINAL V7 — cadastro mobile, jackpot, moedas e pop-ups flutuantes
   ================================================================ */

/* Código de referência: aparece somente quando existe código capturado. */
.mw-referral-field {
    position: relative;
    margin: 6px 0 5px;
}
.mw-referral-label {
    display: block;
    margin: 0 0 4px 4px;
    color: var(--text-color, #dfe7ea);
    font-size: 10px;
    font-weight: 700;
}
.mw-referral-input-wrap { position: relative; }
.mw-referral-icon {
    position: absolute;
    z-index: 2;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--texts-color, var(--text-color, #65777d));
    pointer-events: none;
}
.mw-referral-input {
    padding-left: 42px !important;
    cursor: default !important;
    opacity: .92;
}

/* Checkbox de novidades no mesmo padrão visual do aceite +18. */
.mw-marketing-optin {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 7px 1px 5px !important;
    color: var(--texts-color, var(--text-color, #dfe7ea)) !important;
    font-size: 10px !important;
    line-height: 1.28 !important;
}
.mw-marketing-optin input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    border-radius: 5px !important;
    border: 1px solid rgba(255,255,255,.62) !important;
    background-color: var(--placeholder-background, rgba(255,255,255,.22)) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 13px 13px !important;
    transition: .16s ease !important;
}
.mw-marketing-optin input[type="checkbox"]:checked {
    border-color: color-mix(in srgb, var(--ci-primary-color, #3d73d8) 70%, #fff 30%) !important;
    background-color: var(--ci-primary-color, #3d73d8) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.5 8 14l8-9' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
.mw-marketing-optin span { font-size: 10px !important; }

/* Modal de cadastro: leve compactação no celular, sem esconder o topo e sem X sobre a barra inferior. */
@media (max-width: 640px) {
    .mw-auth-overlay {
        align-items: flex-start !important;
        justify-content: center !important;
        padding-top: 54px !important;
        padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
    }
    .mw-auth-shell {
        width: calc(100% - 24px) !important;
        max-width: 390px !important;
        margin: 0 auto !important;
        transform: scale(.92) !important;
        transform-origin: top center !important;
    }
    .mw-auth-card { padding: 6px !important; }
    .mw-auth-card form:has(input[name="confirmPassword"]) {
        max-height: none !important;
        overflow: visible !important;
        padding: 0 !important;
    }
    .mw-auth-card form:has(input[name="confirmPassword"]) > div {
        margin-top: 5px !important;
        margin-bottom: 3px !important;
    }
    .mw-auth-card form:has(input[name="confirmPassword"]) .input-group {
        min-height: 43px !important;
        height: 43px !important;
        font-size: 15px !important;
    }
    .mw-auth-card form:has(input[name="confirmPassword"]) .mw-password-eye {
        width: 28px !important;
        height: 28px !important;
    }
    .mw-auth-card form:has(input[name="confirmPassword"]) button[type="submit"] {
        min-height: 42px !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
    .mw-auth-card .mw-referral-field { margin: 5px 0 4px !important; }
    .mw-auth-close-row {
        margin-top: 2px !important;
        transform: translateY(-4px) !important;
    }
    .mw-auth-close-row button {
        width: 30px !important;
        height: 30px !important;
    }
}

/* Moedas: limitadas à área da plataforma e animação compatível com Safari/iPhone. */
.mw-daily-overlay {
    max-width: 100vw;
    overflow: hidden !important;
}
.mw-coins {
    position: absolute !important;
    inset: 0 !important;
    overflow: hidden !important;
    contain: layout paint;
    pointer-events: none !important;
}
.mw-coin {
    top: -48px !important;
    will-change: transform, opacity;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    animation: mwCoinFallV7 var(--coin-duration, 5s) linear var(--coin-delay, 0s) infinite !important;
    -webkit-animation: mwCoinFallV7 var(--coin-duration, 5s) linear var(--coin-delay, 0s) infinite !important;
}
@keyframes mwCoinFallV7 {
    0% { transform: translate3d(0,-65px,0) rotate(0deg); opacity: 0; }
    8% { opacity: 1; }
    100% { transform: translate3d(var(--drift,20px),var(--fall-distance,1000px),0) rotate(760deg); opacity: .96; }
}
@-webkit-keyframes mwCoinFallV7 {
    0% { -webkit-transform: translate3d(0,-65px,0) rotate(0deg); opacity: 0; }
    8% { opacity: 1; }
    100% { -webkit-transform: translate3d(var(--drift,20px),var(--fall-distance,1000px),0) rotate(760deg); opacity: .96; }
}
@media (max-width: 640px) {
    .mw-daily-stage {
        min-height: min(500px, 86dvh) !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .mw-coin {
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
    }
}

/* Jackpot final: bloco compacto, fundo azul escuro, personagens saindo da borda e mini cards da referência. */
.mw-jackpot {
    min-height: 146px !important;
    margin: 18px 0 15px !important;
    border-radius: 14px !important;
    background:
        radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--ci-primary-color, #38c8d4) 25%, transparent), transparent 38%),
        linear-gradient(145deg,
            color-mix(in srgb, var(--background-color-jackpot, #4f9eb0) 18%, #173f52 82%) 0%,
            color-mix(in srgb, var(--background-color-jackpot, #4f9eb0) 13%, #123648 87%) 52%,
            color-mix(in srgb, var(--background-color-jackpot, #4f9eb0) 11%, #0b2939 89%) 100%) !important;
    border: 1px solid color-mix(in srgb, var(--ci-primary-color, #53cbd8) 52%, rgba(255,255,255,.30)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 9px 20px rgba(0,0,0,.18) !important;
}
.mw-jackpot-glow {
    top: 27px !important;
    height: 76px !important;
    opacity: .62 !important;
}
.mw-jackpot-characters {
    width: calc(100% + 24px) !important;
    left: -12px !important;
    bottom: -3px !important;
    z-index: 3 !important;
}
.mw-jackpot-center {
    width: 54% !important;
    min-height: 146px !important;
    padding: 8px 0 7px !important;
    z-index: 4 !important;
}
.mw-jackpot-title {
    min-width: 145px !important;
    padding: 4px 20px 5px !important;
    border-color: color-mix(in srgb, var(--ci-primary-color, #5dd9e0) 60%, #baf8ff 40%) !important;
    background: rgba(5,29,42,.28) !important;
    font-size: 17px !important;
}
.mw-jackpot-amount {
    margin: 7px 0 7px !important;
    gap: 5px !important;
    color: #ffe232 !important;
}
.mw-jackpot-currency {
    color: #ffe232 !important;
    font-size: 12px !important;
}
.mw-jackpot-amount strong {
    color: #ffe232 !important;
    font-size: clamp(29px, 6.4vw, 36px) !important;
    letter-spacing: .4px !important;
}
.mw-jackpot-minis {
    gap: 5px !important;
    margin-top: 0 !important;
}
.mw-jackpot-mini {
    width: 47px !important;
    height: 55px !important;
    padding: 2px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(150,231,239,.18) !important;
    background: linear-gradient(180deg, rgba(18,67,80,.92), rgba(7,37,50,.92)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.mw-jackpot-mini img {
    width: 43px !important;
    height: 51px !important;
    object-fit: contain !important;
    border-radius: 6px !important;
}
.mw-jackpot-mini small { display: none !important; }

@media (max-width: 520px) {
    .mw-jackpot {
        min-height: 125px !important;
        margin-top: 14px !important;
        margin-bottom: 12px !important;
        border-radius: 13px !important;
    }
    .mw-jackpot-center {
        width: 55% !important;
        min-height: 125px !important;
        padding-top: 5px !important;
        padding-bottom: 4px !important;
    }
    .mw-jackpot-title {
        min-width: 124px !important;
        padding: 3px 15px 4px !important;
        font-size: 14px !important;
    }
    .mw-jackpot-amount {
        margin: 5px 0 5px !important;
        gap: 3px !important;
    }
    .mw-jackpot-currency { font-size: 10px !important; }
    .mw-jackpot-amount strong {
        font-size: clamp(27px, 7.6vw, 32px) !important;
        letter-spacing: .2px !important;
    }
    .mw-jackpot-mini {
        width: 38px !important;
        height: 44px !important;
        border-radius: 7px !important;
    }
    .mw-jackpot-mini img {
        width: 35px !important;
        height: 41px !important;
    }
    .mw-jackpot-characters {
        width: calc(100% + 36px) !important;
        left: -18px !important;
        bottom: -2px !important;
    }
}
@media (max-width: 390px) {
    .mw-jackpot { min-height: 119px !important; margin-top: 13px !important; }
    .mw-jackpot-center { min-height: 119px !important; width: 56% !important; }
    .mw-jackpot-amount strong { font-size: 27px !important; }
    .mw-jackpot-mini { width: 35px !important; height: 41px !important; }
    .mw-jackpot-mini img { width: 32px !important; height: 38px !important; }
}

/* Pop-ups flutuantes configuráveis pelo painel. */
.mw-floating-popups {
    position: fixed;
    z-index: 10020;
    top: 45%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 7px;
    width: 72px;
    max-height: calc(100dvh - 190px);
    pointer-events: none;
    transition: transform .24s ease, opacity .24s ease;
}
.mw-floating-popup {
    position: relative;
    width: 72px;
    min-height: 56px;
    pointer-events: auto;
    transition: transform .20s ease, opacity .20s ease;
    animation: mwPopupIn .25s ease both;
}
@keyframes mwPopupIn {
    from { opacity: 0; transform: translateY(-8px) scale(.96); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
.mw-floating-popup-media {
    display: block;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none !important;
    filter: drop-shadow(0 5px 8px rgba(0,0,0,.24));
}
.mw-floating-popup-media img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 96px;
    object-fit: contain;
    border-radius: 12px;
}
.mw-floating-popup-close {
    position: absolute;
    z-index: 3;
    top: -5px;
    right: -5px;
    width: 21px;
    height: 21px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.68);
    border-radius: 999px;
    background: rgba(14,20,21,.88);
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
}
.mw-popup-left.is-scrolling {
    transform: translate(-78%, -50%);
    opacity: .36;
}
.mw-popup-right.is-scrolling {
    transform: translate(78%, -50%);
    opacity: .36;
}
@media (max-width: 640px) {
    .mw-floating-popups {
        width: 66px;
        gap: 6px;
        top: 46%;
        max-height: calc(100dvh - 210px);
    }
    .mw-floating-popup { width: 66px; }
    .mw-floating-popup-media img { max-height: 86px; }
    .mw-floating-popup-close {
        width: 20px;
        height: 20px;
        font-size: 16px;
    }
}

/* V7.1 — pilha dos pop-ups ancorada por baixo: ao fechar o último, os de cima descem. */
.mw-floating-popups {
    top: auto !important;
    bottom: 112px !important;
    transform: none !important;
    justify-content: flex-end !important;
}
.mw-popup-left.is-scrolling { transform: translateX(-78%) !important; opacity: .36 !important; }
.mw-popup-right.is-scrolling { transform: translateX(78%) !important; opacity: .36 !important; }
@media (max-width: 640px) {
    .mw-floating-popups {
        bottom: calc(112px + env(safe-area-inset-bottom)) !important;
    }
}
body:has(.mw-auth-overlay) .mw-floating-popups,
body:has(.mw-daily-overlay) .mw-floating-popups {
    opacity: 0 !important;
    pointer-events: none !important;
}

/* V8 — recolhimento real dos pop-ups durante qualquer rolagem. */
.mw-floating-popups {
    transition: transform .30s cubic-bezier(.22,.72,.2,1), opacity .24s ease, filter .24s ease !important;
    will-change: transform, opacity;
}
.mw-floating-popups.is-scrolling {
    pointer-events: none !important;
    opacity: .08 !important;
    filter: blur(.3px) !important;
}
.mw-popup-left.is-scrolling {
    transform: translateX(calc(-100% - 10px)) !important;
}
.mw-popup-right.is-scrolling {
    transform: translateX(calc(100% + 10px)) !important;
}
.mw-floating-popups:not(.is-scrolling) {
    opacity: 1;
    filter: none;
}
@media (max-width: 640px) {
    .mw-floating-popups.is-scrolling { opacity: .04 !important; }
    .mw-popup-left.is-scrolling { transform: translateX(calc(-100% - 8px)) !important; }
    .mw-popup-right.is-scrolling { transform: translateX(calc(100% + 8px)) !important; }
}


/* V9 — pop-ups só na home e recolhimento pela metade durante scroll. */
.mw-floating-popups.is-scrolling {
    pointer-events: none !important;
    opacity: .48 !important;
    filter: none !important;
}
.mw-popup-left.is-scrolling {
    transform: translateX(-50%) !important;
}
.mw-popup-right.is-scrolling {
    transform: translateX(50%) !important;
}
.mw-floating-popups.is-scrolling .mw-floating-popup,
.mw-floating-popups.is-scrolling .mw-floating-popup * {
    pointer-events: none !important;
}

/* Código de afiliado preenchido pelo link e bloqueado para edição. */
.mw-referral-field {
    width: 100%;
    margin: 8px 0 10px;
    text-align: left;
}
.mw-referral-field > label {
    display: block;
    margin: 0 0 5px 4px;
    font-size: 12px;
    font-weight: 700;
    color: var(--text-color, #263238);
}
.mw-referral-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 48px;
    border: 1px solid color-mix(in srgb, var(--borders-and-dividers-colors, #fff) 72%, transparent);
    border-radius: 11px;
    background: color-mix(in srgb, var(--background-base, #fff) 82%, transparent);
    overflow: hidden;
}
.mw-referral-lock {
    width: 42px;
    flex: 0 0 42px;
    text-align: center;
    font-size: 15px;
    opacity: .7;
}
.mw-referral-field input[name="reference_code"] {
    width: 100%;
    min-width: 0;
    height: 46px;
    padding: 0 12px 0 0;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: var(--text-color, #263238) !important;
    font-size: 14px !important;
    font-weight: 700;
    opacity: .78;
    cursor: not-allowed;
}
@media (max-width: 640px) {
    .mw-referral-field { margin: 5px 0 7px; }
    .mw-referral-input-wrap { min-height: 43px; border-radius: 10px; }
    .mw-referral-field input[name="reference_code"] { height: 41px; font-size: 13px !important; }
    .mw-referral-lock { width: 38px; flex-basis: 38px; }
}


/* ===== FINAL V10: afiliado oculto + depósito Pix clean ===== */
.mw-referral-field { display:none !important; }
#modalElDeposit .mw-pix-generating {
    min-height: 320px; display:flex !important; flex-direction:column; align-items:center; justify-content:center;
    gap:16px; padding:34px 22px; text-align:center; color:var(--text-color,#fff);
}
#modalElDeposit .mw-pix-generating svg { width:46px !important; height:46px !important; color:rgba(255,255,255,.22) !important; fill:var(--ci-primary-color,var(--modal-popup-button,#25d5bb)) !important; }
#modalElDeposit .mw-pix-generating-copy { display:flex; flex-direction:column; gap:5px; max-width:280px; }
#modalElDeposit .mw-pix-generating-copy strong { font-size:17px; color:var(--text-color,#fff); }
#modalElDeposit .mw-pix-generating-copy small { font-size:11px; line-height:1.45; opacity:.72; }
#modalElDeposit .mw-pix-qr-box { width:270px; max-width:92%; margin:10px auto 12px; padding:10px; border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.18); }
#modalElDeposit .mw-pix-real-qr { display:block; width:100% !important; height:auto !important; max-width:250px !important; margin:auto; }
#modalElDeposit .mw-pix-code-source { display:none !important; }
#modalElDeposit .mw-pix-copy-button {
    width:100%; min-height:46px; margin:12px 0 10px; border:1px solid color-mix(in srgb,var(--ci-primary-color,#25d5bb) 65%,white 12%);
    border-radius:11px; background:var(--ci-primary-color,var(--modal-popup-button,#25d5bb)); color:#07120f; font-weight:900;
    display:flex; align-items:center; justify-content:center; gap:9px; cursor:pointer; transition:.18s ease;
}
#modalElDeposit .mw-pix-copy-button:hover { transform:translateY(-1px); filter:brightness(1.06); }
#modalElDeposit .mw-pix-copy-button.is-copied { box-shadow:0 0 0 3px color-mix(in srgb,var(--ci-primary-color,#25d5bb) 24%,transparent); }
#modalElDeposit .mw-pix-info-card {
    width:100%; margin:7px 0 4px; padding:11px 12px; border:1px solid color-mix(in srgb,var(--ci-primary-color,#25d5bb) 34%,rgba(255,255,255,.14));
    border-radius:12px; display:flex; align-items:center; gap:11px; background:rgba(255,255,255,.04); color:var(--text-color,#fff);
}
#modalElDeposit .mw-pix-info-card img { width:48px; height:30px; object-fit:contain; flex:0 0 auto; }
#modalElDeposit .mw-pix-info-card div { display:flex; flex-direction:column; gap:2px; text-align:left; }
#modalElDeposit .mw-pix-info-card strong { font-size:12px; }
#modalElDeposit .mw-pix-info-card span { font-size:10px; line-height:1.35; opacity:.75; }
@media(max-width:520px){
  #modalElDeposit .mw-pix-generating{min-height:270px;padding:28px 18px}
  #modalElDeposit .mw-pix-qr-box{width:235px}
}

/* V11 — topo com saldo estilo perfil */
.mw-original-balance-hidden,.mw-original-support-hidden{display:none!important}
.mw-top-wallet-actions{display:flex;align-items:center;gap:4px;min-width:0}
.mw-top-wallet-pill{height:30px;display:flex;align-items:center;gap:3px;padding:0 5px 0 4px;border-radius:999px;background:rgba(12,28,18,.84);border:1px solid rgba(60,220,105,.55);box-shadow:inset 0 1px rgba(255,255,255,.09);white-space:nowrap}
.mw-top-flag{width:17px;height:17px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.7)}
.mw-top-currency,.mw-top-wallet-pill strong{color:#20df67;font-weight:800;font-size:10.5px;line-height:1;font-variant-numeric:tabular-nums}
.mw-top-refresh{width:19px;height:19px;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.mw-top-refresh i{font-size:10px;transition:transform .35s ease}.mw-top-refresh.is-loading i{animation:mwTopSpin .65s linear infinite}@keyframes mwTopSpin{to{transform:rotate(360deg)}}
.mw-top-deposit{height:30px;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:0 7px;background:linear-gradient(180deg,#ffd84e,#f4b820);color:#17120a;font-size:10px;font-weight:900;display:flex;align-items:center;gap:4px;box-shadow:0 3px 9px rgba(0,0,0,.15)}
.mw-top-deposit i{font-size:10px}.mw-top-search{width:27px;height:30px;border:0;background:transparent;color:var(--text-color,#fff);font-size:15px;display:flex;align-items:center;justify-content:center;padding:0}
@media(max-width:430px){.mw-top-wallet-actions{gap:3px}.mw-top-wallet-pill{height:28px;padding:0 4px 0 3px}.mw-top-flag{width:16px;height:16px}.mw-top-currency,.mw-top-wallet-pill strong{font-size:9.5px}.mw-top-refresh{width:17px;height:17px}.mw-top-deposit{height:28px;padding:0 6px}.mw-top-deposit span{font-size:9px}.mw-top-search{width:23px;height:28px;font-size:13px}.mw-navtop-enhanced .navtop-logo{max-width:82px!important}}
@media(max-width:370px){.mw-top-deposit span{display:none}.mw-top-deposit{width:31px;padding:0;justify-content:center}.mw-top-wallet-pill strong{font-size:10px}}

/* WIN001 — modal de instalação sempre acima do menu lateral e pop-ups */
.pwa-download-modal-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 250000 !important;
}
.pwa-download-modal,
.pwa-download-modal-overlay .pwa-download-modal {
    position: relative !important;
    z-index: 250001 !important;
}


/* WIN001 V13 — Telegram oficial no rodapé */
.mw-social-link[data-network="telegram"] {
    color: #229ED9 !important;
    border-color: color-mix(in srgb, #229ED9 55%, rgba(255,255,255,.20)) !important;
    background: color-mix(in srgb, #229ED9 10%, #101214) !important;
}
.mw-social-link[data-network="telegram"]:hover {
    color: #ffffff !important;
    background: #229ED9 !important;
    border-color: #229ED9 !important;
    box-shadow: 0 0 0 2px rgba(34,158,217,.22), 0 6px 16px rgba(34,158,217,.22) !important;
}