.jogo.cobrinha{grid-template-columns:minmax(0,1fr) minmax(0,340px)}
.cobrinha-palco{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}
.cobrinha-mesa{width:100%;max-width:max(300px,calc((100vh - 300px) * 340 / 372));margin:0 auto}
.cobrinha-tela{box-shadow:0 0 0 1px var(--sup3);display:block;width:100%;height:auto;aspect-ratio:340/372;border-radius:12px;background:var(--bg);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:pointer}
.cobrinha-tela:focus-visible{outline:3px solid var(--p);outline-offset:3px}
.cobrinha-cruz{display:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:". cima ." "esq baixo dir";gap:8px;width:100%;max-width:300px}
.cobrinha-cruz .btn{min-height:60px;min-width:64px;padding:0;border-radius:var(--r-md);color:var(--p);touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.cobrinha-cruz .btn svg{width:28px;height:28px}
.cobrinha-controle{margin:0;padding:10px 14px;border:1px solid var(--sup3);border-radius:var(--r-md);background:var(--bg);font-size:14px;line-height:20px;color:var(--tx2)}
.cobrinha-controle b{display:block;color:var(--p);font-weight:700;overflow-wrap:anywhere}
.jogo.jogo-cheia .cobrinha-mesa{max-width:calc((100vh - 68px) * 340 / 372);max-width:calc((100dvh - 68px) * 340 / 372)}
.cobrinha-cima{grid-area:cima}.cobrinha-esq{grid-area:esq}.cobrinha-baixo{grid-area:baixo}.cobrinha-dir{grid-area:dir}
@media (max-width:900px){
.jogo.cobrinha{grid-template-columns:minmax(0,1fr)}
.cobrinha-mesa{max-width:min(100%,calc(58vh * 340 / 372));max-width:min(100%,calc(58svh * 340 / 372))}
.cobrinha-cruz{display:grid;padding-bottom:6px}
.jogo.jogo-cheia .cobrinha-mesa{max-width:min(100%,calc((100vh - 190px) * 340 / 372));max-width:min(100%,calc((100dvh - 190px) * 340 / 372))}
}
@media (max-width:900px) and (orientation:landscape){
.jogo.jogo-cheia.cobrinha{grid-template-columns:minmax(0,1fr) minmax(0,240px);align-content:stretch}
.jogo.jogo-cheia.cobrinha .jogo-mesa{min-height:calc(100vh - 20px);min-height:calc(100dvh - 20px)}
.jogo.jogo-cheia.cobrinha .jogo-lado{max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);overflow:auto}
.jogo.jogo-cheia .cobrinha-palco{flex-direction:row;justify-content:center}
.jogo.jogo-cheia .cobrinha-mesa{flex:0 1 auto;margin:0;max-width:calc((100vh - 36px) * 340 / 372);max-width:calc((100dvh - 36px) * 340 / 372)}
.jogo.jogo-cheia .cobrinha-cruz{flex:none;width:196px;padding-bottom:0}
.jogo.jogo-cheia .cobrinha-cruz .btn{min-width:60px}
}
.jogo.jogo-cheia.cobrinha .jogo-lado>*{flex: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}
}