/* Bubble Win V1 — camada de tema (redesign 2026-09-28).
   Carregada depois do app-82d4e396.css. Só estilo: nenhuma regra muda comportamento.
   Não toca no jogo (canvas/HUD do /bubble-blast). Cores do destaque = variáveis de tema do admin.
   Regras com "html body" existem para vencer as regras com escopo [data-v-*] do bundle. */

:root{
  --bw-night:#0b1020;
  --bw-surface:#131a2c;
  --bw-surface-2:#1a2238;
  --bw-line:rgba(255,255,255,.08);
  --bw-line-2:rgba(255,255,255,.14);
  --bw-ink:#f4f6fb;
  --bw-muted:#a3acc2;
  --bw-dim:#7a849c;
  --bw-gold:#ffc23d;
  --bw-ok:#3ddc97;
  --bw-err:#ff6b81;
  --bw-a:var(--ci-primary-color,#e60076);
  --bw-b:var(--ci-secundary-color,#ad46ff);
  --bw-edge:#5b1a57;
  --bw-ui:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --bw-display:"Baloo 2",var(--bw-ui);
  /* o bundle aplica *{font-family:var(--font-outfit,"Outfit"),sans-serif} e a Outfit nunca é
     carregada: o site caía na fonte genérica. Agora usa a fonte de sistema moderna (SF/Roboto). */
  --font-outfit:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
}
/* fallback de custom property não funciona com color-mix: só troca onde o navegador suporta */
@supports (color:color-mix(in srgb,red,blue)){:root{--bw-edge:color-mix(in srgb,var(--bw-a) 52%,#000)}}
/* o jogo fica exatamente como era */
.bb-page{--font-outfit:"Outfit"}
/* como a regra do bundle vale para todo elemento, o texto dentro dos botões precisa herdar a fonte */
html body button.bgbotaop *,
html body .bbl-cta[data-v-36e9d667] *,
html body .bbh-cta-play[data-v-88c8d55d] *,
html body .bbh-cta-free[data-v-88c8d55d] *,
html body .bbh-cta-outline[data-v-88c8d55d] *,
.bw-tab *,.bw-submit *{font-family:inherit}

/* ------------------------------------------------------------------
   Botão de fliperama (assinatura): todo botão principal .bgbotaop
   ------------------------------------------------------------------ */
html body button.bgbotaop{
  position:relative;
  background:linear-gradient(180deg,#ff5fb0 0%,var(--bw-a) 47%,var(--bw-b) 53%,var(--bw-b) 100%);
  background:linear-gradient(180deg,color-mix(in srgb,var(--bw-a) 62%,#fff) 0%,var(--bw-a) 47%,color-mix(in srgb,var(--bw-a) 45%,var(--bw-b)) 53%,var(--bw-b) 100%);
  color:#fff;
  border:0;
  box-shadow:0 4px 0 var(--bw-edge),0 10px 22px -8px rgba(0,0,0,.6),inset 0 2px 1px rgba(255,255,255,.4);
  text-shadow:0 1px 2px rgba(0,0,0,.28);
  transition:transform .1s ease,box-shadow .1s ease,filter .15s ease;
  -webkit-tap-highlight-color:transparent;
}
html body button.bgbotaop:hover:not(:disabled){filter:brightness(1.06);opacity:1}
html body button.bgbotaop:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--bw-edge),0 4px 10px -4px rgba(0,0,0,.6),inset 0 2px 1px rgba(255,255,255,.4)}
html body button.bgbotaop:focus-visible{outline:2px solid #fff;outline-offset:3px}
html body button.bgbotaop:disabled{filter:grayscale(.4);opacity:.6}

/* ------------------------------------------------------------------
   Barra de topo
   ------------------------------------------------------------------ */
html body nav[data-v-1a779579]{
  background:rgba(11,16,32,.96);
  border-bottom:1px solid var(--bw-line);
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
html body nav[data-v-1a779579].nav-glass{background:rgba(11,16,32,.96);-webkit-backdrop-filter:none;backdrop-filter:none}
/* saldo */
html body .bgnewone[data-v-565e0dfd]{
  background:var(--bw-surface-2);
  border:1px solid var(--bw-line-2);
  border-radius:999px;
  padding:9px 14px;
}
html body .bgnewone[data-v-565e0dfd] span{font-family:var(--bw-display);font-weight:800;font-size:15px;color:var(--bw-gold);letter-spacing:.01em;height:auto}
html body .bgnewone[data-v-565e0dfd] span span{color:var(--bw-gold)}
/* depositar (topo) */
html body [data-v-6a9c0f45] > button.bgbotaop{border-radius:999px;padding:9px 14px;font-family:var(--bw-display);font-weight:800}
/* sacar (topo, desktop) e botão do avatar */
html body nav[data-v-1a779579] button.border{border-radius:999px;border-color:var(--bw-line-2);color:var(--bw-ink)}
html body nav[data-v-1a779579] .relative > button.w-9{
  width:40px;height:40px;border-radius:50%;
  background:var(--bw-surface-2);border:1px solid var(--bw-line-2);color:var(--bw-ink);
  font-family:var(--bw-display);font-size:15px;
}
/* entrar / cadastrar (deslogado) */
html body nav[data-v-1a779579] button{-webkit-tap-highlight-color:transparent}

/* menu do perfil (desktop) */
html body .dropdown-glass[data-v-1a779579]{
  background:var(--bw-surface);
  border:1px solid var(--bw-line-2);
  border-radius:20px;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  box-shadow:0 24px 48px -12px rgba(0,0,0,.7);
}

/* ------------------------------------------------------------------
   Barra de navegação inferior
   ------------------------------------------------------------------ */
html body .nav-glass[data-v-291563d1]{
  background:rgba(11,16,32,.97);
  -webkit-backdrop-filter:none;backdrop-filter:none;
  border-top:1px solid var(--bw-line);
  box-shadow:0 -10px 30px rgba(0,0,0,.45);
  padding-bottom:env(safe-area-inset-bottom);
}
html body .glow-line[data-v-291563d1]{display:none}
html body .nav-item[data-v-291563d1]{min-height:52px;-webkit-tap-highlight-color:transparent}
html body .nav-item[data-v-291563d1] span{font-size:11px;font-weight:700;letter-spacing:0;color:var(--bw-dim)}
html body .nav-item[data-v-291563d1] i,
html body .nav-item[data-v-291563d1] svg{color:var(--bw-muted)}
html body .nav-icon-wrap[data-v-291563d1]{width:40px;height:32px;border-radius:999px}
html body .nav-icon-wrap.nav-active[data-v-291563d1]{background:rgba(255,255,255,.08);box-shadow:none}
html body .nav-icon-wrap.nav-active[data-v-291563d1] i,
html body .nav-icon-wrap.nav-active[data-v-291563d1] svg{color:#fff}
/* botão Jogar: bolha brilhante nas cores do tema */
html body .play-btn[data-v-291563d1]{
  width:60px;height:60px;
  border:3px solid var(--bw-night);
  background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.95) 0 7%,rgba(255,255,255,.3) 13%,transparent 30%),
             radial-gradient(circle at 50% 60%,var(--bw-a) 0 52%,var(--bw-b) 100%);
  box-shadow:0 4px 0 var(--bw-edge),0 10px 24px -6px rgba(0,0,0,.7),inset 0 -6px 12px rgba(0,0,0,.25);
}
html body .play-btn[data-v-291563d1]:before{display:none}
html body .play-btn[data-v-291563d1] .animate-ping-slow{display:none}
html body .play-btn[data-v-291563d1] svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
html body .play-btn[data-v-291563d1]:active{transform:translateY(3px);box-shadow:0 1px 0 var(--bw-edge),0 4px 12px -4px rgba(0,0,0,.7),inset 0 -6px 12px rgba(0,0,0,.25)}
html body .play-label[data-v-291563d1]{font-family:var(--bw-display);font-size:13px;letter-spacing:0;color:#fff;margin-top:4px}

/* ------------------------------------------------------------------
   Modal de login / cadastro (cartão, abas, fechar)
   ------------------------------------------------------------------ */
.bw-backdrop{background:rgba(5,8,18,.82)}
.bw-auth{
  background:var(--bw-surface);
  border:1px solid var(--bw-line-2);
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.8);
}
.bw-tabs{display:flex;gap:4px;margin:14px 64px 0 16px;padding:4px;border-radius:999px;background:rgba(255,255,255,.05)}
.bw-tab{flex:1;height:40px;border:0;border-radius:999px;background:transparent;color:var(--bw-muted);font:800 15px/1 var(--bw-display);cursor:pointer;transition:background-color .15s,color .15s;-webkit-tap-highlight-color:transparent}
.bw-tab:hover{color:#fff}
.bw-tab.is-on{background:var(--bw-surface-2);color:#fff;box-shadow:inset 0 0 0 1px var(--bw-line-2)}
.bw-tab:focus-visible,.bw-close:focus-visible{outline:2px solid var(--bw-a);outline-offset:2px}
.bw-close{position:absolute;top:16px;right:16px;z-index:10;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:var(--bw-muted);cursor:pointer}
.bw-close:hover{background:rgba(255,255,255,.12);color:#fff}

/* painéis (login e cadastro usam as mesmas peças) */
.bw-reg{font-family:var(--bw-ui);max-height:calc(100vh - 11rem);max-height:calc(100dvh - 7.5rem)}
.bw-reg-title{font-size:26px}
.bw-submit.bgbotaop{height:52px;border-radius:999px;font-family:var(--bw-display);font-size:18px}
.bw-check{display:flex;align-items:center;gap:10px;min-height:32px;padding:0 4px;color:var(--bw-muted);font-size:14px;cursor:pointer}
html body .bw-check input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:none;width:22px;height:22px;margin:0;border:2px solid rgba(255,255,255,.3);border-radius:7px;background:transparent;color:var(--bw-a);box-shadow:none;cursor:pointer;transition:background-color .12s,border-color .12s}
html body .bw-check input[type=checkbox]:checked{border-color:transparent;background:var(--bw-a) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/15px no-repeat}
html body .bw-check input[type=checkbox]:focus{box-shadow:none;outline:none}
html body .bw-check input[type=checkbox]:focus-visible{outline:2px solid var(--bw-a);outline-offset:2px}

/* ------------------------------------------------------------------
   Modal de depósito
   ------------------------------------------------------------------ */
html body .sheet-panel[data-v-682190d1] > div{background:var(--bw-surface);border-color:var(--bw-line-2);border-radius:28px 28px 0 0}
html body .sheet-panel[data-v-682190d1] img.max-h-\[26vh\]{max-height:17vh}
html body .sheet-panel[data-v-682190d1] h2{font-family:var(--bw-display);font-size:26px;line-height:1.1}
html body .sheet-panel[data-v-682190d1] h2 + p{color:var(--bw-muted);font-size:13px}
/* reforço de segurança: compacto */
html body [data-v-f4e9d57c] > .bg-green-500\/10{padding:8px 12px;margin-bottom:14px;border-radius:14px}
html body [data-v-f4e9d57c] > .bg-green-500\/10 .text-white\/30{color:var(--bw-muted)}
/* valores prontos */
html body [data-v-f4e9d57c].grid > button:not(.bgbotaop){border-radius:18px;background:var(--bw-surface-2);border-color:var(--bw-line)}
html body [data-v-f4e9d57c].grid > button > div:first-child{font-family:var(--bw-display);font-size:18px;letter-spacing:0}
html body [data-v-f4e9d57c].grid > button.bgbotaop > div:first-child{text-shadow:0 1px 2px rgba(0,0,0,.3)}
html body [data-v-f4e9d57c] .bg-blue-500\/30{background:var(--bw-night);color:#fff;border-color:var(--bw-line-2)}
html body [data-v-f4e9d57c] .bg-green-500\/20{background:var(--bw-night);color:var(--bw-ok);border-color:rgba(61,220,151,.4)}
/* rótulos e campos */
html body [data-v-f4e9d57c] label.uppercase{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;color:rgba(255,255,255,.82)}
html body [data-v-f4e9d57c] input[type="text"]{border-radius:999px;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.11);font-size:16px}
html body [data-v-f4e9d57c] input.text-xl{font-family:var(--bw-display);font-size:22px}
html body [data-v-f4e9d57c] input[type="text"]:focus{border-color:var(--bw-a);box-shadow:0 0 0 3px rgba(255,255,255,.14);box-shadow:0 0 0 3px color-mix(in srgb,var(--bw-a) 28%,transparent)}
html body [data-v-f4e9d57c] .text-white\/25{color:var(--bw-dim)}
html body [data-v-f4e9d57c] > .border-white\/\[0\.05\]{margin-bottom:14px}
/* botão Gerar PIX sempre visível no rodapé do painel */
html body [data-v-f4e9d57c] > button.w-full.bgbotaop{
  position:sticky;bottom:0;z-index:2;
  height:56px;border-radius:999px;font-family:var(--bw-display);font-size:18px;
  box-shadow:0 4px 0 var(--bw-edge),inset 0 2px 1px rgba(255,255,255,.4),0 0 0 14px var(--bw-surface),0 -14px 18px 14px var(--bw-surface),0 22px 0 14px var(--bw-surface);
}

/* ------------------------------------------------------------------
   Lobby "Jogar" (sheet) e card de entrada na home: tira o azul fixo
   ------------------------------------------------------------------ */
html body .bbl-backdrop[data-v-36e9d667]{background:rgba(5,8,18,.82);-webkit-backdrop-filter:none;backdrop-filter:none}
html body .bbl-sheet[data-v-36e9d667]{background:var(--bw-surface);border-top-color:var(--bw-line-2);border-radius:28px 28px 0 0;font-family:var(--bw-ui);padding-bottom:env(safe-area-inset-bottom)}
html body .bbl-x[data-v-36e9d667]{border-radius:50%;width:40px;height:40px;-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(5,8,18,.7)}
html body .bbl-banner img[data-v-36e9d667]{max-height:19vh}
html body .bbh-lobby[data-v-88c8d55d]{background:var(--bw-surface);border-color:var(--bw-line-2);border-radius:24px}

html body .bbl-divider[data-v-36e9d667],
html body .bbh-divider[data-v-88c8d55d]{text-align:left;margin-bottom:10px}
html body .bbl-divider[data-v-36e9d667]:before,html body .bbl-divider[data-v-36e9d667]:after,
html body .bbh-divider[data-v-88c8d55d]:before,html body .bbh-divider[data-v-88c8d55d]:after{display:none}
html body .bbl-divider span[data-v-36e9d667],
html body .bbh-divider span[data-v-88c8d55d]{display:inline-block;font-size:14px;letter-spacing:0;font-weight:700;text-transform:lowercase;color:rgba(255,255,255,.82)}
html body .bbl-divider span[data-v-36e9d667]:first-letter,
html body .bbh-divider span[data-v-88c8d55d]:first-letter{text-transform:uppercase}

html body .bbl-chip[data-v-36e9d667],
html body .bbh-chip[data-v-88c8d55d]{
  border-radius:999px;border:1px solid var(--bw-line-2);background:var(--bw-surface-2);
  color:var(--bw-ink);font-family:var(--bw-display);font-size:17px;padding:10px 4px;
}
html body .bbl-chip-on[data-v-36e9d667],
html body .bbh-chip-on[data-v-88c8d55d]{
  background:linear-gradient(180deg,#ff5fb0 0%,var(--bw-a) 47%,var(--bw-b) 53%,var(--bw-b) 100%);
  background:linear-gradient(180deg,color-mix(in srgb,var(--bw-a) 62%,#fff) 0%,var(--bw-a) 47%,color-mix(in srgb,var(--bw-a) 45%,var(--bw-b)) 53%,var(--bw-b) 100%);
  border-color:transparent;color:#fff;
  box-shadow:0 3px 0 var(--bw-edge),inset 0 2px 1px rgba(255,255,255,.4);
  transform:translateY(-2px);
}
html body .bbl-custom[data-v-36e9d667],
html body .bbh-custom[data-v-88c8d55d]{border-radius:999px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);padding:6px 20px}
html body .bbl-custom[data-v-36e9d667]:focus-within,
html body .bbh-custom[data-v-88c8d55d]:focus-within{border-color:var(--bw-a)}
html body .bbl-custom input[data-v-36e9d667],
html body .bbh-custom input[data-v-88c8d55d]{font-family:var(--bw-display);font-size:26px;color:#fff}
html body .bbl-custom input[data-v-36e9d667]::placeholder,
html body .bbh-custom input[data-v-88c8d55d]::placeholder{color:rgba(255,255,255,.22)}
html body .bbl-custom-prefix[data-v-36e9d667],
html body .bbh-custom-prefix[data-v-88c8d55d]{color:var(--bw-muted)}
html body .bbl-saldo[data-v-36e9d667],
html body .bbh-saldo[data-v-88c8d55d]{color:var(--bw-muted);font-size:14px}
html body .bbl-saldo strong[data-v-36e9d667],
html body .bbh-saldo strong[data-v-88c8d55d]{color:var(--bw-gold);font-family:var(--bw-display);font-size:17px}

html body .bbl-cta[data-v-36e9d667],
html body .bbh-cta-play[data-v-88c8d55d]{
  border:0;letter-spacing:0;text-transform:none;font-family:var(--bw-display);font-size:20px;
  background:linear-gradient(180deg,#ff5fb0 0%,var(--bw-a) 47%,var(--bw-b) 53%,var(--bw-b) 100%);
  background:linear-gradient(180deg,color-mix(in srgb,var(--bw-a) 62%,#fff) 0%,var(--bw-a) 47%,color-mix(in srgb,var(--bw-a) 45%,var(--bw-b)) 53%,var(--bw-b) 100%);
  box-shadow:0 5px 0 var(--bw-edge),0 14px 26px -10px rgba(0,0,0,.7),inset 0 2px 1px rgba(255,255,255,.45);
}
html body .bbl-cta[data-v-36e9d667]:active:not(:disabled),
html body .bbh-cta-play[data-v-88c8d55d]:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--bw-edge),0 4px 10px -4px rgba(0,0,0,.7),inset 0 2px 1px rgba(255,255,255,.45)}
html body .bbl-cta[data-v-36e9d667]:disabled,
html body .bbh-cta-play[data-v-88c8d55d]:disabled{box-shadow:0 5px 0 var(--bw-edge),inset 0 2px 1px rgba(255,255,255,.45)}
/* "Criar conta" da landing: ação secundária, contorno no tema */
html body .bbh-cta-outline[data-v-88c8d55d]{
  background:transparent;color:#fff;border:2px solid var(--bw-a);text-shadow:none;
  box-shadow:none;text-transform:none;letter-spacing:0;font-family:var(--bw-display);font-size:18px;
}
html body .bbh-cta-outline[data-v-88c8d55d]:active{transform:translateY(2px);box-shadow:none}
/* "Jogar grátis" continua ouro (ouro = de graça); só alinha a tipografia */
html body .bbh-cta-free[data-v-88c8d55d]{text-transform:none;letter-spacing:0;font-family:var(--bw-display);font-size:20px}

/* ------------------------------------------------------------------
   Rodapé
   ------------------------------------------------------------------ */
html body .footer[data-v-b5f7b5bb]{font-family:var(--bw-ui);font-size:14px;line-height:1.5;color:var(--bw-muted);border-top:1px solid var(--bw-line)}
html body .footer[data-v-b5f7b5bb] span.text-white{display:block;margin-top:14px;margin-bottom:2px;font-family:var(--bw-display);font-size:16px;color:#fff}
html body .footer[data-v-b5f7b5bb] a,
html body .footer[data-v-b5f7b5bb] .text-sm{font-size:14px;color:var(--bw-muted);line-height:1.7}
html body .footer[data-v-b5f7b5bb] a:hover{color:#fff}

/* ------------------------------------------------------------------
   Formulários das páginas internas (saque, dados da conta): mesmo padrão do depósito
   ------------------------------------------------------------------ */
html body label.uppercase.tracking-wider:not(.bb-page *){text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;color:rgba(255,255,255,.82)}
html body input.bg-white\/\[0\.03\]:not(.bb-page *),
html body select.bg-white\/\[0\.03\]:not(.bb-page *){border-radius:999px;background-color:rgba(255,255,255,.045);border-color:rgba(255,255,255,.11);font-size:16px;padding-left:20px}
html body .relative > input.bg-white\/\[0\.03\].pl-11:not(.bb-page *){padding-left:44px}
html body input.bg-white\/\[0\.03\]:not(.bb-page *):focus,
html body select.bg-white\/\[0\.03\]:not(.bb-page *):focus{border-color:var(--bw-a)}
html body .container h1.font-black:not(.bb-page *){font-family:var(--bw-display);font-weight:800;font-size:26px;letter-spacing:0}

/* ------------------------------------------------------------------
   Contraste do texto de apoio (branco 25–30 % era ilegível no escuro)
   ------------------------------------------------------------------ */
html body .text-white\/25:not(.bb-page *),html body .text-white\/30:not(.bb-page *){color:rgba(255,255,255,.55)}

@media (prefers-reduced-motion:reduce){
  html body button.bgbotaop,html body .play-btn[data-v-291563d1],.bw-tab{transition:none}
}