/* Home deslogada: titulo, Dave 3D e botao iguais a tela "Pronto para a corrida?" do Minion */
.mr-lp-title{margin:0 auto;max-width:22rem;text-align:center;color:#fff;text-transform:uppercase;
  font:italic 900 clamp(1.9rem,8.4vw,2.6rem)/.98 Impact,"Arial Narrow",sans-serif;letter-spacing:-.01em;
  text-shadow:0 4px 0 #061328,0 8px 22px #00132e}
.mr-lp-title em{display:block;color:#ffda35;font-style:inherit}
.mr-lp-dave{position:relative;width:100%;max-width:26rem;height:clamp(14rem,34dvh,19rem);margin:.4rem auto .2rem;pointer-events:none;isolation:isolate}
.mr-lp-ground{position:absolute;left:12%;right:12%;bottom:.25rem;height:2.5rem;border-radius:50%;border:2px solid #61dfff70;
  background:radial-gradient(ellipse,#438ca148,#0b3d5a77 49%,#55d6f729 51% 53%,transparent 55%);
  box-shadow:0 0 0 7px #061d2f88,0 0 0 8px #69cdea30,0 12px 28px #0007,inset 0 0 35px #36cfff16}
.mr-lp-ground:before{content:"";position:absolute;inset:-7px -6%;border-radius:50%;border:1px dashed #67d8eb55;transform:rotate(-4deg)}
.mr-lp-ground i{position:absolute;bottom:15%;left:9%;width:15px;height:3px;border-radius:4px;background:#ffda35;transform:rotate(18deg);box-shadow:0 0 7px #ffd72a77}
.mr-lp-ground i:nth-of-type(2){left:auto;right:9%;transform:rotate(-18deg)}
.mr-lp-ground i:nth-of-type(3){left:48%;bottom:-4px;width:30px;height:3px;transform:none}
.mr-lp-dave-view{position:absolute;z-index:2;inset:-5% 0 -4%}
.mr-lp-dave-view canvas{position:relative;z-index:1;display:block;width:100%!important;height:100%!important;opacity:0;transition:opacity .45s}
.mr-lp-dave-view[data-ready=true] canvas{opacity:1}
.mr-lp-dave-fb{position:absolute;z-index:0;top:12%;left:17%;width:66%;height:80%;object-fit:contain;
  filter:drop-shadow(0 12px 18px #00112388);animation:mr-dave-idle 2.15s cubic-bezier(.45,0,.55,1) infinite;transform-origin:50% 82%}
.mr-lp-dave-view[data-ready=true] .mr-lp-dave-fb{opacity:0;animation:none}
@keyframes mr-dave-idle{0%,to{transform:translateZ(0) rotate(-1.4deg) scale(1)}22%{transform:translate3d(1px,-6px,0) rotate(1deg) scale(1.01,.99)}50%{transform:translate3d(0,-12px,0) rotate(2.2deg) scale(.98,1.025)}76%{transform:translate3d(-1px,-4px,0) rotate(-1deg) scale(1.01,.99)}}
.mr-lp-banana{position:absolute;z-index:2;object-fit:contain;filter:drop-shadow(0 8px 8px #0005);animation:mr-banana 5s ease-in-out infinite}
.mr-lp-banana--near{left:10%;top:42%;width:30px;height:30px;rotate:-20deg}
.mr-lp-banana--far{right:12%;top:20%;width:24px;height:24px;rotate:25deg;animation-delay:-2s}
@keyframes mr-banana{50%{translate:0 -8px}}
.mr-lp-tag{position:absolute;z-index:3;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.3rem;white-space:nowrap;
  color:#e7f8ff;font-size:.625rem;font-weight:700;letter-spacing:.08em;padding:.2rem .5rem;background:#062036ed;border:1px solid #61dfff30;border-radius:8px}
.mr-lp-tag i{width:5px;height:5px;border-radius:50%;background:#6cebb0}
.mr-lp-tag span{font-size:.625rem;color:#a6e4f4;font-weight:500;letter-spacing:.06em}
.mr-lp-run{position:relative;display:flex;align-items:center;gap:.5rem;width:100%;min-height:3.75rem;padding:.5rem .75rem;cursor:pointer;
  border:2px solid #fff396;border-radius:14px 22px 22px 14px;color:#1e270b;background:linear-gradient(175deg,#fff39a,#ffdc38 48%,#ffbf20);
  box-shadow:inset 0 3px #fff9,inset 0 -4px #cf880050,0 6px #986008,0 10px #04172c,0 16px 30px #0006;transition:transform .18s,box-shadow .18s;
  -webkit-tap-highlight-color:transparent}
.mr-lp-run:active{transform:translateY(3px);box-shadow:inset 0 3px #fff9,inset 0 -4px #cf880050,0 3px #986008,0 6px #04172c,0 10px 20px #0006}
.mr-lp-run>span:nth-child(2){flex:1;text-align:center;font:italic 900 clamp(1.55rem,6.5vw,2rem)/1 Impact,"Arial Narrow",sans-serif;letter-spacing:.01em;white-space:nowrap}
.mr-lp-play{display:grid;place-items:center;flex:none;width:2.25rem;height:2.25rem;border-radius:50%;border:1px solid #88611144;background:#fff3a126;box-shadow:inset 0 2px 4px #805a1420}
.mr-lp-play svg{width:1.3rem;height:1.3rem;translate:2px 0}
.mr-lp-run>svg{width:16px;height:22px;opacity:.55;flex:none}
@media (min-width:768px){
  .mr-lp-title{max-width:none;font-size:clamp(2.75rem,4.2vw,4rem)}
  .mr-lp-dave{height:clamp(17rem,38vh,24rem)}
  .mr-lp-ground{height:clamp(3.5rem,7vw,5rem)}
  .mr-lp-run{min-height:4.75rem;border-radius:18px 30px 30px 18px}
  .mr-lp-run>span:nth-child(2){font-size:clamp(1.9rem,2.7vw,2.6rem)}
  .mr-lp-play{width:2.75rem;height:2.75rem}
}
@media (prefers-reduced-motion:reduce){.mr-lp-dave-fb,.mr-lp-banana{animation:none}}

/* frase + botao + "ja tenho conta" um pouco mais para baixo */
.mr-lp-dave + .lp-tagline{margin-top:1.1rem}

/* Painel logado: barra superior (logo a esquerda, saldo e avatar a direita) */
.panel-topbar{min-height:62px;padding:8px 14px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--bg-soft) 97%,transparent),color-mix(in srgb,var(--bg) 94%,transparent))!important;
  border-bottom:1px solid color-mix(in srgb,var(--accent-2) 26%,transparent);
  box-shadow:0 8px 22px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.panel-topbar-logo{height:46px!important;max-width:150px!important}
.panel-topbar-actions{gap:8px!important}
.panel-balance{padding:5px 12px 6px;border-radius:12px;
  background:color-mix(in srgb,var(--surface) 85%,transparent);
  border:1px solid color-mix(in srgb,var(--accent-2) 30%,transparent);
  box-shadow:inset 0 1px 0 #ffffff14}
.panel-balance-label{font-size:.56rem!important;line-height:1}
.panel-balance-value{font-size:.95rem!important;line-height:1.15}
.panel-profile-btn{width:40px!important;height:40px!important}

/* Painel: botao Jogar em 3D com a combinacao de amarelo do Bubbles (a mesma do .btn-gold).
   Sem !important: a aba Customizacao (area "Botao Jogar") ainda pode trocar. */
.panel-cta{--b-brilho:#fff0a8;--b-face:#ffd24a;--b-face2:#f0a80c;--b-base:#b07e06;--b-borda:#7a5602;--b-halo:#ffb30073;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.45)}

/* Painel: caixinha de aposta mais compacta e afastada do carrossel */
.bb-carrossel{margin-bottom:18px!important}
.panel-page .panel-card{padding:12px 12px 13px!important}
.panel-page .panel-card .panel-label{margin-bottom:8px;font-size:.72rem}
.panel-page .entry-grid{gap:6px!important;margin-bottom:8px!important}
.panel-page .entry-chip{padding:8px 4px!important;font-size:.82rem!important;border-radius:9px!important}
.panel-page .panel-card .money-input{padding-top:8px;padding-bottom:8px;margin-bottom:8px}
.panel-page .reward-box{padding:8px 12px!important;margin-bottom:10px!important}
.panel-page .reward-box .label{font-size:.8rem!important}
.panel-page .reward-box .value{font-size:1.3rem!important}
.panel-page .panel-cta{padding:12px!important;font-size:.95rem!important}
.panel-page .panel-card .money-input{padding-top:2px!important;padding-bottom:2px!important}
.panel-page .panel-card .money-input input{padding:8px 0!important}

/* Indicar: botao Resgatar em 3D, amarelo do Bubbles com texto branco */
.bb-aff-resgatar,.bb-aff-resgatar.on,.bb-aff-resgatar:not(:disabled){
  padding:11px!important;border:2px solid #7a5602!important;border-radius:12px!important;
  background:linear-gradient(180deg,#fff0a8 0%,#fdcf1f 16%,#dfaf15 100%)!important;
  color:#fff!important;text-shadow:0 2px 0 rgba(0,0,0,.45);font-size:14px!important;font-weight:900!important;
  box-shadow:0 5px 0 #b07e06,0 12px 18px rgba(0,0,0,.45),inset 0 2px 0 rgba(255,255,255,.45)!important}
.bb-aff-resgatar:not(:disabled):active{transform:translateY(4px);box-shadow:0 1px 0 #b07e06,inset 0 2px 0 rgba(255,255,255,.45)!important}
.bb-aff-resgatar:disabled{opacity:.55}
/* Saque: texto do botao Solicitar saque sempre branco */
.sheet-overlay.bw-sac .bw-btn-green{color:#fff!important}

/* Caixa de aposta: titulo "Valor de entrada" centralizado */
.panel-page .panel-card .panel-label{text-align:center!important;display:block;width:100%}

/* Barra superior: saldo em pilula (moeda + valor + seta) e avatar com aro dourado, como no Master's Fun */
.panel-balance{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px;
  padding:7px 12px 7px 10px!important;border-radius:12px!important;
  background:#0d1a33cc!important;border:1px solid #ffffff14!important;box-shadow:inset 0 1px 0 #ffffff0d!important}
.panel-balance-label{display:none!important}
.panel-balance::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff6b0 0%,#ffd84a 35%,#f4b400 70%,#c98a00 100%);
  box-shadow:inset 0 -2px 0 #b07800,0 1px 3px rgba(0,0,0,.45)}
.panel-balance-value{font-size:1rem!important;font-weight:700!important;color:#fff!important;line-height:1!important;white-space:nowrap}
.panel-balance::after{content:"";flex:none;width:7px;height:7px;margin:-3px 0 0 4px;
  border-right:2px solid #ffffffa6;border-bottom:2px solid #ffffffa6;transform:rotate(45deg)}
.panel-profile-btn{border:2px solid #f4c430!important;box-shadow:0 0 0 2px #f4c43033,0 3px 8px rgba(0,0,0,.4)!important}

/* Menu de baixo: Minion no lugar da bola do botao Jogar */
.nav-minion{width:72%!important;height:72%!important;object-fit:contain;transform:none!important;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45));pointer-events:none;user-select:none}

/* Botao Jogar do menu: anel girando mais forte */
.nav-item.center .nav-circle:before{inset:-4px!important;padding:4px!important;animation-duration:1.4s!important;
  background:conic-gradient(from var(--card-spin),transparent 0deg 150deg,#ffd24a55 200deg,#ffd24a 260deg,#fff6c4 300deg,#ffb300 330deg,#ffd24a 350deg,transparent 360deg)!important;
  filter:drop-shadow(0 0 6px #ffc400) drop-shadow(0 0 12px #ffb30099)}
.nav-item.center .nav-circle{box-shadow:0 0 22px #ffc40066,inset 0 0 12px #00000080!important}
