.sequencia-de-cores .jogo-mesa{padding:16px}
.sqc-area{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;justify-items:center}
.sqc-painel{display:flex;justify-content:center;gap:12px;width:100%}
.sqc-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)}
.sqc-rot{font:800 13px/16px var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--tx2)}
.sqc-cont b{min-width:34px;text-align:right;font:900 28px/32px var(--f-ui);font-variant-numeric:tabular-nums}
.sqc-cont-rodada b{color:var(--p);text-shadow:0 0 14px rgba(44,229,255,.6)}
.sqc-cont-recorde b{color:var(--ouro);text-shadow:0 0 14px rgba(255,210,61,.5)}
.sqc-pad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:var(--pad,328px);max-width:100%;padding:14px;border-radius:36px;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}
.sqc-pad[data-q="6"][data-larga]{grid-template-columns:repeat(3,minmax(0,1fr))}
.sqc-bt{--cor:var(--p);position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;min-height:56px;margin:0;padding:0;border-radius:24px;border:4px solid var(--cor);background:var(--sup);color:var(--cor);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform 110ms ease-out,background 110ms ease-out,box-shadow 110ms ease-out}
.sqc-bt[data-s="quadrado"]{--cor:var(--b)}
.sqc-bt[data-s="triangulo"]{--cor:var(--acao)}
.sqc-bt[data-s="estrela"]{--cor:var(--ouro)}
.sqc-bt[data-s="losango"]{--cor:var(--vio)}
.sqc-bt[data-s="cruz"]{--cor:var(--tx)}
.sqc-bt svg{width:46%;height:46%;pointer-events:none}
.sqc-bt b{position:absolute;top:10px;left:16px;font:800 18px/22px var(--f-ui);color:var(--tx2);pointer-events:none}
.sqc-bt:focus-visible{outline:4px solid var(--tx);outline-offset:3px}
.sqc-pad[data-fase="vez"] .sqc-bt:hover{background:var(--sup2)}
.sqc-pad:not([data-fase="vez"]) .sqc-bt{cursor:default}
.sqc-bt[data-aceso],.sqc-pad[data-fase="vez"] .sqc-bt[data-aceso]:hover{background:var(--cor);color:var(--bg);box-shadow:0 0 0 4px rgba(255,255,255,.3),0 0 46px 6px var(--cor);transform:scale(1.03);z-index:1}
.sqc-bt[data-aceso] b{color:var(--bg)}
.sqc-bt[data-era]{background:var(--sup3);box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--acao)}
.sqc-bt[data-era]::after{content:"✓";position:absolute;right:12px;top:8px;font:900 26px/30px var(--f-ui);color:var(--acao)}
.sqc-bt[data-errou]::after{content:"✕";position:absolute;right:12px;top:8px;font:900 26px/30px var(--f-ui);color:var(--b)}
.sqc-bt[data-errou]{opacity:.7}
.sqc-status{display:grid;justify-items:center;align-content:start;gap:10px;width:100%;min-height:104px;text-align:center}
.sqc-frase{margin:0;font:800 22px/28px var(--f-ui);color:var(--tx)}
.sqc-pontos{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;max-width:420px}
.sqc-pontos i{width:14px;height:14px;border-radius:9999px;border:2px solid var(--borda-controle);background:transparent}
.sqc-pontos i[data-feito]{background:var(--acao);border-color:var(--acao)}
.sqc-barra{width:min(100%,420px);height:12px;border-radius:9999px;background:var(--sup3);overflow:hidden}
.sqc-barra i{display:block;width:100%;height:100%;border-radius:9999px;background:var(--ouro);transform-origin:left center;animation:sqc-esvazia var(--prazo,4000ms) linear forwards}
@keyframes sqc-esvazia{from{transform:scaleX(1)}to{transform:scaleX(0)}}
.sqc-ir{display:inline-flex;align-items:center;justify-content:center;min-height:60px;padding:0 36px;border:0;border-radius:9999px;background:var(--acao);color:var(--acao-tx);font:900 20px/24px var(--f-ui);cursor:pointer;box-shadow:0 0 0 1px rgba(198,255,61,.35),0 10px 28px -8px rgba(198,255,61,.6);touch-action:manipulation}
.sqc-ir:active{transform:scale(.97)}
.sqc-ir:focus-visible{outline:3px solid var(--tx);outline-offset:3px}
.sqc-placar{flex-wrap:wrap;gap:8px 20px}
@media (max-width:900px){
.sequencia-de-cores .jogo-mesa{padding:12px 6px}
.sqc-pad{gap:10px;padding:10px;border-radius:28px}
.sqc-bt{border-radius:20px}
.sqc-bt b{top:6px;left:12px;font-size:16px}
}
@media (max-width:380px){.sqc-cont{padding:0 12px}.sqc-frase{font-size:20px}}
@media (prefers-reduced-motion:reduce){.sqc-bt{transition:none}.sqc-bt[data-aceso]{transform:none}}
@media (max-width:900px){.jogo[data-jogo="sequencia-de-cores"] .jogo-mesa{min-height:calc(100vw + 190px)}}
@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}
}