/* r13 — revisão visual (partida: largada, HUD, meta, Encerrar e receber, vitória, derrota). Só visual: não muda a lógica. */
/* O CSS da engine entra depois dos arquivos do site: toda regra começa com body (ou body:has) para vencer a cascata. */
/* r13d (11/11/2026, pedido do usuário: barra de meta "feia demais"; vitória e derrota caprichadas): HUD e resultado redesenhados.
   Só CSS: mesmos textos, valores, botões e fluxo da engine. Backup da versão anterior fora de public_html (scratchpad da sessão). */

/* ---------- botão de som ---------- */
/* na corrida: logo abaixo do cartão do HUD, à direita; no resultado: canto de cima à esquerda */
body:has(.mr-demo__hud) .mr-som-jogo{left:auto;right:14px;bottom:auto;transform:none;top:calc(max(10px,env(safe-area-inset-top,0px)) + 124px)}
@media (min-width:900px){body:has(.mr-demo__hud) .mr-som-jogo{right:calc(50% - 260px);top:136px}}
body:has(.mr-demo__overlay--result) .mr-som-jogo{left:12px;right:auto;bottom:auto;top:calc(8px + env(safe-area-inset-top,0px));transform:none}
/* sem botão "fantasma" sob a tela "Preparando sua corrida" */
html.mr-autostart .mr-som-jogo{visibility:hidden}

/* ================= HUD da corrida: um cartão de vidro em três faixas =================
   1) bananas (pílula amarela) à esquerda · ACUMULADO + valor à direita · "+R$" no meio
   2) bandeira + "N bananas" à esquerda · "Meta R$ X" à direita (as duas pontas da barra)
   3) barra larga de ponta a ponta
   Os painéis da engine viram display:contents para que cada peça ocupe sua célula; nada muda no DOM. */
body .mr-demo__hud:not(.mrt2-rhud){display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;
  grid-template-areas:"ban ban ganho acum" "ban ban ganho val" "ico lbl lbl meta" "bar bar bar bar";align-items:center;gap:0 8px;
  max-width:520px;margin-inline:auto;padding:10px 14px 12px;border-radius:20px;border:1px solid rgba(127,232,255,.42);
  background:linear-gradient(180deg,rgba(14,60,112,.9),rgba(3,22,50,.93));
  box-shadow:inset 0 1px 0 rgba(190,236,255,.24),inset 0 -1px 0 rgba(0,0,0,.35),0 10px 26px rgba(0,8,30,.45);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body .mr-demo__hud:not(.mrt2-rhud) :is(.mr-demo__hud-left,.mr-demo__goal-panel,.mr-demo__goal-panel>div,.mr-demo__earnings-panel){display:contents}
/* 1) bananas */
body .mr-demo__hud .mr-demo__banana-panel{grid-area:ban;justify-self:start;width:auto;margin:0;padding:3px 14px 3px 6px;border-radius:999px;
  border:1px solid rgba(255,216,58,.6);background:linear-gradient(180deg,rgba(255,216,58,.2),rgba(255,216,58,.06));
  box-shadow:inset 0 1px 0 rgba(255,240,170,.25)}
body .mr-demo__hud .mr-demo__banana-total{margin:0;gap:6px}
body .mr-demo__hud .mr-demo__banana-total img{width:32px;height:36px}
body .mr-demo__hud .mr-demo__banana-total strong{font-family:var(--mt-titulo);font-weight:400;font-size:30px!important;line-height:1;color:#ffe238;
  letter-spacing:.01em;text-shadow:0 2px 0 #7c5815}
body .mr-demo__hud .mr-demo__banana-total small{margin-top:1px;font:800 10.5px/1.1 var(--mt-texto);color:#ffeaa0}
body .mr-demo__hud .mr-demo__banana-hint{display:none}
/* 1) acumulado */
body .mr-demo__hud .mr-demo__earnings-panel>span:not(.mt-ganho){grid-area:acum;justify-self:end;font:900 10px/1 var(--mt-texto);letter-spacing:.16em;color:var(--mt-ciano-2)}
body .mr-demo__hud .mr-demo__earnings-panel>strong{grid-area:val;justify-self:end;margin:3px 0 0;font-family:var(--mt-titulo);font-weight:400;
  font-size:clamp(26px,7.6vw,32px)!important;line-height:1;letter-spacing:.01em;color:#5cf597!important;white-space:nowrap;
  text-shadow:0 2px 0 #0b5b2c,0 0 14px rgba(84,242,141,.35)}
/* 2) pontas da barra */
body .mr-demo__hud .mr-demo__goal-panel>svg{grid-area:ico;width:15px;height:15px;margin-top:10px;color:var(--mt-amarelo);filter:none;stroke-width:2.5}
body .mr-demo__hud .mr-demo__progress-label{grid-area:lbl;margin:10px 0 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font:800 12px/1.1 var(--mt-texto);color:#cfe2f7}
body .mr-demo__hud .mr-demo__progress-label strong{color:#fff}
body .mr-demo__hud .mr-demo__earnings-panel>small{grid-area:meta;justify-self:end;margin-top:10px;padding:0;border:0;white-space:nowrap;
  font:900 12px/1.1 var(--mt-texto);color:var(--mt-amarelo)}
/* 3) barra */
body .mr-demo__hud .mr-demo__progress{grid-area:bar;margin-top:6px;height:12px;border-radius:999px;overflow:hidden;background:rgba(1,12,30,.75);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.55),inset 0 0 0 1px rgba(127,232,255,.2)}
body .mr-demo__hud .mr-demo__progress i{border-radius:inherit;
  background:repeating-linear-gradient(-45deg,rgba(255,255,255,.2) 0 5px,transparent 5px 11px),linear-gradient(180deg,#fff27a,#ffd21f 55%,#f5a812);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 10px rgba(255,216,58,.55)}
/* "+R$" da coleta: chip no vão entre bananas e acumulado (dentro do cartão); só o último fica visível */
body .mr-demo__hud .mr-demo__earnings-panel>span.mt-ganho{grid-area:ganho;position:relative;inset:auto;translate:none;justify-self:end;align-self:center;
  display:inline-block;margin:0;padding:2px 8px;border-radius:999px;background:#16b84a;color:#fff;font:900 11.5px/1.3 var(--mt-texto);
  letter-spacing:0;text-transform:none;white-space:nowrap;box-shadow:0 2px 0 #0b7a2e,0 4px 10px rgba(0,30,10,.35);animation:m13-ganho .8s ease-out forwards}
body .mr-demo__hud .mr-demo__earnings-panel>.mt-ganho:not(:last-child){display:none}
@keyframes m13-ganho{0%{opacity:0;transform:translateY(4px)}15%,70%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-6px)}}
/* a cada banana só o número do acumulado brilha (sem anel nem crescimento do painel) */
body .mr-demo__hud .mr-demo__earnings-panel,body .mr-demo__hud .mr-demo__earnings-panel.mt-pulso{animation:none;box-shadow:none;outline:0}
body .mr-demo__hud .mr-demo__earnings-panel.mt-pulso>strong{animation:m13b-brilho .4s ease-out}
@keyframes m13b-brilho{40%{text-shadow:0 2px 0 #0b5b2c,0 0 24px rgba(160,255,190,.95)}}
body .mr-demo .mr-reverse__tutorial{font-size:11px;line-height:1.1;padding:7px 12px}

/* ---------- "Meta atingida!": faixa dourada compacta logo abaixo do HUD (não desce até a pista) ---------- */
body .mr-demo__goal-notice{top:max(22%,186px);width:min(320px,84%);padding:12px 16px 11px;border-radius:20px;overflow:hidden;
  border:2px solid transparent;background:radial-gradient(ellipse 70% 90% at 50% 0%,rgba(255,216,58,.22),transparent 70%) padding-box,
  linear-gradient(180deg,#0f3d74,#04193d) padding-box,linear-gradient(160deg,#fff3a6,#ffd21f 35%,#c27e0c 70%,#ffe48a) border-box;
  box-shadow:0 0 0 4px rgba(255,216,58,.14),0 0 30px rgba(255,216,58,.3),0 14px 30px rgba(0,8,30,.5)}
body .mr-demo__goal-notice strong{font-size:28px!important;line-height:1.05}
body .mr-demo__goal-notice span{margin-top:4px;font-size:12.5px;text-wrap:balance}
body .mr-demo__goal-notice::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.35) 50%,transparent 62%) 160% 0/260% 100% no-repeat;
  animation:m13-brilho-meta 1.1s .55s ease-out both}
@keyframes m13-brilho-meta{from{background-position:160% 0}to{background-position:-60% 0}}

/* ---------- "Encerrar e receber": dourado com lábio fixo; só o brilho pulsa (sem escala) ---------- */
@keyframes m13-encerrar{0%,100%{box-shadow:inset 0 3px 0 rgba(255,255,255,.65),inset 0 -4px 0 rgba(180,110,0,.32),0 5px 0 #a8670a,0 10px 24px rgba(255,190,30,.28)}
  50%{box-shadow:inset 0 3px 0 rgba(255,255,255,.65),inset 0 -4px 0 rgba(180,110,0,.32),0 5px 0 #a8670a,0 0 32px rgba(255,210,50,.65)}}
body .mr-demo__cashout .mr-demo__primary{transform:none;box-shadow:inset 0 3px 0 rgba(255,255,255,.65),inset 0 -4px 0 rgba(180,110,0,.32),0 5px 0 #a8670a,0 10px 24px rgba(255,190,30,.28)}
body .mr-demo__cashout .mr-demo__primary:not(:disabled){animation:m13-encerrar 2.2s ease-in-out infinite}
body .mr-demo__cashout .mr-demo__primary:not(:disabled):active{transform:translateY(3px);box-shadow:inset 0 3px 0 rgba(255,255,255,.6),0 2px 0 #a8670a}
body .mr-demo__cashout .mr-demo__primary:disabled{animation:none;filter:saturate(.75) brightness(.94);cursor:progress}
body .mr-demo__cashout>small{font-size:max(12px,2.4cqw);line-height:1.35;border:1px solid rgba(127,232,255,.4);border-radius:14px;
  background:rgba(3,20,46,.86);box-shadow:inset 0 1px 0 rgba(190,236,255,.14)}

/* ---------- carregamento com a mesma linguagem da "Preparando sua corrida" ---------- */
body .mr-demo__scene-loading{background:radial-gradient(ellipse at 50% 40%,rgba(63,220,255,.2),transparent 60%),rgba(2,14,34,.96)}
body .mr-demo__scene-loading-card{border-color:var(--mt-linha);background:var(--mt-painel);min-height:min(396px,72vh);
  display:flex;flex-direction:column;justify-content:center}
body .mr-demo__scene-loading h1{font-family:var(--mt-titulo);font-weight:400;letter-spacing:.01em;color:#fff;font-size:clamp(26px,7.4vw,32px)}
body .mr-demo__scene-loading-orbit{animation:none;position:relative;border-color:rgba(63,220,255,.35)}
body .mr-demo__scene-loading-orbit::before{content:"";position:absolute;inset:-2px;border-radius:50%;border:3px solid transparent;
  border-top-color:var(--mt-amarelo);border-right-color:var(--mt-ciano);animation:mr-scene-orbit 1.1s linear infinite}
body .mr-demo__scene-loading-orbit img{animation:mt-banana 1.6s ease-in-out infinite}
body .mr-demo__scene-loading-track{height:8px;border:0;background:rgba(127,232,255,.18)}
body .mr-demo__scene-loading-track i{background:linear-gradient(90deg,var(--mt-ciano),var(--mt-amarelo))}

/* ---------- "Confirmando resultado…" com cara do jogo e foco ---------- */
body .mr-demo__sync:not(.mr-demo__sync--warning){border:2px solid var(--mt-borda);background:var(--mt-painel);
  box-shadow:0 0 0 100vmax rgba(2,12,30,.5),0 12px 60px rgba(0,0,0,.7)}
body .mr-demo__sync strong{font-family:var(--mt-titulo);font-weight:400;font-size:26px;letter-spacing:.01em;color:var(--mt-amarelo)}
body .mr-demo__sync p{font-weight:700}

/* ================= RESULTADO (vitória e derrota) =================
   Cartão com moldura em gradiente igual nos quatro lados (dourada na vitória, coral na derrota), blocos internos num só estilo de
   "vidro" e números na fonte do jogo. Na vitória o prêmio vira o bloco de destaque de ponta a ponta. */
body .mr-demo__result-card{border:2px solid transparent;border-radius:28px;
  background:radial-gradient(ellipse 90% 38% at 50% 0%,rgba(63,220,255,.14),transparent 70%) padding-box,
  linear-gradient(180deg,#0b3a72,#04183c 55%,#03122e) padding-box,
  linear-gradient(160deg,rgba(127,232,255,.75),rgba(49,183,255,.25) 50%,rgba(127,232,255,.6)) border-box;
  box-shadow:inset 0 1px 0 rgba(190,236,255,.16),0 24px 60px rgba(0,8,30,.65)}
body .mr-demo__result-card--won{
  background:radial-gradient(ellipse 80% 34% at 30% 0%,rgba(255,216,58,.16),transparent 70%) padding-box,
  linear-gradient(180deg,#0c3c76,#04183c 55%,#03122e) padding-box,
  linear-gradient(160deg,#fff3a6,#ffd21f 28%,#b9780e 55%,#ffd21f 80%,#fff0a0) border-box;
  box-shadow:0 0 0 4px rgba(255,216,58,.12),0 0 46px rgba(255,216,58,.22),0 24px 60px rgba(0,8,30,.65)}
body .mr-demo__result-card--lost{
  background:radial-gradient(ellipse 70% 30% at 50% 0%,rgba(255,100,116,.16),transparent 70%) padding-box,
  linear-gradient(180deg,#0a2f5c,#041838 55%,#03122e) padding-box,
  linear-gradient(160deg,#ffb3a6,#ff6474 35%,#7a2a3a 60%,#ff6474 85%,#ffb3a6) border-box;
  box-shadow:0 0 0 4px rgba(255,100,116,.1),0 0 40px rgba(255,100,116,.16),0 24px 60px rgba(0,8,30,.65)}

/* vitória: raios dourados girando devagar atrás do minion */
body .mr-demo__result-card--won .mr-demo__result-hero::before{content:"";position:absolute;z-index:-2;left:-40px;top:-56px;width:270px;height:270px;
  border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(255,226,110,.2) 0 9deg,transparent 9deg 22deg);
  -webkit-mask:radial-gradient(circle,#000 18%,transparent 68%);mask:radial-gradient(circle,#000 18%,transparent 68%);animation:m13d-raios 30s linear infinite}
body .mr-demo__result-card--won .mr-demo__result-hero::after{content:"";position:absolute;z-index:-3;left:-10px;top:-20px;width:200px;height:200px;border-radius:50%;
  pointer-events:none;background:radial-gradient(circle,rgba(255,216,58,.28),transparent 65%)}
@keyframes m13d-raios{to{transform:rotate(360deg)}}

/* títulos e subtítulos */
body .mr-demo__result-heading p{font-family:var(--mt-texto)!important;font-weight:800!important;font-size:13px;letter-spacing:0;text-wrap:balance}
body .mr-demo__result-card--won .mr-demo__result-subtitle{text-align:right;font-weight:800;color:#d9fbe9;text-wrap:balance}
body .mr-demo__result-card--lost .mr-demo__result-subtitle{color:#c3d9f0;text-wrap:balance}
body .mr-demo__result-card .mr-demo__outcome-badge{letter-spacing:.12em}

/* blocos internos: um só estilo de vidro (sem as bordas ciano fortes de antes) */
body .mr-demo__result-card :is(.mr-demo__result-stats,.mr-demo__result-tile,.mr-demo__result-goal),
body .mr-demo__result-card--lost .mr-demo__result-stats>div{border:1px solid rgba(127,232,255,.2);border-radius:16px;
  background:linear-gradient(180deg,rgba(12,52,100,.62),rgba(2,18,42,.72));box-shadow:inset 0 1px 0 rgba(190,236,255,.1)}
body .mr-demo__result-card--lost .mr-demo__result-stats{border:0;background:none;box-shadow:none}
body .mr-demo__result-stats>div+div{border-left-color:rgba(127,232,255,.16)}
body .mr-demo__result-card--lost .mr-demo__result-stats>div+div{border-left-color:rgba(127,232,255,.2)}
/* rótulos: uma linha, legíveis */
body .mr-demo__result-card :is(.mr-demo__result-stats>div>span,.mr-demo__result-tile span){font:800 clamp(9.5px,2.75vw,11px)/1.2 var(--mt-texto);
  letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:#8fcaf0}
body .mr-demo__result-card :is(.mr-demo__result-stat-value strong,.mr-demo__result-tile strong){font-family:var(--mt-titulo)!important;font-weight:400!important;letter-spacing:.01em}

/* prêmio / aposta / saldo: ícone + rótulo numa linha, valor grande embaixo, tudo centralizado */
body .mr-demo__result-card .mr-demo__result-tile{display:grid;grid-template-columns:auto auto;grid-template-areas:"ico lbl" "val val";
  justify-content:center;align-items:center;gap:4px 6px;padding:12px 10px;text-align:center}
body .mr-demo__result-card .mr-demo__result-tile>div{display:contents}
body .mr-demo__result-card .mr-demo__result-tile>svg{grid-area:ico;width:18px;height:18px}
body .mr-demo__result-card .mr-demo__result-tile span{grid-area:lbl}
body .mr-demo__result-card .mr-demo__result-tile strong{grid-area:val;justify-self:center;font-size:clamp(20px,5.8vw,24px);line-height:1.15;white-space:nowrap}
/* saldo (fica fora da grade de valores) e, na vitória, aposta: linha de extrato — ícone + rótulo à esquerda, valor à direita */
body .mr-demo__result-card .mr-demo__result-balance,body .mr-demo__result-card--won .mr-demo__result-tile:not(.mr-demo__result-payout):not(.mr-demo__result-balance){
  grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ico lbl val";justify-content:stretch;gap:8px;padding:10px 14px;text-align:left}
body .mr-demo__result-card .mr-demo__result-balance strong,body .mr-demo__result-card--won .mr-demo__result-tile:not(.mr-demo__result-payout):not(.mr-demo__result-balance) strong{
  justify-self:end;font-size:clamp(19px,5.4vw,22px)}
/* vitória: prêmio em destaque de ponta a ponta; aposta e saldo como linhas de extrato embaixo */
body .mr-demo__result-card--won .mr-demo__result-money{grid-template-columns:1fr}
body .mr-demo__result-card--won .mr-demo__result-payout{grid-column:1/-1;padding:12px 12px 14px;border-color:rgba(92,245,151,.55);
  background:radial-gradient(ellipse 70% 120% at 50% 0%,rgba(92,245,151,.2),transparent 70%),linear-gradient(180deg,rgba(14,92,72,.7),rgba(3,40,42,.82));
  box-shadow:inset 0 1px 0 rgba(200,255,220,.2),0 0 24px rgba(92,245,151,.16)}
body .mr-demo__result-card--won .mr-demo__result-payout span{color:#b9ffd6}
body .mr-demo__result-card--won .mr-demo__result-payout>svg{width:20px;height:20px}
body .mr-demo__result-card--won .mr-demo__result-payout strong{font-size:clamp(32px,9vw,40px);color:#5cf597;text-shadow:0 2px 0 #0b5b2c,0 0 18px rgba(84,242,141,.4)}
/* derrota: valor recebido em coral discreto */
body .mr-demo__result-card--lost .mr-demo__result-payout{border-color:rgba(255,120,130,.45);background:linear-gradient(180deg,rgba(110,36,56,.5),rgba(40,18,36,.72))}
body .mr-demo__result-card--lost .mr-demo__result-payout span{color:#ffb5a4}

/* meta */
body .mr-demo__result-card .mr-demo__result-goal>div:first-child{font-size:11px;font-weight:800;letter-spacing:.03em}
body .mr-demo__result-card .mr-demo__result-progress{height:12px;border:0;overflow:hidden;background:rgba(1,12,30,.75);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.55),inset 0 0 0 1px rgba(127,232,255,.2)}
body .mr-demo__result-card--won .mr-demo__result-progress i{width:100%!important;
  background:repeating-linear-gradient(-45deg,rgba(255,255,255,.2) 0 5px,transparent 5px 11px),linear-gradient(180deg,#a8ffbf,#46ef7b 60%,#1fbf5a);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
body .mr-demo__result-card--lost .mr-demo__result-goal{padding:10px 14px}
body .mr-demo__result-card--lost .mr-demo__result-goal>div:first-child{flex-wrap:wrap;justify-content:space-between;row-gap:2px}
body .mr-demo__result-card--lost .mr-demo__result-goal>div:first-child>*{max-width:none;font-size:12px;line-height:1.3}
body .mr-demo__result-card--lost .mr-demo__result-goal strong{color:#ffc5c1}

/* CTA principal: dourado do JOGAR com lábio 3D (vitória e derrota); só brilho, sem escala */
body .mr-demo__result-card .mr-demo__play-again{font-family:var(--mt-titulo);font-weight:400;font-size:clamp(21px,6.2vw,26px);letter-spacing:.02em;
  color:#13213d;border:2px solid #fff3b0;border-radius:20px;background:linear-gradient(180deg,var(--mt-amarelo-2),#ffd21f 52%,var(--mt-amarelo-3));
  box-shadow:inset 0 3px 0 rgba(255,255,255,.65),inset 0 -4px 0 rgba(180,110,0,.32),0 5px 0 #a8670a,0 10px 24px rgba(255,190,30,.28)}
body .mr-demo__result-card .mr-demo__play-again:active{transform:translateY(3px);box-shadow:inset 0 3px 0 rgba(255,255,255,.6),0 2px 0 #a8670a}
/* secundários: botões de vidro ciano, rótulo numa linha */
body .mr-demo__result-card .mr-demo__secondary{min-height:48px;gap:7px;padding:8px 10px;border:1px solid rgba(127,232,255,.42);border-radius:14px;
  background:linear-gradient(180deg,rgba(16,70,128,.7),rgba(4,30,64,.85));box-shadow:inset 0 1px 0 rgba(190,236,255,.16);
  color:#d6f1ff;font:800 clamp(10.5px,3vw,12px)/1.1 var(--mt-texto);letter-spacing:.04em;white-space:nowrap}
body .mr-demo__result-card .mr-demo__secondary svg{width:19px;height:19px}
body .mr-demo__result-card .mr-demo__secondary:focus-visible,body .mr-demo__result-card .mr-demo__play-again:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* celular */
@media (max-width:600px){
  body .mr-demo__result-subtitle{font-size:13px}
  body .mr-demo__result-card--lost .mr-demo__result-subtitle{font-size:12.5px}
  body .mr-demo__result-card .mr-demo__outcome-badge{font-size:11px;padding:5px 10px}
  body .mr-demo__result-card .mr-demo__play-again{min-height:58px;margin:16px 0 12px}
  body .mr-demo__result-card .mr-demo__result-actions{gap:8px}
}
/* computador baixo: tudo, até os secundários, na primeira tela */
@media (min-width:601px) and (max-height:820px){
  body .mr-demo__overlay--result{padding-top:max(34px,env(safe-area-inset-top,0px));padding-bottom:12px}
  body .mr-demo__overlay--lost{padding-top:max(12px,env(safe-area-inset-top,0px))}
  body .mr-demo__result-card{padding:12px 24px 14px}
  body .mr-demo__result-card--won .mr-demo__result-hero{min-height:112px}
  body .mr-demo__finish-minion{width:166px;height:190px;top:-44px;left:-16px}
  body .mr-demo__result-card--won .mr-demo__result-hero::before{width:230px;height:230px;left:-36px;top:-50px}
  body .mr-demo__result-card--won .mr-demo__result-hero h1 span{font-size:40px}
  body .mr-demo__result-card--won .mr-demo__result-hero h1 em{font-size:42px}
  body .mr-demo__result-hero p{margin-top:12px}
  body .mr-demo__result-subtitle{margin-bottom:10px}
  body .mr-demo__result-hero>.mr-demo__defeat-emblem{transform:scale(.5);margin:-56px auto -54px}
  body .mr-demo__result-card--lost .mr-demo__result-hero h1{margin:-6px 0 10px}
  body .mr-demo__result-card--lost .mr-demo__result-hero h1 span{font-size:40px}
  body .mr-demo__result-card--lost .mr-demo__result-hero h1 em{font-size:46px}
  body .mr-demo__result-stats{padding:10px 8px}
  body .mr-demo__result-card--lost .mr-demo__result-stats>div{padding:9px 8px}
  body .mr-demo__result-stat-value{margin-top:4px}
  body .mr-demo__result-stat-value img{width:40px;height:42px}
  body .mr-demo__result-card--lost .mr-demo__result-stat-value{min-height:44px}
  body .mr-demo__result-money{margin:8px 0;gap:8px}
  body .mr-demo__result-card .mr-demo__result-tile{padding:9px 10px}
  body .mr-demo__result-card--won .mr-demo__result-payout{padding:9px 12px 10px}
  body .mr-demo__result-card--won .mr-demo__result-payout strong{font-size:34px}
  body .mr-demo__result-goal{margin-top:8px;padding:9px 14px}
  body .mr-demo__result-card .mr-demo__play-again{min-height:56px;margin:12px 0 10px}
  body .mr-demo__result-card .mr-demo__secondary{min-height:44px}
}
/* celular baixo (360×740): derrota mais compacta */
@media (max-width:600px) and (max-height:800px){
  body .mr-demo__result-hero>.mr-demo__defeat-emblem{transform:scale(.64);margin:-30px auto -24px}
  body .mr-demo__result-card--lost .mr-demo__result-hero h1 span{font-size:clamp(32px,10vw,46px)}
  body .mr-demo__result-card--lost .mr-demo__result-hero h1 em{font-size:clamp(36px,11vw,52px)}
  body .mr-demo__result-card--lost .mr-demo__result-stats>div{padding:9px 4px}
  body .mr-demo__result-card--lost .mr-demo__result-stat-value{min-height:40px;margin-top:6px}
  body .mr-demo__result-card .mr-demo__result-tile{padding:10px 7px}
  body .mr-demo__result-goal{padding:9px 10px}
}

/* título do histórico na fonte do jogo */
body .mr-demo__history-heading h1{font-family:var(--mt-titulo);font-weight:400;letter-spacing:.01em}

/* movimento reduzido: sem brilhos, giros e entradas desta área */
@media (prefers-reduced-motion:reduce){
  body .mr-demo__hud .mr-demo__earnings-panel>span.mt-ganho,body .mr-demo__hud .mr-demo__earnings-panel.mt-pulso>strong,
  body .mr-demo__cashout .mr-demo__primary:not(:disabled),body .mr-demo__scene-loading-orbit::before,body .mr-demo__scene-loading-orbit img,
  body .mr-demo__result-card--won .mr-demo__result-hero::before{animation:none!important}
  body .mr-demo__goal-notice::after{display:none}
  .mr-autostart-tela img,.mr-autostart-tela i::after{animation:none}
}