.nonograma .jogo-mesa{padding:16px}
.nng-area{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;justify-items:center}
.nng-painel{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;width:100%;min-width:0}
.nng-cont{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 18px;border-radius:16px;background:var(--bg);border:1px solid var(--sup3);color:var(--tx2)}
.nng-cont[hidden]{display:none}
.nng-cont i{display:grid;place-items:center;width:22px;height:22px;flex:none}
.nng-cont svg{width:22px;height:22px}
.nng-rot{font:800 13px/16px var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--tx2)}
.nng-cont b{min-width:52px;text-align:right;font:900 24px/30px var(--f-ui);font-variant-numeric:tabular-nums}
.nng-cont-tempo{color:var(--ouro)}
.nng-cont-tempo b{color:var(--ouro)}
.nng-cont-pint{color:var(--p)}
.nng-cont-pint b{color:var(--p);text-shadow:0 0 14px rgba(44,229,255,.6)}
.nng-rolo{max-width:100%;overflow-x:auto;overflow-y:hidden;padding:0;border-radius:6px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.nng-grade{--n:5;--c:40px;--pl:40px;--pc:40px;--fp:16px;display:grid;grid-template-columns:var(--pl) repeat(var(--n),var(--c));grid-template-rows:var(--pc) repeat(var(--n),var(--c));width:max-content;border-right:1px solid var(--sup3);border-bottom:1px solid var(--sup3);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.nng-grade{position:relative}
.nng-grade::after{content:"";position:absolute;left:var(--pl);top:var(--pc);right:0;bottom:0;z-index:1;border:2px solid var(--vio);border-radius:4px;box-shadow:0 0 18px -4px rgba(139,92,255,.8);pointer-events:none}
.nng-canto{position:sticky;left:0;z-index:3;background:var(--sup)}
.nng-pc,.nng-pl{display:flex;gap:calc(var(--fp)*.2);color:var(--tx);font:800 var(--fp)/1.15 var(--f-ui);font-variant-numeric:tabular-nums;transition:opacity var(--t-rapido) linear}
.nng-pc{flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:5px;border-left:1px solid var(--sup3)}
.nng-pl{position:sticky;left:0;z-index:2;justify-content:flex-end;align-items:center;gap:calc(var(--fp)*.45);padding-right:7px;background:var(--sup);border-top:1px solid var(--sup3)}
.nng-pc[data-feita],.nng-pl[data-feita]{color:var(--borda-controle)}
.nng-pc[data-feita] span,.nng-pl[data-feita] span{opacity:.6;text-decoration:line-through}
.nng-pc.nng-v{border-left:2px solid var(--vio)}
.nng-pl.nng-h{border-top:2px solid var(--vio)}
.nng-casa{position:relative;display:block;min-width:0;margin:0;padding:0;border:0;border-left:1px solid var(--sup3);border-top:1px solid var(--sup3);border-radius:0;background:var(--bg);color:var(--tx2);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}
.nng-grade[data-ampliado] .nng-casa{touch-action:pan-x pan-y}
.nng-casa.nng-v{border-left:2px solid var(--vio)}
.nng-casa.nng-h{border-top:2px solid var(--vio)}
.nng-casa[data-v="1"]{background:var(--p);box-shadow:inset 0 0 0 2px var(--bg)}
.nng-casa[data-v="2"]::before,.nng-casa[data-v="2"]::after{content:"";position:absolute;left:50%;top:50%;width:62%;height:max(2px,calc(var(--c)*.09));margin:calc(max(2px,var(--c)*.09)/-2) 0 0 -31%;border-radius:2px;background:var(--b);transform:rotate(45deg)}
.nng-casa[data-v="2"]::after{transform:rotate(-45deg)}
.nng-casa[data-erro]{background:var(--b-pastel);outline:2px solid var(--b);outline-offset:-2px;z-index:1}
.nng-casa[data-erro][data-v="1"]{background:var(--b)}
.nng-casa[data-erro][data-v="1"]::before{content:"!";position:absolute;inset:0;display:grid;place-items:center;color:var(--bg);font:900 calc(var(--c)*.6)/1 var(--f-ui)}
.nng-casa:focus-visible{outline:3px solid var(--ouro);outline-offset:-3px;z-index:4}
.nng-grade[data-fim] .nng-casa{cursor:default}
.nng-grade[data-fim] .nng-casa[data-v="1"]{background:var(--acao);box-shadow:inset 0 0 0 1px var(--bg)}
.nng-grade[data-fim] .nng-casa[data-v="2"]::before,.nng-grade[data-fim] .nng-casa[data-v="2"]::after{display:none}
.nng-ferrs{display:grid;gap:8px;width:100%;max-width:520px}
.nng-modos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.nng-outros{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}
.nng-modo,.nng-ferr{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:56px;margin:0;padding:0 10px;border-radius:14px;border:1px solid var(--borda-controle);background:var(--sup2);color:var(--tx);font:800 17px/20px var(--f-ui);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.nng-modo{min-height:60px;font-size:18px}
.nng-modo svg{width:24px;height:24px;flex:none}
.nng-modo[data-modo="1"] svg{color:var(--p)}
.nng-modo[data-modo="2"] svg{color:var(--b)}
.nng-modo[aria-pressed="true"]{background:var(--acao-fundo);border:2px solid var(--acao);color:var(--acao);box-shadow:0 0 18px -6px rgba(198,255,61,.8)}
.nng-ferr[aria-pressed="true"]{background:var(--ouro);border-color:var(--ouro);color:var(--bg)}
.nng-modo:hover,.nng-ferr:hover{background:var(--sup3)}
.nng-modo[aria-pressed="true"]:hover{background:var(--acao-fundo)}
.nng-ferr[aria-pressed="true"]:hover{background:var(--ouro)}
.nng-modo:active,.nng-ferr:active{transform:scale(.97)}
.nng-modo:focus-visible,.nng-ferr:focus-visible{outline:3px solid var(--ouro);outline-offset:2px}
.nng-modo[disabled],.nng-ferr[disabled]{color:var(--tx2);background:var(--sup);border-color:var(--sup3);box-shadow:none;cursor:not-allowed;transform:none}
.nng-conf{color:var(--ouro)}
.nng-ferr[hidden]{display:none}
.nng-placar{flex-wrap:wrap;gap:8px 20px}
@media (max-width:900px){
.nonograma .jogo-mesa{padding:10px 6px}
.nng-painel{gap:8px}
.nng-cont{min-height:48px;padding:0 12px;gap:8px}
.nng-cont b{font-size:21px;min-width:0}
.nng-rot{letter-spacing:.04em}
.nng-cont-tempo .nng-rot{display:none}
}
@media (max-width:380px){.nng-ferr{font-size:15px;padding:0 6px}}
@media (prefers-reduced-motion:reduce){.nng-pc,.nng-pl{transition:none}.nng-modo:active,.nng-ferr:active{transform:none}}
@media (max-width:900px){.jogo[data-jogo="nonograma"] .jogo-mesa{min-height:calc(100vw + 210px)}}
@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}
}