*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
  background:#000;
  min-height:100%;
}

body{
  min-height:100vh;
  font-family:Arial, Helvetica, sans-serif;
  color:#fff;
  background-color:#000;
  background:
    linear-gradient(rgba(0,0,0,.74), rgba(0,0,0,.88)),
    url("assets/estadio-bg.png") center/cover fixed no-repeat;
  overflow-x:hidden;
}

button,input{
  font-family:inherit;
}

button{
  border:0;
  cursor:pointer;
}

img{
  max-width:100%;
  display:block;
}

.hidden{
  display:none !important;
}

.app{
  width:100%;
  max-width:1600px;
  margin:0 auto;
  padding:12px;
}

/* TOPO */

.topbar{
  display:grid;
  grid-template-columns:120px 1fr auto;
  align-items:center;
  gap:14px;
  padding:12px 16px;
  border-radius:22px;
  background:rgba(0,0,0,.68);
  border:1px solid rgba(0,255,132,.14);
}

.logo{
  width:88px;
}

.back-btn{
  width:230px;
  height:50px;
  justify-self:center;
  border-radius:15px;
  background:#041111;
  color:#fff;
  font-size:18px;
  font-weight:900;
  border:1px solid rgba(0,255,132,.22);
}

.top-actions{
  display:flex;
  align-items:center;
  gap:12px;
}

.balance-card{
  padding:9px 16px;
  border-radius:16px;
  background:#051111;
}

.balance-card small{
  color:#aaa;
  font-size:13px;
}

.balance-card strong{
  display:block;
  color:#00ff84;
  font-size:27px;
}

.deposit-btn{
  height:54px;
  padding:0 24px;
  border-radius:16px;
  background:linear-gradient(180deg,#21d765,#0a9237);
  color:#fff;
  font-size:21px;
  font-weight:900;
}

/* LAYOUT */

.game-layout{
  margin-top:14px;
  display:grid;
  grid-template-columns:250px minmax(520px,1fr) 250px;
  gap:14px;
  align-items:start;
}

.side-card{
  padding:16px;
  border-radius:22px;
  background:rgba(0,0,0,.64);
  border:1px solid rgba(0,255,132,.10);
}

.side-card h3,
.side-card h4{
  color:#00ff84;
  margin-bottom:12px;
}

/* APOSTA */

.bet-control{
  display:grid;
  grid-template-columns:52px 1fr 52px;
  gap:9px;
  align-items:center;
  padding:12px;
  border-radius:17px;
  background:#071111;
}

.bet-control button{
  height:52px;
  border-radius:13px;
  background:#000;
  color:#fff;
  font-size:30px;
}

.bet-input-box{
  text-align:center;
}

.bet-input-box input{
  width:100%;
  height:52px;
  border:0;
  outline:0;
  border-radius:13px;
  text-align:center;
  font-size:30px;
  font-weight:900;
  background:#021010;
  color:#fff;
}

.bet-input-box small{
  display:block;
  margin-top:5px;
  color:#aaa;
  font-size:12px;
}

.bet-limits{
  margin-top:9px;
  text-align:center;
  color:#ccc;
  font-size:13px;
}

.quick-bets{
  margin-top:15px;
}

.quick-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.quick-grid button{
  height:50px;
  border-radius:13px;
  background:#061010;
  color:#fff;
  font-size:23px;
  font-weight:900;
}

.play-btn{
  width:100%;
  height:64px;
  margin-top:16px;
  border-radius:17px;
  background:linear-gradient(180deg,#ffe600,#d5b400);
  color:#111;
  font-size:23px;
  font-weight:900;
  white-space:nowrap;
}

.bet-info{
  margin-top:12px;
  text-align:center;
  color:#ddd;
  font-size:14px;
}

.bet-info strong{
  color:#ffe600;
}

/* CENTRO */

.game-center{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.stats-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

.stat-card{
  padding:15px;
  border-radius:18px;
  background:rgba(0,0,0,.64);
  border:1px solid rgba(255,255,255,.06);
}

.stat-card span{
  color:#bbb;
  font-size:14px;
}

.stat-card strong{
  display:block;
  margin-top:5px;
  font-size:29px;
}

.multiplier strong{
  color:#00ff84;
}

/* ESCOLHA */

.choice-area{
  text-align:center;
  padding:16px;
  border-radius:22px;
  background:rgba(0,0,0,.58);
  border:1px solid rgba(0,255,132,.10);
}

.choice-area h2{
  font-size:38px;
  color:#00ff84;
}

.choice-area p{
  margin-top:5px;
  color:#ddd;
  font-size:15px;
}

.versus-choice{
  margin-top:16px;
  display:grid;
  grid-template-columns:1fr 70px 1fr;
  gap:14px;
  align-items:center;
}

.symbol-card{
  padding:15px;
  border-radius:20px;
  background:rgba(0,0,0,.70);
  color:#fff;
  border:2px solid rgba(255,255,255,.10);
  transition:.2s;
}

.symbol-card:hover,
.symbol-card.active{
  border-color:#00ff84;
  box-shadow:0 0 22px rgba(0,255,132,.22);
}

.symbol-card img{
  width:95px;
  height:95px;
  margin:0 auto;
  object-fit:contain;
}

.symbol-card strong{
  display:block;
  margin-top:9px;
  font-size:20px;
}

.vs-text{
  font-size:38px;
  font-weight:900;
  color:#ffe600;
}

/* BARRA SUPERIOR DO JOGO */

.battle-bar{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:12px;
  align-items:center;
  padding:10px 14px;
  border-radius:20px;
  background:rgba(0,0,0,.66);
  border:1px solid rgba(255,255,255,.08);
}

.battle-side{
  display:flex;
  align-items:center;
  gap:9px;
  font-weight:900;
}

.battle-side.right{
  justify-content:flex-end;
}

.battle-side img{
  width:42px;
  height:42px;
  object-fit:contain;
}

.battle-center{
  min-width:220px;
  padding:10px 18px;
  border-radius:15px;
  text-align:center;
  background:#061010;
  color:#ffe600;
  font-weight:900;
}

/* TABULEIRO */

.board-wrap{
  padding:14px;
  border-radius:28px;
  background:rgba(0,0,0,.66);
  border:1px solid rgba(0,255,132,.12);
}

.board{
  width:min(100%,620px,calc(100vh - 270px));
  margin:0 auto;
  aspect-ratio:1/1;
  padding:14px;
  border-radius:28px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  background:linear-gradient(145deg,#0d7439,#0a572c,#0d7439);
  box-shadow:0 0 38px rgba(0,255,132,.20);
}

.cell{
  border-radius:22px;
  background:rgba(255,255,255,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.18s;
}

.cell:hover{
  transform:scale(1.03);
  background:rgba(255,255,255,.16);
}

.cell img{
  width:72%;
  height:72%;
  object-fit:contain;
  animation:piecePop .25s ease;
}

@keyframes piecePop{
  from{
    transform:scale(.5);
    opacity:0;
  }
  to{
    transform:scale(1);
    opacity:1;
  }
}

.win-cell{
  box-shadow:0 0 0 2px #ffe600, 0 0 24px rgba(255,230,0,.55);
}

/* HISTÓRICO PREMIUM */

.premium-history{
  padding:18px;
}

.premium-history h3{
  text-align:center;
  color:#00ff84;
  margin-bottom:14px;
}

.history-list{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-bottom:14px;
}

.history-item{
  display:grid;
  grid-template-columns:48px 1fr auto;
  gap:12px;
  align-items:center;
  padding:14px;
  border-radius:16px;
  background:rgba(0,0,0,.65);
  border:1px solid rgba(255,255,255,.06);
}

.history-icon{
  width:42px;
  height:42px;
  object-fit:contain;
}

.history-item strong{
  font-size:18px;
  color:#fff;
  display:block;
}

.history-item small{
  font-size:14px;
  margin-top:2px;
  display:block;
}

.history-right{
  text-align:right;
  font-weight:900;
}

.history-right b{
  display:block;
  color:#00ff84;
  font-size:20px;
}

.history-right span{
  display:block;
  color:#aaa;
  font-size:13px;
  margin-top:4px;
}

.history-item.win{
  border-left:4px solid #00ff84;
}

.history-item.win small{
  color:#00ff84;
}

.history-item.lose{
  border-left:4px solid #ff3b3b;
}

.history-item.lose small{
  color:#ff4d4d;
}

.history-item.draw{
  border-left:4px solid #ffe600;
}

.history-item.draw small{
  color:#ffe600;
}

.see-all-btn{
  width:100%;
  height:58px;
  margin-top:14px;
  border-radius:16px;
  background:linear-gradient(180deg,#0d0d0d,#1a1a1a);
  color:#fff;
  font-size:20px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(255,255,255,.08);
  transition:.2s;
}

.see-all-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 0 18px rgba(0,255,120,.25);
}

.see-all-btn img{
  width:24px;
  height:24px;
  object-fit:contain;
}

.safe-card{
  margin-top:16px;
  padding:16px;
  border-radius:17px;
  background:#071010;
  text-align:center;
}

.safe-card strong{
  font-size:38px;
  color:#ffe600;
}

.premium-safe{
  margin-top:16px;
  padding:18px;
  display:flex;
  align-items:center;
  gap:14px;
  border-radius:18px;
  background:rgba(0,0,0,.55);
  text-align:left;
}

.premium-safe img{
  width:42px;
  height:42px;
  flex:none;
  object-fit:contain;
}

.premium-safe p{
  font-size:14px;
  line-height:1.4;
  margin:0;
  color:#ccc;
}

.premium-safe p strong{
  font-size:15px;
  display:block;
  color:#00ff84;
  margin-bottom:4px;
}

/* BANNER */

.bottom-banner{
  margin-top:14px;
  padding:16px 22px;
  border-radius:21px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:linear-gradient(90deg,#0b7e3c,#0a5f2d);
}

.bottom-banner strong{
  font-size:26px;
}

.bottom-banner b{
  color:#ffe600;
  font-size:46px;
}

/* ESTADOS DO JOGO */

body:not(.symbol-selected) .battle-bar{
  display:none !important;
}

body.symbol-selected .choice-area{
  display:none !important;
}

body.playing-mode .bottom-banner{
  display:none;
}

body.playing-mode .board{
  width:min(100%,620px,calc(100vh - 245px));
}

.shake{
  animation:shake .35s ease;
}

@keyframes shake{
  0%,100%{transform:translateX(0);}
  25%{transform:translateX(-6px);}
  50%{transform:translateX(6px);}
  75%{transform:translateX(-4px);}
}

/* TABLET */

@media(max-width:1200px){
  .game-layout{
    grid-template-columns:1fr;
  }

  .game-center{
    order:1;
  }

  .bet-panel{
    order:2;
  }

  .history-panel{
    order:3;
  }

  .board{
    width:min(100%,650px);
  }
}

/* MOBILE */

@media(max-width:768px){
  body{
    background-attachment:scroll;
  }

  .app{
    padding:6px;
  }

  .topbar{
    grid-template-columns:1fr;
    text-align:center;
    gap:5px;
    padding:6px;
  }

  .logo{
    width:64px;
    margin:0 auto;
  }

  .back-btn{
    width:100%;
    height:36px;
    font-size:13px;
  }

  .top-actions{
    display:none;
  }

  .game-layout{
    gap:10px;
    margin-top:10px;
  }

  .stats-row{
    grid-template-columns:repeat(3,1fr);
    gap:5px;
  }

  .stat-card{
    padding:6px;
    border-radius:11px;
  }

  .stat-card span{
    font-size:9px;
  }

  .stat-card strong{
    font-size:13px;
  }

  .choice-area{
    padding:12px;
  }

  .choice-area h2{
    font-size:25px;
  }

  .choice-area p{
    font-size:13px;
  }

  .versus-choice{
    grid-template-columns:1fr 34px 1fr;
    gap:8px;
  }

  .vs-text{
    font-size:20px;
  }

  .symbol-card{
    padding:10px;
  }

  .symbol-card img{
    width:58px;
    height:58px;
  }

  .symbol-card strong{
    font-size:13px;
  }

  .battle-bar{
    grid-template-columns:1fr;
    text-align:center;
    padding:6px;
    gap:4px;
    border-radius:14px;
  }

  .battle-side,
  .battle-side.right{
    justify-content:center;
  }

  .battle-side{
    gap:5px;
    font-size:13px;
  }

  .battle-side img{
    width:26px;
    height:26px;
  }

  .battle-center{
    padding:6px 8px;
    border-radius:11px;
    min-width:unset;
  }

  .battle-center strong{
    font-size:13px;
  }

  .board-wrap{
    padding:6px;
    border-radius:18px;
  }

  .board,
  body.playing-mode .board{
    width:92vw;
    max-width:92vw;
    gap:6px;
    padding:7px;
    border-radius:18px;
  }

  .cell{
    border-radius:12px;
  }

  .cell img{
    width:64%;
    height:64%;
  }

  .bet-panel{
    padding:12px;
  }

  .bet-panel h3{
    font-size:18px;
    margin-bottom:8px;
  }

  .bet-control{
    grid-template-columns:44px 1fr 44px;
    padding:8px;
  }

  .bet-control button{
    height:42px;
    font-size:24px;
  }

  .bet-input-box input{
    height:42px;
    font-size:22px;
  }

  .bet-input-box small{
    font-size:11px;
  }

  .bet-limits{
    font-size:11px;
    margin-top:6px;
  }

  .quick-bets{
    margin-top:10px;
  }

  .quick-grid button{
    height:40px;
    font-size:19px;
  }

  .play-btn{
    height:50px;
    font-size:19px;
    margin-top:12px;
  }

  .bottom-banner{
    flex-direction:column;
    gap:8px;
    text-align:center;
  }

  .bottom-banner strong{
    font-size:20px;
  }

  .bottom-banner b{
    font-size:34px;
  }

  .premium-history{
    display:none;
  }
}

@media(max-width:420px){
  .app{
    padding:6px;
  }

  .board,
  body.playing-mode .board{
    gap:6px;
    padding:7px;
  }

  .cell{
    border-radius:12px;
  }
}

/* ANIMAÇÃO PREMIUM DA PEÇA ENTRANDO */

.cell img{
  animation: pieceDropPremium .32s cubic-bezier(.2,.8,.2,1);
  filter: drop-shadow(0 8px 10px rgba(0,0,0,.45));
}

@keyframes pieceDropPremium{
  0%{
    transform: scale(.35) translateY(-18px) rotate(-10deg);
    opacity:0;
    filter: blur(3px) drop-shadow(0 8px 10px rgba(0,0,0,.45));
  }

  65%{
    transform: scale(1.12) translateY(4px) rotate(4deg);
    opacity:1;
    filter: blur(0) drop-shadow(0 8px 10px rgba(0,0,0,.45));
  }

  100%{
    transform: scale(1) translateY(0) rotate(0deg);
    opacity:1;
    filter: blur(0) drop-shadow(0 8px 10px rgba(0,0,0,.45));
  }
}

.cell.played{
  animation: cellImpactPremium .28s ease;
}

@keyframes cellImpactPremium{
  0%{
    transform: scale(.97);
  }

  55%{
    transform: scale(1.035);
  }

  100%{
    transform: scale(1);
  }
}

/* =========================================================
   COPA DA VELHA — ANIMAÇÕES DE RESULTADO
   Seguro para desktop/mobile
========================================================= */

/* Estado geral quando o jogo acaba */
.game-ended .board,
.game-ended .game-board,
.game-ended #board,
.board.game-ended,
.game-board.game-ended,
#board.game-ended {
  pointer-events: none;
}

/* Célula vencedora */
.cell.win,
.board-cell.win,
.square.win {
  position: relative;
  z-index: 3;
  animation: winCellGlow 1.2s ease-in-out infinite alternate;
}

@keyframes winCellGlow {
  0% {
    box-shadow:
      0 0 8px rgba(34, 255, 120, 0.55),
      inset 0 0 8px rgba(255, 215, 80, 0.25);
    transform: scale(1);
  }
  100% {
    box-shadow:
      0 0 22px rgba(34, 255, 120, 0.9),
      0 0 38px rgba(255, 215, 80, 0.45),
      inset 0 0 14px rgba(255, 215, 80, 0.35);
    transform: scale(1.035);
  }
}

/* Vitória */
.result-win {
  animation: resultWinGlow 1.1s ease both;
}

@keyframes resultWinGlow {
  0% {
    filter: brightness(1);
    transform: scale(1);
  }
  45% {
    filter: brightness(1.25);
    transform: scale(1.015);
  }
  100% {
    filter: brightness(1);
    transform: scale(1);
  }
}

/* Derrota */
.result-lose {
  animation: resultLoseShake 0.42s ease both;
}

@keyframes resultLoseShake {
  0%, 100% {
    transform: translateX(0);
  }
  15% {
    transform: translateX(-7px);
  }
  30% {
    transform: translateX(7px);
  }
  45% {
    transform: translateX(-5px);
  }
  60% {
    transform: translateX(5px);
  }
  75% {
    transform: translateX(-3px);
  }
}

/* Empate */
.result-draw {
  animation: resultDrawPulse 0.9s ease both;
}

@keyframes resultDrawPulse {
  0% {
    transform: scale(1);
    box-shadow: none;
  }
  50% {
    transform: scale(1.025);
    box-shadow: 0 0 22px rgba(255, 210, 70, 0.45);
  }
  100% {
    transform: scale(1);
    box-shadow: none;
  }
}

/* Toast / caixa de resultado */
.result-toast {
  position: fixed;
  left: 50%;
  top: 24px;
  transform: translateX(-50%) translateY(-20px);
  z-index: 9999;

  min-width: 260px;
  max-width: calc(100vw - 28px);
  padding: 14px 18px;

  border-radius: 18px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  background: rgba(6, 18, 30, 0.86);
  border: 1px solid rgba(255, 255, 255, 0.12);

  color: #fff;
  text-align: center;
  font-weight: 800;
  letter-spacing: 0.3px;

  opacity: 0;
  pointer-events: none;

  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.result-toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.result-toast.win {
  border-color: rgba(70, 255, 135, 0.5);
  box-shadow:
    0 0 24px rgba(70, 255, 135, 0.35),
    0 18px 45px rgba(0, 0, 0, 0.35);
}

.result-toast.lose {
  border-color: rgba(255, 70, 70, 0.55);
  box-shadow:
    0 0 24px rgba(255, 70, 70, 0.3),
    0 18px 45px rgba(0, 0, 0, 0.35);
}

.result-toast.draw {
  border-color: rgba(255, 210, 70, 0.55);
  box-shadow:
    0 0 24px rgba(255, 210, 70, 0.3),
    0 18px 45px rgba(0, 0, 0, 0.35);
}

/* Efeito brilho premium na vitória */
.result-flash-win {
  position: fixed;
  inset: 0;
  z-index: 9998;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(circle at center, rgba(45, 255, 130, 0.22), transparent 42%),
    radial-gradient(circle at top, rgba(255, 215, 80, 0.18), transparent 45%);
  animation: flashWin 0.8s ease both;
}

@keyframes flashWin {
  0% {
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* Flash derrota vermelho */
.result-flash-lose {
  position: fixed;
  inset: 0;
  z-index: 9998;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(circle at center, rgba(255, 40, 40, 0.22), transparent 48%);
  animation: flashLose 0.45s ease both;
}

@keyframes flashLose {
  0% {
    opacity: 0;
  }
  45% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* Flash empate amarelo */
.result-flash-draw {
  position: fixed;
  inset: 0;
  z-index: 9998;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(circle at center, rgba(255, 210, 70, 0.2), transparent 48%);
  animation: flashDraw 0.55s ease both;
}

@keyframes flashDraw {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.85;
  }
  100% {
    opacity: 0;
  }
}

/* Mobile leve sem lag */
@media (max-width: 768px) {
  .cell.win,
  .board-cell.win,
  .square.win {
    animation-duration: 1.4s;
  }

  .result-toast {
    top: 16px;
    padding: 12px 14px;
    border-radius: 15px;
    font-size: 14px;
  }

  .result-win,
  .result-draw {
    animation-duration: 0.7s;
  }

  .result-lose {
    animation-duration: 0.34s;
  }

  .result-flash-win,
  .result-flash-lose,
  .result-flash-draw {
    background: none;
  }
}

/* Acessibilidade: reduz animações se o aparelho pedir */
@media (prefers-reduced-motion: reduce) {
  .cell.win,
  .board-cell.win,
  .square.win,
  .result-win,
  .result-lose,
  .result-draw,
  .result-flash-win,
  .result-flash-lose,
  .result-flash-draw {
    animation: none !important;
  }

  .result-toast {
    transition: opacity 0.15s ease;
  }
}

/* Linha da máquina quando o jogador perde */
.cell.lose-line,
.board-cell.lose-line,
.square.lose-line {
  position: relative;
  z-index: 3;
  box-shadow:
    0 0 0 2px rgba(255, 60, 60, 0.9),
    0 0 24px rgba(255, 60, 60, 0.55);
}


/* =========================================================
   COPA DA VELHA — V3 LAPIDAÇÃO PREMIUM
   Cards superiores + CTA inferior profissional
   Pode ficar no final do style.css
========================================================= */

/* Cards: Saldo Demo / Aposta Atual / Multiplicador */
.stats-row{
  gap:14px;
}

.stat-card{
  position:relative;
  overflow:hidden;
  min-height:86px;
  padding:16px 18px 14px 58px;
  border-radius:20px;
  background:
    linear-gradient(180deg, rgba(18,18,18,.88), rgba(5,8,8,.94)),
    radial-gradient(circle at top left, rgba(0,255,132,.10), transparent 45%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -18px 32px rgba(0,0,0,.34),
    0 14px 34px rgba(0,0,0,.28);
}

.stat-card::before{
  content:"";
  position:absolute;
  left:18px;
  top:24px;
  width:25px;
  height:25px;
  background:linear-gradient(180deg,#ffe600,#ffb800);
  filter:drop-shadow(0 0 8px rgba(255,230,0,.28));
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
}

/* Ícone dinheiro real em SVG */
.stat-card:nth-child(1)::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a1 1 0 0 1 1 1v1h3a1 1 0 1 1 0 2h-3v2h1a5 5 0 0 1 0 10h-1v1a1 1 0 1 1-2 0v-1H8a1 1 0 1 1 0-2h3v-2h-1a5 5 0 0 1 0-10h1V3a1 1 0 0 1 1-1Zm-2 4a3 3 0 0 0 0 6h1V6h-1Zm3 8v4h1a3 3 0 0 0 0-6h-1Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a1 1 0 0 1 1 1v1h3a1 1 0 1 1 0 2h-3v2h1a5 5 0 0 1 0 10h-1v1a1 1 0 1 1-2 0v-1H8a1 1 0 1 1 0-2h3v-2h-1a5 5 0 0 1 0-10h1V3a1 1 0 0 1 1-1Zm-2 4a3 3 0 0 0 0 6h1V6h-1Zm3 8v4h1a3 3 0 0 0 0-6h-1Z'/%3E%3C/svg%3E");
}

/* Ícone alvo real em SVG */
.stat-card:nth-child(2)::before{
  background:linear-gradient(180deg,#ff4b4b,#ffb800);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.7 3.3a1 1 0 0 0-1.4-1.4l-2.1 2.1A9.95 9.95 0 1 0 20 12a1 1 0 1 0-2 0 8 8 0 1 1-2.2-5.5l-2.1 2.1A4.95 4.95 0 1 0 17 12a1 1 0 1 0-2 0 3 3 0 1 1-2.7-3l-1 1A1.5 1.5 0 1 0 13 12.7l7.3-7.3h1.2a1 1 0 0 0 .7-.3l1.5-1.5a1 1 0 0 0-.7-1.7h-1.3V.6a1 1 0 0 0-1.7-.7l-1.5 1.5a1 1 0 0 0-.3.7v1.2L12 9.5a3 3 0 1 0 2.5 2.5l6.2-6.2Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.7 3.3a1 1 0 0 0-1.4-1.4l-2.1 2.1A9.95 9.95 0 1 0 20 12a1 1 0 1 0-2 0 8 8 0 1 1-2.2-5.5l-2.1 2.1A4.95 4.95 0 1 0 17 12a1 1 0 1 0-2 0 3 3 0 1 1-2.7-3l-1 1A1.5 1.5 0 1 0 13 12.7l7.3-7.3h1.2a1 1 0 0 0 .7-.3l1.5-1.5a1 1 0 0 0-.7-1.7h-1.3V.6a1 1 0 0 0-1.7-.7l-1.5 1.5a1 1 0 0 0-.3.7v1.2L12 9.5a3 3 0 1 0 2.5 2.5l6.2-6.2Z'/%3E%3C/svg%3E");
}

/* Ícone fogo real em SVG */
.stat-card:nth-child(3)::before,
.stat-card.multiplier::before{
  background:linear-gradient(180deg,#ffec00,#ff5c00);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 2.4c.3 2.8-.8 4.2-2 5.7-.9 1.1-1.8 2.2-1.8 4 0 1.1.5 2.1 1.4 2.7-.2-1.8.8-3.1 2-4.3.2 1.8 1.7 2.7 2.1 4.3.3 1.3-.2 2.6-1.3 3.3 2.6-.7 4.4-2.9 4.4-5.9 0-3.9-2.9-6.9-4.8-9.8ZM12 22c-4.2 0-7-3-7-7.1 0-3.1 1.7-5.2 3.2-7 1.4-1.7 2.6-3.2 2.3-5.7A1 1 0 0 1 12 .9c3.6 2.3 8 6.7 8 11.4C20 17.9 16.2 22 12 22Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 2.4c.3 2.8-.8 4.2-2 5.7-.9 1.1-1.8 2.2-1.8 4 0 1.1.5 2.1 1.4 2.7-.2-1.8.8-3.1 2-4.3.2 1.8 1.7 2.7 2.1 4.3.3 1.3-.2 2.6-1.3 3.3 2.6-.7 4.4-2.9 4.4-5.9 0-3.9-2.9-6.9-4.8-9.8ZM12 22c-4.2 0-7-3-7-7.1 0-3.1 1.7-5.2 3.2-7 1.4-1.7 2.6-3.2 2.3-5.7A1 1 0 0 1 12 .9c3.6 2.3 8 6.7 8 11.4C20 17.9 16.2 22 12 22Z'/%3E%3C/svg%3E");
}

.stat-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.055) 35%, transparent 58%);
  transform:translateX(-120%);
  transition:.45s ease;
}

.stat-card:hover::after{
  transform:translateX(120%);
}

.stat-card span{
  display:block;
  color:#d8d8d8;
  font-size:14px;
  font-weight:800;
  letter-spacing:.2px;
  text-transform:none;
}

.stat-card strong{
  margin-top:7px;
  font-size:30px;
  line-height:1;
  color:#fff;
  text-shadow:0 2px 12px rgba(255,255,255,.10);
}

.stat-card.multiplier strong{
  color:#00ff84;
  text-shadow:0 0 14px rgba(0,255,132,.38);
}

/* CTA inferior novo */
.bottom-banner{
  position:relative;
  overflow:hidden;
  min-height:76px;
  padding:0 28px;
  border-radius:22px;
  background:
    linear-gradient(90deg, rgba(3,103,45,.96), rgba(0,170,82,.94), rgba(4,116,50,.96));
  border:1px solid rgba(0,255,132,.28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -20px 35px rgba(0,0,0,.18),
    0 18px 42px rgba(0,0,0,.34),
    0 0 26px rgba(0,255,132,.12);
}

.bottom-banner::before{
  content:"";
  width:28px;
  height:28px;
  margin-right:12px;
  flex:none;
  background:linear-gradient(180deg,#ffe600,#ffb800);
  filter:drop-shadow(0 0 8px rgba(255,230,0,.45));
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 2.4c.3 2.8-.8 4.2-2 5.7-.9 1.1-1.8 2.2-1.8 4 0 1.1.5 2.1 1.4 2.7-.2-1.8.8-3.1 2-4.3.2 1.8 1.7 2.7 2.1 4.3.3 1.3-.2 2.6-1.3 3.3 2.6-.7 4.4-2.9 4.4-5.9 0-3.9-2.9-6.9-4.8-9.8ZM12 22c-4.2 0-7-3-7-7.1 0-3.1 1.7-5.2 3.2-7 1.4-1.7 2.6-3.2 2.3-5.7A1 1 0 0 1 12 .9c3.6 2.3 8 6.7 8 11.4C20 17.9 16.2 22 12 22Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 2.4c.3 2.8-.8 4.2-2 5.7-.9 1.1-1.8 2.2-1.8 4 0 1.1.5 2.1 1.4 2.7-.2-1.8.8-3.1 2-4.3.2 1.8 1.7 2.7 2.1 4.3.3 1.3-.2 2.6-1.3 3.3 2.6-.7 4.4-2.9 4.4-5.9 0-3.9-2.9-6.9-4.8-9.8ZM12 22c-4.2 0-7-3-7-7.1 0-3.1 1.7-5.2 3.2-7 1.4-1.7 2.6-3.2 2.3-5.7A1 1 0 0 1 12 .9c3.6 2.3 8 6.7 8 11.4C20 17.9 16.2 22 12 22Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.bottom-banner strong{
  flex:1;
  font-size:27px;
  font-weight:950;
  letter-spacing:.2px;
  text-shadow:0 2px 12px rgba(0,0,0,.35);
}

.bottom-banner strong::before{
  content:"JOGUE E MULTIPLIQUE 2X";
}

.bottom-banner strong{
  font-size:0;
}

.bottom-banner strong::before{
  font-size:27px;
}

.bottom-banner b{
  min-width:82px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  color:#111;
  background:linear-gradient(180deg,#ffe600,#ffc400);
  font-size:34px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    0 0 20px rgba(255,230,0,.28);
}

/* Mobile: cards no estilo vertical premium */
@media(max-width:768px){
  .stats-row{
    grid-template-columns:1fr;
    gap:9px;
  }

  .stat-card{
    min-height:66px;
    padding:12px 14px 11px 48px;
    border-radius:18px;
  }

  .stat-card::before{
    left:16px;
    top:21px;
    width:21px;
    height:21px;
  }

  .stat-card span{
    font-size:12px;
  }

  .stat-card strong{
    font-size:21px;
    margin-top:4px;
  }

  .bottom-banner{
    min-height:58px;
    padding:0 14px;
    border-radius:18px;
    margin-top:10px;
  }

  .bottom-banner::before{
    width:22px;
    height:22px;
    margin-right:8px;
  }

  .bottom-banner strong::before{
    font-size:17px;
  }

  .bottom-banner b{
    min-width:54px;
    height:38px;
    border-radius:12px;
    font-size:24px;
  }
}

@media(max-width:420px){
  .stat-card{
    min-height:61px;
  }

  .bottom-banner strong::before{
    font-size:15px;
  }

  .bottom-banner b{
    min-width:48px;
    height:34px;
    font-size:22px;
  }
}


/* =========================================================
   COPA DA VELHA — V4 VISUAL PREMIUM REFINADO
   Refinamento dos cards superiores e CTA inferior
========================================================= */

/* Área dos cards mais imponente no desktop */
@media(min-width:769px){
  .stats-row{
    gap:16px;
    align-items:stretch;
  }

  .stat-card{
    min-height:92px;
    padding:18px 20px 16px 76px;
    border-radius:22px;
    background:
      linear-gradient(180deg, rgba(22,23,22,.92), rgba(3,7,6,.96)),
      radial-gradient(circle at 18% 10%, rgba(0,255,132,.13), transparent 42%);
    border:1px solid rgba(0,255,132,.16);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      inset 0 -22px 42px rgba(0,0,0,.34),
      0 16px 38px rgba(0,0,0,.34);
  }

  .stat-card::before{
    left:18px;
    top:24px;
    width:42px;
    height:42px;
    border-radius:15px;
    background-color:transparent;
    background:
      linear-gradient(180deg, rgba(255,230,0,.18), rgba(255,184,0,.06));
    border:1px solid rgba(255,230,0,.30);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.12),
      0 0 18px rgba(255,230,0,.14);
    mask:none !important;
    -webkit-mask:none !important;
  }

  .stat-card::after{
    border-radius:22px;
  }

  .stat-card span{
    font-size:15px;
    color:#e8e8e8;
    font-weight:900;
    letter-spacing:.15px;
  }

  .stat-card strong{
    margin-top:8px;
    font-size:31px;
    font-weight:950;
  }

  .stat-card:nth-child(1)::before{
    content:"";
  }

  .stat-card:nth-child(1){
    --cardIcon:"";
  }

  .stat-card:nth-child(1) span::before,
  .stat-card:nth-child(2) span::before,
  .stat-card:nth-child(3) span::before{
    content:"";
    position:absolute;
    left:29px;
    top:35px;
    width:20px;
    height:20px;
    background:linear-gradient(180deg,#ffe600,#ffb800);
    filter:drop-shadow(0 0 8px rgba(255,230,0,.35));
    mask-repeat:no-repeat;
    mask-position:center;
    mask-size:contain;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center;
    -webkit-mask-size:contain;
  }

  .stat-card:nth-child(1) span::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7.5A2.5 2.5 0 0 1 5.5 5h13A2.5 2.5 0 0 1 21 7.5v9a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 16.5v-9Zm3 .5a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2H6Zm10.5 0a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7ZM6 14a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2H6Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7.5A2.5 2.5 0 0 1 5.5 5h13A2.5 2.5 0 0 1 21 7.5v9a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 16.5v-9Zm3 .5a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2H6Zm10.5 0a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7ZM6 14a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2H6Z'/%3E%3C/svg%3E");
  }

  .stat-card:nth-child(2) span::before{
    background:linear-gradient(180deg,#ff5b5b,#ffcb00);
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10 1 1 0 1 0-2 0 8 8 0 1 1-2.34-5.66l-2.13 2.13A5 5 0 1 0 17 12a1 1 0 1 0-2 0 3 3 0 1 1-.88-2.12l-1.55 1.55A1 1 0 1 0 14 12l7.7-7.7A1 1 0 1 0 20.3 2.9l-1.2 1.2A9.97 9.97 0 0 0 12 2Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10 1 1 0 1 0-2 0 8 8 0 1 1-2.34-5.66l-2.13 2.13A5 5 0 1 0 17 12a1 1 0 1 0-2 0 3 3 0 1 1-.88-2.12l-1.55 1.55A1 1 0 1 0 14 12l7.7-7.7A1 1 0 1 0 20.3 2.9l-1.2 1.2A9.97 9.97 0 0 0 12 2Z'/%3E%3C/svg%3E");
  }

  .stat-card:nth-child(3) span::before{
    background:linear-gradient(180deg,#fff000,#ff5c00);
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 2.4c.3 2.8-.8 4.2-2 5.7-.9 1.1-1.8 2.2-1.8 4 0 1.1.5 2.1 1.4 2.7-.2-1.8.8-3.1 2-4.3.2 1.8 1.7 2.7 2.1 4.3.3 1.3-.2 2.6-1.3 3.3 2.6-.7 4.4-2.9 4.4-5.9 0-3.9-2.9-6.9-4.8-9.8ZM12 22c-4.2 0-7-3-7-7.1 0-3.1 1.7-5.2 3.2-7 1.4-1.7 2.6-3.2 2.3-5.7A1 1 0 0 1 12 .9c3.6 2.3 8 6.7 8 11.4C20 17.9 16.2 22 12 22Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 2.4c.3 2.8-.8 4.2-2 5.7-.9 1.1-1.8 2.2-1.8 4 0 1.1.5 2.1 1.4 2.7-.2-1.8.8-3.1 2-4.3.2 1.8 1.7 2.7 2.1 4.3.3 1.3-.2 2.6-1.3 3.3 2.6-.7 4.4-2.9 4.4-5.9 0-3.9-2.9-6.9-4.8-9.8ZM12 22c-4.2 0-7-3-7-7.1 0-3.1 1.7-5.2 3.2-7 1.4-1.7 2.6-3.2 2.3-5.7A1 1 0 0 1 12 .9c3.6 2.3 8 6.7 8 11.4C20 17.9 16.2 22 12 22Z'/%3E%3C/svg%3E");
  }

  .stat-card.multiplier{
    border-color:rgba(0,255,132,.25);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      inset 0 -22px 42px rgba(0,0,0,.34),
      0 0 24px rgba(0,255,132,.08),
      0 16px 38px rgba(0,0,0,.34);
  }

  .stat-card.multiplier strong{
    font-size:34px;
  }
}

/* CTA inferior refinado */
.bottom-banner{
  min-height:70px;
  max-width:1220px;
  margin-left:auto;
  margin-right:auto;
  padding:0 18px 0 24px;
  background:
    linear-gradient(90deg, rgba(0,120,54,.94), rgba(0,205,96,.96), rgba(0,120,54,.94));
  border:1px solid rgba(255,230,0,.24);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -20px 38px rgba(0,0,0,.20),
    0 0 0 1px rgba(0,255,132,.08),
    0 18px 45px rgba(0,0,0,.34),
    0 0 32px rgba(0,255,132,.14);
}

.bottom-banner::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(110deg, transparent 0%, rgba(255,255,255,.13) 38%, transparent 58%);
  transform:translateX(-120%);
  animation: ctaShine 4.8s ease-in-out infinite;
}

@keyframes ctaShine{
  0%,55%{ transform:translateX(-120%); }
  72%,100%{ transform:translateX(130%); }
}

.bottom-banner strong::before{
  content:"JOGUE E MULTIPLIQUE 2X";
  font-size:25px;
  letter-spacing:.4px;
}

.bottom-banner b{
  min-width:76px;
  height:48px;
  border-radius:15px;
  background:linear-gradient(180deg,#fff200,#ffc400);
  color:#101010;
  text-shadow:none;
  border:1px solid rgba(255,255,255,.35);
}

/* Mobile mantém limpo e sem exagero */
@media(max-width:768px){
  .stat-card::before{
    border-radius:11px;
  }

  .stat-card span::before{
    display:none;
  }

  .bottom-banner{
    max-width:100%;
    min-height:56px;
    padding:0 12px;
  }

  .bottom-banner strong::before{
    font-size:16px;
  }

  .bottom-banner::after{
    animation:none;
  }
}


/* =========================================================
   COPA DA VELHA — V5 ULTRA PREMIUM
   Cards superiores, botão voltar, seleção e CTA refinados
========================================================= */

/* Botão voltar mais premium */
.back-btn{
  position:relative;
  overflow:hidden;
  min-width:235px;
  height:54px;
  border-radius:17px;
  background:
    linear-gradient(180deg, rgba(8,22,20,.96), rgba(3,10,10,.98));
  color:#fff;
  border:1px solid rgba(0,255,132,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 18px rgba(0,255,132,.08),
    0 12px 26px rgba(0,0,0,.28);
  text-shadow:0 2px 10px rgba(0,0,0,.45);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.back-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(0,255,132,.62);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 24px rgba(0,255,132,.18),
    0 14px 28px rgba(0,0,0,.34);
}

.back-btn::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.10) 42%, transparent 60%);
  transform:translateX(-120%);
  transition:.45s ease;
}

.back-btn:hover::after{
  transform:translateX(120%);
}

/* Cards superiores mais cassino premium */
.stats-row{
  position:relative;
}

.stat-card{
  border-color:rgba(0,255,132,.20) !important;
  background:
    linear-gradient(180deg, rgba(24,25,24,.94), rgba(4,7,7,.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -18px 36px rgba(0,0,0,.38),
    0 16px 35px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,255,255,.025) !important;
}

.stat-card span{
  color:#e9e9e9 !important;
  font-weight:950 !important;
  letter-spacing:.65px !important;
  text-transform:uppercase !important;
}

.stat-card strong{
  letter-spacing:.2px;
}

.stat-card.multiplier{
  background:
    linear-gradient(180deg, rgba(20,26,22,.95), rgba(3,10,8,.98)),
    radial-gradient(circle at 70% 30%, rgba(0,255,132,.18), transparent 46%) !important;
}

.stat-card.multiplier strong{
  color:#00ff84 !important;
  text-shadow:
    0 0 12px rgba(0,255,132,.50),
    0 2px 10px rgba(0,0,0,.38);
}

/* Área de escolha mais premium */
.choice-area{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(0,0,0,.72), rgba(0,0,0,.52)),
    radial-gradient(circle at center top, rgba(0,255,132,.08), transparent 42%) !important;
  border:1px solid rgba(0,255,132,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 14px 34px rgba(0,0,0,.26);
}

.choice-area::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, transparent, rgba(0,255,132,.05), transparent);
}

.choice-area h2{
  text-shadow:
    0 0 14px rgba(0,255,132,.34),
    0 2px 12px rgba(0,0,0,.55);
}

.symbol-card{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(8,8,8,.82), rgba(0,0,0,.70)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 25px rgba(0,0,0,.25);
}

.symbol-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at center, rgba(0,255,132,.10), transparent 52%);
  opacity:0;
  transition:.2s ease;
}

.symbol-card:hover::after,
.symbol-card.active::after{
  opacity:1;
}

.symbol-card:hover,
.symbol-card.active{
  border-color:#00ff84 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(0,255,132,.20),
    0 0 28px rgba(0,255,132,.20);
}

.vs-text{
  color:#ffe600 !important;
  text-shadow:
    0 0 12px rgba(255,230,0,.55),
    0 3px 14px rgba(0,0,0,.55);
}

/* CTA final ultra premium */
.bottom-banner{
  background:
    linear-gradient(90deg, rgba(4,34,24,.98), rgba(0,142,70,.96), rgba(4,34,24,.98)) !important;
  border:1px solid rgba(255,230,0,.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -22px 42px rgba(0,0,0,.28),
    0 0 0 1px rgba(0,255,132,.12),
    0 20px 45px rgba(0,0,0,.38),
    0 0 34px rgba(0,255,132,.14) !important;
}

.bottom-banner strong::before{
  content:"MULTIPLIQUE SUA APOSTA EM 2X" !important;
}

.bottom-banner b{
  background:
    linear-gradient(180deg,#fff56a,#ffd000 48%,#f0a800) !important;
  border:1px solid rgba(255,255,255,.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.50),
    inset 0 -8px 14px rgba(0,0,0,.12),
    0 0 22px rgba(255,230,0,.34) !important;
}

/* Melhor espaçamento desktop: menos vazio sem apertar */
@media(min-width:769px){
  .game-center{
    gap:12px;
  }

  .choice-area{
    padding:14px 18px;
  }

  .choice-area h2{
    font-size:34px;
  }

  .choice-area p{
    margin-top:2px;
  }

  .versus-choice{
    margin-top:13px;
  }

  .symbol-card{
    padding:13px;
  }
}

/* Mobile seguro */
@media(max-width:768px){
  .back-btn{
    min-width:unset;
    width:100%;
    height:38px;
    border-radius:13px;
    font-size:13px;
  }

  .stat-card span{
    letter-spacing:.45px !important;
  }

  .choice-area{
    padding:11px;
  }

  .choice-area h2{
    font-size:24px;
  }

  .symbol-card{
    border-radius:16px;
  }

  .bottom-banner strong::before{
    content:"MULTIPLIQUE EM 2X" !important;
  }
}


/* =========================================================
   COPA DA VELHA — V5.1 ICON PATCH
   Troca:
   APOSTA ATUAL = CHIP CASINO
   MULTIPLICADOR = RAIO PREMIUM
========================================================= */

/* Remove visual anterior dos 2 cards e aplica novos ícones */
.stat-card:nth-child(2)::before,
.stat-card:nth-child(3)::before,
.stat-card.multiplier::before{
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 0 18px rgba(255,190,0,.18) !important;
}

/* CHIP CASINO - APOSTA ATUAL */
.stat-card:nth-child(2)::before{
  background:
    radial-gradient(circle at center, rgba(255,255,255,.22) 0 18%, transparent 19%),
    radial-gradient(circle at center, #ffea00 0 28%, #ff9a00 29% 55%, #d93500 56% 100%) !important;
}

/* ícone chip interno */
.stat-card:nth-child(2) span::before{
  width:22px !important;
  height:22px !important;
  left:28px !important;
  top:34px !important;
  background:
    radial-gradient(circle at center, transparent 0 28%, #fff 29% 33%, transparent 34% 100%),
    conic-gradient(from 0deg, #fff 0 10%, transparent 10% 20%, #fff 20% 30%, transparent 30% 40%, #fff 40% 50%, transparent 50% 60%, #fff 60% 70%, transparent 70% 80%, #fff 80% 90%, transparent 90% 100%) !important;
  border-radius:50%;
  mask:none !important;
  -webkit-mask:none !important;
  filter:drop-shadow(0 0 6px rgba(255,255,255,.22));
}

/* RAIO PREMIUM - MULTIPLICADOR */
.stat-card:nth-child(3)::before,
.stat-card.multiplier::before{
  background:
    linear-gradient(180deg,#fff56a,#ffd000 42%, #ff7b00) !important;
}

/* raio interno */
.stat-card:nth-child(3) span::before,
.stat-card.multiplier span::before{
  width:20px !important;
  height:24px !important;
  left:30px !important;
  top:33px !important;
  background:linear-gradient(180deg,#fff,#ffe100,#ffb000) !important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 5 13h5l-1 9 10-13h-6l0-7Z'/%3E%3C/svg%3E") !important;
  mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M13 2 5 13h5l-1 9 10-13h-6l0-7Z"/%3E%3C/svg%3E') !important;
  mask-repeat:no-repeat;
  -webkit-mask-repeat:no-repeat;
  mask-position:center;
  -webkit-mask-position:center;
  mask-size:contain;
  -webkit-mask-size:contain;
  filter:
    drop-shadow(0 0 8px rgba(255,230,0,.55))
    drop-shadow(0 0 14px rgba(255,170,0,.35));
}

/* valor 2x ainda mais forte */
.stat-card:nth-child(3) strong,
.stat-card.multiplier strong{
  text-shadow:
    0 0 14px rgba(0,255,132,.58),
    0 0 28px rgba(0,255,132,.22),
    0 2px 10px rgba(0,0,0,.38) !important;
}

/* mobile proporcional */
@media(max-width:768px){
  .stat-card:nth-child(2) span::before,
  .stat-card:nth-child(3) span::before,
  .stat-card.multiplier span::before{
    left:24px !important;
    top:25px !important;
    transform:scale(.82);
  }
}


/* =========================================================
   COPA DA VELHA — V5.2 ICON LUXURY OPEN PACK
   Medalhões abertos / premium consistentes
========================================================= */

/* Base igual para os 3 ícones */
.stat-card:nth-child(1)::before,
.stat-card:nth-child(2)::before,
.stat-card:nth-child(3)::before,
.stat-card.multiplier::before{
  width:54px !important;
  height:54px !important;
  left:16px !important;
  top:18px !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.18),
    inset 0 -8px 16px rgba(0,0,0,.18),
    0 0 0 4px rgba(255,255,255,.02),
    0 10px 24px rgba(0,0,0,.28) !important;
  overflow:hidden;
}

/* efeito aberto/reflexo */
.stat-card:nth-child(1)::after,
.stat-card:nth-child(2)::after,
.stat-card:nth-child(3)::after,
.stat-card.multiplier::after{
  content:"";
  position:absolute;
  width:54px;
  height:54px;
  left:16px;
  top:18px;
  border-radius:50%;
  pointer-events:none;
  background:
    radial-gradient(circle at 28% 24%, rgba(255,255,255,.32), transparent 22%),
    linear-gradient(145deg, rgba(255,255,255,.10), transparent 42%);
}

/* SALDO = moeda aberta */
.stat-card:nth-child(1)::before{
  background:
    radial-gradient(circle at center, rgba(255,255,255,.22) 0 18%, transparent 19%),
    radial-gradient(circle at center, #fff58a 0 30%, #ffd500 31% 62%, #e0a100 63% 100%) !important;
}

.stat-card:nth-child(1) span::before{
  width:22px !important;
  height:22px !important;
  left:32px !important;
  top:34px !important;
  border-radius:50%;
  background:
    linear-gradient(180deg,#fff,#ffe96a,#ffcd00) !important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a1 1 0 0 1 1 1v1h3a1 1 0 1 1 0 2h-3v2h1a5 5 0 0 1 0 10h-1v1a1 1 0 1 1-2 0v-1H8a1 1 0 1 1 0-2h3v-2h-1a5 5 0 0 1 0-10h1V3a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a1 1 0 0 1 1 1v1h3a1 1 0 1 1 0 2h-3v2h1a5 5 0 0 1 0 10h-1v1a1 1 0 1 1-2 0v-1H8a1 1 0 1 1 0-2h3v-2h-1a5 5 0 0 1 0-10h1V3a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E");
  mask-size:contain; -webkit-mask-size:contain;
  mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat;
  mask-position:center; -webkit-mask-position:center;
}

/* APOSTA = ficha aberta */
.stat-card:nth-child(2)::before{
  background:
    conic-gradient(from 0deg, #ffd400 0 12%, #ff7b00 12% 24%, #ffd400 24% 36%, #ff5200 36% 48%, #ffd400 48% 60%, #ff7b00 60% 72%, #ffd400 72% 84%, #ff5200 84% 100%) !important;
}

.stat-card:nth-child(2) span::before{
  width:26px !important;
  height:26px !important;
  left:30px !important;
  top:32px !important;
  border-radius:50%;
  background:
    radial-gradient(circle at center, transparent 0 34%, #fff 35% 42%, transparent 43% 100%),
    radial-gradient(circle at center, #fff5b0 0 22%, #ffb800 23% 100%) !important;
  mask:none !important;
  -webkit-mask:none !important;
}

/* MULTIPLICADOR = orb elétrica aberta */
.stat-card:nth-child(3)::before,
.stat-card.multiplier::before{
  background:
    radial-gradient(circle at 35% 30%, rgba(255,255,255,.32), transparent 18%),
    radial-gradient(circle at center, #fff37a 0 18%, #00ff9d 19% 56%, #009d5f 57% 100%) !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.22),
    inset 0 -10px 18px rgba(0,0,0,.16),
    0 0 18px rgba(0,255,132,.28),
    0 10px 24px rgba(0,0,0,.28) !important;
}

.stat-card:nth-child(3) span::before,
.stat-card.multiplier span::before{
  width:22px !important;
  height:26px !important;
  left:32px !important;
  top:32px !important;
  background:linear-gradient(180deg,#fff,#ffe700,#fff06a) !important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 5 13h5l-1 9 10-13h-6l0-7Z'/%3E%3C/svg%3E");
  mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M13 2 5 13h5l-1 9 10-13h-6l0-7Z"/%3E%3C/svg%3E');
  mask-size:contain; -webkit-mask-size:contain;
  mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat;
  mask-position:center; -webkit-mask-position:center;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.45));
}

/* Espaço para medalhão */
.stat-card{
  padding-left:86px !important;
}

/* Mobile */
@media(max-width:768px){
  .stat-card{
    padding-left:62px !important;
  }

  .stat-card:nth-child(1)::before,
  .stat-card:nth-child(2)::before,
  .stat-card:nth-child(3)::before,
  .stat-card.multiplier::before,
  .stat-card:nth-child(1)::after,
  .stat-card:nth-child(2)::after,
  .stat-card:nth-child(3)::after,
  .stat-card.multiplier::after{
    width:38px !important;
    height:38px !important;
    left:12px !important;
    top:14px !important;
  }

  .stat-card span::before{
    transform:scale(.72);
    left:20px !important;
    top:20px !important;
  }
}


/* =========================================================
   COPA DA VELHA — V5.4 ICON CLEAN PRO
   Ícones minimalistas neon no estilo premium enviado
   Corrige versões anteriores exageradas
========================================================= */

/* Cards com espaço correto para ícones finos */
.stat-card{
  padding-left:66px !important;
}

/* Remove medalhões/ícones antigos */
.stat-card:nth-child(1)::before,
.stat-card:nth-child(2)::before,
.stat-card:nth-child(3)::before,
.stat-card.multiplier::before{
  content:"" !important;
  position:absolute !important;
  left:22px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:30px !important;
  height:30px !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  overflow:visible !important;
  mask-repeat:no-repeat !important;
  mask-position:center !important;
  mask-size:contain !important;
  -webkit-mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  -webkit-mask-size:contain !important;
}

/* Remove brilho circular antigo */
.stat-card:nth-child(1)::after,
.stat-card:nth-child(2)::after,
.stat-card:nth-child(3)::after,
.stat-card.multiplier::after{
  display:none !important;
}

/* Remove ícones internos antigos */
.stat-card:nth-child(1) span::before,
.stat-card:nth-child(2) span::before,
.stat-card:nth-child(3) span::before,
.stat-card.multiplier span::before{
  display:none !important;
}

/* SALDO — carteira neon verde */
.stat-card:nth-child(1)::before{
  background:#00ff84 !important;
  filter:
    drop-shadow(0 0 6px rgba(0,255,132,.55))
    drop-shadow(0 0 14px rgba(0,255,132,.18)) !important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 7.5h15A2.5 2.5 0 0 1 21 10v8a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18V6.5A2.5 2.5 0 0 1 5.5 4H17'/%3E%3Cpath d='M18 12.5h3v4h-3a2 2 0 0 1 0-4Z'/%3E%3Cpath d='M7 7.5 16.5 4'/%3E%3Ccircle cx='18' cy='14.5' r='.6' fill='black' stroke='none'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 7.5h15A2.5 2.5 0 0 1 21 10v8a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18V6.5A2.5 2.5 0 0 1 5.5 4H17'/%3E%3Cpath d='M18 12.5h3v4h-3a2 2 0 0 1 0-4Z'/%3E%3Cpath d='M7 7.5 16.5 4'/%3E%3Ccircle cx='18' cy='14.5' r='.6' fill='black' stroke='none'/%3E%3C/svg%3E") !important;
}

/* APOSTA ATUAL — moeda/dólar neon dourado */
.stat-card:nth-child(2)::before{
  background:#ffe600 !important;
  filter:
    drop-shadow(0 0 6px rgba(255,230,0,.55))
    drop-shadow(0 0 14px rgba(255,184,0,.20)) !important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 6.8v10.4'/%3E%3Cpath d='M15.2 9.1c-.7-.8-1.8-1.2-3.1-1.2-1.7 0-3 .8-3 2.1 0 1.5 1.5 1.9 3.1 2.2 1.8.4 3.1.8 3.1 2.3 0 1.3-1.3 2.1-3.1 2.1-1.5 0-2.8-.5-3.6-1.5'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 6.8v10.4'/%3E%3Cpath d='M15.2 9.1c-.7-.8-1.8-1.2-3.1-1.2-1.7 0-3 .8-3 2.1 0 1.5 1.5 1.9 3.1 2.2 1.8.4 3.1.8 3.1 2.3 0 1.3-1.3 2.1-3.1 2.1-1.5 0-2.8-.5-3.6-1.5'/%3E%3C/svg%3E") !important;
}

/* MULTIPLICADOR — 2X neon verde em círculo */
.stat-card:nth-child(3)::before,
.stat-card.multiplier::before{
  background:#00ff84 !important;
  filter:
    drop-shadow(0 0 7px rgba(0,255,132,.65))
    drop-shadow(0 0 16px rgba(0,255,132,.22)) !important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M6.8 9.2c.4-.8 1.2-1.3 2.2-1.3 1.3 0 2.2.8 2.2 1.9 0 1.3-1 2-2.1 2.9l-2.2 1.9h4.5'/%3E%3Cpath d='m14 8 4 7'/%3E%3Cpath d='m18 8-4 7'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M6.8 9.2c.4-.8 1.2-1.3 2.2-1.3 1.3 0 2.2.8 2.2 1.9 0 1.3-1 2-2.1 2.9l-2.2 1.9h4.5'/%3E%3Cpath d='m14 8 4 7'/%3E%3Cpath d='m18 8-4 7'/%3E%3C/svg%3E") !important;
}

/* Deixa os cards mais limpos para combinar com os ícones */
.stat-card{
  background:
    linear-gradient(180deg, rgba(10,17,16,.94), rgba(3,8,8,.98)) !important;
  border-color:rgba(0,255,132,.18) !important;
}

.stat-card span{
  font-size:14px !important;
  letter-spacing:.2px !important;
  text-transform:none !important;
}

.stat-card strong{
  margin-top:6px !important;
}

/* Mobile proporcional */
@media(max-width:768px){
  .stat-card{
    padding-left:52px !important;
  }

  .stat-card:nth-child(1)::before,
  .stat-card:nth-child(2)::before,
  .stat-card:nth-child(3)::before,
  .stat-card.multiplier::before{
    left:16px !important;
    width:25px !important;
    height:25px !important;
  }
}



/* =========================================================
   CORREÇÃO FINAL DO TOPO — IGUAL AO PRIMEIRO PRINT
   Logo esquerda | Voltar ao início central | Saldo/Depositar direita
   Também remove emoji duplicado do botão via CSS.
========================================================= */

.topbar{
  display:grid !important;
  grid-template-columns:120px 1fr auto !important;
  align-items:center !important;
  gap:14px !important;
  padding:12px 16px !important;
  border-radius:22px !important;
  background:rgba(0,0,0,.68) !important;
  border:1px solid rgba(0,255,132,.14) !important;
  position:relative !important;
}

.logo{
  grid-column:1 !important;
  justify-self:start !important;
  width:88px !important;
  margin:0 !important;
}

.logo img,
.logo{
  max-width:88px !important;
}

/* Ações da direita voltam para o lado direito */
.top-actions{
  grid-column:3 !important;
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

/* Botão centralizado, sem quebrar o grid */
.back-btn{
  grid-column:2 !important;
  justify-self:center !important;
  position:relative !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;

  width:auto !important;
  min-width:270px !important;
  height:58px !important;
  padding:0 30px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;

  border-radius:18px !important;
  border:1px solid rgba(0,255,132,.62) !important;

  background:
    linear-gradient(180deg, rgba(8,24,20,.98), rgba(3,12,10,.98)) !important;

  color:#fff !important;
  text-decoration:none !important;
  line-height:1 !important;
  overflow:hidden !important;
  cursor:pointer !important;
  white-space:nowrap !important;

  /* esconde texto/emoji original do HTML */
  font-size:0 !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 0 1px rgba(0,255,132,.10),
    0 0 26px rgba(0,255,132,.16),
    0 14px 28px rgba(0,0,0,.32) !important;
}

/* Ícone casa premium real */
.back-btn::before{
  content:"" !important;
  position:relative !important;
  inset:auto !important;
  transform:none !important;

  width:28px !important;
  height:28px !important;
  flex:0 0 28px !important;
  display:block !important;

  background:#00ff84 !important;

  -webkit-mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5.5 10.5V20h13v-9.5'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E")
    center / contain no-repeat !important;

  mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5.5 10.5V20h13v-9.5'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E")
    center / contain no-repeat !important;

  filter:
    drop-shadow(0 0 8px rgba(0,255,132,.70))
    drop-shadow(0 0 16px rgba(0,255,132,.30)) !important;
}

/* Texto limpo, sem emoji duplicado */
.back-btn::after{
  content:"Voltar ao início" !important;
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  pointer-events:none !important;
  background:none !important;

  display:block !important;
  color:#fff !important;
  font-size:22px !important;
  font-weight:900 !important;
  letter-spacing:.2px !important;
  text-shadow:0 2px 10px rgba(0,0,0,.55) !important;
}

.back-btn:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(0,255,132,.86) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 0 1px rgba(0,255,132,.16),
    0 0 34px rgba(0,255,132,.24),
    0 16px 30px rgba(0,0,0,.36) !important;
}

/* MOBILE */
@media(max-width:768px){
  .topbar{
    grid-template-columns:1fr !important;
    text-align:center !important;
    gap:7px !important;
    padding:7px !important;
  }

  .logo{
    grid-column:1 !important;
    justify-self:center !important;
    width:64px !important;
    max-width:64px !important;
    margin:0 auto !important;
  }

  .back-btn{
    grid-column:1 !important;
    justify-self:center !important;
    width:100% !important;
    min-width:unset !important;
    height:42px !important;
    padding:0 16px !important;
    border-radius:14px !important;
  }

  .back-btn::before{
    width:20px !important;
    height:20px !important;
    flex-basis:20px !important;
  }

  .back-btn::after{
    font-size:15px !important;
  }

  .top-actions{
    grid-column:1 !important;
    justify-self:center !important;
    display:none !important;
  }

  .back-btn:hover{
    transform:translateY(-1px) !important;
  }
}



/* =========================================================
   CORREÇÃO FINAL — BANNER PREMIUM INTEGRADO
   Deixa o banner menos quadrado e mais natural no site.
   HTML esperado:
   <section class="bottom-banner premium-banner">
     <img src="assets/banner-premium-2x.png" alt="Desafie o adversário e ganhe 2X">
   </section>
========================================================= */

.bottom-banner.premium-banner{
  width:100% !important;
  max-width:1240px !important;
  margin:18px auto 0 !important;
  padding:0 !important;
  min-height:auto !important;

  display:block !important;
  position:relative !important;
  overflow:hidden !important;

  border-radius:30px !important;
  background:transparent !important;
  border:1px solid rgba(0,255,132,.16) !important;

  box-shadow:
    0 18px 42px rgba(0,0,0,.42),
    0 0 0 1px rgba(255,230,0,.05),
    0 0 28px rgba(0,255,132,.12) !important;
}

/* remove efeitos antigos da faixa verde */
.bottom-banner.premium-banner::before,
.bottom-banner.premium-banner::after{
  display:none !important;
  content:none !important;
}

/* imagem integrada */
.bottom-banner.premium-banner img{
  width:100% !important;
  height:auto !important;
  display:block !important;
  object-fit:cover !important;
  border-radius:30px !important;
}

/* glow externo fino, sem parecer caixa quadrada */
.bottom-banner.premium-banner{
  isolation:isolate;
}

.bottom-banner.premium-banner > img{
  position:relative;
  z-index:1;
}

/* some durante a partida, igual o banner antigo */
body.playing-mode .bottom-banner.premium-banner{
  display:none !important;
}

/* MOBILE */
@media(max-width:768px){
  .bottom-banner.premium-banner{
    margin-top:12px !important;
    border-radius:18px !important;
    box-shadow:
      0 12px 26px rgba(0,0,0,.38),
      0 0 18px rgba(0,255,132,.10) !important;
  }

  .bottom-banner.premium-banner img{
    border-radius:18px !important;
  }
}

@media(max-width:420px){
  .bottom-banner.premium-banner{
    border-radius:15px !important;
    margin-top:10px !important;
  }

  .bottom-banner.premium-banner img{
    border-radius:15px !important;
  }
}



/* =========================================================
   COPA DA VELHA — V18 CLEAN MASTER DEFINITIVO
   Base final organizada:
   - Tabuleiro premium volta forte
   - Remove aparência verde simples
   - Desktop premium
   - Mobile leve e bonito
   - Sem mexer no HTML/JS
========================================================= */

/* =========================
   TABULEIRO PREMIUM DESKTOP
========================= */

.board-wrap{
  position:relative !important;
  overflow:hidden !important;
  padding:18px !important;
  border-radius:34px !important;

  background:
    linear-gradient(180deg, rgba(0,0,0,.78), rgba(0,10,6,.92)),
    radial-gradient(circle at 50% 12%, rgba(0,255,132,.12), transparent 50%) !important;

  border:1px solid rgba(0,255,132,.18) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -34px 48px rgba(0,0,0,.42),
    0 20px 44px rgba(0,0,0,.40),
    0 0 28px rgba(0,255,132,.12) !important;
}

.board-wrap::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  border-radius:inherit !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,225,80,.10), transparent 42%),
    linear-gradient(90deg, transparent, rgba(0,255,132,.055), transparent) !important;
}

.board{
  position:relative !important;
  z-index:1 !important;

  width:min(100%,610px,calc(100vh - 270px)) !important;
  aspect-ratio:1/1 !important;
  margin:0 auto !important;

  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:10px !important;
  padding:18px !important;

  border-radius:32px !important;
  border:1px solid rgba(255,220,64,.34) !important;

  background:
    linear-gradient(145deg, rgba(3,32,20,.98), rgba(0,10,7,.99)),
    radial-gradient(circle at center, rgba(0,255,132,.10), transparent 52%) !important;

  box-shadow:
    inset 0 0 0 3px rgba(0,255,132,.18),
    inset 0 0 0 7px rgba(0,0,0,.25),
    inset 0 0 34px rgba(0,0,0,.70),
    0 0 0 1px rgba(255,220,64,.13),
    0 0 30px rgba(0,255,132,.20),
    0 16px 40px rgba(0,0,0,.45) !important;
}

.board::before{
  content:"" !important;
  position:absolute !important;
  inset:6px !important;
  pointer-events:none !important;
  border-radius:28px !important;
  border:2px solid rgba(0,255,132,.32) !important;
  box-shadow:
    inset 0 0 18px rgba(0,255,132,.14),
    0 0 18px rgba(0,255,132,.10) !important;
}

.board::after{
  content:"" !important;
  position:absolute !important;
  inset:13px !important;
  pointer-events:none !important;
  border-radius:23px !important;
  border:1px solid rgba(255,214,58,.40) !important;
  box-shadow:inset 0 0 14px rgba(255,214,58,.07) !important;
}

/* Casas premium */
.cell{
  position:relative !important;
  overflow:hidden !important;

  border-radius:24px !important;
  border:1px solid rgba(157,255,71,.36) !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  background:
    radial-gradient(circle at 50% 16%, rgba(255,255,255,.12), transparent 28%),
    linear-gradient(180deg, rgba(18,78,31,.98), rgba(6,39,19,.98)) !important;

  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.11),
    inset 0 -26px 34px rgba(0,0,0,.35),
    inset 0 0 0 2px rgba(0,255,132,.11),
    inset 0 0 20px rgba(160,255,65,.10),
    0 7px 15px rgba(0,0,0,.36),
    0 0 9px rgba(0,255,132,.09) !important;

  transition:none !important;
}

.cell::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  border-radius:inherit !important;
  opacity:.26 !important;

  background:
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,.055) 0px,
      rgba(255,255,255,.055) 1px,
      transparent 1px,
      transparent 6px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(0,0,0,.070) 0px,
      rgba(0,0,0,.070) 1px,
      transparent 1px,
      transparent 7px
    ) !important;
}

.cell::after{
  content:"" !important;
  position:absolute !important;
  inset:7px !important;
  pointer-events:none !important;
  border-radius:18px !important;
  border:1px solid rgba(175,255,73,.32) !important;
  box-shadow:
    inset 0 0 15px rgba(175,255,73,.13),
    0 0 8px rgba(175,255,73,.06) !important;
}

/* Remove hover pesado antigo */
.cell:hover{
  transform:none !important;
}

/* Centro levemente especial */
.cell:nth-child(5){
  border-color:rgba(255,230,80,.40) !important;
  background:
    radial-gradient(circle at center, rgba(255,230,80,.10), transparent 42%),
    radial-gradient(circle at 50% 16%, rgba(255,255,255,.12), transparent 28%),
    linear-gradient(180deg, rgba(24,92,38,.98), rgba(8,48,22,.98)) !important;
}

/* Peças maiores e bonitas */
.cell img{
  position:relative !important;
  z-index:3 !important;
  width:78% !important;
  height:78% !important;
  object-fit:contain !important;

  filter:
    drop-shadow(0 12px 12px rgba(0,0,0,.58))
    drop-shadow(0 0 9px rgba(255,255,255,.12))
    drop-shadow(0 0 10px rgba(0,255,132,.06)) !important;

  animation:pieceDropV18 .28s cubic-bezier(.18,.85,.25,1.08) !important;
}

@keyframes pieceDropV18{
  0%{
    transform:scale(.42) translateY(-10px);
    opacity:0;
  }
  70%{
    transform:scale(1.08) translateY(2px);
    opacity:1;
  }
  100%{
    transform:scale(1) translateY(0);
    opacity:1;
  }
}

.cell.played{
  animation:cellImpactV18 .22s ease !important;
}

@keyframes cellImpactV18{
  0%{ transform:scale(.98); }
  60%{ transform:scale(1.025); }
  100%{ transform:scale(1); }
}

/* Vitória premium sem excesso */
.cell.win,
.cell.win-cell{
  position:relative !important;
  z-index:5 !important;

  border-color:rgba(255,232,36,.96) !important;

  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.16),
    inset 0 0 20px rgba(255,230,0,.30),
    0 0 0 2px rgba(255,230,0,.48),
    0 0 22px rgba(0,255,132,.45),
    0 0 30px rgba(255,230,0,.32) !important;
}

.cell.win::before,
.cell.win-cell::before{
  content:"" !important;
  position:absolute !important;
  left:10% !important;
  right:10% !important;
  top:50% !important;
  height:4px !important;
  transform:translateY(-50%) !important;
  border-radius:999px !important;
  z-index:2 !important;

  background:
    linear-gradient(90deg,
      transparent,
      rgba(255,230,0,.35),
      rgba(255,255,255,.88),
      rgba(255,230,0,.92),
      transparent
    ) !important;

  box-shadow:
    0 0 10px rgba(255,230,0,.48),
    0 0 18px rgba(0,255,132,.24) !important;

  opacity:.90 !important;
}

.cell.win::after,
.cell.win-cell::after{
  border-color:rgba(255,230,0,.42) !important;
  box-shadow:inset 0 0 16px rgba(255,230,0,.20) !important;
}

/* Derrota limpa */
.cell.lose-line{
  border-color:rgba(255,68,68,.92) !important;
  box-shadow:
    inset 0 0 16px rgba(255,68,68,.15),
    0 0 0 2px rgba(255,68,68,.60),
    0 0 18px rgba(255,68,68,.28) !important;
}

/* =========================
   MOBILE PREMIUM LIGHT
========================= */

@media(max-width:1200px){
  .board-wrap{
    padding:12px !important;
    border-radius:28px !important;
  }

  .board{
    width:min(100%,620px) !important;
    padding:14px !important;
    gap:9px !important;
    border-radius:27px !important;
  }

  .board::before{
    inset:5px !important;
    border-radius:23px !important;
  }

  .board::after{
    inset:11px !important;
    border-radius:20px !important;
  }
}

@media(max-width:768px){
  .board-wrap{
    padding:6px !important;
    border-radius:20px !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.04),
      0 10px 22px rgba(0,0,0,.30),
      0 0 14px rgba(0,255,132,.10) !important;
  }

  .board,
  body.playing-mode .board{
    width:92vw !important;
    max-width:92vw !important;
    padding:8px !important;
    gap:6px !important;
    border-radius:20px !important;

    box-shadow:
      inset 0 0 0 2px rgba(0,255,132,.14),
      inset 0 0 22px rgba(0,0,0,.56),
      0 0 16px rgba(0,255,132,.12),
      0 9px 22px rgba(0,0,0,.34) !important;
  }

  .board::before{
    inset:4px !important;
    border-radius:16px !important;
    border-width:1px !important;
    box-shadow:none !important;
  }

  .board::after{
    inset:7px !important;
    border-radius:13px !important;
    opacity:.55 !important;
    box-shadow:none !important;
  }

  .cell{
    border-radius:13px !important;
    border-color:rgba(157,255,71,.26) !important;

    background:
      radial-gradient(circle at 50% 16%, rgba(255,255,255,.09), transparent 28%),
      linear-gradient(180deg, rgba(28,112,58,.96), rgba(14,78,41,.96)) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.09),
      inset 0 -12px 18px rgba(0,0,0,.22),
      inset 0 0 0 1px rgba(0,255,132,.07),
      0 4px 9px rgba(0,0,0,.26) !important;
  }

  .cell::before{
    opacity:.12 !important;
  }

  .cell::after{
    inset:4px !important;
    border-radius:10px !important;
    border-color:rgba(175,255,73,.20) !important;
    box-shadow:none !important;
  }

  .cell:nth-child(5){
    background:
      radial-gradient(circle at center, rgba(255,230,0,.08), transparent 45%),
      linear-gradient(180deg, rgba(31,122,64,.96), rgba(15,84,44,.96)) !important;
  }

  .cell img{
    width:74% !important;
    height:74% !important;
    filter:
      drop-shadow(0 7px 8px rgba(0,0,0,.46))
      drop-shadow(0 0 5px rgba(255,255,255,.10)) !important;
    animation:pieceDropMobileV18 .20s ease-out !important;
  }

  @keyframes pieceDropMobileV18{
    0%{ transform:scale(.82); opacity:.45; }
    100%{ transform:scale(1); opacity:1; }
  }

  .cell.played{
    animation:cellTapMobileV18 .18s ease-out !important;
  }

  @keyframes cellTapMobileV18{
    0%{ transform:scale(.985); }
    100%{ transform:scale(1); }
  }

  .cell.win,
  .cell.win-cell{
    animation:none !important;
    transform:none !important;
    filter:none !important;

    border-color:rgba(255,230,0,.86) !important;
    box-shadow:
      inset 0 0 13px rgba(255,230,0,.20),
      0 0 0 1px rgba(255,230,0,.34),
      0 0 14px rgba(0,255,132,.18) !important;
  }

  .cell.win::before,
  .cell.win-cell::before{
    height:3px !important;
    opacity:.78 !important;
    box-shadow:0 0 7px rgba(255,230,0,.30) !important;
  }

  .cell.win::after,
  .cell.win-cell::after{
    box-shadow:none !important;
  }

  .cell.lose-line{
    box-shadow:
      inset 0 0 10px rgba(255,68,68,.12),
      0 0 0 1px rgba(255,68,68,.50),
      0 0 9px rgba(255,68,68,.16) !important;
  }

  .result-flash-win,
  .result-flash-lose,
  .result-flash-draw{
    display:none !important;
    animation:none !important;
  }

  .result-toast{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .stat-card::after{
    display:none !important;
  }
}

@media(max-width:430px){
  .board,
  body.playing-mode .board{
    gap:5px !important;
    padding:7px !important;
    border-radius:18px !important;
  }

  .cell{
    border-radius:11px !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      inset 0 -10px 14px rgba(0,0,0,.18),
      0 3px 8px rgba(0,0,0,.22) !important;
  }

  .cell::before{
    opacity:.08 !important;
  }

  .cell::after{
    border-radius:8px !important;
  }

  .cell img{
    width:72% !important;
    height:72% !important;
  }
}



/* =========================================================
   COPA DA VELHA — MODAL PREMIUM DE RESULTADO
   Isolado para não mexer no tabuleiro/layout.
========================================================= */

.round-result-overlay{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(0,0,0,.72);
}

.round-result-overlay.show{
  display:flex;
}

.round-result-modal{
  position:relative;
  width:min(92vw,460px);
  border-radius:26px;
  padding:22px 22px 20px;
  text-align:center;
  overflow:hidden;

  background:
    linear-gradient(180deg, rgba(10,16,14,.97), rgba(2,6,5,.98)),
    radial-gradient(circle at top, rgba(0,255,132,.13), transparent 48%);

  border:1px solid rgba(0,255,132,.28);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 24px 60px rgba(0,0,0,.62),
    0 0 28px rgba(0,255,132,.14);
}

.round-result-modal::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,230,0,.11), transparent 35%),
    linear-gradient(120deg, transparent, rgba(255,255,255,.045), transparent);
}

.round-result-close{
  position:absolute;
  top:14px;
  right:14px;
  z-index:3;
  width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(255,255,255,.10);
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  font-size:22px;
  line-height:1;
  font-weight:900;
}

.round-result-visual{
  position:relative;
  z-index:2;
  height:132px;
  margin:0 auto 10px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.round-result-visual img{
  width:124px;
  height:124px;
  object-fit:contain;
  filter:
    drop-shadow(0 16px 18px rgba(0,0,0,.55))
    drop-shadow(0 0 18px rgba(255,230,0,.22));
}

.round-result-visual.draw img{
  width:94px;
  height:94px;
}

.round-result-visual.draw{
  gap:8px;
}

.round-result-kicker{
  position:relative;
  z-index:2;
  margin-bottom:4px;
  color:#ffe600;
  font-size:15px;
  font-weight:950;
  letter-spacing:.5px;
  text-transform:uppercase;
}

.round-result-title{
  position:relative;
  z-index:2;
  margin:0;
  font-size:28px;
  line-height:1.12;
  font-weight:950;
  color:#fff;
  text-transform:uppercase;
  text-shadow:0 2px 14px rgba(0,0,0,.46);
}

.round-result-desc{
  position:relative;
  z-index:2;
  max-width:360px;
  margin:10px auto 0;
  color:#d8d8d8;
  font-size:15px;
  line-height:1.42;
}

.round-result-money{
  position:relative;
  z-index:2;
  display:grid;
  gap:8px;
  margin:17px 0 18px;
}

.round-result-pill{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:15px;
  background:rgba(0,0,0,.38);
  border:1px solid rgba(0,255,132,.13);
}

.round-result-pill span{
  color:#c9c9c9;
  font-size:13px;
  font-weight:800;
}

.round-result-pill strong{
  color:#00ff84;
  font-size:18px;
  font-weight:950;
}

.round-result-actions{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:10px;
}

.round-result-actions button{
  height:52px;
  border-radius:15px;
  font-size:15px;
  font-weight:950;
}

.round-play-again{
  background:linear-gradient(180deg,#ffe600,#d4b400);
  color:#101010;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    0 0 20px rgba(255,230,0,.18);
}

.round-exit{
  color:#fff;
  background:linear-gradient(180deg,rgba(28,28,28,.96),rgba(10,10,10,.96));
  border:1px solid rgba(255,255,255,.16);
}

/* Variações por resultado */
.round-result-modal.win{
  border-color:rgba(0,255,132,.45);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 24px 60px rgba(0,0,0,.62),
    0 0 30px rgba(0,255,132,.18);
}

.round-result-modal.lose{
  border-color:rgba(255,70,70,.45);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 24px 60px rgba(0,0,0,.62),
    0 0 28px rgba(255,70,70,.16);
}

.round-result-modal.lose .round-result-kicker,
.round-result-modal.lose .round-result-pill strong{
  color:#ff4b4b;
}

.round-result-modal.lose .round-result-visual img{
  filter:
    drop-shadow(0 16px 18px rgba(0,0,0,.55))
    drop-shadow(0 0 18px rgba(255,70,70,.25));
}

.round-result-modal.draw{
  border-color:rgba(255,230,0,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 24px 60px rgba(0,0,0,.62),
    0 0 28px rgba(255,230,0,.14);
}

.round-result-modal.draw .round-result-pill strong{
  color:#ffe600;
}

/* Mobile premium light */
@media(max-width:768px){
  .round-result-overlay{
    padding:14px;
    background:rgba(0,0,0,.76);
  }

  .round-result-modal{
    width:100%;
    max-width:390px;
    border-radius:22px;
    padding:18px;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.06),
      0 16px 38px rgba(0,0,0,.56),
      0 0 16px rgba(0,255,132,.10);
  }

  .round-result-close{
    width:32px;
    height:32px;
    top:12px;
    right:12px;
    font-size:20px;
  }

  .round-result-visual{
    height:112px;
    margin-bottom:8px;
  }

  .round-result-visual img{
    width:105px;
    height:105px;
  }

  .round-result-visual.draw img{
    width:78px;
    height:78px;
  }

  .round-result-kicker{
    font-size:13px;
  }

  .round-result-title{
    font-size:23px;
  }

  .round-result-desc{
    font-size:14px;
  }

  .round-result-pill{
    padding:11px 12px;
  }

  .round-result-pill strong{
    font-size:17px;
  }

  .round-result-actions{
    grid-template-columns:1fr;
  }

  .round-result-actions button{
    height:49px;
  }
}



/* =========================================================
   FIX SEGURO — FUNDO BRANCO NO FINAL DO MOBILE
   Corrige somente o branco/sobra no fim da página do jogo.
   Não altera tabuleiro, cards, botões ou desktop.
========================================================= */

@media(max-width:768px){
  html,
  body{
    background-color:#000 !important;
    overflow-x:hidden;
  }

  body{
    min-height:100svh;
  }

  .app{
    margin-bottom:0 !important;
    padding-bottom:6px !important;
  }

  .bottom-banner,
  .premium-banner{
    margin-bottom:0 !important;
  }
}

@supports(height:100dvh){
  @media(max-width:768px){
    body{
      min-height:100dvh;
    }
  }
}



/* =========================================================
   CONTADOR VISUAL DE SALDO — V1 LEVE PREMIUM
   Leve no mobile e sincronizado no desktop.
========================================================= */

.balance-card,
.stat-card{
  position:relative;
}

.saldo-pop{
  position:absolute;
  right:12px;
  top:7px;
  z-index:20;
  pointer-events:none;

  padding:5px 9px;
  border-radius:999px;

  font-size:13px;
  line-height:1;
  font-weight:950;
  white-space:nowrap;

  opacity:0;
  transform:translateY(8px) scale(.96);
  animation:saldoPopV1 .9s ease forwards;

  background:rgba(0,0,0,.72);
  border:1px solid rgba(0,255,132,.26);
  box-shadow:0 0 14px rgba(0,255,132,.14);
}

.saldo-pop.win{
  color:#00ff84;
}

.saldo-pop.draw{
  color:#ffe600;
  border-color:rgba(255,230,0,.30);
  box-shadow:0 0 14px rgba(255,230,0,.12);
}

.balance-card .saldo-pop{
  top:-8px;
  right:6px;
}

@keyframes saldoPopV1{
  0%{
    opacity:0;
    transform:translateY(8px) scale(.96);
  }

  18%{
    opacity:1;
    transform:translateY(0) scale(1);
  }

  72%{
    opacity:1;
    transform:translateY(-3px) scale(1);
  }

  100%{
    opacity:0;
    transform:translateY(-10px) scale(.98);
  }
}

@media(max-width:768px){
  .saldo-pop{
    top:6px;
    right:10px;
    padding:4px 8px;
    font-size:11px;
    animation-duration:.65s;
    box-shadow:0 0 10px rgba(0,255,132,.10);
  }

  .balance-card .saldo-pop{
    display:none;
  }
}

  }
}

/* DEPOSITO PIX MODAL */
.deposit-overlay{position:fixed;inset:0;z-index:2600;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.78);backdrop-filter:blur(12px)}.deposit-overlay.active{display:flex}.deposit-modal{width:100%;max-width:430px;position:relative;border-radius:28px;padding:22px;background:radial-gradient(circle at 20% 0%,rgba(28,255,109,.14),transparent 35%),linear-gradient(135deg,rgba(8,26,17,.98),rgba(2,8,6,.99));border:1px solid rgba(28,255,109,.24);box-shadow:0 30px 80px rgba(0,0,0,.58),0 0 36px rgba(28,255,109,.08)}.deposit-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:13px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);color:#fff;font-size:26px;cursor:pointer}.deposit-head{display:flex;align-items:center;gap:13px;margin-bottom:18px}.deposit-head img{width:68px;filter:drop-shadow(0 0 12px rgba(28,255,109,.12))}.deposit-head span{display:block;font-size:12px;font-weight:900;color:#1cff6d;text-transform:uppercase;letter-spacing:.5px}.deposit-head h3{font-size:26px;font-weight:900;line-height:1.05}.deposit-label{display:block;font-size:13px;font-weight:900;color:rgba(255,255,255,.72);margin-bottom:12px}.deposit-label input{width:100%;height:54px;margin-top:8px;border-radius:15px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.34);color:#fff;font-size:22px;font-weight:900;padding:0 15px;outline:none;font-family:'Poppins',Arial,sans-serif}.deposit-label input:focus{border-color:rgba(28,255,109,.48);box-shadow:0 0 0 3px rgba(28,255,109,.10)}.deposit-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.deposit-quick button{height:42px;border-radius:13px;border:1px solid rgba(28,255,109,.18);background:rgba(255,255,255,.045);color:#fff;font-weight:900;font-family:'Poppins',Arial,sans-serif;cursor:pointer}.deposit-generate,.copy-pix,.check-pix{width:100%;height:52px;border:0;border-radius:15px;background:#1cff6d;color:#03110a;font-weight:900;font-size:15px;font-family:'Poppins',Arial,sans-serif;cursor:pointer;box-shadow:0 14px 28px rgba(28,255,109,.14)}.deposit-generate:disabled{opacity:.65;cursor:not-allowed}.deposit-result{margin-top:14px}.deposit-wait,.deposit-error,.pix-status{font-size:13px;font-weight:800;text-align:center;color:rgba(255,255,255,.72)}.deposit-error{color:#ff6767}.pix-box{display:grid;gap:10px}.pix-box strong{font-size:17px;font-weight:900;color:#fff}.pix-box small{color:rgba(255,255,255,.62);font-weight:700;line-height:1.35}.pix-box textarea{width:100%;height:104px;resize:none;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.36);color:#dfffea;padding:12px;font-size:12px;outline:none}.check-pix{background:#ffd400;color:#050505}@media(max-width:760px){.deposit-overlay{align-items:flex-end;padding:10px}.deposit-modal{max-width:none;border-radius:26px 26px 0 0}.deposit-head h3{font-size:23px}.deposit-quick{grid-template-columns:repeat(2,1fr)}}