/* r13 — revisão visual (painel /inicio (quadro Pronto pra correr, console de entrada, Como jogar)). Só visual: não muda a lógica. */
/* Implementação r13 (11/11/2026): itens ALTA e MÉDIA da auditoria do painel (A1–A3, M1, M2, M4 → P1–P6, P11). P7–P10 (BAIXA) ficaram de fora. */

/* P1 — números dos chips na fonte de título (hoje caem no Nunito pela regra :where(...) * do mr-visual.css) */
.rush-hub .m11-chips button span{font-family:var(--mt-titulo);font-weight:400;font-size:22px;letter-spacing:.01em}

/* P2 — botão desabilitado sem o dourado "sujo" de opacity .6
   a) valor inválido: botão azul-aço, apagado de verdade (o jogador entende que falta corrigir o valor) */
.rush-hub .m11-entrada:has(.m11-valor[data-invalido]) .mrp-play.m11-play:disabled{opacity:1;cursor:not-allowed;animation:none;
  border-color:rgba(127,214,255,.38);background:linear-gradient(180deg,#285a86,#1a4166 55%,#133557);
  box-shadow:inset 0 2px 0 rgba(177,231,255,.2),inset 0 -3px 0 rgba(0,10,30,.25),0 5px 0 #0a2238}
.rush-hub .m11-entrada:has(.m11-valor[data-invalido]) .m11-play:disabled::before,
.rush-hub .m11-entrada:has(.m11-valor[data-invalido]) .m11-play:disabled :is(.m11-neon,.mrp-play__halo,.mrp-play__faisca,.mrp-play__rastro){display:none}
.rush-hub .m11-entrada:has(.m11-valor[data-invalido]) .m11-play:disabled .mrp-play__txt b{color:#d3e4f5;text-shadow:0 2px 0 rgba(0,10,30,.35)}
.rush-hub .m11-entrada:has(.m11-valor[data-invalido]) .m11-play:disabled .mrp-play__txt small{color:#a9c8e4}
.rush-hub .m11-entrada:has(.m11-valor[data-invalido]) .m11-play:disabled .mrp-play__banana{filter:grayscale(.85) brightness(.8)}
.rush-hub .m11-entrada:has(.m11-valor[data-invalido]) .m11-play:disabled .mrp-play__banana::before{border-color:rgba(177,231,255,.45);box-shadow:0 4px 0 #0a2238}
/* b) carregando o saldo: continua dourado (libera em instantes), sem o tom oliva; o texto pequeno pulsa */
.rush-hub .m11-entrada:not(:has(.m11-valor[data-invalido])) .mrp-play.m11-play:disabled{opacity:1;cursor:progress;filter:saturate(.75) brightness(.97)}
.rush-hub .m11-entrada:not(:has(.m11-valor[data-invalido])) .m11-play:disabled .mrp-play__txt small{animation:m13-pisca 1.1s ease-in-out infinite}
@keyframes m13-pisca{50%{opacity:.45}}

/* P3 — celular alto (≥ 860 px de altura): usa a sobra (≈ 200 px vazios em 412×915) para respirar e crescer o quadro */
@media (max-width:899px) and (min-height:860px){
  .rush-hub.mrp11 .mrp-hero.m10-hero{--hw:min(100%,400px);aspect-ratio:1.62}
  .rush-hub.mrp.mrp11 .rush-hub__main.m10-main{gap:14px;padding-top:12px}
  .rush-hub .m10-entrada.m11-entrada{gap:12px;padding:16px 16px 18px}
  .rush-hub .m11-chips{gap:10px}
  .rush-hub .m11-chips button{min-height:50px}
  .rush-hub .m11-valor{height:54px}
  .rush-hub .m11-entrada .m11-recompensa{min-height:88px}
  .rush-hub .m11-entrada .mrp-play.m11-play{min-height:72px}
}

/* P4 — computador: o conjunto cresce até perto do dock (em 1366×768 sobravam ~180 px vazios) e o console acompanha o quadro */
@media (min-width:900px){
  .rush-hub.mrp11 .mrp-hero.m10-hero{min-height:clamp(380px,calc(100vh - 300px),580px)}
  .rush-hub.mrp.mrp11 .m10-lado{align-self:stretch}
  .rush-hub .m10-entrada.m11-entrada{height:100%;align-content:space-between;gap:12px;padding:16px 18px 18px}
  .rush-hub .m11-entrada .m10-entrada__topo h2{font-size:23px}
  .rush-hub .m11-entrada .m10-entrada__topo .m11-como{min-height:36px;padding:0 14px 0 10px;font-size:13.5px}
  .rush-hub .m11-chips button{min-height:52px}
  .rush-hub .m11-chips button span{font-size:25px}
  .rush-hub .m11-chips button small{font-size:13px}
  .rush-hub .m11-valor{height:58px}
  .rush-hub .m11-valor input{font-size:30px}
  .rush-hub .m11-valor>.m11-valor__meta{padding:5px 10px;font-size:12.5px}
  .rush-hub .m11-valor>.m11-valor__meta b{font-size:15px}
  .rush-hub .m11-entrada .m11-recompensa{min-height:96px}
  .rush-hub .m11-entrada .m11-recompensa small{font-size:15.5px}
  .rush-hub .m11-entrada .m11-recompensa strong{font-size:40px}
  .rush-hub .m11-entrada .mrp-play.m11-play{min-height:78px}
  .rush-hub .m11-entrada .m11-play .mrp-play__txt small{font-size:13.5px}
  .rush-hub.mrp.mrp11 .rush-hub__footer{justify-content:center;padding:2px 0 0}
}

/* P5 — valor: "R$" colado no número e o grupo centrado no espaço livre à direita do selo "Meta 5×" */
.rush-hub .m11-valor{padding:0 44px 0 84px}
/* só onde o navegador sabe medir o campo pelo conteúdo; nos outros (ex.: Safari antigo) fica a largura fixa de 6.4ch de hoje */
@supports (field-sizing:content){.rush-hub .m11-valor input{field-sizing:content;width:auto;min-width:1.4ch;max-width:8ch}}

/* P6 — "Como jogar": peso 800 que a regra pedia (hoje sai 400 → Nunito 600) e área de toque de 44 px */
.rush-hub .m11-entrada .m10-entrada__topo .m11-como{font-weight:800}
.rush-hub .m11-entrada .m10-entrada__topo .m11-como::after{inset:-6px -4px}

/* P11 — "Como jogar": X redondo igual ao do depósito/saque (aprovado) e véu azul-marinho em vez de preto 80 % */
.rush-rules-dialog.mr-ui.m11-regras>button{width:44px;height:44px;border:6px solid transparent;border-radius:50%;
  background:rgba(3,26,45,.62) padding-box;box-shadow:inset 0 0 0 1px rgba(127,232,255,.55)}
body:has(.m11-regras) .fixed.inset-0.z-50.bg-black\/80{background:rgba(2,12,34,.78);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}

@media (prefers-reduced-motion:reduce){.rush-hub .m11-entrada .m11-play:disabled .mrp-play__txt small{animation:none}}

/* ================= r13c — acabamento visual do painel (11/11/2026, pedido do usuário) =================
   Só pintura: luz, profundidade, relevo do texto e detalhes animados leves (brilho, opacidade, posição do fundo).
   Não muda tamanhos, ordem, textos, valores nem fluxos; nenhum botão muda de escala. Topo e barra de baixo recebem o
   acabamento só nesta tela (body:has(.rush-hub.mrp11)); nas outras telas eles seguem como estão. */

/* --- topo: som, saldo e avatar com a mesma luz de vidro; saldo com um brilho que passa de vez em quando --- */
body:has(.rush-hub.mrp11) :is(.mr-mobile-header__logo,.rush-hub__logo) svg{filter:drop-shadow(0 3px 5px rgba(0,8,30,.55))}
body:has(.rush-hub.mrp11) .mr-header-saldo{position:relative;isolation:isolate;border-color:rgba(127,214,255,.55);
  background:radial-gradient(120% 80% at 50% -10%,rgba(127,232,255,.2),transparent 62%),linear-gradient(180deg,rgba(16,76,128,.94),rgba(4,30,58,.96));
  box-shadow:inset 0 1px 0 rgba(200,242,255,.35),inset 0 -2px 0 rgba(0,10,30,.35),0 4px 12px rgba(0,8,30,.45),0 0 16px rgba(63,220,255,.2)}
body:has(.rush-hub.mrp11) .mr-header-saldo::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%) 160% 0/260% 100% no-repeat;
  animation:m13c-varre 7s ease-in-out 1.2s infinite}
@keyframes m13c-varre{0%,72%{background-position:160% 0}100%{background-position:-60% 0}}
body:has(.rush-hub.mrp11) .mr-header-som{border-color:rgba(127,214,255,.55);transition:filter .15s;
  background:radial-gradient(90% 70% at 50% 0%,rgba(127,232,255,.24),transparent 65%),linear-gradient(180deg,rgba(16,76,128,.94),rgba(4,30,58,.96));
  box-shadow:inset 0 1px 0 rgba(200,242,255,.35),inset 0 -2px 0 rgba(0,10,30,.35),0 4px 12px rgba(0,8,30,.45),0 0 14px rgba(63,220,255,.16)}
body:has(.rush-hub.mrp11) .mr-header-som.is-muted{border-color:rgba(127,214,255,.28)}
/* avatar: medalha do jogador com aro dourado (liga com o valor amarelo do saldo) */
body:has(.rush-hub.mrp11) :is(.mr-mobile-header__avatar,.rush-hub__pilot>span){border:2px solid transparent;color:#ffe96b;text-shadow:0 2px 0 #06223f;
  background:radial-gradient(90% 70% at 50% 0%,rgba(127,232,255,.28),transparent 65%) padding-box,linear-gradient(180deg,#17598d,#062a4f) padding-box,
    linear-gradient(160deg,#fff3b0,#ffd83a 42%,#c9850a) border-box;
  box-shadow:0 4px 12px rgba(0,8,30,.45),0 0 12px rgba(255,216,58,.22)}
@media (hover:hover){body:has(.rush-hub.mrp11) :is(.mr-header-som,.mr-mobile-header__account,.rush-hub__pilot):hover{filter:brightness(1.12)}}

/* --- quadro "Pronto pra correr?": vinheta interna, holofote sobre o Dave, sombra de contato nos pés e título com relevo --- */
.rush-hub.mrp11 .mrp-hero.m10-hero{box-shadow:inset 0 1px 0 rgba(190,240,255,.45),inset 0 0 46px rgba(0,8,30,.42),inset 0 -40px 50px -30px rgba(0,8,30,.5),
  0 0 0 3px rgba(49,183,255,.12),0 14px 34px rgba(0,10,30,.5),0 0 28px rgba(63,220,255,.12)}
/* holofote saindo da faixa sobre o Dave (atrás do Dave e do texto; só a opacidade respira) */
.rush-hub.mrp11 .mrp-hero.m10-hero::before{content:"";position:absolute;z-index:1;left:47%;width:54%;top:57px;bottom:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(170,240,255,.24),rgba(127,232,255,.08) 55%,transparent 90%);
  clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);animation:m13c-holofote 5s ease-in-out infinite}
@keyframes m13c-holofote{0%,100%{opacity:.7}50%{opacity:1}}
/* sombra de contato sob os pés (por cima da linha de largada, atrás do Dave) */
.rush-hub.mrp11 .mrp-hero.m10-hero::after{content:"";position:absolute;z-index:1;left:calc(73% - 90px);width:180px;bottom:calc(16% - 12px);height:24px;
  border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(0,8,26,.78),rgba(0,8,26,.36) 55%,transparent);
  box-shadow:0 0 22px 6px rgba(63,220,255,.14)}
@media (max-width:899px){
  .rush-hub.mrp11 .mrp-hero.m10-hero::before{top:12cqw}
  .rush-hub.mrp11 .mrp-hero.m10-hero::after{left:calc(75% - 15cqw);width:30cqw;bottom:6cqw;height:5cqw;box-shadow:0 0 5cqw 1.5cqw rgba(63,220,255,.14)}
}
@media (max-width:899px) and (min-height:860px){.rush-hub.mrp11 .mrp-hero.m10-hero::after{bottom:5.2cqw}}
.rush-hub.mrp.mrp11 .m10-hero .mrp-titulo{text-shadow:0 .06em 0 #0b3a66,0 .12em 0 #04203d,0 .2em .42em rgba(0,8,30,.55),0 0 .8em rgba(63,220,255,.26)}
.rush-hub.mrp.mrp11 .m10-hero .mrp-titulo em{text-shadow:0 .06em 0 #b8800a,0 .12em 0 #6e4a00,0 .2em .42em rgba(0,8,30,.5),0 0 .7em rgba(255,216,58,.4)}

/* --- console: fio de luz no topo, fundo com relevo, chips com volume --- */
.rush-hub .m10-entrada.m11-entrada{box-shadow:inset 0 1px 0 rgba(190,240,255,.4),inset 0 1px 8px rgba(128,213,255,.2),inset 0 -34px 44px -34px rgba(0,8,30,.55),
  0 0 0 3px rgba(49,183,255,.1),0 16px 34px rgba(0,10,30,.5)}
.rush-hub .m10-entrada.m11-entrada::before{display:block;top:0;left:12%;right:12%;height:2px;opacity:1;border-radius:0 0 2px 2px;
  background:linear-gradient(90deg,transparent,rgba(170,240,255,.95) 50%,transparent);box-shadow:0 0 14px 2px rgba(63,220,255,.4)}
.rush-hub .m11-entrada .m10-entrada__topo h2{text-shadow:0 2px 0 #04203d,0 0 16px rgba(63,220,255,.22)}
.rush-hub .m11-entrada .m10-entrada__topo .m11-como{transition:filter .15s,transform .12s;
  background:radial-gradient(90% 80% at 50% 0%,rgba(127,232,255,.22),transparent 70%),linear-gradient(180deg,rgba(18,82,136,.95),rgba(6,38,72,.95));
  box-shadow:inset 0 1px 0 rgba(200,242,255,.35),inset 0 -2px 0 rgba(0,10,30,.3),0 2px 0 #031a33,0 0 12px rgba(63,220,255,.26)}
.rush-hub .m11-entrada .m10-entrada__topo .m11-como svg{filter:drop-shadow(0 0 4px rgba(63,220,255,.7))}
.rush-hub .m11-entrada .m10-entrada__topo .m11-como:active{transform:translateY(1px)}
/* chips: luz no topo, lábio embaixo e "R$" em ciano (o escolhido continua dourado) */
.rush-hub .m11-chips button{transition:transform .12s,border-color .15s,filter .15s,box-shadow .15s}
.rush-hub .m11-chips button:not([aria-pressed=true]){border-color:rgba(110,196,255,.55);
  background:radial-gradient(100% 70% at 50% 0%,rgba(127,232,255,.16),transparent 70%),linear-gradient(180deg,#125a92,#073056 60%,#05284a);
  box-shadow:inset 0 1px 0 rgba(200,242,255,.28),inset 0 -2px 0 rgba(0,10,30,.28),0 3px 0 #031a33,0 6px 12px rgba(0,8,30,.28)}
.rush-hub .m11-chips button:not([aria-pressed=true]) small{color:#8fdcff;opacity:1}
.rush-hub .m11-chips button[aria-pressed=true]{box-shadow:inset 0 2px 0 rgba(255,255,255,.65),inset 0 -3px 0 rgba(180,110,0,.28),0 3px 0 #a8670a,
  0 0 0 3px rgba(255,216,58,.16),0 0 18px rgba(255,216,58,.45)}
.rush-hub .m11-chips button[aria-pressed=true] span{text-shadow:0 1px 0 rgba(255,255,255,.5)}
.rush-hub .m11-chips button:not([aria-pressed=true]):active{transform:translateY(2px);
  box-shadow:inset 0 1px 0 rgba(200,242,255,.2),inset 0 -2px 0 rgba(0,10,30,.28),0 1px 0 #031a33}
/* "Meta 5×" com relevo de selo */
.rush-hub .m11-valor>.m11-valor__meta{background:linear-gradient(180deg,rgba(255,216,58,.24),rgba(255,216,58,.08));
  box-shadow:inset 0 1px 0 rgba(255,240,170,.28),0 0 10px rgba(255,216,58,.12)}
/* recompensa: luz no topo, sombra embaixo, rótulo entre dois fios dourados e um brilho lento passando */
.rush-hub .m11-entrada .m11-recompensa{position:relative;isolation:isolate;
  box-shadow:inset 0 1px 0 rgba(200,230,255,.22),inset 0 -16px 26px -18px rgba(0,8,30,.55),0 0 18px rgba(63,220,255,.2)}
.rush-hub .m11-entrada .m11-recompensa::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:radial-gradient(70% 55% at 50% 0%,rgba(150,200,255,.16),transparent 70%) 0 0/100% 100% no-repeat,
    linear-gradient(105deg,transparent 40%,rgba(255,240,180,.14) 50%,transparent 60%) 160% 0/260% 100% no-repeat;
  animation:m13c-varre-2 8s ease-in-out 3s infinite}
@keyframes m13c-varre-2{0%,70%{background-position:0 0,160% 0}100%{background-position:0 0,-60% 0}}
.rush-hub .m11-entrada .m11-recompensa small{display:inline-flex;align-items:center;gap:8px}
.rush-hub .m11-entrada .m11-recompensa small::before,.rush-hub .m11-entrada .m11-recompensa small::after{content:"";flex:none;width:20px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,rgba(255,216,58,.85))}
.rush-hub .m11-entrada .m11-recompensa small::after{background:linear-gradient(270deg,transparent,rgba(255,216,58,.85))}
@media (hover:hover){
  .rush-hub .m11-chips button:not([aria-pressed=true]):hover{filter:brightness(1.12);border-color:#7fe8ff}
  .rush-hub .m11-entrada .m10-entrada__topo .m11-como:hover{filter:brightness(1.12)}
  .rush-hub .mrp-play.m11-play:not(:disabled):hover{filter:brightness(1.06) saturate(1.06)}
}

/* --- barra de baixo (celular): vidro com fio de luz no topo e um halo atrás da bola do Minion --- */
@media (max-width:979px){
  body:has(.rush-hub.mrp11) .mr-ui.mr-mobile-navigation{
    background:linear-gradient(180deg,rgba(13,50,86,.98),rgba(5,24,44,.99) 60%,rgba(4,19,36,.99));
    box-shadow:inset 0 1px 0 rgba(127,232,255,.2),0 -8px 22px rgba(0,8,30,.45)}
  body:has(.rush-hub.mrp11) .mr-ui.mr-mobile-navigation::before{content:"";position:absolute;left:50%;top:-34px;z-index:-1;width:150px;height:76px;margin-left:-75px;
    border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(255,216,58,.36),rgba(63,220,255,.16) 55%,transparent)}
  body:has(.rush-hub.mrp11) .mr-ui.mr-mobile-navigation::after{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(160,236,255,.7) 30%,rgba(255,226,120,.85) 50%,rgba(160,236,255,.7) 70%,transparent)}
  body:has(.rush-hub.mrp11) .mr-ui.mr-mobile-navigation button:not(.mr-mobile-navigation__play) svg{color:#9fe3ff}
  body:has(.rush-hub.mrp11) .mr-ui.mr-mobile-navigation .mr-mobile-navigation__play[aria-current=page]{text-shadow:0 0 10px rgba(255,216,58,.45)}
}

@media (prefers-reduced-motion:reduce){
  body:has(.rush-hub.mrp11) .mr-header-saldo::after,.rush-hub.mrp11 .mrp-hero.m10-hero::before,.rush-hub .m11-entrada .m11-recompensa::before{animation:none}
}