/* Roleta Mix Vale — tela da roleta europeia. Tudo dentro de .mvcas-jogo[data-jogo="roleta"]. Arte própria (SVG/CSS). */
.mvcas-jogo[data-jogo="roleta"]{background:#1b050b}
.mvcas-jogo[data-jogo="roleta"] .rl{position:absolute;inset:0;overflow:hidden;color:#fff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-tap-highlight-color:transparent;
  --ouro:#e8c46a;--ouro2:#ffe7a6;--ouro3:#a87a22;--vinho:#4a0f1c;--vinho2:#2a0710;--verde:#0d6640}
.mvcas-jogo[data-jogo="roleta"] .rl *,.mvcas-jogo[data-jogo="roleta"] .rl *::before,.mvcas-jogo[data-jogo="roleta"] .rl *::after{box-sizing:border-box}
.mvcas-jogo[data-jogo="roleta"] .rl svg{max-width:none}
.mvcas-jogo[data-jogo="roleta"] .rl button{font:inherit;color:inherit}
.mvcas-jogo[data-jogo="roleta"] .rl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.mvcas-jogo[data-jogo="roleta"] .rl-topo,.mvcas-jogo[data-jogo="roleta"] .rl-aux,.mvcas-jogo[data-jogo="roleta"] .rl-info,.mvcas-jogo[data-jogo="roleta"] .rl-cena,.mvcas-jogo[data-jogo="roleta"] .rl-mesa-box,.mvcas-jogo[data-jogo="roleta"] .rl-placa,.mvcas-jogo[data-jogo="roleta"] .rl-ctrl{position:relative}

/* ---------- fundo: salão vinho com brilho de lustre ---------- */
.mvcas-jogo[data-jogo="roleta"] .rl-fundo{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(60% 40% at 50% 18%,rgba(255,196,120,.20),rgba(255,196,120,0) 70%),radial-gradient(130% 95% at 50% 35%,#5a1222 0,#3a0a16 40%,#22050d 72%,#140208 100%)}
.mvcas-jogo[data-jogo="roleta"] .rl-fundo::before{content:"";position:absolute;inset:0;opacity:.07;background-size:64px 64px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23ffd88a' stroke-width='1.3'%3E%3Cpath d='M32 4 60 32 32 60 4 32z'/%3E%3Cpath d='M32 18 46 32 32 46 18 32z'/%3E%3Ccircle cx='32' cy='32' r='3'/%3E%3C/g%3E%3C/svg%3E")}
.mvcas-jogo[data-jogo="roleta"] .rl-fundo::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 85% at 50% 45%,transparent 55%,rgba(8,0,3,.6) 100%)}

/* ---------- layout do celular (mesa em pé, roda aparece no giro) ---------- */
.mvcas-jogo[data-jogo="roleta"] .rl-v{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:48px minmax(0,1fr) auto;grid-template-areas:"topo aux" "mesa mesa" "ctrl ctrl";padding-bottom:env(safe-area-inset-bottom)}
.mvcas-jogo[data-jogo="roleta"] .rl-v .rl-topo{grid-area:topo;display:flex;align-items:center;min-width:0;padding:0 6px 0 8px}
.mvcas-jogo[data-jogo="roleta"] .rl-v .rl-marca,.mvcas-jogo[data-jogo="roleta"] .rl-v .rl-hist-t,.mvcas-jogo[data-jogo="roleta"] .rl-v .rl-info{display:none}
.mvcas-jogo[data-jogo="roleta"] .rl-v .rl-aux{grid-area:aux;display:flex;align-items:center;gap:6px;padding:0 8px 0 0}
.mvcas-jogo[data-jogo="roleta"] .rl-v .rl-mesa-box{grid-area:mesa;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;display:flex;justify-content:center;align-items:flex-start;padding:5px 0;scrollbar-width:thin;scrollbar-color:rgba(232,196,106,.5) transparent}
.mvcas-jogo[data-jogo="roleta"] .rl-v .rl-mesa{margin:auto 0;touch-action:pan-y;box-shadow:0 0 0 1.5px #e3c06a,0 0 0 4px #3b0b15,0 0 0 5px rgba(227,192,106,.5),0 10px 24px rgba(0,0,0,.5)}
.mvcas-jogo[data-jogo="roleta"] .rl-v .rl-cena{grid-area:mesa;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:10px;
  background:radial-gradient(90% 70% at 50% 42%,rgba(74,15,28,.96),rgba(22,3,9,.97));opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);transition:opacity .22s ease,transform .26s ease,visibility 0s linear .26s}
.mvcas-jogo[data-jogo="roleta"] .rl-v .rl-cena.rl-ab{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .22s ease,transform .26s ease,visibility 0s}
.mvcas-jogo[data-jogo="roleta"] .rl-v .rl-ctrl{grid-area:ctrl;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 8px 6px;background:linear-gradient(180deg,rgba(40,6,14,0),rgba(40,6,14,.85) 22%,rgba(26,3,9,.95));border-top:1px solid rgba(232,196,106,.35)}
.mvcas-jogo[data-jogo="roleta"] .rl-v .rl-placa{grid-area:mesa;align-self:start;justify-self:center;margin-top:10px;z-index:9}
.mvcas-jogo[data-jogo="roleta"] .rl-rolar{display:none}
.mvcas-jogo[data-jogo="roleta"] .rl-v .rl-rolar{position:relative;grid-area:mesa;align-self:end;justify-self:stretch;display:flex;align-items:flex-end;justify-content:center;height:46px;padding-bottom:6px;z-index:5;pointer-events:none;opacity:0;transition:opacity .2s;background:linear-gradient(rgba(26,3,9,0),rgba(26,3,9,.9))}
.mvcas-jogo[data-jogo="roleta"] .rl-v.rl-mais .rl-rolar{opacity:1}
.mvcas-jogo[data-jogo="roleta"] .rl-rolar span{padding:3px 12px 3px 26px;border-radius:999px;font-size:11.5px;font-weight:800;color:#3a0a12;background:linear-gradient(#ffeeb0,#e8b94c) no-repeat;box-shadow:0 3px 8px rgba(0,0,0,.45);position:relative}
.mvcas-jogo[data-jogo="roleta"] .rl-rolar span::before{content:"";position:absolute;left:11px;top:50%;width:7px;height:7px;margin-top:-6px;border:solid #3a0a12;border-width:0 2px 2px 0;transform:rotate(45deg)}

/* ---------- layout do computador (roda em cima, mesa deitada embaixo) ---------- */
.mvcas-jogo[data-jogo="roleta"] .rl-h{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"topo cena info" "mesa mesa mesa" "ctrl ctrl ctrl";gap:10px 18px;padding:12px 16px 12px}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-topo{grid-area:topo;display:flex;flex-direction:column;justify-content:flex-start;gap:14px;min-width:0;min-height:0}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-hist{flex:0 0 auto}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-aux{grid-area:info;justify-self:end;align-self:start;display:flex;gap:8px;z-index:3}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-info{grid-area:info;align-self:center;justify-self:stretch;min-width:0;padding-top:52px;display:flex;flex-direction:column;gap:10px}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-cena{grid-area:cena;align-self:center;width:var(--rd,360px);height:var(--rd,360px)}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-cena-txt{display:none}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-mesa-box{grid-area:mesa;justify-self:center;display:flex;justify-content:center;padding:4px 0 2px}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-mesa{touch-action:manipulation}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-ctrl{grid-area:ctrl;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-acoes{display:contents}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-bt-tipo{order:1}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-bt-desfazer{order:2}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-bt-limpar{order:3}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-chips{order:4;margin:0 6px}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-bt-rep{order:5}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-girar{order:6}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-placa{grid-area:cena;align-self:end;justify-self:center;margin-bottom:-4px;z-index:9}
@container mvcasjogo (max-width:900px){
  .mvcas-jogo[data-jogo="roleta"] .rl-h .rl-chips{order:0;flex:0 0 100%;justify-content:center;margin:0}
  .mvcas-jogo[data-jogo="roleta"] .rl-h .rl-ctrl{row-gap:8px}
}
@container mvcasjogo (max-width:760px){
  .mvcas-jogo[data-jogo="roleta"] .rl-h{gap:8px 12px;padding:10px 12px}
}
/* palco baixo e médio (celular deitado): controles numa linha só, peças menores, para sobrar altura para a roda */
@container mvcasjogo (min-width:761px) and (max-width:900px) and (max-height:639px){
  .mvcas-jogo[data-jogo="roleta"] .rl-h .rl-chips{order:4;flex:0 0 auto;margin:0 2px}
  .mvcas-jogo[data-jogo="roleta"] .rl-h .rl-chip{width:44px;height:44px;flex-basis:44px}
  .mvcas-jogo[data-jogo="roleta"] .rl-h .rl-girar.mvcas-girar{width:122px}
  .mvcas-jogo[data-jogo="roleta"] .rl-h .rl-ctrl{gap:8px}
  .mvcas-jogo[data-jogo="roleta"] .rl-h .rl-bt2{width:50px;flex-basis:50px;height:50px}
  .mvcas-jogo[data-jogo="roleta"] .rl-h .rl-bt-tipo{width:56px;flex-basis:56px}
}
/* computador/tablet em pé: informações em cima, roda grande numa linha só dela */
.mvcas-jogo[data-jogo="roleta"] .rl-h.rl-alto{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"topo info" "cena cena" "mesa mesa" "ctrl ctrl"}
.mvcas-jogo[data-jogo="roleta"] .rl-h.rl-alto .rl-cena{width:auto;height:auto;min-height:0;align-self:stretch;justify-self:stretch;display:flex;align-items:center;justify-content:center}
.mvcas-jogo[data-jogo="roleta"] .rl-h.rl-alto .rl-info{align-self:start;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch;gap:8px}
.mvcas-jogo[data-jogo="roleta"] .rl-h.rl-alto .rl-dica-pc{display:none}

/* marca (só no computador) */
.mvcas-jogo[data-jogo="roleta"] .rl-marca{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.mvcas-jogo[data-jogo="roleta"] .rl-marca b{font-size:clamp(30px,4.4cqw,46px);font-weight:900;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(#fff8dc 0,#ffe08a 35%,#e0a52a 68%,#fff0b8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #4a0f00) drop-shadow(0 6px 12px rgba(0,0,0,.45))}
.mvcas-jogo[data-jogo="roleta"] .rl-marca i{margin-top:6px;padding:4px 12px;border-radius:999px;font-style:normal;font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#3a0a12;background:linear-gradient(#ffe9a6,#e3b54c);box-shadow:0 2px 0 #6e4a0e}

/* ---------- pagamentos (coluna da esquerda no computador, quando há altura) ---------- */
.mvcas-jogo[data-jogo="roleta"] .rl-pagas{display:none}
@container mvcasjogo (min-height:720px){.mvcas-jogo[data-jogo="roleta"] .rl-h:not(.rl-alto) .rl-pagas{display:flex;flex-direction:column;gap:6px;max-width:280px}}
.mvcas-jogo[data-jogo="roleta"] .rl-pagas ul{list-style:none;margin:0;padding:8px 12px;border-radius:14px;background:rgba(0,0,0,.2);border:1px solid rgba(232,196,106,.22)}
.mvcas-jogo[data-jogo="roleta"] .rl-pagas li{display:flex;align-items:baseline;gap:8px;padding:3px 0;font-size:12.5px;line-height:1.25;color:#ffeccc}
.mvcas-jogo[data-jogo="roleta"] .rl-pagas li+li{border-top:1px dashed rgba(232,196,106,.18)}
.mvcas-jogo[data-jogo="roleta"] .rl-pagas li span{flex:1;min-width:0}
.mvcas-jogo[data-jogo="roleta"] .rl-pagas li b{font-weight:900;font-variant-numeric:tabular-nums;color:var(--ouro2);white-space:nowrap}

/* ---------- histórico ---------- */
.mvcas-jogo[data-jogo="roleta"] .rl-hist{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}
.mvcas-jogo[data-jogo="roleta"] .rl-hist-t{font-size:11.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--ouro)}
.mvcas-jogo[data-jogo="roleta"] .rl-hist-l{display:flex;gap:5px;align-items:center;min-width:0;overflow:hidden;-webkit-mask:linear-gradient(90deg,#000 82%,transparent);mask:linear-gradient(90deg,#000 82%,transparent)}
.mvcas-jogo[data-jogo="roleta"] .rl-hist-l em{font-style:normal;font-size:12.5px;font-weight:600;color:rgba(255,231,166,.7);white-space:nowrap}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-hist-l{display:grid;grid-template-columns:repeat(6,32px);gap:7px;-webkit-mask:none;mask:none}
.mvcas-jogo[data-jogo="roleta"] .rl-hn-vermelho,.mvcas-jogo[data-jogo="roleta"] .rl-hn-preto,.mvcas-jogo[data-jogo="roleta"] .rl-hn-verde{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:800;font-variant-numeric:tabular-nums;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 2px 4px rgba(0,0,0,.4)}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-hn-vermelho,.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-hn-preto,.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-hn-verde{width:32px;height:32px;font-size:13.5px}
.mvcas-jogo[data-jogo="roleta"] .rl-hn-vermelho{background:radial-gradient(circle at 50% 30%,#e8424b,#b3141f)}
.mvcas-jogo[data-jogo="roleta"] .rl-hn-preto{background:radial-gradient(circle at 50% 30%,#3a3a42,#121215);border:1px solid rgba(255,255,255,.22)}
.mvcas-jogo[data-jogo="roleta"] .rl-hn-verde{background:radial-gradient(circle at 50% 30%,#22b46a,#0a7040)}
.mvcas-jogo[data-jogo="roleta"] .rl-hist-l>span:first-child{box-shadow:0 0 0 2px var(--ouro),0 2px 6px rgba(0,0,0,.5)}
.mvcas-jogo[data-jogo="roleta"] .rl-hn-novo{animation:rl-pop .45s cubic-bezier(.2,1.6,.4,1)}

/* ---------- botões redondos (turbo, regras, som) ---------- */
.mvcas-jogo[data-jogo="roleta"] .rl-bt{position:relative;width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:1.5px solid rgba(232,196,106,.75);padding:0;cursor:pointer;display:grid;place-items:center;color:var(--ouro2);background:radial-gradient(circle at 50% 30%,#7a1a2c 0,#4a0c18 62%,#2a050d 100%);box-shadow:0 3px 8px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .12s,background .2s}
.mvcas-jogo[data-jogo="roleta"] .rl-bt svg{width:20px;height:20px}
.mvcas-jogo[data-jogo="roleta"] .rl-bt:active{transform:scale(.92)}
.mvcas-jogo[data-jogo="roleta"] .rl-bt.rl-on{color:#3a0a12;border-color:#fff0b8;background:radial-gradient(circle at 50% 30%,#fff3c4 0,#f0c860 50%,#b8862a 100%)}
.mvcas-jogo[data-jogo="roleta"] .rl-bt.rl-off{color:#b78f8f}
.mvcas-jogo[data-jogo="roleta"] .rl button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.mvcas-jogo[data-jogo="roleta"] .rl .rl-c:focus-visible{outline:3px solid #fff;outline-offset:-3px;z-index:3}

/* ---------- cartão de resultado (computador) ---------- */
.mvcas-jogo[data-jogo="roleta"] .rl-res-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,rgba(255,236,190,.08),rgba(0,0,0,.18));border:1px solid rgba(232,196,106,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.mvcas-jogo[data-jogo="roleta"] .rl-res-t{grid-column:2;font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--ouro)}
.mvcas-jogo[data-jogo="roleta"] .rl-res-n{grid-row:1/span 2;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:900;font-variant-numeric:tabular-nums;color:#fff;background:radial-gradient(circle at 50% 30%,#5a4a3a,#2a2018);box-shadow:0 0 0 3px var(--ouro),0 6px 14px rgba(0,0,0,.45)}
.mvcas-jogo[data-jogo="roleta"] .rl-res-d{grid-column:2;margin:2px 0 0;font-size:13px;font-weight:600;line-height:1.35;color:#ffeccc}
.mvcas-jogo[data-jogo="roleta"] .rl-m-vermelho{background:radial-gradient(circle at 50% 30%,#ec4a52,#ad111c)!important}
.mvcas-jogo[data-jogo="roleta"] .rl-m-preto{background:radial-gradient(circle at 50% 30%,#44444c,#101013)!important}
.mvcas-jogo[data-jogo="roleta"] .rl-m-verde{background:radial-gradient(circle at 50% 30%,#2bc073,#0a6e3f)!important}
.mvcas-jogo[data-jogo="roleta"] .rl-totais{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mvcas-jogo[data-jogo="roleta"] .rl-totais div{padding:8px 12px;border-radius:12px;background:rgba(0,0,0,.22);border:1px solid rgba(232,196,106,.22)}
.mvcas-jogo[data-jogo="roleta"] .rl-totais dt{font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--ouro)}
.mvcas-jogo[data-jogo="roleta"] .rl-totais dd{margin:2px 0 0;font-size:15px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mvcas-jogo[data-jogo="roleta"] .rl-dica-pc{margin:0;font-size:12px;line-height:1.4;color:rgba(255,236,204,.72)}
@container mvcasjogo (max-width:900px){
  .mvcas-jogo[data-jogo="roleta"] .rl-totais{grid-template-columns:1fr}
  .mvcas-jogo[data-jogo="roleta"] .rl-dica-pc{display:none}
  .mvcas-jogo[data-jogo="roleta"] .rl-h .rl-hist-l{grid-template-columns:repeat(4,32px)}
  .mvcas-jogo[data-jogo="roleta"] .rl-res-card{grid-template-columns:1fr;justify-items:center;text-align:center;row-gap:6px;padding:10px}
  .mvcas-jogo[data-jogo="roleta"] .rl-res-t,.mvcas-jogo[data-jogo="roleta"] .rl-res-d{grid-column:1}
  .mvcas-jogo[data-jogo="roleta"] .rl-res-n{grid-row:auto;width:52px;height:52px;font-size:22px}
  .mvcas-jogo[data-jogo="roleta"] .rl-res-d{font-size:12px}
}
.mvcas-jogo[data-jogo="roleta"] .rl-h.rl-alto .rl-totais{grid-template-columns:1fr;gap:6px}
.mvcas-jogo[data-jogo="roleta"] .rl-h.rl-alto .rl-totais div{padding:5px 10px}
.mvcas-jogo[data-jogo="roleta"] .rl-h.rl-alto .rl-res-card{grid-template-columns:auto minmax(0,1fr);justify-items:start;text-align:left}
.mvcas-jogo[data-jogo="roleta"] .rl-h.rl-alto .rl-res-n{grid-row:1/span 2}
.mvcas-jogo[data-jogo="roleta"] .rl-h.rl-alto .rl-res-t,.mvcas-jogo[data-jogo="roleta"] .rl-h.rl-alto .rl-res-d{grid-column:2}
.mvcas-jogo[data-jogo="roleta"] .rl-h.rl-alto .rl-hist-l{grid-template-columns:repeat(6,32px)}

/* ---------- a roda ---------- */
.mvcas-jogo[data-jogo="roleta"] .rl-roda{position:relative;width:var(--rd,320px);height:var(--rd,320px);flex:0 0 auto}
.mvcas-jogo[data-jogo="roleta"] .rl-roda-base,.mvcas-jogo[data-jogo="roleta"] .rl-rotor,.mvcas-jogo[data-jogo="roleta"] .rl-luz{position:absolute;inset:0;width:100%;height:100%}
.mvcas-jogo[data-jogo="roleta"] .rl-roda-base svg,.mvcas-jogo[data-jogo="roleta"] .rl-rotor svg{display:block;width:100%;height:100%}
.mvcas-jogo[data-jogo="roleta"] .rl-roda-base{filter:drop-shadow(0 14px 22px rgba(0,0,0,.55))}
.mvcas-jogo[data-jogo="roleta"] .rl-rotor{will-change:transform;backface-visibility:hidden}
.mvcas-jogo[data-jogo="roleta"] .rl-rotor.rl-ocioso{animation:rl-gira 40s linear infinite}
.mvcas-jogo[data-jogo="roleta"] .rl-luz{pointer-events:none}
.mvcas-jogo[data-jogo="roleta"] .rl-bola{position:absolute;left:50%;top:50%;width:calc(var(--rd,320px) * .036);height:calc(var(--rd,320px) * .036);margin:calc(var(--rd,320px) * -.018) 0 0 calc(var(--rd,320px) * -.018);border-radius:50%;
  background:radial-gradient(circle at 34% 30%,#fff 0,#f7f7f4 22%,#d9d9d4 55%,#9a9a94 85%,#77776f 100%);box-shadow:calc(var(--rd,320px) * .004) calc(var(--rd,320px) * .007) calc(var(--rd,320px) * .008) rgba(0,0,0,.6);opacity:0;will-change:transform;transition:opacity .15s;z-index:3}
.mvcas-jogo[data-jogo="roleta"] .rl-bola.rl-ab{opacity:1}
.mvcas-jogo[data-jogo="roleta"] .rl-medalha{position:absolute;left:50%;top:50%;width:calc(var(--rd,320px) * .3);height:calc(var(--rd,320px) * .3);margin:calc(var(--rd,320px) * -.15) 0 0 calc(var(--rd,320px) * -.15);border-radius:50%;display:grid;place-items:center;z-index:4;pointer-events:none;
  box-shadow:0 0 0 calc(var(--rd,320px) * .012) var(--ouro),0 0 0 calc(var(--rd,320px) * .02) rgba(60,20,4,.8),0 10px 30px rgba(0,0,0,.6),0 0 40px rgba(255,214,110,.45);opacity:0;transform:scale(.4);transition:opacity .2s,transform .45s cubic-bezier(.2,1.6,.4,1)}
.mvcas-jogo[data-jogo="roleta"] .rl-medalha.rl-ab{opacity:1;transform:scale(1)}
.mvcas-jogo[data-jogo="roleta"] .rl-medalha b{font-size:calc(var(--rd,320px) * .125);font-weight:900;line-height:1;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.45)}
.mvcas-jogo[data-jogo="roleta"] .rl-cena-txt{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:84px;text-align:center}
.mvcas-jogo[data-jogo="roleta"] .rl-cena-d{font-size:14px;font-weight:700;color:#ffeccc;min-height:19px}
.mvcas-jogo[data-jogo="roleta"] .rl-cena-g{font-size:20px;font-weight:900;color:rgba(255,236,204,.75);min-height:26px}
.mvcas-jogo[data-jogo="roleta"] .rl-cena-g.rl-ganhou{color:#ffe066;text-shadow:0 0 14px rgba(255,200,60,.6)}
.mvcas-jogo[data-jogo="roleta"] .rl-cena:not(.rl-tem-res) .rl-cena-txt{visibility:hidden}

/* ---------- a mesa (feltro verde com friso de ouro e borda de couro vinho) ---------- */
.mvcas-jogo[data-jogo="roleta"] .rl-mesa{position:relative;flex:0 0 auto;border-radius:10px;--df:28px;--fn:19px;--fe:12px;
  background:radial-gradient(120% 90% at 50% 30%,#168652 0,#0e6a42 45%,#094d30 100%);
  box-shadow:0 0 0 2px #e3c06a,0 0 0 5.5px #3b0b15,0 0 0 6.5px rgba(227,192,106,.55),0 14px 30px rgba(0,0,0,.55);user-select:none;-webkit-user-select:none}
.mvcas-jogo[data-jogo="roleta"] .rl-mesa::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.35;background-size:120px 120px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 .1 0 0 0 0 .05 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}
.mvcas-jogo[data-jogo="roleta"] .rl-c{position:absolute;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#fff;display:grid;place-items:center;pointer-events:none;overflow:hidden;
  box-shadow:inset 0 0 0 .75px rgba(240,212,140,.75);font-weight:800;line-height:1;text-align:center}
.mvcas-jogo[data-jogo="roleta"] .rl-num b{position:relative;z-index:1;font-size:var(--fn);font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.3px;text-shadow:0 1px 0 rgba(0,0,0,.5)}
.mvcas-jogo[data-jogo="roleta"] .rl-num.rl-vermelho{background:linear-gradient(180deg,#d42733 0,#b0141f 60%,#8f0d17 100%)}
.mvcas-jogo[data-jogo="roleta"] .rl-num.rl-preto{background:linear-gradient(180deg,#2c2c33 0,#18181c 60%,#0e0e10 100%)}
.mvcas-jogo[data-jogo="roleta"] .rl-num.rl-verde{background:linear-gradient(180deg,#17a062 0,#0c7a47 60%,#08603a 100%)}
.mvcas-jogo[data-jogo="roleta"] .rl-num{box-shadow:inset 0 0 0 .75px rgba(240,212,140,.8),inset 0 1px 0 rgba(255,255,255,.16),inset 0 -3px 6px rgba(0,0,0,.28)}
.mvcas-jogo[data-jogo="roleta"] .rl-num.rl-verde b{font-size:calc(var(--fn) * 1.25)}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-num.rl-verde{border-radius:10px 0 0 10px}
.mvcas-jogo[data-jogo="roleta"] .rl-v .rl-num.rl-verde{border-radius:10px 10px 0 0}
.mvcas-jogo[data-jogo="roleta"] .rl-ext span{position:relative;z-index:1;font-size:var(--fe);font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#fff4d6;text-shadow:0 1px 0 rgba(0,0,0,.45);white-space:nowrap}
.mvcas-jogo[data-jogo="roleta"] .rl-ext span i{font-style:normal;color:var(--ouro2)}
.mvcas-jogo[data-jogo="roleta"] .rl-col span{font-size:calc(var(--fe) * 1.12);letter-spacing:.5px}
.mvcas-jogo[data-jogo="roleta"] .rl-v .rl-duz span,.mvcas-jogo[data-jogo="roleta"] .rl-v .rl-um span{writing-mode:vertical-rl;transform:rotate(180deg)}
.mvcas-jogo[data-jogo="roleta"] .rl-losango{display:block;width:30px;height:18px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#f0d58a;position:relative}
.mvcas-jogo[data-jogo="roleta"] .rl-losango::after{content:"";position:absolute;inset:2px 3px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.mvcas-jogo[data-jogo="roleta"] .rl-l-vermelho::after{background:linear-gradient(#e2323d,#a3101b)}
.mvcas-jogo[data-jogo="roleta"] .rl-l-preto::after{background:linear-gradient(#3a3a42,#0d0d10)}
.mvcas-jogo[data-jogo="roleta"] .rl-v .rl-losango{width:18px;height:30px}
.mvcas-jogo[data-jogo="roleta"] .rl-v .rl-losango::after{inset:3px 2px}
/* realces: prévia, número sorteado, mesa com resultado */
.mvcas-jogo[data-jogo="roleta"] .rl-c::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .12s;background:rgba(255,236,160,.26);box-shadow:inset 0 0 0 2px rgba(255,226,130,.95)}
.mvcas-jogo[data-jogo="roleta"] .rl-c.rl-alvo::after{opacity:1}
.mvcas-jogo[data-jogo="roleta"] .rl-com-res .rl-num:not(.rl-sorteado)::after{opacity:1;background:rgba(10,0,4,.32);box-shadow:none}
.mvcas-jogo[data-jogo="roleta"] .rl-c.rl-sorteado{z-index:2;box-shadow:inset 0 0 0 2.5px #ffe27a,0 0 0 2px #ffe27a,0 0 18px 4px rgba(255,214,90,.75)}
.mvcas-jogo[data-jogo="roleta"] .rl-c.rl-sorteado::after{opacity:1;background:radial-gradient(circle,rgba(255,240,170,.35),rgba(255,240,170,0) 70%);box-shadow:none;animation:rl-brilha 1s ease-in-out infinite alternate}
/* marcas das casas do tipo escolhido (celular) */
.mvcas-jogo[data-jogo="roleta"] .rl-marcas{position:absolute;inset:0;pointer-events:none;z-index:3}
.mvcas-jogo[data-jogo="roleta"] .rl-marcas i{position:absolute;left:0;top:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid rgba(255,236,170,.95);background:rgba(6,40,24,.6);box-shadow:0 0 0 2px rgba(0,0,0,.3);transition:background .12s,scale .12s}
.mvcas-jogo[data-jogo="roleta"] .rl-marcas i.rl-on{background:#ffe27a;scale:1.45}
/* fichas na mesa */
.mvcas-jogo[data-jogo="roleta"] .rl-fichas{position:absolute;inset:0;pointer-events:none;z-index:4}
.mvcas-jogo[data-jogo="roleta"] .rl-ficha,.mvcas-jogo[data-jogo="roleta"] .rl-fantasma{position:absolute;left:0;top:0;width:var(--df);height:var(--df);margin:calc(var(--df) / -2) 0 0 calc(var(--df) / -2);pointer-events:none}
.mvcas-jogo[data-jogo="roleta"] .rl-fs{display:block;width:100%;height:100%;overflow:visible}
.mvcas-jogo[data-jogo="roleta"] .rl-fs text{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.mvcas-jogo[data-jogo="roleta"] .rl-ficha.rl-pilha::before{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 3px 0 rgba(0,0,0,.45),0 6px 0 rgba(0,0,0,.28);transform:translateY(-1px)}
.mvcas-jogo[data-jogo="roleta"] .rl-ficha.rl-cai .rl-fs{animation:rl-cai .26s cubic-bezier(.3,1.5,.5,1)}
.mvcas-jogo[data-jogo="roleta"] .rl-ficha.rl-ganhou::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2.5px solid #ffe27a;box-shadow:0 0 14px rgba(255,214,90,.9);animation:rl-brilha .7s ease-in-out infinite alternate}
.mvcas-jogo[data-jogo="roleta"] .rl-ficha.rl-perdeu{opacity:.42}
.mvcas-jogo[data-jogo="roleta"] .rl-ficha.rl-sai>*{animation:rl-sai .26s ease-in forwards}
.mvcas-jogo[data-jogo="roleta"] .rl-gl{position:absolute;left:50%;bottom:calc(100% + 3px);transform:translateX(-50%);padding:2px 7px;border-radius:9px;background:linear-gradient(#fff0b0,#f2c443);color:#3a2300;font-size:11.5px;font-weight:900;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.45);animation:rl-pop .4s cubic-bezier(.2,1.6,.4,1)}
.mvcas-jogo[data-jogo="roleta"] .rl-fantasma{z-index:5;opacity:0;transition:opacity .1s}
.mvcas-jogo[data-jogo="roleta"] .rl-fantasma.rl-ab{opacity:.72}
.mvcas-jogo[data-jogo="roleta"] .rl-girando .rl-fantasma{display:none}
.mvcas-jogo[data-jogo="roleta"] .rl-dolly{position:absolute;left:0;top:0;z-index:6;pointer-events:none;opacity:0;filter:drop-shadow(0 3px 3px rgba(0,0,0,.5))}
.mvcas-jogo[data-jogo="roleta"] .rl-dolly.rl-ab{opacity:1;animation:rl-dolly .45s cubic-bezier(.3,1.5,.5,1)}

/* ---------- placa de ganho ---------- */
.mvcas-jogo[data-jogo="roleta"] .rl-placa{pointer-events:none;opacity:0;transform:translateY(-8px) scale(.9);transition:opacity .2s,transform .3s cubic-bezier(.2,1.5,.4,1)}
.mvcas-jogo[data-jogo="roleta"] .rl-placa.rl-ab{opacity:1;transform:none}
.mvcas-jogo[data-jogo="roleta"] .rl-placa b{display:block;padding:8px 18px;border-radius:999px;background:linear-gradient(rgba(110,16,34,.96),rgba(40,4,12,.96));border:2px solid #ffd75a;box-shadow:0 0 0 3px rgba(40,4,12,.8),0 10px 24px rgba(0,0,0,.55),0 0 26px rgba(255,200,60,.35);font-size:18px;font-weight:900;color:#ffe9a0;white-space:nowrap;text-shadow:0 0 12px rgba(255,200,60,.5)}
.mvcas-jogo[data-jogo="roleta"] .rl-placa.rl-perdeu b{border-color:rgba(232,196,106,.55);color:#f3dcc0;font-size:15px;text-shadow:none;box-shadow:0 0 0 3px rgba(40,4,12,.8),0 8px 18px rgba(0,0,0,.5)}

/* ---------- fichas para escolher ---------- */
.mvcas-jogo[data-jogo="roleta"] .rl-chips{display:flex;align-items:center;justify-content:center;gap:4px;max-width:100%}
.mvcas-jogo[data-jogo="roleta"] .rl-chip{width:44px;height:44px;flex:0 0 44px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;transition:transform .15s,filter .15s;filter:saturate(.85) brightness(.92)}
.mvcas-jogo[data-jogo="roleta"] .rl-chip svg{display:block;width:100%;height:100%;overflow:visible}
.mvcas-jogo[data-jogo="roleta"] .rl-chip.rl-on{transform:translateY(-4px) scale(1.06);filter:none}
.mvcas-jogo[data-jogo="roleta"] .rl-chip.rl-on svg{border-radius:50%;box-shadow:0 0 0 2.5px #fff1b8,0 0 14px 3px rgba(255,214,90,.75)}
.mvcas-jogo[data-jogo="roleta"] .rl-chip:disabled{cursor:default;opacity:.6}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-chip{width:50px;height:50px;flex-basis:50px}

/* ---------- ações ---------- */
.mvcas-jogo[data-jogo="roleta"] .rl-acoes{display:flex;align-items:center;gap:6px;width:100%;max-width:520px}
.mvcas-jogo[data-jogo="roleta"] .rl-bt2{position:relative;width:48px;height:48px;flex:0 0 48px;padding:0;border-radius:14px;border:1.5px solid rgba(232,196,106,.6);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  color:var(--ouro2);background:linear-gradient(180deg,#651528 0,#3e0a17 60%,#2a050e 100%);box-shadow:0 3px 8px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.14);transition:transform .12s,opacity .2s}
.mvcas-jogo[data-jogo="roleta"] .rl-bt2 svg{width:20px;height:20px}
.mvcas-jogo[data-jogo="roleta"] .rl-bt2 small{font-size:9.5px;font-weight:800;letter-spacing:.2px;line-height:1;color:rgba(255,231,166,.88);white-space:nowrap}
.mvcas-jogo[data-jogo="roleta"] .rl-bt2:active:not(:disabled){transform:scale(.93)}
.mvcas-jogo[data-jogo="roleta"] .rl-bt2:disabled{opacity:.42;cursor:default}
.mvcas-jogo[data-jogo="roleta"] .rl-bt-tipo{width:56px;flex-basis:56px}
.mvcas-jogo[data-jogo="roleta"] .rl-tipo-i svg{display:block;width:24px;height:24px}
.mvcas-jogo[data-jogo="roleta"] .rl-bt-tipo.rl-on{color:#3a0a12;border-color:#fff0b8;background:linear-gradient(#ffeeb0,#e8b94c)}
.mvcas-jogo[data-jogo="roleta"] .rl-bt-tipo.rl-on small{color:#3a0a12}
.mvcas-jogo[data-jogo="roleta"] .rl-rep-i{display:grid;place-items:center;height:20px}
.mvcas-jogo[data-jogo="roleta"] .rl-x2{font-size:17px;font-weight:900;letter-spacing:-.5px}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-bt2{width:54px;flex-basis:54px;height:54px}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-bt-tipo{width:62px;flex-basis:62px}
/* girar */
.mvcas-jogo[data-jogo="roleta"] .rl-girar.mvcas-girar{flex:1 1 auto;min-width:104px;width:auto;height:52px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 10px;color:#3a0a12;
  background:linear-gradient(180deg,#fff6cf 0,#ffd968 30%,#f0b030 70%,#b9801c 100%);box-shadow:0 0 0 2px #5a1220,0 0 0 4px rgba(255,214,110,.7),0 10px 22px rgba(0,0,0,.5),inset 0 -5px 10px rgba(120,60,0,.35),inset 0 3px 6px rgba(255,255,255,.6)}
.mvcas-jogo[data-jogo="roleta"] .rl-girar-t{font-size:19px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;line-height:1}
.mvcas-jogo[data-jogo="roleta"] .rl-girar-v{font-size:11.5px;font-weight:800;line-height:1.1;white-space:nowrap;opacity:.85}
.mvcas-jogo[data-jogo="roleta"] .rl-girar.rl-vazio{filter:saturate(.45) brightness(.85)}
.mvcas-jogo[data-jogo="roleta"] .rl-girar.mvcas-rodando{animation:rl-pulsa .9s ease-in-out infinite alternate}
.mvcas-jogo[data-jogo="roleta"] .rl-girar:disabled{cursor:default}
.mvcas-jogo[data-jogo="roleta"] .rl-h .rl-girar.mvcas-girar{flex:0 0 auto;width:150px;height:60px}

/* ---------- menu do tipo de aposta ---------- */
.mvcas-jogo[data-jogo="roleta"] .rl-tipo-pop{position:absolute;z-index:30;left:8px;right:8px;bottom:120px;max-width:360px;margin:0 auto;padding:8px;border-radius:18px;display:grid;gap:6px;
  background:linear-gradient(180deg,#5a1222,#2c0710);border:1.5px solid rgba(232,196,106,.7);box-shadow:0 18px 40px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.12)}
.mvcas-jogo[data-jogo="roleta"] .rl-tipo-pop[hidden]{display:none}
.mvcas-jogo[data-jogo="roleta"] .rl-tipo-op{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 12px;border-radius:12px;border:1px solid rgba(232,196,106,.25);background:rgba(0,0,0,.2);color:#fff;text-align:left;cursor:pointer}
.mvcas-jogo[data-jogo="roleta"] .rl-tipo-op svg{width:30px;height:30px;flex:0 0 30px;color:var(--ouro2)}
.mvcas-jogo[data-jogo="roleta"] .rl-tipo-op b{display:block;font-size:15px;font-weight:800}
.mvcas-jogo[data-jogo="roleta"] .rl-tipo-op small{display:block;font-size:12px;font-weight:600;color:rgba(255,231,200,.75)}
.mvcas-jogo[data-jogo="roleta"] .rl-tipo-op.rl-on{background:linear-gradient(#ffeeb0,#e8b94c);color:#3a0a12;border-color:#fff0b8}
.mvcas-jogo[data-jogo="roleta"] .rl-tipo-op.rl-on svg,.mvcas-jogo[data-jogo="roleta"] .rl-tipo-op.rl-on small{color:#5a2a0a}

/* ---------- animações ---------- */
@keyframes rl-gira{to{transform:rotate(360deg)}}
@keyframes rl-pop{0%{transform:scale(.3);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes rl-cai{0%{transform:translateY(-35%) scale(1.35);opacity:0}100%{transform:none;opacity:1}}
@keyframes rl-sai{to{transform:translateY(-40%) scale(.5);opacity:0}}
@keyframes rl-brilha{from{opacity:.55}to{opacity:1}}
@keyframes rl-pulsa{from{filter:brightness(1)}to{filter:brightness(1.18)}}
@keyframes rl-dolly{0%{translate:0 -14px;opacity:0}100%{translate:0 0;opacity:1}}
@media (prefers-reduced-motion:reduce){
  .mvcas-jogo[data-jogo="roleta"] .rl *{animation:none!important;transition:none!important}
}