.pdd .jogo-mesa{padding:16px}
.pdd-area{--c:clamp(44px,calc((100vh - 580px) / 6),60px);width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:10px}
.pdd-recado{display:grid;place-items:center;min-height:36px;margin:0;padding:0 16px;border-radius:9999px;font:800 15px/20px var(--f-ui);color:var(--acao-tx);text-align:center;visibility:hidden}
.pdd-recado.pdd-recado-on{visibility:visible;background:var(--tx)}
.pdd-grade{display:grid;gap:6px}
.pdd-linha{display:grid;grid-template-columns:repeat(5,var(--c));gap:6px}
.pdd-casa{position:relative;display:grid;place-items:center;width:var(--c);height:var(--c);box-sizing:border-box;border-radius:10px;border:2px solid var(--sup3);background:var(--bg);color:var(--tx);font:900 calc(var(--c) * .54)/1 var(--f-ui);text-transform:uppercase;user-select:none;-webkit-user-select:none}
.pdd-casa[data-cheia]{border-color:var(--p);animation:pdd-entra 120ms ease-out}
.pdd-casa[data-r="certa"]{background:var(--acao);border-color:var(--acao);color:var(--acao-tx)}
.pdd-casa[data-r="outra"]{background:var(--ouro);border-color:var(--ouro);color:var(--acao-tx);outline:2px dashed var(--acao-tx);outline-offset:-6px}
.pdd-casa[data-r="fora"]{background:var(--sup3);border-color:var(--sup3);color:var(--tx2)}
.pdd-casa[data-r="certa"]::after,.pdd-casa[data-r="outra"]::after{content:"";position:absolute;top:10%;right:10%;width:14%;height:14%;min-width:6px;min-height:6px;box-sizing:border-box;border-radius:9999px}
.pdd-casa[data-r="certa"]::after{background:var(--acao-tx);top:8%;right:8%}
.pdd-casa[data-r="outra"]::after{border:2px solid var(--acao-tx);top:17%;right:17%}
.pdd-vira .pdd-casa{animation:pdd-vira 440ms ease-in-out both;animation-delay:calc(var(--i) * 130ms)}
.pdd-vira .pdd-casa::after{animation:pdd-marca 440ms linear both;animation-delay:calc(var(--i) * 130ms)}
.pdd-treme{animation:pdd-treme 320ms ease-in-out}
.pdd-fim{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:400px;padding:16px;box-sizing:border-box;border-radius:var(--r-md);border:1px solid var(--ouro);background:var(--bg);text-align:center}
.pdd-fim[hidden],.pdd-teclado[hidden],.pdd-conta[hidden],.pdd-texto[hidden]{display:none}
.pdd-fim-t{margin:0;font:800 13px/16px var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--tx2)}
.pdd-fim-p{margin:0;font:900 34px/40px var(--f-ui);letter-spacing:.12em;color:var(--acao);text-shadow:0 0 18px rgba(198,255,61,.45)}
.pdd-conta{margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 10px;font:600 15px/22px var(--f-ui);color:var(--tx2)}
.pdd-conta b{font:900 24px/30px var(--f-ui);color:var(--ouro);font-variant-numeric:tabular-nums}
.pdd-fim .btn{width:100%;margin-top:4px;white-space:normal}
.pdd-copiado{margin:0;min-height:20px;font:700 14px/20px var(--f-ui);color:var(--tx)}
.pdd-texto{width:100%;box-sizing:border-box;padding:10px;border-radius:12px;border:1px solid var(--sup3);background:var(--sup);color:var(--tx);font:16px/22px var(--f-ui);resize:none}
.pdd-teclado{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;width:100%;max-width:400px;margin-top:4px}
.pdd-tecla{position:relative;display:grid;place-items:center;min-width:44px;min-height:48px;margin:0;padding:0;box-sizing:border-box;border-radius:12px;border:1px solid rgba(169,139,255,.75);background:linear-gradient(145deg,#4A2AC0 0%,#2A1470 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -2px 0 rgba(0,0,0,.3);color:var(--tx);font:900 21px/1 var(--f-ui);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
.pdd-tecla:hover:not(:disabled){border-color:var(--p);box-shadow:0 0 12px -1px rgba(44,229,255,.7)}
.pdd-tecla:active:not(:disabled){transform:scale(.94)}
.pdd-tecla:focus-visible{outline:3px solid var(--tx);outline-offset:2px}
.pdd-tecla:disabled{cursor:default;opacity:.6}
.pdd-tecla[data-r]{box-shadow:none}
.pdd-tecla[data-r="certa"]{background:var(--acao);border-color:var(--acao);color:var(--acao-tx)}
.pdd-tecla[data-r="outra"]{background:var(--ouro);border:2px dashed var(--acao-tx);color:var(--acao-tx)}
.pdd-tecla[data-r="fora"]{background:var(--bg);border-color:var(--sup3);color:var(--tx2);text-decoration:line-through}
.pdd-tecla[data-r="certa"]::after{content:"";position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:9999px;background:var(--acao-tx)}
.pdd-apagar{grid-column:span var(--ap7,2);border-color:var(--b);background:var(--bg)}
.pdd-apagar svg{width:26px;height:26px}
.pdd-enviar{grid-column:1 / -1;min-height:52px;border-color:var(--acao);background:var(--bg);color:var(--acao);font-size:18px;letter-spacing:.06em;text-transform:uppercase}
.pdd-legenda{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;font:600 15px/20px var(--f-ui);color:var(--tx)}
.pdd-legenda li{display:flex;align-items:center;gap:12px}
.pdd-legenda .pdd-casa{--c:34px;flex:none;border-radius:8px}
.pdd-legenda .pdd-casa[data-r="outra"]{outline-offset:-5px;outline-width:1.5px}
.pdd-numeros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}
.pdd-numeros div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:12px;background:var(--bg);border:1px solid var(--sup3);text-align:center}
.pdd-numeros dd{margin:0;font:900 24px/28px var(--f-ui);color:var(--tx);font-variant-numeric:tabular-nums}
.pdd-numeros dt{font:700 13px/16px var(--f-ui);color:var(--tx2)}
.pdd-dist{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.pdd-dist li{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:8px}
.pdd-dist-n{font:800 15px/20px var(--f-ui);color:var(--tx2);text-align:center}
.pdd-barra{display:block;height:24px;border-radius:6px;background:var(--bg)}
.pdd-barra b{display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;height:100%;min-width:28px;width:calc(var(--f,0) * 100%);padding:0 8px;border-radius:6px;background:var(--sup3);color:var(--tx);font:800 14px/1 var(--f-ui);font-variant-numeric:tabular-nums}
.pdd-dist li[data-hoje] .pdd-barra b{background:var(--acao);color:var(--acao-tx)}
@keyframes pdd-entra{from{transform:scale(.86)}to{transform:none}}
@keyframes pdd-vira{0%,1%{transform:rotateX(0);background:var(--bg);border-color:var(--p);color:var(--tx);outline-color:transparent}49%{transform:rotateX(90deg);background:var(--bg);border-color:var(--p);color:var(--tx);outline-color:transparent}50%{transform:rotateX(90deg)}100%{transform:none}}
@keyframes pdd-marca{0%,49%{opacity:0}50%,100%{opacity:1}}
@keyframes pdd-treme{0%,100%{transform:none}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
@media (min-width:1000px){
.pdd-teclado{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;max-width:540px}
.pdd-tecla{min-height:52px}
.pdd-apagar{grid-column:span 1}
.pdd-enviar{grid-column:span var(--en10,3);min-height:52px;font-size:16px}
}
@media (max-width:900px){
.pdd .jogo-mesa{padding:10px 8px}
.pdd-area{--c:min(52px,calc((100vw - 56px) / 5));gap:8px}
.pdd-recado{min-height:32px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){.pdd-casa[data-cheia],.pdd-vira .pdd-casa,.pdd-vira .pdd-casa::after,.pdd-treme{animation:none}}
@media (max-width:900px){.jogo[data-jogo="palavra-do-dia"] .jogo-mesa{min-height:680px}}
@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}
}