.caca-palavras-online .jogo-mesa{padding:16px}
.cpo-area{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;justify-items:center}
.cpo-painel{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}
.cpo-cont{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 16px;border-radius:16px;background:var(--bg);border:1px solid var(--sup3);color:var(--tx2)}
.cpo-cont i{display:grid;place-items:center;width:22px;height:22px;flex:none}
.cpo-cont svg{width:22px;height:22px}
.cpo-rot{font:800 13px/16px var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--tx2)}
.cpo-cont b{min-width:48px;text-align:right;font:900 26px/30px var(--f-ui);font-variant-numeric:tabular-nums}
.cpo-cont-tempo{color:var(--p)}
.cpo-cont-tempo b{color:var(--p);text-shadow:0 0 14px rgba(44,229,255,.6)}
.cpo-cont-achadas{color:var(--acao)}
.cpo-cont-achadas b{color:var(--acao);text-shadow:0 0 14px rgba(198,255,61,.5)}
.cpo-dica{display:inline-flex;align-items:center;justify-content:center;min-height:52px;margin:0;padding:0 22px;border-radius:16px;border:1px solid var(--ouro);background:var(--bg);color:var(--ouro);font:800 17px/22px var(--f-ui);cursor:pointer;touch-action:manipulation}
.cpo-dica:hover{background:var(--sup2)}
.cpo-dica:focus-visible{outline:3px solid var(--ouro);outline-offset:2px}
.cpo-dica[disabled]{color:var(--tx2);border-color:var(--sup3);cursor:not-allowed}
.cpo-caixa{position:relative;width:100%;display:grid;justify-items:center}
.cpo-grade{--cel:30px;position:relative;width:100%;aspect-ratio:1;border-radius:14px;background:var(--bg);box-shadow:0 0 0 3px var(--vio),0 0 26px -4px rgba(139,92,255,.8);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:pointer;overflow:hidden}
.cpo-tela{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cpo-capsula,.cpo-mira{fill:none;stroke-width:.78;stroke-linecap:round}
.cpo-capsula{stroke-opacity:.5}
.cpo-c0{stroke:var(--p)}.cpo-c1{stroke:var(--b)}.cpo-c2{stroke:var(--acao)}.cpo-c3{stroke:var(--ouro)}.cpo-c4{stroke:var(--vio)}
.cpo-c4{stroke-opacity:.75}
.cpo-mira{stroke:var(--tx);stroke-opacity:.34}
.cpo-grade[data-errou] .cpo-mira{stroke:var(--b);stroke-opacity:.6}
.cpo-letras{position:relative;display:grid;grid-template-columns:repeat(var(--l,10),minmax(0,1fr));grid-template-rows:repeat(var(--l,10),minmax(0,1fr));width:100%;height:100%}
.cpo-letra{display:grid;place-items:center;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:none;color:var(--tx);font:800 calc(var(--cel)*.64)/1 var(--f-ui);text-transform:uppercase;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}
.cpo-letra:focus-visible{outline:3px solid var(--ouro);outline-offset:-3px}
.cpo-letra[data-ancora]{box-shadow:inset 0 0 0 2px var(--tx)}
.cpo-letra[data-pisca]{color:var(--bg);background:var(--ouro);box-shadow:0 0 14px 2px rgba(255,210,61,.8);animation:cpo-pisca 700ms ease-in-out 6}
.cpo-grade[data-fim]{cursor:default}
.cpo-grade[data-fim] .cpo-letra{cursor:default}
.cpo-caixa[data-pausa] .cpo-grade{visibility:hidden}
.cpo-veu{position:absolute;inset:0;display:grid;place-items:center;margin:0;border-radius:14px;border:1px dashed var(--vio);background:var(--bg);color:var(--tx);font:800 20px/26px var(--f-ui);text-align:center;padding:16px}
.cpo-veu[hidden]{display:none}
.cpo-lista{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin:0;padding:0;list-style:none}
.cpo-palavra{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:9999px;border:1px solid var(--sup3);background:var(--bg);color:var(--tx);font:800 16px/20px var(--f-ui);letter-spacing:.04em;text-transform:uppercase}
.cpo-palavra[data-achada]{text-decoration:line-through;text-decoration-thickness:2px;color:var(--tx2)}
.cpo-palavra[data-cor="0"]{border-color:var(--p);background:rgba(44,229,255,.16)}
.cpo-palavra[data-cor="1"]{border-color:var(--b);background:rgba(255,61,154,.16)}
.cpo-palavra[data-cor="2"]{border-color:var(--acao);background:rgba(198,255,61,.14)}
.cpo-palavra[data-cor="3"]{border-color:var(--ouro);background:rgba(255,210,61,.14)}
.cpo-palavra[data-cor="4"]{border-color:var(--vio);background:rgba(139,92,255,.22)}
.cpo-som{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cpo-placar{flex-wrap:wrap;gap:8px 20px}
@keyframes cpo-pisca{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.55}}
.cpo-area[data-lado]{grid-template-columns:var(--tab,480px) 216px;grid-template-areas:"painel painel" "caixa lista";justify-content:center;align-items:center;gap:16px 20px}
.cpo-area[data-lado] .cpo-painel{grid-area:painel}
.cpo-area[data-lado] .cpo-caixa{grid-area:caixa}
.cpo-area[data-lado] .cpo-lista{grid-area:lista;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:4px}
.cpo-area[data-lado] .cpo-palavra{min-height:28px;justify-content:center;font-size:15px}
@media (max-width:900px){
.caca-palavras-online .jogo-mesa{padding:10px 6px}
.cpo-cont{min-height:48px;padding:0 12px;gap:8px}
.cpo-cont b{font-size:22px;min-width:40px}
.cpo-dica{min-height:48px;padding:0 18px}
.cpo-palavra{font-size:15px;padding:0 12px}
}
@media (max-width:420px){.cpo-rot{display:none}}
@media (prefers-reduced-motion:reduce){.cpo-letra[data-pisca]{animation:none}}
@media (max-width:900px){.jogo[data-jogo="caca-palavras-online"] .jogo-mesa{min-height:calc(100vw + 206px)}}
@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}
}