/* Celular DEITADO (referência: demo carregado como Android, GUI_mobile/Interface_Landscape). Ativado por body.mland
   (ui/main.js → fit: aparelho celular/tablet pelo navegador + paisagem) com o modo em body.lm-land | lm-wide |
   lm-widefull | lm-lln. O palco 1280×720 é o jogo, escalado por modo (fitMobileLandscape); a interface do celular mede-se
   em UNIDADES da tela do demo: .hud é a faixa de 999 u de altura centrada na tela, com a largura da tela (--scr-w), e
   --gui-k converte unidade → px do palco. Medidas em 667×375 (WideFull): barra presa às bordas de baixo/esquerda/direita, giro
   centrado na altura e preso à direita. */

/* ---- camada da interface: a tela inteira, em unidades ---- */
body.mland .hud {
  left: calc(var(--bleed-x, 0px) * -1); top: var(--gui-top, 0px); right: auto; bottom: auto;
  width: var(--scr-w); height: 999px; padding: 0; transform: scale(var(--gui-k, 1)); transform-origin: 0 0;
  background: none; pointer-events: none;
}
body.mland .hud :is(#btn-info, #meters, #msg, #btn-spin, #btn-speed, #btn-auto, .hud-icons > #btn-bets, .hud-icons > #btn-menu) { pointer-events: auto; }
/* degradê escuro da barra (Background/bg_gradient: y 822,7 → 1003,6) */
body.mland .hud::before { content: ''; position: absolute; left: 0; right: 0; top: calc(100% - 176.3px); height: 180.9px; background: linear-gradient(#0000, #000a 60%, #000c); pointer-events: none; }
body.mland .hud :is(#btn-minus, #btn-plus, .hud-icons > #btn-volume, #volume-pop) { display: none !important; }

/* "i" (PaytableButton): disco Ø98 com centro em (70,4; 911,5) */
body.mland .hud #btn-info {
  left: 21.4px; top: calc(100% - 136.5px); width: 98px; height: 98px; padding: 0; box-sizing: border-box;
  border-radius: 50%; border: 2px solid #fff6; background: #0009; color: #fff !important;
  font: italic 700 60px/94px Georgia, 'Times New Roman', serif; text-align: center;
}

/* CRÉDITO / APOSTA (BalanceAndBet): rótulo laranja alinhado à direita em x 258, valor branco a partir de x 270,4;
   maiúsculas de 24 u nos dois, linhas de base em y 901,8 e 949,7 */
body.mland .hud #meters { left: 130px; top: calc(100% - 132.3px); width: auto; padding: 0; display: grid; gap: 0; transform: none; }
body.mland .meters:hover { background: none; }
body.mland .meters div { display: flex; gap: 12.4px; height: 47.9px; align-items: baseline; }
body.mland .meters :is(label, span) { font-size: 31.8px; line-height: 47.9px; }
body.mland .meters label { width: 128px; text-align: right; color: #eeaa2f; } /* borda direita em x 258 (o "i" fica livre) */
body.mland .meters span, body.mland .meters.coins span { color: #f5f5f5; }
body.mland .meters span.fit-text { max-width: 330px; }

/* mensagem (DynamicMessageZone/MsgResultTeaser, 602 u de largura): centrada, maiúsculas de 41,3 u com a base em y 895,1
   (fonte: maiúscula = 0,76 da letra; base a L/2 + 0,345·F do topo da linha) */
body.mland .hud #msg { left: calc(50% - 301px); width: 602px; top: calc(100% - 152.6px); font-size: 54.3px; line-height: 60px; }
/* prêmio (DynamicInfoBar/Win: PRÉMIO + valor): maiúsculas de ~47 u, topo na mesma altura da mensagem (853,8) */
body.mland .hud #msg.win { top: calc(100% - 154.5px); font-size: 61.8px; line-height: 70px; }
body.mland .hud #msg.long { font-size: 26px !important; line-height: 29px; top: calc(100% - 95px); }
/* linha de baixo (MsgFreeSpinsCompleted / FreeSpinsLeft): maiúsculas de 26,6 u com a base em y 956,3 */
body.mland .hud #win-line { left: calc(50% - 301px); width: 602px; top: calc(100% - 74.8px); height: 40px; line-height: 40px; font-size: 35px; }
/* hora (AggregatedInfo "marca • hora", maiúsculas de 16 u com a base em y 993,7): centrada embaixo — aqui só a hora */
body.mland .hud-clock { display: block; position: absolute; left: 0; width: 100%; top: calc(100% - 23px); text-align: center; font-family: var(--font-hud); font-size: 21px; line-height: 21px; color: #d8d8d8; pointer-events: none; }

/* automático · velocidade · apostas · ≡ (ButtonGroup): pílulas 104,5×78 presas à direita, topo em y 869,5 */
body.mland .hud :is(#btn-auto, #btn-speed, .hud-icons > #btn-bets, .hud-icons > #btn-menu) {
  display: block; position: absolute; top: calc(100% - 129.5px); width: 104.5px; height: 78px; padding: 0; border-radius: 39px; box-sizing: border-box;
  border: 2px solid #fff8 !important; background-color: #000a !important; background-repeat: no-repeat !important; background-position: center !important; color: #fff;
}
body.mland .hud #btn-auto { left: calc(100% - 493.5px); }
body.mland .hud #btn-speed { left: calc(100% - 368px); }
body.mland .hud .hud-icons > #btn-bets { left: calc(100% - 246.2px); }
body.mland .hud .hud-icons > #btn-menu { left: calc(100% - 127px); }
body.mland #btn-auto .auto-text, body.mland #speed-label { display: none; }
body.mland #btn-auto .auto-icon { display: block; width: 48px; height: 48px; margin: 0 auto; }
body.mland.skin-auto-button .hud #btn-auto { background-image: var(--skin-auto-button) !important; background-size: 52px 42px !important; }
body.mland.skin-auto-button .hud #btn-auto .auto-icon { visibility: hidden; }
body.mland.skin-speed-button .hud #btn-speed { background-image: var(--skin-speed-button) !important; background-size: 100% 100% !important; }
body.mland.skin-speed-button-quick .hud #btn-speed[data-speed="quick"] { background-image: var(--skin-speed-button-quick) !important; }
body.mland.skin-speed-button-turbo .hud #btn-speed[data-speed="turbo"] { background-image: var(--skin-speed-button-turbo) !important; }
body.mland .hud #btn-speed svg { visibility: hidden !important; }
body.mland .hud .hud-icons > #btn-bets svg { width: 46px; height: 44px; }
body.mland.skin-icon-bets .hud .hud-icons > #btn-bets { background-image: var(--skin-icon-bets) !important; background-size: 46px 44px !important; }
body.mland.skin-icon-bets .hud .hud-icons > #btn-bets svg { visibility: hidden; }
body.mland.skin-icon-menu .hud .hud-icons > #btn-menu { background-image: none !important; }
body.mland .hud .hud-icons > #btn-menu svg { visibility: visible !important; width: 52px; height: 52px; }

/* giro (StartSpin_Button): disco Ø237,8 a 16 u da borda direita, centrado na altura (topo 357 de 999) */
body.mland .hud #btn-spin {
  left: calc(100% - 253.9px); top: calc(50% - 142.5px); width: 237.8px; height: 237.8px; padding: 0;
  background: #00000059 !important; border: 0 !important; border-radius: 50%; box-shadow: none !important; /* referência: circle preto a 0,349 */
}
body.mland.skin-spin-icon .hud #btn-spin::before { left: 13%; top: 19.6%; width: 73.1%; height: 61.9%; }
body.mland #btn-spin .spin-ring { display: block; position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
body.mland .spin-ring text { fill: #fff; font-size: 11.8px; font-weight: 900; letter-spacing: 0; font-family: var(--font-hud, sans-serif); }
body.mland #btn-spin:is(.spinning, .ring-wait) .spin-ring { visibility: hidden; }
/* rodadas grátis e gamble: o giro some (o contador fica à esquerda) */
body.mland.in-fs .hud #btn-spin, body.mland #stage:has(> #gamble:not(.hidden)) > .hud #btn-spin { visibility: hidden; }

/* modo Landscape (tablet, razão < 1,57): o "i" e as pílulas encolhem ×0,8 — o "i" em torno do centro, as pílulas em torno
   de um ponto 24 u antes da borda direita, na altura da fileira (medido em 600×450, 700×500 e 750×500) */
body.mland.lm-land .hud #btn-info { scale: 0.8; transform-origin: 50% 50%; }
body.mland.lm-land .hud :is(#btn-auto, #btn-speed, .hud-icons > #btn-bets, .hud-icons > #btn-menu) { scale: 0.8; }
body.mland.lm-land .hud #btn-auto { transform-origin: 469.5px 39px; }
body.mland.lm-land .hud #btn-speed { transform-origin: 344px 39px; }
body.mland.lm-land .hud .hud-icons > #btn-bets { transform-origin: 222.2px 39px; }
body.mland.lm-land .hud .hud-icons > #btn-menu { transform-origin: 103px 39px; }

/* ---- jogo: peças do Game/Main por modo, em px do palco (unidade ÷ 1,3972 a partir da origem no centro do palco).
   Landscape e Wide usam as posições "Landscape" da referência; WideFull e LLN as próprias (botões 15 u à esquerda e
   mais baixos, painel de ganhos 10 u abaixo) ---- */
body.mland .side-left { left: 0; top: 0; width: 0; height: 0; }
/* COMPRAR MODO (FeaturePurchase/MainButton, arte 266,1×235,9 u) */
body.mland #btn-buy { left: 29.47px; top: 67.99px; width: 190.45px; height: 168.84px; padding: 0; display: block; }
body.mland:is(.lm-widefull, .lm-lln) #btn-buy { left: 18.83px; top: 92.97px; }
body.mland #btn-buy :is(.feature-title, .feature-sub) { position: absolute; left: 0; right: 0; margin: 0; text-align: center; translate: 0 -50%; }
body.mland #btn-buy .feature-title { top: 71.7px; line-height: 1; }
body.mland #btn-buy .feature-sub { top: 104.5px; line-height: 1; }
/* APOSTAS ESPECIAIS (AnteBet/MainButton, arte 266,1² u com as asas): título em y 70,6, opções em 91,8, interruptor
   143,1×42,3 em (23,5; 121,5) */
body.mland #btn-ante { left: 29.47px; top: 247.56px; width: 190.45px; height: 190.45px; padding: 0; display: block; }
body.mland:is(.lm-widefull, .lm-lln) #btn-ante { left: 18.83px; top: 267.53px; }
body.mland #btn-ante :is(.feature-title, .feature-sub) { position: absolute; left: 0; right: 0; margin: 0; text-align: center; translate: 0 -50%; line-height: 1; }
body.mland #btn-ante .feature-title { top: 70.6px; }
body.mland #btn-ante .feature-sub { top: 91.8px; }
body.mland #btn-ante .ante-toggle { position: absolute; left: 23.5px; top: 121.5px; margin: 0; width: 143.1px; height: 42.3px; }
body.mland #btn-ante .ante-toggle span { top: 2.5px; left: 3.6px; width: 65.8px; height: 37.3px; }
body.mland #btn-ante.active .ante-toggle span { left: calc(100% - 69.4px); }
/* painel de ganhos (TumbleHistory, moldura 269,9×196,1 u) */
body.mland .win-log { left: 29.29px; top: 463.56px; width: 193.17px; height: 140.35px; margin: 0; }
body.mland:is(.lm-widefull, .lm-lln) .win-log { left: 17.25px; top: 470.65px; }
/* logo (GameTitle, 300,1×203,3 u); no LLN um pouco maior e mais à direita */
body.mland .side-right { right: auto; left: 0; top: 0; width: 0; height: 0; }
body.mland .logo { position: absolute; left: 1052.1px; top: 46.73px; width: 214.8px; height: 145.5px; margin: 0; }
body.mland.lm-lln .logo { left: 1073.4px; top: 50.1px; width: 226.2px; height: 153.2px; }
body.mland .logo :is(img, .art) { width: 100%; height: 100%; max-width: none; max-height: none; }

/* ---- Janelas da plataforma no celular deitado (GUI_mobile/…/Windows): medidas em unidades da tela; a janela fica
   centrada na largura, com o topo medido a partir da faixa de 999 u, e escala por --gui-k. O fundo do jogo não
   escurece (referência) ---- */
body.mland .modal:has(:is(.panel-system, .panel-bet, .panel-auto, .panel-info)) { display: block; background: transparent; }
body.mland .modal-card:is(.panel-system, .panel-bet, .panel-auto, .panel-info) {
  position: absolute; margin: 0 !important; max-height: none; transform-origin: 0 0; scale: var(--gui-k, 1); zoom: 1;
  left: calc((var(--scr-w) - var(--w)) * var(--gui-k, 1) / 2); top: calc(var(--gui-top, 0px) + var(--bleed-y, 0px) + var(--t) * var(--gui-k, 1));
  width: var(--w); height: var(--h);
}

/* ---- Definições do sistema (MenuWindow, 667×375): folha preta 1430,1×913,8 no topo 35,5; título centrado com a base em
   88,3; X 42,6×48 em (1358,4; 39,1); à esquerda INÍCIO e HISTÓRICO entre divisórias (y 164,4 / 285,9 / 407,5, x 94,3,
   568,8 de largura) e a aposta total; à direita os interruptores a cada 122,9 a partir de y 268,3 (texto em x 812,3,
   trilho 151,8×75,9 em x 1197,2). Px da folha; maiúsculas: títulos 25,3, descrições 18, aposta 22,6; título, histórico e APOSTA TOTAL pela largura
   dos mesmos textos no demo (367,6 / 297 / 190,5 u) ---- */
body.mland .modal-card.panel-system, body.mland.skin-modal-frame .modal-card.panel-system {
  --w: 1430.1px; --h: 913.8px; --t: 35.5px; border-radius: 0; background: #000000eb !important;
}
body.mland .modal-card.panel-system h2, body.mland.skin-font-menu .modal-card.panel-system h2 { top: 58.1px; font: 700 35.75px/1 var(--font-hud) !important; letter-spacing: 0; color: #f3af31; }
body.mland .modal-card.panel-system .panel-x { left: 1338px; top: 20px; right: auto; width: 84px; height: 88px; line-height: 88px; border-radius: 0; background: none !important; font-size: 66px; color: #c8c8c8 !important; }
body.mland .panel-system .system-col { position: absolute; left: 0; top: 0; width: 100%; }
body.mland .panel-system .sys-head { display: none; }
body.mland .panel-system .menu-row {
  position: absolute; left: 94.3px; width: 568.8px; height: 121.5px; padding: 0 41.9px 0 8px; box-sizing: border-box;
  border-top: 0; border-bottom: 2.7px solid #333; font: 700 33.3px/1 var(--font-hud); color: #6b6b6b; letter-spacing: 0;
}
body.mland .panel-system .home-row { display: flex; top: 164.4px; color: #fff; border-top: 2.7px solid #333; height: 124.2px; }
body.mland .panel-system .menu-row:not(.home-row) { top: 288.6px; font-size: 34.2px; }
body.mland .panel-system .menu-row .ext-link { color: #6b6b6b; width: 37.3px; height: 37.3px; }
body.mland .panel-system .home-ico { width: 40px; height: 38.6px; }
body.mland .panel-system .menu-row:hover { color: #8a8a8a; }
body.mland .panel-system .home-row:hover { color: #fff; }
/* aposta total: rótulo centrado em x 378,7 (base 461,3), − e + Ø99,9 em x 110,3 / 547,2, campo 230,4×101,2 em x 263,5;
   tudo a partir de y 515,9 */
body.mland .panel-system .system-col:first-child { width: 757.4px; }
body.mland .panel-system .stepper { position: absolute; left: 0; top: 0; width: 757.4px; height: 0; }
body.mland .panel-system .stepper-label { position: absolute; left: 0; right: 0; top: 435.2px; margin: 0; font: 700 31.1px/1 var(--font-hud); letter-spacing: 0; }
body.mland .panel-system .stepper-row { position: static; margin: 0; }
body.mland .panel-system .step-btn { position: absolute; top: 515.9px; width: 99.9px; height: 99.9px; }
body.mland .panel-system .step-btn.minus { left: 110.3px; background: #ebebeb !important; }
body.mland .panel-system .step-btn.plus { left: 547.2px; }
body.mland .panel-system .step-btn::before { width: 58px; height: 6px; border-radius: 3px; }
body.mland .panel-system .step-btn.plus::after { width: 6px; height: 58px; }
body.mland .panel-system .step-value { position: absolute; left: 263.5px; top: 515.9px; width: 230.4px; height: 101.2px; border-radius: 10px; font: 700 34.2px/97px var(--font-hud); letter-spacing: 0; }
/* interruptores */
body.mland .panel-system .system-col:last-child { top: 268.3px; }
body.mland .panel-system .setting-row { position: relative; height: 122.9px; }
body.mland .panel-system .setting-row span { position: absolute; left: 812.3px; top: 0; width: 380px; padding: 0; }
body.mland .panel-system .setting-row b { position: absolute; left: 0; top: 13.1px; width: 380px; font: 700 33.3px/1 var(--font-hud); letter-spacing: 0; white-space: nowrap; }
body.mland .panel-system .setting-row small { position: absolute; left: 0; top: 53px; width: 370px; margin: 0; font: 700 23.7px/29px var(--font-hud); letter-spacing: 0; color: #c8c8c8; }
body.mland .panel-system .switch { left: 1197.2px; right: auto; top: 14.5px; width: 151.8px; height: 75.9px; border-radius: 10px; }
body.mland .panel-system .switch::after { width: 77.3px; height: 75.9px; border-radius: 10px; background-size: 26px 23px; }
body.mland .panel-system .switch:checked::after { left: 74.5px; }

/* ---- Multiplicador de aposta (BetsWindow, 667×375): janela 1430,1×761,8 no topo 79,4; título com a base em 80,4;
   APOSTA e VALOR DE MOEDA na coluna da esquerda (centro x 389,5), APOSTA TOTAL na da direita (centro 1040,5); − e +
   Ø112, campo 257×114; APOSTA MÁX. 254,4×109,2 em (913,5; 228,3); OK verde 1403,9×111,9 em (13,1; 637,2). Px da janela;
   letras pela largura dos mesmos textos no demo (título 503,5, APOSTA 101,2, VALOR DE MOEDA 301, APOSTA TOTAL 239,8,
   APOSTA MÁX. 181,2, OK 51,9 u); valores com maiúsculas de 25,3 ---- */
.bet-ok { display: none; }
body.mland .modal-card.panel-bet, body.mland.skin-modal-frame .modal-card.panel-bet {
  --w: 1430.1px; --h: 761.8px; --t: 79.4px; right: auto; bottom: auto; border-radius: 0; background: #000000eb !important;
}
body.mland .modal-card.panel-bet h2, body.mland.skin-font-menu .modal-card.panel-bet h2 { top: 54.7px; font: 700 36.2px/1 var(--font-hud) !important; letter-spacing: 0; }
body.mland .modal-card.panel-bet .panel-x { left: 1338px; top: 20px; right: auto; width: 84px; height: 88px; line-height: 88px; border-radius: 0; background: none !important; font-size: 66px; font-weight: 200; color: #c8c8c8 !important; }
body.mland .panel-bet .stepper { left: 111.4px; right: auto; width: 556.1px; height: 0; top: 0 !important; }
body.mland .panel-bet .stepper:has(#bet-total) { left: 762.6px; }
body.mland .panel-bet .stepper-label { position: absolute; left: 0; right: 0; margin: 0; font: 700 39.3px/1 var(--font-hud); letter-spacing: 0; }
body.mland .panel-bet .stepper:has(#bet-level) .stepper-label { top: 150.4px; font-size: 30.7px; }
body.mland .panel-bet .stepper:is(:has(#bet-coin), :has(#bet-total)) .stepper-label { top: 383.5px; }
body.mland .panel-bet .stepper-row { position: absolute; left: 0; right: 0; height: 114px; }
body.mland .panel-bet .stepper:has(#bet-level) .stepper-row { top: 224.1px; }
body.mland .panel-bet .stepper:is(:has(#bet-coin), :has(#bet-total)) .stepper-row { top: 462.2px; }
body.mland .panel-bet .step-btn { top: 0; width: 112px; height: 112px; }
body.mland .panel-bet .step-btn.minus { left: 0; }
body.mland .panel-bet .step-btn.plus { left: 444.1px; }
body.mland .panel-bet .step-btn::before { width: 64px; height: 6.5px; border-radius: 3px; }
body.mland .panel-bet .step-btn.plus::after { width: 6.5px; height: 64px; }
body.mland .panel-bet .step-value { left: 149.7px; top: 0.8px; width: 257px; height: 114px; border-radius: 12px; font: 700 33.3px/110px var(--font-hud); letter-spacing: 0; }
body.mland .panel-bet .modal-actions { left: 913.5px; top: 228.3px; width: 254.4px; }
body.mland .panel-bet .bet-max, body.mland.skin-button-primary .panel-bet .bet-max.pill-btn.primary { width: 254.4px; height: 109.2px; border-radius: 6px; font: 700 30.4px/1 var(--font-hud); letter-spacing: 0; white-space: nowrap; }
body.mland .panel-bet .bet-max br { display: none; }
body.mland .panel-bet .bet-ok {
  display: block; position: absolute; left: 13.1px; top: 637.2px; width: 1403.9px; height: 111.9px; margin: 0; padding: 0; border: 0; border-radius: 8px;
  background: #00b862; color: #fff; font: 700 42px/111.9px var(--font-hud); letter-spacing: 0; text-align: center; cursor: pointer;
}
body.mland .panel-bet .bet-ok:hover { background: #26c27b; }

/* ---- Jogo automático (AutoplaySimpleWindow, 667×375): janela 928,5×657,6 no topo 131,5; título com a base em 79;
   caixas 85,5² em x 59,9 / 347,4 / 634,9, y 138,4, rótulos em 2 linhas 111,5 à direita (linha de base 173,5, passo
   34,7); NÚMERO DE RODADAS… centrado, base 325,3; trilho 578×5,9 em (98,9; 435,5) com o puxador 74,6×77,3; número em
   x 765,5 (base 457,2); botão verde 903,1×110,6 em (12,9; 533,2). Px da janela; letras pela largura dos mesmos textos
   (título 528,8, rótulos 107,9, NÚMERO… 624,7, 100 79,9, botão 719,3 u) ---- */
body.mland .modal-card.panel-auto, body.mland.skin-modal-frame .modal-card.panel-auto {
  --w: 928.5px; --h: 657.6px; --t: 131.5px; right: auto; bottom: auto; border-radius: 0; background: #000000eb !important;
}
body.mland .modal-card.panel-auto .panel-x { left: 836.5px; top: 20px; right: auto; width: 84px; height: 88px; line-height: 88px; border-radius: 0; background: none !important; font-size: 66px; font-weight: 200; color: #c8c8c8 !important; }
body.mland .modal-card.panel-auto h2, body.mland.skin-font-menu .modal-card.panel-auto h2 { top: 48.7px; font-size: 35.8px !important; line-height: 1 !important; letter-spacing: 0; }
body.mland .panel-auto .auto-checks { left: 0; top: 0; }
body.mland .panel-auto .auto-chk { top: 138.4px; display: block; width: 85.5px; height: 85.5px; }
body.mland .panel-auto .auto-chk:nth-child(1) { left: 59.9px; }
body.mland .panel-auto .auto-chk:nth-child(2) { left: 347.4px; }
body.mland .panel-auto .auto-chk:nth-child(3) { left: 634.9px; }
body.mland .panel-auto .auto-chk i { position: absolute; left: 0; top: 0; width: 85.5px; height: 85.5px; border-width: 4px; border-color: #c1c1c1; border-radius: 12px; }
body.mland .panel-auto .auto-chk input:checked + i::after { left: 24px; top: 13px; width: 21px; height: 39px; border-width: 0 7px 7px 0; }
body.mland .panel-auto .auto-chk span { position: absolute; left: 111.5px; top: 7.5px; font-size: 29.7px; line-height: 34.7px; letter-spacing: 0; white-space: normal; width: 150px; }
body.mland .panel-auto .stepper-label { top: 292.2px; font-size: 39.2px; line-height: 1; letter-spacing: 0; }
body.mland .panel-auto .auto-slider { left: 0; right: auto; top: 0; width: 100%; height: 0; }
body.mland .panel-auto .auto-slider input { left: 61.6px; top: 399.8px; width: 652.6px; height: 77.3px; }
body.mland .panel-auto .auto-slider input::-webkit-slider-runnable-track {
  height: 5.9px; border-radius: 0;
  background: linear-gradient(90deg, transparent 37.3px, #007c44 37.3px, #007c44 calc(37.3px + (100% - 74.6px) * var(--f)), #979797 calc(37.3px + (100% - 74.6px) * var(--f)), #979797 calc(100% - 37.3px), transparent calc(100% - 37.3px));
}
body.mland .panel-auto .auto-slider input::-webkit-slider-thumb { width: 74.6px; height: 77.3px; margin-top: -35.7px; border-radius: 9px; background-size: 26px 23px; }
body.mland .panel-auto .auto-slider b { left: 765.5px; top: 419.9px; width: auto; text-align: left; font-size: 44.1px; line-height: 44.1px; }
body.mland .panel-auto .auto-start { left: 12.9px; right: auto; top: 533.2px; bottom: auto; width: 903.1px; height: 110.6px; border-radius: 10px; font-size: 43.4px; line-height: 106px; letter-spacing: 0; }

/* ---- Regras (Paytable_mobile/Paytable_landscape, 667×375): folha 1430,1×761,8 no topo 79,4 (a mesma do menu de
   aposta), todas as páginas numa coluna que rola na vertical, sem navegação. As páginas são as de paisagem do DUAT
   (1254 px) ×1,06 — a tabela fica com as colunas a 279 u, como na referência; títulos (REGRAS DO JOGO 315,7 u) e o
   texto de abertura (1025,6 u) maiores pela largura dos mesmos textos ---- */
body.mland .modal-card.panel-info, body.mland.skin-modal-frame .modal-card.panel-info {
  --w: 1430.1px; --h: 761.8px; --t: 79.4px; --info-z: 1.06; padding: 0 !important; border-radius: 0; background: #000000eb !important; overflow: hidden;
}
body.mland .modal-card.panel-info .panel-x { left: 1338px; top: 20px; right: auto; width: 84px; height: 88px; line-height: 88px; border-radius: 0; background: none !important; font-size: 66px; font-weight: 200; color: #c8c8c8 !important; z-index: 2; }
body.mland .panel-info .info-scroll {
  position: absolute; inset: 0; padding: 0 0 50px; overflow-x: hidden; overflow-y: auto;
  overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #434343 transparent;
}
body.mland .panel-info .info-scroll::-webkit-scrollbar { width: 8px; }
body.mland .panel-info .info-scroll::-webkit-scrollbar-thumb { background: #434343; border-radius: 4px; }
body.mland .panel-info .info-scroll .info-page {
  position: relative; inset: auto; width: 1254px; height: auto; margin: 0 auto; padding: 30px 0 60px; zoom: var(--info-z);
  overflow: visible; justify-content: flex-start;
}
body.mland .panel-info .info-scroll .info-page section { margin: 0 0 40px; }
body.mland .panel-info .info-scroll .info-page section:last-child { margin-bottom: 0; }
body.mland .panel-info .info-scroll .info-page.info-pay { height: 690px; padding: 0; }
body.mland .panel-info .info-scroll .info-page :is(h2, .info-sub) { font-size: 37.2px !important; line-height: 42px; }
body.mland .panel-info .info-scroll .info-pay .info-lead { font-size: 20.9px; line-height: 23.4px; width: 1050px; }

/* comprar modo e confirmação abertos (referência): somem o giro, o automático e as apostas da barra (nas apostas
   especiais a barra fica inteira) */
body.mland #stage:has(> .modal:not(.hidden) :is(.panel-offers.green, .panel-confirm)) > .hud :is(#btn-spin, #btn-auto, .hud-icons > #btn-bets, #msg) { visibility: hidden; }

/* ---- Gamble (referência 667×375): a mesma cena, mas a chance fica em y 327 da tela e o aviso quebra em 2 linhas
   (largura de ~1150 u da cena, passo de 15 px de tela = 49,5 u), centradas em 342 / 357 ---- */
body.mland.skin-font-title .gb-info .gb-l1 { top: 437.6px; }
body.mland.skin-font-title .gb-info .gb-l2 { top: 512px; white-space: normal; width: 1150px; line-height: 49.5px; }

/* ---- Intro no celular deitado (IntroScreen, medido no demo 667×375 / 740×360 / 640×384 / 750×500, em px do palco):
   a própria cena do jogo por trás, sem a interface — grade menor (Reels ×0,83 a ×0,91 do jogo), logo grande à direita,
   personagem espelhado à esquerda (ui/layout-modes.js → CHAR_INTRO_MLAND), legenda sob a grade, pontos sobre a barra de
   baixo da moldura, giro à direita com o selo de volatilidade e "não mostrar" embaixo. Variáveis por modo:
   --ib-* grade (deslocamento a partir da moldura do jogo + escala), --il-* logo, --ic-* legenda (centro, largura),
   --id-* pontos, --ip-* giro (centro, diâmetro), --if-* canto do selo + escala do grupo ---- */
body.mland.lm-widefull {
  --ib-x: 23.69px; --ib-y: 46.38px; --ib-s: 0.8294; --il-x: 974.28px; --il-y: 58.18px; --il-w: 276.27px;
  --ic-x: 594px; --ic-y: 662.6px; --ic-w: 664.4px; --id-x: 541px; --id-y: 579.6px; --id-d: 32.4px;
  --ip-x: 1113.8px; --ip-y: 524.6px; --ip-d: 159.5px; --if-x: 988.8px; --if-y: 575.3px; --if-k: 1;
}
body.mland.lm-lln {
  --ib-x: -35.32px; --ib-y: 44.01px; --ib-s: 0.8303; --il-x: 946.18px; --il-y: 59.25px; --il-w: 332.3px;
  --ic-x: 535.4px; --ic-y: 660.8px; --ic-w: 682px; --id-x: 482.3px; --id-y: 577.7px; --id-d: 32.4px;
  --ip-x: 1113.8px; --ip-y: 524.6px; --ip-d: 159.5px; --if-x: 988.8px; --if-y: 575.3px; --if-k: 1;
}
body.mland.lm-wide {
  --ib-x: -15.07px; --ib-y: 82.4px; --ib-s: 0.8314; --il-x: 925.73px; --il-y: 128.75px; --il-w: 255.6px;
  --ic-x: 555.9px; --ic-y: 700px; --ic-w: 628.3px; --id-x: 502.9px; --id-y: 616.7px; --id-d: 32.4px;
  --ip-x: 1054.3px; --ip-y: 547.7px; --ip-d: 157.5px; --if-x: 930.6px; --if-y: 597.9px; --if-k: 0.9877;
}
body.mland.lm-land {
  --ib-x: -57.18px; --ib-y: 59.04px; --ib-s: 0.9125; --il-x: 953.65px; --il-y: 106.18px; --il-w: 280.5px;
  --ic-x: 547.7px; --ic-y: 733.1px; --ic-w: 689.6px; --id-x: 489.5px; --id-y: 641.7px; --id-d: 35.6px;
  --ip-x: 1094.8px; --ip-y: 566px; --ip-d: 172.9px; --if-x: 958.9px; --if-y: 621.1px; --if-k: 1.084;
}
body.mland #stage > .intro { background: none; box-shadow: none; }
body.mland.intro-on :is(.hud, .side-left, .fs-panel) { display: none; }
/* grade: escala em torno do canto da moldura do jogo (palco 224,06; 38,07 → no tabuleiro −35,94; 38,07) */
body.mland.intro-on .board { transform-origin: -35.94px 38.07px; translate: var(--ib-x) var(--ib-y); scale: var(--ib-s); }
body.mland.intro-on .logo { left: var(--il-x); top: var(--il-y); width: var(--il-w); height: calc(var(--il-w) * 0.6794); }
body.mland .intro-slides { position: absolute; inset: 0; transform: none; }
body.mland .intro-slide { display: block; }
body.mland .intro-slide > :not(h1) { display: none; }
body.mland .intro-slide h1 {
  position: absolute; left: calc(var(--ic-x) - var(--ic-w) / 2); width: var(--ic-w); top: var(--ic-y); translate: 0 -50%; margin: 0;
  text-align: center; font-size: 42.2px; line-height: 42.2px; letter-spacing: 0;
  color: #ffc22e; background: linear-gradient(#ffe36a 15%, #ffb21f 55%, #f26a0c 95%); -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; -webkit-text-stroke: 0; filter: drop-shadow(0 0 1.2px #4a1a00) drop-shadow(0 0 1.2px #4a1a00) drop-shadow(0 2.5px 1px #3a1200); text-shadow: none;
}
body.mland .intro-dots { left: var(--id-x); right: auto; top: var(--id-y); bottom: auto; gap: 3.6px; justify-content: flex-start; }
body.mland .intro-dots button { width: var(--id-d); height: var(--id-d); border: 2.5px solid #f2b51c; background: #160c06; }
body.mland .intro-dots button.on { background: #f7c21b; }
body.mland .intro-go { left: calc(var(--ip-x) - var(--ip-d) / 2); top: calc(var(--ip-y) - var(--ip-d) / 2); right: auto; bottom: auto; width: var(--ip-d); height: var(--ip-d); }
/* selo de volatilidade (pílula 209,7×37,9 no WideFull) e "não mostrar" (caixa 30² e rótulo em 2 linhas) */
body.mland .intro-foot { left: var(--if-x); top: var(--if-y); right: auto; bottom: auto; width: 250px; height: 130px; display: block; transform-origin: 0 0; scale: var(--if-k); }
body.mland .vol-badge {
  position: absolute; left: 25.8px; top: 12.5px; width: 209.7px; height: 37.9px; box-sizing: border-box; padding: 0 0 0 40px; border-radius: 19px;
  border: 1.5px solid #e8b13a; background: #000d; font: 700 15px/35px var(--font-hud); color: #fff; text-align: left; white-space: nowrap;
}
body.mland .vol-badge::before { content: '≈'; position: absolute; left: 7px; top: 5.5px; width: 22px; height: 22px; border: 1.5px solid #e8b13a; border-radius: 50%; font: 700 16px/19px sans-serif; text-align: center; color: #e8b13a; }
body.mland .vol-badge b { color: #fff; }
body.mland .intro-check { position: absolute; left: -22px; top: 62px; gap: 12px; font-size: 15px; line-height: 17px; font-weight: 400; color: #fff; }
body.mland .intro-check input { width: 30px; height: 30px; margin: 0; appearance: none; border: 2.5px solid #f2b51c; background: transparent; flex: none; }
body.mland .intro-check input:checked { background: #f2b51c; }
body.mland .intro-check span { width: 120px; }

/* contador das rodadas grátis: as medidas de paisagem são relativas ao canto da coluna lateral (12; 94) */
body.mland .fs-panel { left: 12px; top: 94px; }
/* referência (FSLeftIndicator, captura 667×375): número ×0,86 com o centro em y 278 do palco e o rótulo ×0,79 (cabe
   em 121 px) centrado em y 405,8; os dois centrados em x 118,6 */
body.mland #fs-panel .fs-count { left: 27.25px; top: 143.8px; font-size: 74.5px; }
body.mland #fs-panel .fs-label { left: 46.05px; top: 290.7px; width: 121.1px; }

/* ---- Aviso de velocidade (TopBar/SwitchingSettings/GameSpeedChanged, 667×375): janela 460×190 u centrada, 20 u acima
   do centro da tela — o mesmo desenho do retrato (416,6×168,6 px) escalado ×1,1042 u ---- */
body.mland .speed-toast {
  left: calc(640px - 230px * var(--gui-k, 1)); top: calc(360px - 115px * var(--gui-k, 1)); width: 416.6px; height: 168.6px;
  display: block; transform-origin: 0 0; scale: calc(1.1042 * var(--gui-k, 1));
}
body.mland .speed-toast[hidden] { display: none; }
body.mland.skin-speed-button .speed-toast .st-arrows { display: none; }
body.mland.skin-speed-button .speed-toast::before { content: ''; position: absolute; left: 95.15px; top: -10.95px; width: 226.2px; height: 130.9px; background: var(--skin-speed-button) center / 100% 100% no-repeat; }
body.mland.skin-speed-button-quick .speed-toast[data-mode="quick"]::before { background-image: var(--skin-speed-button-quick); }
body.mland.skin-speed-button-turbo .speed-toast[data-mode="turbo"]::before { background-image: var(--skin-speed-button-turbo); }
body.mland .speed-toast .st-text { position: absolute; left: 50%; top: 106.75px; width: max-content; translate: -50% 0; margin: 0; font-size: 24.8px; letter-spacing: 3.74px; transform-origin: 50% 21.45px; }
body.mland .speed-toast .st-text b { margin-right: -9.7px; }

/* ---- Recompra (referência 667×375, depois de perder no gamble): COMPRAR MODO encolhe para a arte de 266,1×157,9 u no
   alto e RECOMPRAR (arte 257×153 u) entra logo abaixo; Landscape e Wide 25 / 23,6 px mais altos e 10,7 px à direita
   (FeaturePurchase/MainButton e RebuyButtons por modo) ---- */
body.mland.has-rebuy:not(.portrait) #btn-buy { left: 18.83px; top: 35.78px; height: 113px; }
body.mland.has-rebuy:not(.portrait):is(.lm-land, .lm-wide) #btn-buy { left: 29.47px; top: 10.73px; }
body.mland.has-rebuy #btn-buy .feature-title { top: 47px; }
body.mland.has-rebuy #btn-buy .feature-sub { top: 72px; }
body.mland #btn-rebuy { left: 22.1px; top: 164.3px; width: 183.9px; height: 109.5px; }
body.mland:is(.lm-land, .lm-wide) #btn-rebuy { left: 32.8px; top: 140.7px; }