/* =========================================================
   TEMA COPA DO MUNDO 2026 - leve, sem animações pesadas
   Imagens usadas:
   - Landing/Login/Cadastro/Painel: img/copa.png
   - Jogo: img/jogofundo.png
   - Bola do jogo: img/bola.png (troque esse arquivo para mudar a bola)
   ========================================================= */
:root{--copa-green:#009739;--copa-yellow:#ffdf00;--copa-blue:#002776;--copa-white:#ffffff;--copa-dark:#03150d;--copa-card:rgba(3,21,13,.86);--copa-line:rgba(255,223,0,.32)}
body{background:#03150d;color:#fff}
#page-landing,.lnd-hero,.jogo-wrapper-landing-bg,#page-painel .pnl-root{background:radial-gradient(circle at 50% 0%,rgba(255,223,0,.18),transparent 30%),linear-gradient(180deg,rgba(0,39,118,.58),rgba(3,21,13,.92)),url('../img/copa.png') center/cover fixed no-repeat!important;}
.lnd-nav{background:rgba(3,21,13,.78)!important;border-bottom:1px solid var(--copa-line)!important;backdrop-filter:blur(12px)}
.lnd-nav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--copa-green),var(--copa-yellow),var(--copa-blue))}
.lnd-title em,.lnd-section-head h2,.brand-name{background:linear-gradient(135deg,var(--copa-yellow),#fff,var(--copa-green));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.lnd-title{color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.45)}
.lnd-cta-btn,#btn-jogar-gratis,.pnl-play-btn,#btn-jogar-gratis-painel,#dep-confirmar,.btn{background:linear-gradient(135deg,var(--copa-green),var(--copa-yellow))!important;color:#03150d!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 12px 32px rgba(0,151,57,.25)!important}
.lnd-ghost-btn,.lnd-nav-link,.pnl-nav-item{border-color:rgba(255,255,255,.16)!important;color:#fff!important;background:rgba(0,39,118,.28)!important}
.lnd-stat,.lnd-how-card,.lnd-test-card,.pnl-game-card,.pnl-chip,.pnl-meta-item,.pnl-modal,.pnl-info-box,.pnl-balance-mini,.pnl-banner-shell{background:linear-gradient(160deg,rgba(4,28,18,.92),rgba(0,39,118,.66))!important;border:1px solid var(--copa-line)!important;box-shadow:0 18px 55px rgba(0,0,0,.35)!important;backdrop-filter:blur(10px)}
.pnl-header,.pnl-bottom-nav{background:rgba(3,21,13,.86)!important;border-color:var(--copa-line)!important;backdrop-filter:blur(12px)}.pnl-logo-icon{background:linear-gradient(135deg,var(--copa-yellow),var(--copa-green))!important;color:#03150d!important}
.pnl-quick,.pnl-input,.field input{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,223,0,.22)!important;color:#fff!important}.pnl-quick.active,.pnl-quick:hover{background:linear-gradient(135deg,var(--copa-yellow),var(--copa-green))!important;color:#03150d!important}.pnl-modal-bg{background:rgba(0,0,0,.72)!important;backdrop-filter:blur(6px)!important}.pnl-modal-title{color:var(--copa-yellow)!important}
.notifications-ganhos-saques,.toast{filter:none!important}.lnd-orb,.jogo-loading-orb,.foam-particle,.ember{display:none!important;animation:none!important}
.lnd-hero-inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,430px)!important;align-items:center!important;gap:34px!important}.lnd-copa-card{position:relative;border-radius:30px;overflow:hidden;border:1px solid rgba(255,223,0,.35);background:rgba(3,21,13,.62);box-shadow:0 26px 90px rgba(0,0,0,.48)}.lnd-copa-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.lnd-copa-card-caption{position:absolute;left:18px;right:18px;bottom:18px;padding:12px 14px;border-radius:16px;background:rgba(3,21,13,.78);border:1px solid rgba(255,223,0,.28);font-weight:900;letter-spacing:.08em;color:#ffdf00;text-align:center}
@media(max-width:860px){.lnd-hero-inner{grid-template-columns:1fr!important}.lnd-copa-card{max-width:360px;margin:0 auto}.lnd-copa-card img{aspect-ratio:16/11}}@media(max-width:700px){#page-landing,.lnd-hero,.jogo-wrapper-landing-bg,#page-painel .pnl-root{background-attachment:scroll!important}.lnd-nav{position:sticky!important}}

/* Fundo do wrapper do jogo e iframe com a arte da Copa */
#page-jogo, #jogo-wrapper{
  background:linear-gradient(180deg,rgba(0,39,118,.28),rgba(3,21,13,.72)),url('../img/jogofundo.png') center/cover fixed no-repeat!important;
}
#game-iframe{background:transparent!important;}

/* =========================================================
   AJUSTE FINAL PAINEL COPA 2026 — painel mais vivo/profissional
   Remove visual escuro pesado, linhas e quadrados secos.
   ========================================================= */
#page-painel .pnl-root{
  background:
    radial-gradient(circle at 50% -10%,rgba(255,223,0,.26),transparent 34%),
    linear-gradient(180deg,rgba(0,151,57,.45),rgba(0,39,118,.72) 44%,rgba(2,10,20,.94)),
    url('../img/copa.png') center/cover fixed no-repeat!important;
}
#page-painel .pnl-card,
#page-painel .pnl-panel,
#page-painel .pnl-game-card,
#page-painel .pnl-start-card,
#page-painel .pnl-play-card,
#page-painel .pnl-banner-shell{
  background:linear-gradient(160deg,rgba(3,25,23,.86),rgba(0,72,42,.78) 50%,rgba(0,39,118,.72))!important;
  border:1px solid rgba(255,223,0,.42)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#page-painel .pnl-quick-row{
  gap:10px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
#page-painel .pnl-quick,
#page-painel .value-btn,
#page-painel .dep-quick-btn{
  background:linear-gradient(135deg,rgba(255,223,0,.96),rgba(0,151,57,.88))!important;
  color:#06120a!important;
  border:1px solid rgba(255,255,255,.35)!important;
  border-radius:999px!important;
  font-weight:900!important;
  box-shadow:0 10px 22px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.42)!important;
}
#page-painel .pnl-quick.active,
#page-painel .pnl-quick:hover,
#page-painel .value-btn.selected,
#page-painel .value-btn.active{
  background:linear-gradient(135deg,#ffffff,#ffdf00 48%,#18e55b)!important;
  color:#03150d!important;
  border-color:#fff!important;
  transform:translateY(-1px);
}
#page-painel .pnl-input-wrap{
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,223,0,.08))!important;
  border:1px solid rgba(255,223,0,.55)!important;
  border-radius:16px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 10px 25px rgba(0,0,0,.20)!important;
}
#page-painel .pnl-input-prefix{
  color:#ffdf00!important;
  font-weight:900!important;
}
#page-painel .pnl-input{
  color:#fff!important;
  text-shadow:0 1px 8px rgba(0,0,0,.35)!important;
  font-weight:900!important;
}
#page-painel .pnl-meta-row{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
#page-painel .pnl-meta-item{
  background:linear-gradient(145deg,rgba(0,151,57,.82),rgba(0,39,118,.82))!important;
  border:1px solid rgba(255,223,0,.58)!important;
  border-radius:14px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.23), inset 0 1px 0 rgba(255,255,255,.12)!important;
  overflow:hidden!important;
}
#page-painel .pnl-meta-lbl{
  color:rgba(255,255,255,.86)!important;
  letter-spacing:.04em!important;
}
#page-painel .pnl-meta-val,
#page-painel .pnl-meta-gold{
  color:#ffdf00!important;
  text-shadow:0 0 14px rgba(255,223,0,.32)!important;
  font-weight:950!important;
}
#page-painel .pnl-play-btn,
#page-painel #btn-jogar,
#page-painel #btn-jogar-gratis-painel{
  background:linear-gradient(135deg,#ffdf00 0%,#18e55b 45%,#009739 100%)!important;
  color:#06120a!important;
  border:1px solid rgba(255,255,255,.44)!important;
  box-shadow:0 16px 34px rgba(0,151,57,.32), inset 0 1px 0 rgba(255,255,255,.45)!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
}
#page-painel .pnl-play-btn svg,
#page-painel #btn-jogar-gratis-painel svg{color:#06120a!important;fill:#06120a!important;}
#page-painel .pnl-chip,
#page-painel .pnl-balance-mini,
#page-painel .pnl-online-badge{
  background:rgba(0,151,57,.24)!important;
  border:1px solid rgba(255,223,0,.45)!important;
  color:#fff!important;
}

/* Modal de depósito e confirmação — preto premium + números verde limão */
#modal-deposito .pnl-modal,
#modal-dep-confirmado .pnl-modal{
  background:linear-gradient(180deg,#050505 0%,#07140c 48%,#020703 100%)!important;
  border:1px solid rgba(57,255,20,.45)!important;
  color:#fff!important;
  box-shadow:0 -18px 60px rgba(0,0,0,.72),0 0 0 1px rgba(255,223,0,.10),0 0 42px rgba(57,255,20,.12)!important;
}
#modal-deposito .pnl-modal-title,
#modal-dep-confirmado .pnl-modal-title{
  color:#fff!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
#modal-deposito .pnl-modal-title::after{
  content:' PIX';
  color:#39ff14!important;
  margin-left:6px;
}
#modal-deposito .pnl-info-box,
#modal-deposito #dep-bonus-info,
#modal-deposito #dep-bonus-card{
  background:linear-gradient(135deg,rgba(57,255,20,.12),rgba(255,223,0,.10))!important;
  border:1px solid rgba(57,255,20,.38)!important;
  color:#fff!important;
  border-radius:16px!important;
}
#modal-deposito .pnl-input-wrap{
  background:#090909!important;
  border:1px solid rgba(57,255,20,.48)!important;
}
#modal-deposito .pnl-input-prefix,
#modal-deposito #dep-valor,
#modal-dep-confirmado #dep-confirmado-valor,
#modal-dep-confirmado #dep-confirmado-saldo,
#modal-deposito .value-bonus,
#modal-deposito #dep-bonus-valor,
#modal-deposito #dep-bonus-total{
  color:#39ff14!important;
  text-shadow:0 0 14px rgba(57,255,20,.35)!important;
  font-weight:950!important;
}
#modal-deposito #dep-quick-row{
  gap:10px!important;
}
#modal-deposito .value-btn,
#modal-deposito .dep-quick-btn{
  background:linear-gradient(135deg,#111,#07140c)!important;
  color:#fff!important;
  border:1px solid rgba(57,255,20,.42)!important;
  border-radius:14px!important;
}
#modal-deposito .value-btn.selected,
#modal-deposito .value-btn.active,
#modal-deposito .dep-quick-btn.selected,
#modal-deposito .dep-quick-btn.active{
  background:linear-gradient(135deg,#39ff14,#ffdf00)!important;
  color:#03150d!important;
  border-color:#fff!important;
}
#modal-deposito #dep-confirmar,
#modal-deposito #dep-copy-btn,
#modal-dep-confirmado .pnl-play-btn{
  background:linear-gradient(135deg,#39ff14,#ffdf00)!important;
  color:#03150d!important;
  border:0!important;
  font-weight:950!important;
  box-shadow:0 15px 35px rgba(57,255,20,.22)!important;
}
#modal-deposito #dep-qr-wrap{
  background:#050505!important;
  border:1px solid rgba(57,255,20,.45)!important;
  border-radius:18px!important;
}
#modal-deposito #dep-pix-txt{
  color:#fff!important;
}
#modal-deposito .pnl-modal-close{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
}

/* =========================================================
   AJUSTE GLOBAL DOS MODAIS - COPA PREMIUM
   Aplica também saque, afiliado, indicação, perfil, suporte e gerência
   ========================================================= */
#page-painel .pnl-modal-bg{
  background:rgba(0,0,0,.76)!important;
  backdrop-filter:blur(7px)!important;
}
#page-painel .pnl-modal{
  background:linear-gradient(180deg,#050505 0%,#07140c 45%,#020703 100%)!important;
  border:1px solid rgba(57,255,20,.42)!important;
  color:#fff!important;
  box-shadow:0 -20px 64px rgba(0,0,0,.72),0 0 42px rgba(57,255,20,.10),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
#page-painel .pnl-modal-header{
  border-bottom:1px solid rgba(57,255,20,.18)!important;
  padding-bottom:14px!important;
  margin-bottom:18px!important;
}
#page-painel .pnl-modal-title{
  color:#fff!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  text-shadow:0 0 18px rgba(57,255,20,.18)!important;
}
#page-painel .pnl-modal-title::before{
  content:'⚽';
  margin-right:8px;
  color:#ffdf00!important;
}
#page-painel .pnl-modal-close{
  background:rgba(57,255,20,.10)!important;
  border:1px solid rgba(57,255,20,.34)!important;
  color:#fff!important;
}
#page-painel .pnl-modal-close:hover{
  background:#39ff14!important;
  color:#03150d!important;
  border-color:#fff!important;
}
#page-painel .pnl-modal .pnl-saldo-modal-info,
#page-painel .pnl-modal .pnl-info-box,
#page-painel .pnl-modal .pnl-link-box,
#page-painel .pnl-modal .pnl-mini-stat,
#page-painel .pnl-modal .pnl-copy-box,
#page-painel .pnl-modal #meus-saques-lista > div{
  background:linear-gradient(135deg,rgba(57,255,20,.10),rgba(255,223,0,.08),rgba(0,39,118,.18))!important;
  border:1px solid rgba(57,255,20,.32)!important;
  color:#fff!important;
  border-radius:16px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.22)!important;
}
#page-painel .pnl-modal .pnl-saldo-modal-info strong,
#page-painel .pnl-modal .pnl-mini-val,
#page-painel .pnl-modal strong,
#page-painel .pnl-modal b,
#page-painel .pnl-modal [id*='saldo'],
#page-painel .pnl-modal [id*='valor'],
#page-painel .pnl-modal [id*='comissao'],
#page-painel .pnl-modal [id*='afil'],
#page-painel .pnl-modal [id*='gerencia']{
  color:#39ff14!important;
  text-shadow:0 0 14px rgba(57,255,20,.30)!important;
  font-weight:950!important;
}
#page-painel .pnl-modal .pnl-mini-lbl,
#page-painel .pnl-modal .pnl-link-label,
#page-painel .pnl-modal label,
#page-painel .pnl-modal small,
#page-painel .pnl-modal p,
#page-painel .pnl-modal .muted{
  color:rgba(255,255,255,.78)!important;
}
#page-painel .pnl-modal input,
#page-painel .pnl-modal select,
#page-painel .pnl-modal textarea,
#page-painel .pnl-modal .pnl-input,
#page-painel .pnl-modal .pnl-input-modal,
#page-painel .pnl-modal .amount-input{
  background:#090909!important;
  border:1px solid rgba(57,255,20,.42)!important;
  color:#fff!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#page-painel .pnl-modal input:focus,
#page-painel .pnl-modal select:focus,
#page-painel .pnl-modal textarea:focus,
#page-painel .pnl-modal .pnl-input-modal:focus{
  outline:none!important;
  border-color:#39ff14!important;
  box-shadow:0 0 0 3px rgba(57,255,20,.14)!important;
}
#page-painel .pnl-modal input::placeholder,
#page-painel .pnl-modal textarea::placeholder{
  color:rgba(255,255,255,.38)!important;
}
#page-painel .pnl-modal .pnl-tipo-pix-btn,
#page-painel .pnl-modal .pnl-btn-outline,
#page-painel .pnl-modal .value-btn,
#page-painel .pnl-modal .dep-quick-btn{
  background:linear-gradient(135deg,#111,#07140c)!important;
  border:1px solid rgba(57,255,20,.36)!important;
  color:#fff!important;
  border-radius:14px!important;
  font-weight:900!important;
}
#page-painel .pnl-modal .pnl-tipo-pix-btn.active,
#page-painel .pnl-modal .pnl-tipo-pix-btn:hover,
#page-painel .pnl-modal .pnl-btn-outline:hover,
#page-painel .pnl-modal .value-btn.selected,
#page-painel .pnl-modal .value-btn.active,
#page-painel .pnl-modal .value-btn:hover,
#page-painel .pnl-modal .dep-quick-btn:hover{
  background:linear-gradient(135deg,#ffdf00,#39ff14)!important;
  color:#03150d!important;
  border-color:#fff!important;
}
#page-painel .pnl-modal .pnl-play-btn,
#page-painel .pnl-modal .generate-btn,
#page-painel .pnl-modal .roleta-dep-btn-pix,
#page-painel .pnl-modal button[type='submit']{
  background:linear-gradient(135deg,#ffdf00 0%,#39ff14 50%,#009739 100%)!important;
  color:#03150d!important;
  border:1px solid rgba(255,255,255,.45)!important;
  border-radius:999px!important;
  font-weight:950!important;
  box-shadow:0 16px 34px rgba(57,255,20,.22),inset 0 1px 0 rgba(255,255,255,.45)!important;
}
#page-painel .pnl-modal .pnl-btn-copy{
  background:rgba(57,255,20,.12)!important;
  border:1px solid rgba(57,255,20,.35)!important;
  color:#39ff14!important;
}
#page-painel .pnl-modal .pnl-btn-copy:hover{
  background:#39ff14!important;
  color:#03150d!important;
}
#modal-indicacao .pnl-modal,
#modal-saque-afiliado .pnl-modal,
#modal-saque-gerencia .pnl-modal{
  border-color:rgba(255,223,0,.55)!important;
  box-shadow:0 -20px 64px rgba(0,0,0,.72),0 0 46px rgba(255,223,0,.10),0 0 42px rgba(57,255,20,.10)!important;
}
#modal-indicacao .pnl-modal-title::before,
#modal-saque-afiliado .pnl-modal-title::before,
#modal-saque-gerencia .pnl-modal-title::before{
  content:'🏆';
}
#modal-saque .pnl-modal-title::before{
  content:'💸';
}
#modal-perfil .pnl-modal-title::before{
  content:'👤';
}
#modal-suporte .pnl-modal-title::before{
  content:'🟢';
}

/* FINAL: todos os modais iguais ao depósito — preto premium, letras brancas e números verde limão */
#page-painel .pnl-modal-bg{background:rgba(0,0,0,.78)!important;backdrop-filter:blur(6px)!important}
#page-painel .pnl-modal,
#modal-deposito .pnl-modal,
#modal-dep-confirmado .pnl-modal,
#modal-saque .pnl-modal,
#modal-saque-afiliado .pnl-modal,
#modal-saque-gerencia .pnl-modal,
#modal-demo-jogo .pnl-modal,
#modal-indicacao .pnl-modal,
#modal-perfil .pnl-modal,
#modal-suporte .pnl-modal{
  background:linear-gradient(180deg,#050505 0%,#07140c 48%,#020703 100%)!important;
  border:1px solid rgba(57,255,20,.45)!important;
  color:#fff!important;
  box-shadow:0 -18px 60px rgba(0,0,0,.72),0 0 0 1px rgba(255,223,0,.10),0 0 42px rgba(57,255,20,.12)!important;
}
#page-painel .pnl-modal *,
#modal-deposito .pnl-modal *,
#modal-dep-confirmado .pnl-modal *{color:inherit}
#page-painel .pnl-modal-title,
#page-painel .pnl-modal h1,
#page-painel .pnl-modal h2,
#page-painel .pnl-modal h3{color:#fff!important;text-shadow:none!important}
#page-painel .pnl-modal strong,
#page-painel .pnl-modal b,
#page-painel .pnl-modal [id*='saldo'],
#page-painel .pnl-modal [id*='valor'],
#page-painel .pnl-modal [id*='total'],
#page-painel .pnl-modal [id*='bonus'],
#page-painel .pnl-modal [id*='comissao'],
#page-painel .pnl-modal [id*='afil'],
#page-painel .pnl-modal [id*='gerencia'],
#page-painel .pnl-modal .pnl-mini-val,
#page-painel .pnl-modal .money,
#page-painel .pnl-modal .valor{color:#39ff14!important;text-shadow:0 0 14px rgba(57,255,20,.35)!important;font-weight:950!important}
#page-painel .pnl-modal p,
#page-painel .pnl-modal label,
#page-painel .pnl-modal small,
#page-painel .pnl-modal span,
#page-painel .pnl-modal div{border-color:rgba(57,255,20,.28)}
#page-painel .pnl-modal input,
#page-painel .pnl-modal select,
#page-painel .pnl-modal textarea,
#page-painel .pnl-modal .pnl-input,
#page-painel .pnl-modal .pnl-input-wrap,
#page-painel .pnl-modal .pnl-input-modal,
#page-painel .pnl-modal .amount-input{background:#090909!important;border:1px solid rgba(57,255,20,.45)!important;color:#fff!important;box-shadow:none!important}
#page-painel .pnl-modal .pnl-info-box,
#page-painel .pnl-modal .pnl-link-box,
#page-painel .pnl-modal .pnl-mini-stat,
#page-painel .pnl-modal .pnl-copy-box,
#page-painel .pnl-modal .pnl-saldo-modal-info{background:rgba(255,255,255,.045)!important;border:1px solid rgba(57,255,20,.32)!important;box-shadow:none!important;color:#fff!important}