.tabela-de-numeros .jogo-mesa{padding:16px}
.tdn-area{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;justify-items:center}
.tdn-painel{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}
.tdn-cont{display:inline-flex;align-items:center;gap:10px;min-height:60px;padding:0 16px;border-radius:16px;background:var(--bg);border:1px solid var(--sup3);color:var(--tx2)}
.tdn-cont[hidden]{display:none}
.tdn-cont i{display:grid;place-items:center;width:22px;height:22px;flex:none}
.tdn-cont svg{width:22px;height:22px}
.tdn-rot{font:800 13px/16px var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--tx2)}
.tdn-cont b{display:grid;place-items:center;min-width:44px;font:900 26px/30px var(--f-ui);font-variant-numeric:tabular-nums;color:var(--tx)}
.tdn-cont-tempo{color:var(--p)}
.tdn-cont-tempo b{min-width:84px;color:var(--p);text-shadow:0 0 14px rgba(44,229,255,.6)}
.tdn-cont-prox{color:var(--ouro);border-color:var(--ouro)}
.tdn-cont-prox b{color:var(--ouro);font-size:30px}
.tdn-cont-feitas b{color:var(--acao)}
.tdn-caixa{position:relative;width:100%;display:grid;justify-items:center}
.tdn-tab{--n:4;--cel:80px;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:6px;width:100%;aspect-ratio:1;padding:8px;border-radius:18px;background:var(--bg);box-shadow:0 0 0 3px var(--vio),0 0 26px -4px rgba(139,92,255,.8);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.tdn-tab[data-lado="6"],.tdn-tab[data-lado="7"]{gap:4px;padding:6px}
.tdn-casa{position:relative;display:grid;place-items:center;min-width:0;min-height:0;aspect-ratio:1;margin:0;padding:0;border:2px solid var(--sup3);border-radius:14px;background:var(--sup2);color:var(--tx);font:900 calc(var(--cel)*.44)/1 var(--f-ui);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background var(--t-rapido) var(--curva),transform var(--t-rapido) var(--curva)}
.tdn-tab[data-lado="6"] .tdn-casa,.tdn-tab[data-lado="7"] .tdn-casa{border-radius:10px}
.tdn-casa:hover{background:var(--sup3)}
.tdn-casa:active{transform:scale(.95)}
.tdn-casa:focus-visible{outline:3px solid var(--ouro);outline-offset:-3px;z-index:2}
.tdn-forma{display:grid;place-items:center;pointer-events:none}
.tdn-forma[data-serie]{width:78%;height:78%;font-size:calc(var(--cel)*.36);line-height:1}
.tdn-forma[data-serie="0"]{border:3px solid var(--p);border-radius:50%;color:var(--p);background:var(--p-pastel)}
.tdn-forma[data-serie="1"]{border:3px solid var(--b);border-radius:6px;color:var(--tx);background:var(--b-pastel)}
.tdn-forma-mini[data-serie]{width:40px;height:40px;font-size:20px;border-width:2px}
.tdn-casa[data-feita]{background:var(--acao-fundo);border-color:var(--acao);color:var(--acao);cursor:default}
.tdn-casa[data-feita]:active{transform:none}
.tdn-casa[data-feita]::after{content:"";position:absolute;top:5%;right:5%;width:18%;height:18%;max-width:16px;max-height:16px;background:var(--acao);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12l5 5L20 6' fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12l5 5L20 6' fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.tdn-casa[data-feita] .tdn-forma[data-serie]{opacity:.45}
.tdn-casa[data-fora]{border-color:var(--b);animation:tdn-treme .45s var(--curva)}
@keyframes tdn-treme{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}60%{transform:translateX(5px)}}
.tdn-tab[data-fim] .tdn-casa{cursor:default}
.tdn-caixa[data-pausa] .tdn-tab{visibility:hidden}
.tdn-veu{position:absolute;inset:0;display:grid;place-items:center;margin:0;border-radius:18px;border:1px dashed var(--vio);background:var(--bg);color:var(--tx);font:800 20px/26px var(--f-ui);text-align:center;padding:16px}
.tdn-veu[hidden]{display:none}
.tdn-placar{flex-wrap:wrap;gap:8px 20px}
.tabela-de-numeros .tdn-tams .chip{flex:1 1 56px;padding:0 10px}
.tabela-de-numeros .chip[disabled]{color:var(--tx2);background:var(--sup);border-color:var(--sup3);cursor:not-allowed}
@media (max-width:900px){
.tabela-de-numeros .jogo-mesa{padding:10px 8px}
.tdn-cont{min-height:52px;padding:0 12px;gap:8px}
.tdn-cont b{font-size:22px;min-width:36px}
.tdn-cont-tempo b{min-width:72px}
.tdn-cont-prox b{font-size:26px}
.tdn-forma-mini[data-serie]{width:34px;height:34px;font-size:17px}
}
@media (max-width:480px){.tdn-painel[data-tres]{flex-wrap:nowrap;gap:6px}.tdn-painel[data-tres] .tdn-cont{padding:0 10px}.tdn-painel[data-tres] .tdn-cont-tempo .tdn-rot,.tdn-painel[data-tres] .tdn-cont-feitas .tdn-rot,.tdn-painel[data-tres] .tdn-cont-prox i{display:none}}
@media (max-width:360px){.tdn-cont-feitas .tdn-rot,.tdn-painel[data-tres] .tdn-cont-prox .tdn-rot{display:none}.tdn-painel[data-tres] .tdn-cont-prox i{display:grid}.tdn-painel[data-tres] .tdn-cont{gap:6px;padding:0 8px}.tdn-painel[data-tres] .tdn-cont-tempo b{min-width:66px}}
@media (prefers-reduced-motion:reduce){.tdn-casa{transition:none}.tdn-casa[data-fora]{animation:none}}
@media (max-width:900px){.jogo[data-jogo="tabela-de-numeros"] .jogo-mesa{min-height:calc(100vw + 76px)}}
@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}
}