/* Bolinha Mix Vale — tela do jogo da bolinha que cai entre os pinos. Tudo dentro de .mvcas-jogo[data-jogo="bolinha"]. Arte própria (SVG/CSS). */
.mvcas-jogo[data-jogo="bolinha"]{background:#16041a}
.mvcas-jogo[data-jogo="bolinha"] .bl{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;
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"topo" "mesa" "painel"}
.mvcas-jogo[data-jogo="bolinha"] .bl *,.mvcas-jogo[data-jogo="bolinha"] .bl *::before,.mvcas-jogo[data-jogo="bolinha"] .bl *::after{box-sizing:border-box}
.mvcas-jogo[data-jogo="bolinha"] .bl svg{max-width:none}
.mvcas-jogo[data-jogo="bolinha"] .bl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* ---------- fundo: noite de ameixa com brilho magenta (nada de azul) ---------- */
.mvcas-jogo[data-jogo="bolinha"] .bl-fundo{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  background:radial-gradient(58% 34% at 50% 6%,rgba(255,96,206,.30),rgba(255,96,206,0) 72%),radial-gradient(130% 95% at 50% 32%,#511352 0,#330b38 38%,#1d0622 70%,#110314 100%)}
.mvcas-jogo[data-jogo="bolinha"] .bl-fundo::before{content:"";position:absolute;inset:0;opacity:.11;background-image:radial-gradient(circle,#ffd7f4 0 1.3px,transparent 1.9px);background-size:26px 23px;-webkit-mask:radial-gradient(90% 70% at 50% 40%,#000 30%,transparent 100%);mask:radial-gradient(90% 70% at 50% 40%,#000 30%,transparent 100%)}
.mvcas-jogo[data-jogo="bolinha"] .bl-fundo::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 85% at 50% 40%,transparent 55%,rgba(8,0,8,.6) 100%)}
.mvcas-jogo[data-jogo="bolinha"] .bl-raios{--rz:max(120cqw,120cqh);position:absolute;left:50%;top:8%;width:var(--rz);height:var(--rz);margin:calc(var(--rz) / -2) 0 0 calc(var(--rz) / -2);border-radius:50%;
  background:repeating-conic-gradient(from 0deg,rgba(255,150,230,.13) 0 7deg,rgba(255,150,230,0) 7deg 20deg);-webkit-mask:radial-gradient(closest-side,#000 10%,transparent 78%);mask:radial-gradient(closest-side,#000 10%,transparent 78%);animation:bl-gira 90s linear infinite}
.mvcas-jogo[data-jogo="bolinha"] .bl-bokeh{position:absolute;inset:0;background:
  radial-gradient(circle at 8% 18%,rgba(255,214,110,.75) 0 1.6px,transparent 2.6px),
  radial-gradient(circle at 17% 44%,rgba(255,160,230,.55) 0 1.3px,transparent 2.3px),
  radial-gradient(circle at 91% 14%,rgba(255,214,110,.7) 0 1.8px,transparent 2.8px),
  radial-gradient(circle at 84% 38%,rgba(255,160,230,.5) 0 1.3px,transparent 2.3px),
  radial-gradient(circle at 95% 60%,rgba(255,214,110,.5) 0 1.4px,transparent 2.4px),
  radial-gradient(circle at 4% 70%,rgba(255,214,110,.45) 0 1.4px,transparent 2.4px),
  radial-gradient(circle at 14% 26%,rgba(255,110,210,.16) 0 18px,transparent 38px),
  radial-gradient(circle at 87% 24%,rgba(255,190,80,.13) 0 22px,transparent 44px),
  radial-gradient(circle at 93% 70%,rgba(255,110,210,.10) 0 20px,transparent 40px),
  radial-gradient(circle at 6% 80%,rgba(255,190,80,.09) 0 20px,transparent 40px)}

/* ---------- título ---------- */
.mvcas-jogo[data-jogo="bolinha"] .bl-topo{grid-area:topo;position:relative;z-index:2;display:flex;justify-content:center;align-items:flex-end;height:clamp(46px,8.6cqh,76px);padding-top:6px}
.mvcas-jogo[data-jogo="bolinha"] .bl-titulo{height:100%;aspect-ratio:640/206;filter:drop-shadow(0 4px 6px rgba(20,0,16,.55))}
.mvcas-jogo[data-jogo="bolinha"] .bl-titulo svg{width:100%;height:100%;display:block}

/* ---------- mesa (pirâmide de pinos + casas) ---------- */
.mvcas-jogo[data-jogo="bolinha"] .bl-mesa{grid-area:mesa;position:relative;z-index:1;min-height:0;display:flex;align-items:center;justify-content:center}
.mvcas-jogo[data-jogo="bolinha"] .bl-tab{position:relative;flex:0 0 auto;contain:layout}
.mvcas-jogo[data-jogo="bolinha"] .bl-pinos{position:absolute;left:0;top:0;display:block;overflow:visible}
.mvcas-jogo[data-jogo="bolinha"] .bl-brilhos,.mvcas-jogo[data-jogo="bolinha"] .bl-bolas,.mvcas-jogo[data-jogo="bolinha"] .bl-flut,.mvcas-jogo[data-jogo="bolinha"] .bl-casas{position:absolute;inset:0;pointer-events:none}
.mvcas-jogo[data-jogo="bolinha"] .bl-bolas{z-index:4}
.mvcas-jogo[data-jogo="bolinha"] .bl-flut{z-index:5}
.mvcas-jogo[data-jogo="bolinha"] .bl-flash{position:absolute;left:0;top:0;border-radius:50%;opacity:0;pointer-events:none;will-change:transform,opacity;
  background:radial-gradient(circle,rgba(255,255,255,.95) 0,rgba(255,196,240,.75) 22%,rgba(255,96,214,.32) 46%,rgba(255,96,214,0) 70%)}

/* bico dourado de onde as bolinhas saem */
.mvcas-jogo[data-jogo="bolinha"] .bl-bico{position:absolute;z-index:3;border-radius:46% 46% 40% 40%/30% 30% 70% 70%;transform-origin:50% 0;
  background:linear-gradient(180deg,#fff5c4 0,#ffd54a 30%,#e89a10 70%,#9a5600 100%);box-shadow:0 0 0 1.5px #5a2a00,0 4px 10px rgba(0,0,0,.45),0 0 16px rgba(255,190,60,.35),inset 0 2px 0 rgba(255,255,255,.7)}
.mvcas-jogo[data-jogo="bolinha"] .bl-bico i{position:absolute;left:24%;right:24%;bottom:14%;height:34%;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#2a0420 0,#14020f 70%);box-shadow:inset 0 2px 3px rgba(0,0,0,.8),0 1px 0 rgba(255,240,200,.7)}

/* a bolinha: pérola dourada com brilho */
.mvcas-jogo[data-jogo="bolinha"] .bl-bola{position:absolute;left:0;top:0;border-radius:50%;pointer-events:none;will-change:transform;transform-origin:50% 85%;backface-visibility:hidden;
  background:radial-gradient(circle at 34% 30%,#fffdf0 0,#fff0a8 12%,#ffd23a 34%,#f39a0c 66%,#a24e00 100%);
  box-shadow:0 0 9px 1px rgba(255,196,64,.6),inset -1px -2px 3px rgba(110,40,0,.45)}
.mvcas-jogo[data-jogo="bolinha"] .bl-bola::after{content:"";position:absolute;left:20%;top:14%;width:34%;height:24%;border-radius:50%;background:rgba(255,255,255,.92);transform:rotate(-28deg)}

/* casas com o multiplicador (cor pelo valor: ouro no centro, magenta nas bordas) */
.mvcas-jogo[data-jogo="bolinha"] .bl-casas{z-index:2}
.mvcas-jogo[data-jogo="bolinha"] .bl-casa{position:absolute;display:grid;place-items:center;overflow:hidden;border-radius:24%/30%;color:#fff;will-change:transform;
  background:linear-gradient(180deg,var(--c1,#ffe08a) 0,var(--c,#f5c542) 52%,var(--c2,#8a5a06) 100%);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.6),inset 0 -3px 5px rgba(0,0,0,.25),0 3px 8px rgba(0,0,0,.4),0 0 10px var(--c2,rgba(0,0,0,0))}
.mvcas-jogo[data-jogo="bolinha"] .bl-casa::before{content:"";position:absolute;left:10%;right:10%;top:6%;height:30%;border-radius:50%;background:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,0));pointer-events:none}
.mvcas-jogo[data-jogo="bolinha"] .bl-casa b{position:relative;z-index:1;font-weight:900;line-height:1;letter-spacing:-.02em;white-space:nowrap;text-shadow:0 1px 1px rgba(60,0,30,.55)}
.mvcas-jogo[data-jogo="bolinha"] .bl-casa.bl-claro{color:#3a1000}
.mvcas-jogo[data-jogo="bolinha"] .bl-casa.bl-claro b{text-shadow:0 1px 0 rgba(255,255,255,.45)}
.mvcas-jogo[data-jogo="bolinha"] .bl-casa-l{position:absolute;inset:0;z-index:2;opacity:0;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.95),rgba(255,255,255,.25) 60%,rgba(255,255,255,0) 100%);pointer-events:none}

/* valor ganho subindo da casa */
.mvcas-jogo[data-jogo="bolinha"] .bl-ganho{position:absolute;left:0;top:0;opacity:0;white-space:nowrap;padding:3px 9px;border-radius:999px;font-size:13px;font-weight:900;color:#fff3c4;
  background:rgba(46,4,36,.9);border:1.5px solid rgba(255,214,90,.85);box-shadow:0 4px 12px rgba(0,0,0,.45);text-shadow:0 1px 0 #5a2a00;will-change:transform,opacity}

/* bandeja escura sob a fileira de casas */
.mvcas-jogo[data-jogo="bolinha"] .bl-bandeja{position:absolute;z-index:1;border-radius:14px;pointer-events:none;
  background:linear-gradient(180deg,rgba(20,2,18,.2) 0,rgba(20,2,18,.75) 60%,rgba(10,0,10,.85) 100%);box-shadow:inset 0 1px 0 rgba(255,200,240,.16),0 6px 16px rgba(0,0,0,.4);border:1px solid rgba(255,190,110,.28)}

/* cantos da mesa: regras e som (à esquerda), últimos multiplicadores (à direita) */
.mvcas-jogo[data-jogo="bolinha"] .bl-cantos{grid-area:mesa;align-self:start;justify-self:start;position:relative;z-index:6;display:flex;gap:8px;margin:6px 8px}
.mvcas-jogo[data-jogo="bolinha"] .bl-hist{grid-area:mesa;align-self:start;justify-self:end;position:relative;z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:5px;margin:6px 8px;max-height:calc(100% - 12px);overflow:hidden;pointer-events:none}
.mvcas-jogo[data-jogo="bolinha"] .bl-chip{display:grid;place-items:center;min-width:50px;height:25px;padding:0 8px;border-radius:9px;font-size:12.5px;font-weight:900;color:#fff;white-space:nowrap;
  background:linear-gradient(180deg,var(--c,#f5c542),var(--c2,#8a5a06));box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 6px rgba(0,0,0,.4);text-shadow:0 1px 1px rgba(60,0,30,.5)}
.mvcas-jogo[data-jogo="bolinha"] .bl-chip.bl-claro{color:#3a1000;text-shadow:none}
.mvcas-jogo[data-jogo="bolinha"] .bl-chip:nth-child(n+4){opacity:.78}
.mvcas-jogo[data-jogo="bolinha"] .bl-chip:nth-child(n+6){opacity:.55}
.mvcas-jogo[data-jogo="bolinha"] .bl-chip:nth-child(n+7){display:none}

/* ---------- botões redondos ---------- */
.mvcas-jogo[data-jogo="bolinha"] .bl-bt{position:relative;width:44px;height:44px;flex:0 0 44px;border-radius:50%;padding:0;cursor:pointer;display:grid;place-items:center;color:#ffe08a;
  border:2px solid rgba(255,200,90,.8);background:radial-gradient(circle at 50% 30%,#7a1d70 0,#4a0c45 62%,#2a0627 100%);box-shadow:0 0 0 2px rgba(26,2,24,.85),0 4px 10px rgba(0,0,0,.45),inset 0 2px 0 rgba(255,255,255,.18);transition:transform .12s,background .2s}
.mvcas-jogo[data-jogo="bolinha"] .bl-bt svg{width:21px;height:21px}
.mvcas-jogo[data-jogo="bolinha"] .bl-bt:active{transform:scale(.92)}
.mvcas-jogo[data-jogo="bolinha"] .bl-bt.bl-on{color:#4a1000;border-color:#fff0b0;background:radial-gradient(circle at 50% 30%,#fff3b8 0,#ffc93c 48%,#c8801a 100%)}
.mvcas-jogo[data-jogo="bolinha"] .bl-bt.bl-off{color:#c99ab8}
.mvcas-jogo[data-jogo="bolinha"] .bl-bt:focus-visible,.mvcas-jogo[data-jogo="bolinha"] .bl-jogar:focus-visible,.mvcas-jogo[data-jogo="bolinha"] .bl-seg button:focus-visible,.mvcas-jogo[data-jogo="bolinha"] .bl-aposta button:focus-visible{outline:3px solid #fff;outline-offset:2px}

/* ---------- painel de controles ---------- */
.mvcas-jogo[data-jogo="bolinha"] .bl-painel{grid-area:painel;position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(66,10,64,.95) 0,rgba(36,5,36,.97) 60%,rgba(22,3,22,.98) 100%);border-radius:24px 24px 0 0;border-top:2px solid rgba(255,190,110,.7);
  box-shadow:0 -10px 26px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,220,240,.18)}
.mvcas-jogo[data-jogo="bolinha"] .bl-grupos{display:flex;align-items:flex-end;justify-content:center;gap:10px;max-width:100%}
.mvcas-jogo[data-jogo="bolinha"] .bl-grupo{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}
.mvcas-jogo[data-jogo="bolinha"] .bl-rot{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#f3b8e0}
.mvcas-jogo[data-jogo="bolinha"] .bl-seg{display:flex;gap:2px;padding:2px;border-radius:999px;background:linear-gradient(#22031f,#150213);border:1.5px solid rgba(255,190,110,.55);box-shadow:inset 0 2px 4px rgba(0,0,0,.4)}
.mvcas-jogo[data-jogo="bolinha"] .bl-seg button{min-width:44px;height:44px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:#ffd9f1;font-size:14px;font-weight:800;cursor:pointer;transition:background .15s,color .15s}
.mvcas-jogo[data-jogo="bolinha"] .bl-seg button:hover{background:rgba(255,190,240,.1)}
.mvcas-jogo[data-jogo="bolinha"] .bl-seg button.bl-on{color:#3d1000;background:linear-gradient(180deg,#fff3b8 0,#ffcf45 52%,#e39410 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 2px 6px rgba(0,0,0,.4)}
.mvcas-jogo[data-jogo="bolinha"] .bl-ocupado .bl-seg button{cursor:not-allowed}
.mvcas-jogo[data-jogo="bolinha"] .bl-ocupado .bl-seg button:not(.bl-on){opacity:.45}
.mvcas-jogo[data-jogo="bolinha"] .bl-fila{display:flex;align-items:center;justify-content:center;gap:clamp(10px,4cqw,22px);max-width:100%}
.mvcas-jogo[data-jogo="bolinha"] .bl-aposta .mvcas-ap{height:52px;padding:3px;gap:3px;border-radius:999px;background:linear-gradient(#3a0838,#1c0319);border:2px solid rgba(255,200,90,.8);box-shadow:0 0 0 2px rgba(26,2,24,.85),0 4px 12px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.14)}
.mvcas-jogo[data-jogo="bolinha"] .bl-aposta .mvcas-ap button{width:44px;height:44px;color:#ffe08a;border:1px solid rgba(255,200,120,.5);background:radial-gradient(circle at 50% 32%,#8a2280,#4a0c45)}
.mvcas-jogo[data-jogo="bolinha"] .bl-aposta .mvcas-ap button:hover{background:radial-gradient(circle at 50% 32%,#a02a94,#5a0f54)}
.mvcas-jogo[data-jogo="bolinha"] .bl-aposta .mvcas-ap .mvcas-ap-v{min-width:104px;width:auto;height:44px;border:0;border-radius:22px;background:transparent;color:#ffeccc;font-size:16px}
.mvcas-jogo[data-jogo="bolinha"] .bl-aposta .mvcas-ap .mvcas-ap-v small{color:#f3b8e0}
.mvcas-jogo[data-jogo="bolinha"] .bl-aposta .mvcas-ap .mvcas-ap-v:hover{background:rgba(255,190,240,.08)}

/* o botão Jogar */
.mvcas-jogo[data-jogo="bolinha"] .bl-jogar{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:min(100%,420px);height:58px;flex:0 0 auto;border:0;border-radius:999px;cursor:pointer;padding:0 22px;
  font-size:22px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:#4a1200;text-shadow:0 1px 0 rgba(255,250,220,.7);
  background:radial-gradient(120% 140% at 50% 0,#fff8d0 0,#ffe066 26%,#ffb820 58%,#e27a00 86%,#a14d00 100%);
  box-shadow:0 0 0 3px #4a0a40,0 0 0 5.5px #ffcf4a,0 0 22px rgba(255,180,60,.4),0 10px 22px rgba(0,0,0,.5),inset 0 -6px 10px rgba(150,60,0,.35),inset 0 3px 6px rgba(255,255,255,.7);transition:transform .1s,filter .2s}
.mvcas-jogo[data-jogo="bolinha"] .bl-jogar:hover{filter:brightness(1.05)}
.mvcas-jogo[data-jogo="bolinha"] .bl-jogar:active{transform:scale(.97)}
.mvcas-jogo[data-jogo="bolinha"] .bl-jogar.bl-modo-auto{color:#fff;text-shadow:0 1px 2px rgba(60,0,20,.6);background:radial-gradient(120% 140% at 50% 0,#ffc2e4 0,#ff4fa8 34%,#d0186e 70%,#7d0a40 100%);box-shadow:0 0 0 3px #4a0a40,0 0 0 5.5px #ff8acb,0 10px 22px rgba(0,0,0,.5),inset 0 -6px 10px rgba(80,0,30,.35),inset 0 3px 6px rgba(255,255,255,.5)}
.mvcas-jogo[data-jogo="bolinha"] .bl-jogar-n{min-width:34px;height:30px;padding:0 8px;border-radius:15px;display:inline-grid;place-items:center;font-size:16px;letter-spacing:0;background:rgba(40,0,20,.3)}
.mvcas-jogo[data-jogo="bolinha"] .bl-jogar-n:empty{display:none}
.mvcas-jogo[data-jogo="bolinha"] .bl-info{display:none;margin:0;font-size:13px;line-height:1.35;color:#f6cfe8;text-align:center}
.mvcas-jogo[data-jogo="bolinha"] .bl-info b{color:#ffd65a}

/* celular baixo: o título sai para a mesa ficar maior */
@container mvcasjogo (max-height:660px){
  .mvcas-jogo[data-jogo="bolinha"] .bl-topo{display:none}
}
@container mvcasjogo (max-height:600px){
  .mvcas-jogo[data-jogo="bolinha"] .bl-painel{gap:6px;padding-top:8px}
  .mvcas-jogo[data-jogo="bolinha"] .bl-rot{display:none}
  .mvcas-jogo[data-jogo="bolinha"] .bl-jogar{height:52px;font-size:20px}
}
@container mvcasjogo (max-width:370px){
  .mvcas-jogo[data-jogo="bolinha"] .bl-grupos{gap:6px}
  .mvcas-jogo[data-jogo="bolinha"] .bl-seg button{padding:0 7px;font-size:13.5px}
  .mvcas-jogo[data-jogo="bolinha"] .bl-aposta .mvcas-ap .mvcas-ap-v{min-width:92px;font-size:15px}
  .mvcas-jogo[data-jogo="bolinha"] .bl-chip{min-width:44px;font-size:11.5px;padding:0 6px}
}

/* ---------- computador (palco deitado): controles numa coluna à esquerda, mesa à direita ---------- */
@container mvcasjogo (min-width:760px) and (min-height:520px) and (orientation:landscape){
  .mvcas-jogo[data-jogo="bolinha"] .bl{grid-template-columns:minmax(270px,310px) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"topo mesa" "painel mesa"}
  .mvcas-jogo[data-jogo="bolinha"] .bl-topo{display:flex;height:auto;padding:22px 22px 6px;align-items:center}
  .mvcas-jogo[data-jogo="bolinha"] .bl-titulo{width:100%;height:auto}
  .mvcas-jogo[data-jogo="bolinha"] .bl-painel{justify-content:flex-start;align-items:stretch;gap:14px;padding:12px 22px 22px;margin:0 0 16px 16px;border-radius:22px;border:2px solid rgba(255,190,110,.45);
    background:linear-gradient(180deg,rgba(66,10,64,.78),rgba(30,4,30,.85));box-shadow:0 12px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,220,240,.15)}
  .mvcas-jogo[data-jogo="bolinha"] .bl-grupos{flex-direction:column;align-items:stretch;gap:12px}
  .mvcas-jogo[data-jogo="bolinha"] .bl-grupo{align-items:stretch}
  .mvcas-jogo[data-jogo="bolinha"] .bl-rot{display:block;text-align:left;padding-left:6px}
  .mvcas-jogo[data-jogo="bolinha"] .bl-seg button{flex:1 1 0}
  .mvcas-jogo[data-jogo="bolinha"] .bl-fila{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"ap ap" "tu au";gap:12px;justify-items:center}
  .mvcas-jogo[data-jogo="bolinha"] .bl-aposta{grid-area:ap;justify-self:stretch;display:flex;justify-content:center}
  .mvcas-jogo[data-jogo="bolinha"] .bl-bt-turbo{grid-area:tu;justify-self:end}
  .mvcas-jogo[data-jogo="bolinha"] .bl-bt-auto{grid-area:au;justify-self:start}
  .mvcas-jogo[data-jogo="bolinha"] .bl-jogar{width:100%;height:64px;font-size:24px}
  .mvcas-jogo[data-jogo="bolinha"] .bl-info{display:block}
  .mvcas-jogo[data-jogo="bolinha"] .bl-mesa{padding:14px 10px}
  .mvcas-jogo[data-jogo="bolinha"] .bl-chip{min-width:62px;height:30px;font-size:14px}
  .mvcas-jogo[data-jogo="bolinha"] .bl-chip:nth-child(n+7){display:grid}
  .mvcas-jogo[data-jogo="bolinha"] .bl-chip:nth-child(n+7){opacity:.4}
  .mvcas-jogo[data-jogo="bolinha"] .bl-hist{margin:14px 14px 0 0}
  /* regras e som descem para o pé da coluna de controles */
  .mvcas-jogo[data-jogo="bolinha"] .bl-cantos{grid-area:painel;align-self:end;justify-self:center;margin:0 0 34px 16px;gap:12px}
}
/* coluna baixa (celular deitado, notebook de tela curta): tudo mais junto e regras/som voltam para a mesa */
@container mvcasjogo (min-width:760px) and (min-height:520px) and (orientation:landscape) and (max-height:660px){
  .mvcas-jogo[data-jogo="bolinha"] .bl-topo{padding:10px 30px 2px}
  .mvcas-jogo[data-jogo="bolinha"] .bl-titulo{height:54px;width:auto;margin:0 auto}
  .mvcas-jogo[data-jogo="bolinha"] .bl-painel{gap:8px;padding:8px 16px 12px;margin-bottom:10px}
  .mvcas-jogo[data-jogo="bolinha"] .bl-grupos{gap:6px}
  .mvcas-jogo[data-jogo="bolinha"] .bl-fila{gap:8px}
  .mvcas-jogo[data-jogo="bolinha"] .bl-jogar{height:56px;font-size:22px}
  .mvcas-jogo[data-jogo="bolinha"] .bl-info{display:none}
  .mvcas-jogo[data-jogo="bolinha"] .bl-cantos{grid-area:mesa;align-self:start;justify-self:start;margin:10px 0 0 12px}
}

/* ---------- animações ---------- */
@keyframes bl-gira{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  .mvcas-jogo[data-jogo="bolinha"] .bl *{animation:none!important;transition:none!important}
}