.ludo .jogo-mesa{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.ludo-tab{width:100%;margin:0 auto;max-width:max(328px,calc(100vh - 366px))}
.ludo .jogo-mesa .ludo-tab svg{display:block;width:100%;height:auto;min-height:0;max-height:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.ludo-barra{display:flex;align-items:center;justify-content:center;gap:16px;min-height:76px}
.ludo-dado{--cor:var(--p);flex:none;display:grid;place-items:center;width:76px;height:76px;margin:0;padding:4px;border:0;border-radius:20px;background:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.ludo-dado[data-cor="1"]{--cor:var(--b)}
.ludo-dado[data-cor="2"]{--cor:var(--acao)}
.ludo-dado[data-cor="3"]{--cor:var(--ouro)}
.ludo .jogo-mesa .ludo-dado svg{display:block;width:68px;height:68px;min-height:0;max-height:none}
.ludo-dado:disabled{cursor:default}
.ludo-dado:disabled:not(.ludo-rola) svg{opacity:.6}
.ludo-dado:focus-visible{outline:3px solid var(--tx);outline-offset:2px;border-radius:20px}
.ludo-dado:active:not(:disabled){transform:scale(.94)}
.ludo-chama{animation:ld-chama 1.1s ease-in-out infinite}
.ludo-rola svg{animation:ld-rola .28s linear infinite}
.ludo-fala{margin:0;max-width:440px;font:800 18px/24px var(--f-ui);color:var(--tx)}
.ludo-tab [data-ac]{cursor:pointer;outline:none}
.ludo-tab [data-ac]:focus-visible .ld-foco{stroke:var(--ouro);stroke-width:3}
.ludo-tab .ld-pisca{animation:ld-pisca .9s ease-in-out infinite}
.ludo .jogo-vez{background:var(--sup2)}
.ludo .jogo-vez[data-cor="1"]{border-color:var(--b)}
.ludo .jogo-vez[data-cor="2"]{border-color:var(--acao)}
.ludo .jogo-vez[data-cor="3"]{border-color:var(--ouro)}
.ludo .jogo-vez[data-cor="1"] i{background:var(--b);box-shadow:none}
.ludo .jogo-vez[data-cor="2"] i{background:var(--acao);box-shadow:none}
.ludo .jogo-vez[data-cor="3"] i{background:var(--ouro);box-shadow:none}
.ludo .jogo-vez[data-vez="fim"]{color:var(--ouro)}
.ludo .jogo-placar{flex-wrap:wrap;gap:6px 18px}
@keyframes ld-pisca{0%,100%{opacity:1}50%{opacity:.2}}
@keyframes ld-chama{0%,100%{filter:drop-shadow(0 0 2px var(--cor))}50%{filter:drop-shadow(0 0 14px var(--cor))}}
@keyframes ld-rola{0%{transform:rotate(-16deg) scale(.92)}50%{transform:rotate(16deg) scale(1.06)}100%{transform:rotate(-16deg) scale(.92)}}
@media (max-width:900px){
.ludo .jogo-mesa{padding:10px;gap:8px}
.ludo-tab{max-width:min(100%,max(328px,calc(100vh - 300px)));max-width:min(100%,max(328px,calc(100svh - 300px)))}
.ludo-fala{font-size:16px;line-height:22px}
}
@media (prefers-reduced-motion:reduce){.ludo-tab .ld-pisca,.ludo-chama,.ludo-rola svg{animation:none}}
@media (max-width:900px){
.jogo[data-jogo="sinuca"] .jogo-mesa{min-height:630px}
.jogo[data-jogo="gamao"] .jogo-mesa{min-height:662px}
.jogo[data-jogo="palavra-embaralhada"] .jogo-mesa{min-height:638px}
}
@media (max-width:900px) and (orientation:portrait){
.jogo[data-jogo="nave"] .jogo-mesa{min-height:calc(165vw - 8px)}
}
@media (max-width:900px) and (orientation:portrait){
.jogo[data-jogo="aventura-de-plataforma"] .jogo-mesa{min-height:min(calc(56.25vw + 96px),340px)}
.jogo[data-jogo="maku-maia"] .jogo-lado{min-height:600px}
}
@media (min-width:901px){
.jogo[data-jogo="aventura-de-plataforma"]:not(.jogo-cheia) .jogo-mesa{min-height:min(calc((min(100vw - 40px,1400px) - 26px)*.5625 + 12px),calc(100vh - 252px))}
.jogo[data-jogo="aventura-de-plataforma"]:not(.jogo-cheia) .jogo-lado{min-height:570px}
}