.batalha .jogo-mesa{padding:16px;place-items:stretch}
.bn{display:grid;grid-template-columns:minmax(0,max(320px,calc(100vh - 320px))) minmax(0,230px);justify-content:center;align-items:start;gap:24px;width:100%;user-select:none;-webkit-user-select:none}
.bn:has(.bn-apoio[hidden]){grid-template-columns:minmax(0,max(320px,calc(100vh - 320px)))}
.bn-titulo{margin:0 0 8px;font:800 13px/16px var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--tx2)}
.bn-principal .bn-titulo{color:var(--tx);font-size:14px;line-height:20px}
.bn-grade{position:relative;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr));aspect-ratio:1;width:100%;border-radius:12px;overflow:hidden;
background:linear-gradient(160deg,#0D2B3A,#101736 70%);box-shadow:0 0 0 2px var(--vio),0 0 26px -6px rgba(139,92,255,.9)}
.bn-casa{position:relative;z-index:1;display:grid;place-items:center;min-width:0;min-height:0;margin:0;padding:0;border:0;border-right:1px solid rgba(44,229,255,.2);border-bottom:1px solid rgba(44,229,255,.2);border-radius:0;background:transparent;color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}
button.bn-casa{cursor:crosshair;touch-action:manipulation}
button.bn-casa[aria-disabled="true"],.bn-grande[data-fase="fim"] button.bn-casa{cursor:default}
button.bn-casa:focus-visible{outline:3px solid var(--acao);outline-offset:-3px;border-radius:6px;z-index:3}
@media (hover:hover){.bn-grande[data-fase="tiros"] button.bn-casa:not([data-e]):hover{background:rgba(198,255,61,.22);box-shadow:inset 0 0 0 2px var(--acao)}}
.bn-grande[data-fase="tiros"] button.bn-casa:not([data-e]):active{background:rgba(198,255,61,.4)}
.bn-casa[data-e]::after{content:"";display:block;border-radius:50%}
.bn-casa[data-e="agua"]::after{width:24%;aspect-ratio:1;background:var(--tx2)}
.bn-casa[data-e="acerto"]::after,.bn-casa[data-e="fundo"]::after{width:56%;aspect-ratio:1;background:radial-gradient(circle,#FFFFFF 0 22%,var(--b) 26%);box-shadow:0 0 12px 1px rgba(255,61,154,.8)}
.bn-casa[data-e="fundo"]{background:rgba(255,61,154,.16)}
.bn-casa[data-ult]{box-shadow:inset 0 0 0 2px var(--ouro);z-index:2}
.bn-casa[data-ult]::after{animation:bn-marca 300ms cubic-bezier(.3,1.5,.4,1) both}
@keyframes bn-marca{0%{transform:scale(2.2);opacity:0}100%{transform:scale(1);opacity:1}}
.bn-navio{position:absolute;z-index:0;margin:0;padding:0;border:0;background:none;pointer-events:none}
.bn-navio::before{content:"";position:absolute;inset:4px;border-radius:999px;border:2px solid var(--p);background:rgba(44,229,255,.3);box-shadow:0 0 12px -2px rgba(44,229,255,.8)}
.bn-navio.bn-rival::before{border-color:var(--b);background:rgba(255,61,154,.22);box-shadow:0 0 14px -2px rgba(255,61,154,.9)}
.bn-navio.bn-escapou::before{border-style:dashed;border-color:var(--tx2);background:rgba(171,163,201,.14);box-shadow:none}
.bn-navio[data-fundo]::before{border-color:var(--b);background:rgba(255,61,154,.2);box-shadow:none}
.bn-pequena .bn-navio::before{inset:2px;border-width:1.5px}
.bn-grande[data-fase="pos"] .bn-navio{z-index:2;pointer-events:auto;cursor:grab;touch-action:none}
.bn-grande[data-fase="pos"] .bn-navio::before{background:rgba(44,229,255,.42)}
.bn-grande[data-fase="pos"] .bn-navio[data-arrasto]{z-index:4;cursor:grabbing}
.bn-grande[data-fase="pos"] .bn-navio[data-arrasto="cabe"]::before{border-color:var(--acao);background:rgba(198,255,61,.4);box-shadow:0 0 16px 0 rgba(198,255,61,.7)}
.bn-grande[data-fase="pos"] .bn-navio[data-arrasto="ruim"]::before{border-color:var(--b);background:rgba(255,61,154,.4);box-shadow:none}
.bn-navio:focus-visible{outline:3px solid var(--acao);outline-offset:-1px;border-radius:999px}
.bn-apoio{display:flex;flex-direction:column;gap:20px;min-width:0}
.bn-apoio[hidden]{display:none}
.bn-pequena{box-shadow:0 0 0 2px var(--p)}
.bn-pequena .bn-casa[data-e="agua"]::after{width:30%}
.bn-pequena .bn-casa[data-e="acerto"]::after{width:66%;box-shadow:none}
.bn-frotas{display:flex;flex-direction:column;gap:14px}
.bn-barras{display:flex;flex-wrap:wrap;gap:8px 10px}
.bn-barra{display:inline-flex;gap:2px}
.bn-barra i{display:block;width:13px;height:13px;border-radius:3px;background:var(--p)}
.bn-do-rival .bn-barra i{background:var(--b)}
.bn-barra[data-fundo] i,.bn-do-rival .bn-barra[data-fundo] i{background:transparent;box-shadow:inset 0 0 0 2px var(--tx2);opacity:.6}
.batalha .jogo-placar{flex-wrap:wrap;gap:6px 20px}
.batalha .jogo-acoes .btn[hidden]{display:none}
@media (max-width:900px){
.batalha .jogo-mesa{padding:10px 6px}
.bn,.bn:has(.bn-apoio[hidden]){grid-template-columns:minmax(0,1fr);gap:14px}
.bn-apoio{flex-direction:row;align-items:flex-start;gap:16px;padding:0 4px}
.bn-seu{flex:0 0 44%;max-width:170px}
.bn-frotas{flex:1;min-width:0}
.bn-titulo{margin-bottom:6px}
.bn-navio::before{inset:3px}
}
@media (prefers-reduced-motion:reduce){.bn-casa[data-ult]::after{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}
}