/* r18 (14/11/2026, pedido do usuário: "tá meio mal posicionado, torto, não tá reto")
   Botão JOGAR do painel: texto centralizado no botão e a bola da banana presa na direita, centrada na altura
   e sem passar da borda do botão (antes o grupo texto+bola ficava deslocado e a bola vazava em cima e embaixo). */
.rush-hub .m11-entrada .mrp-play.m11-play{justify-content:center;gap:0;padding-left:82px;padding-right:82px}
.rush-hub .m11-entrada .m11-play .mrp-play__txt{align-items:center;text-align:center}
.rush-hub .m11-entrada .m11-play .mrp-play__banana{position:absolute;right:10px;top:50%;width:64px;height:64px;margin:-32px 0 0}
.rush-hub .m11-entrada .m11-play .mrp-play__banana::before{inset:4px}
.rush-hub .m11-entrada .m11-play .mrp-play__banana img{width:48px;height:48px}
@media (max-width:360px){
  .rush-hub .m11-entrada .mrp-play.m11-play{padding-left:66px;padding-right:66px}
  .rush-hub .m11-entrada .m11-play .mrp-play__banana{right:6px;width:56px;height:56px;margin-top:-28px}
  .rush-hub .m11-entrada .m11-play .mrp-play__banana img{width:42px;height:42px}
}

/* r18: campo do valor (onde abre o teclado) — o "R$ 50,00" ficava ~20 px para a direita: o espaço da esquerda (84 px, por
   causa do selo "Meta 5×") era maior que o da direita (44 px, lápis) e o campo tinha largura fixa maior que o número.
   Agora os dois lados têm o mesmo espaço e o campo acompanha o tamanho do número (Safari antigo: mantém a largura fixa). */
.rush-hub .m11-valor{padding:0 84px}
.rush-hub .m11-valor input{field-sizing:content;min-width:2.5ch;max-width:8ch;padding:0 1px}
@media (max-width:360px){.rush-hub .m11-valor{padding:0 76px}}

/* r19 (pedido do usuário: "no celular a página desce e o Minion vai junto; deixa fixo")
   /inicio no celular vira tela fixa do tamanho visível (100dvh, já descontando a barra do navegador): sem rolagem da
   página. A classe html.mr-rota-inicio é posta pelo mr-site.js só nessa rota. Em telas baixas o console de entrada
   fica mais compacto para caber tudo (Minion em cima, entrada, JOGAR, navegação embaixo). */
@media (max-width:899px){
  html.mr-rota-inicio,html.mr-rota-inicio body{height:100%;overflow:hidden;overscroll-behavior:none}
  html.mr-rota-inicio .rush-hub{height:100dvh;min-height:0;max-height:100dvh;overflow:hidden;padding-bottom:0}
  html.mr-rota-inicio .rush-hub__main{min-height:0;height:auto;padding-bottom:0}
}
@media (max-width:899px) and (max-height:760px){
  html.mr-rota-inicio .rush-hub.mrp11 .mrp-hero.m10-hero{--hw:min(92%,352px,max(200px,calc((100svh - 450px) * 1.55)))}
  html.mr-rota-inicio .rush-hub .m11-entrada{padding-top:9px;padding-bottom:9px;gap:5px}
  html.mr-rota-inicio .rush-hub .m11-chips button{min-height:38px;height:38px}
  html.mr-rota-inicio .rush-hub .m11-valor{height:40px}
  html.mr-rota-inicio .rush-hub .m11-recompensa{display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 10px;min-height:0;height:auto}
  html.mr-rota-inicio .rush-hub .m11-recompensa strong{font-size:22px}
  html.mr-rota-inicio .rush-hub .m11-entrada .mrp-play.m11-play{min-height:54px;height:54px}
  html.mr-rota-inicio .rush-hub .m11-entrada .m11-play .mrp-play__txt b{font-size:30px}
}