/* Desembaralha — ícones animados dos jogos e carrossel de jogos (home e /jogos/) */
.ja{position:relative;width:72px;height:72px;flex:0 0 72px;display:grid;place-items:center;border-radius:18px;background:var(--soft,#F2F0FA);overflow:hidden;font-family:var(--display,system-ui)}
.ja *{box-sizing:border-box}
/* Palavra do dia: peças virando de cor */
.ja-pd{display:flex;gap:4px}
.ja-pd i{width:17px;height:21px;border-radius:5px;background:#fff;border:2px solid #D9D6EA;font:800 11px/17px var(--display,system-ui);font-style:normal;text-align:center;color:#1B1A3A;animation:ja-vira 3.6s ease-in-out infinite;animation-delay:calc(var(--k)*.35s)}
@keyframes ja-vira{0%,8%{transform:rotateX(0);background:#fff;border-color:#D9D6EA}14%{transform:rotateX(90deg)}20%,45%{transform:rotateX(0);background:var(--k2,#F2B91E);border-color:transparent}51%{transform:rotateX(90deg)}57%,92%{transform:rotateX(0);background:#25B67A;border-color:transparent}100%{background:#fff;border-color:#D9D6EA}}
/* Forca: boneco balançando */
.ja-fc svg{width:56px;height:56px;color:var(--ink,#1B1A3A)}
.ja-fc .bal{transform-origin:40px 10px;animation:ja-balanca 2.4s ease-in-out infinite}
@keyframes ja-balanca{0%,100%{transform:rotate(9deg)}50%{transform:rotate(-9deg)}}
/* Caça-palavras: lupa passando e destacando a palavra */
.ja-cp .gr{display:grid;grid-template-columns:repeat(4,12px);gap:2px;font:800 9px/12px var(--display,system-ui);color:var(--muted,#5A5878);text-align:center}
.ja-cp .gr b{border-radius:3px;animation:ja-acha 3.2s steps(1) infinite;animation-delay:calc(var(--k)*.25s)}
@keyframes ja-acha{0%,30%{background:transparent;color:inherit}31%,85%{background:#FFC83D;color:#1B1A3A}86%,100%{background:transparent}}
.ja-cp .lupa{position:absolute;font-size:24px;animation:ja-lupa 3.2s ease-in-out infinite}
@keyframes ja-lupa{0%{transform:translate(-22px,10px)}45%{transform:translate(18px,-4px)}70%{transform:translate(18px,-4px) rotate(-12deg)}100%{transform:translate(-22px,10px)}}
/* Cruzadinha: letras sendo escritas */
.ja-cz .gr{display:grid;grid-template-columns:repeat(3,15px);grid-template-rows:repeat(3,15px);gap:2px}
.ja-cz .gr span{border:2px solid var(--ink,#1B1A3A);border-radius:3px;background:#fff;font:800 9px/11px var(--display,system-ui);text-align:center;color:#1B1A3A}
.ja-cz .gr span.v{border:0;background:transparent}
.ja-cz .gr span i{font-style:normal;opacity:0;animation:ja-escreve 4s steps(1) infinite;animation-delay:calc(var(--k)*.4s)}
@keyframes ja-escreve{0%,10%{opacity:0}11%,88%{opacity:1}89%,100%{opacity:0}}
.ja-cz .lapis{position:absolute;right:4px;bottom:2px;font-size:20px;animation:ja-rabisca .5s ease-in-out infinite alternate}
@keyframes ja-rabisca{to{transform:translate(-4px,-3px) rotate(-8deg)}}
/* Sudoku: números aparecendo */
.ja-sd .gr{display:grid;grid-template-columns:repeat(3,16px);gap:2px;padding:3px;background:var(--ink,#1B1A3A);border-radius:6px}
.ja-sd .gr span{background:#fff;border-radius:2px;font:800 11px/16px var(--display,system-ui);text-align:center;color:#2B4FE0}
.ja-sd .gr span.f{color:#1B1A3A}
.ja-sd .gr span i{font-style:normal;display:inline-block;transform:scale(0);animation:ja-poe 4.5s ease infinite;animation-delay:calc(var(--k)*.45s)}
@keyframes ja-poe{0%,6%{transform:scale(0)}12%{transform:scale(1.35)}16%,85%{transform:scale(1)}92%,100%{transform:scale(0)}}
/* Soletra: abelha voando em volta da colmeia */
.ja-sl .hx{width:30px;height:30px;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);background:#FFC83D;font:800 14px/30px var(--display,system-ui);text-align:center;color:#1B1A3A}
.ja-sl .hx.o{position:absolute;width:20px;height:20px;background:#E5E2F3;font-size:9px;line-height:20px}
.ja-sl .orb{position:absolute;inset:0;animation:ja-gira 4s linear infinite}
.ja-sl .orb span{position:absolute;left:50%;top:2px;margin-left:-9px;font-size:18px;animation:ja-gira 4s linear infinite reverse}
@keyframes ja-gira{to{transform:rotate(360deg)}}
/* Contra o relógio: ponteiro correndo */
.ja-rl .rel{width:46px;height:46px;border-radius:50%;border:4px solid var(--ink,#1B1A3A);background:#fff;position:relative}
.ja-rl .rel::before{content:"";position:absolute;left:50%;top:-10px;width:10px;height:6px;margin-left:-5px;border-radius:3px;background:var(--ink,#1B1A3A)}
.ja-rl .rel i{position:absolute;left:50%;top:50%;width:3px;height:16px;margin-left:-1.5px;margin-top:-16px;border-radius:2px;background:#FF6B5B;transform-origin:50% 100%;animation:ja-gira 3s linear infinite}
.ja-rl .rel b{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--ink,#1B1A3A)}
/* Kids: letras pulando */
.ja-kd{display:flex;gap:2px}
.ja-kd i{font:800 20px var(--display,system-ui);font-style:normal;animation:ja-pula 1.6s ease-in-out infinite;animation-delay:calc(var(--k)*.18s)}
@keyframes ja-pula{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-9px)}}
/* Emoji animado (jogos Kids) */
.ja-em span{font-size:36px;line-height:1;display:inline-block}
.ja-em.pula span{animation:ja-pula 1.8s ease-in-out infinite}
.ja-em.mexe span{animation:ja-mexe 1.6s ease-in-out infinite}
.ja-em.vira span{animation:ja-flip 2.4s ease-in-out infinite}
.ja-em.passa span{animation:ja-passa 2.6s ease-in-out infinite}
.ja-em.pulsa span{animation:ja-pulsa 1.8s ease-in-out infinite}
@keyframes ja-mexe{0%,100%{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-6deg)}}
@keyframes ja-flip{0%,35%{transform:rotateY(0)}50%,85%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
@keyframes ja-passa{0%,100%{transform:translateX(-12px)}50%{transform:translateX(12px)}}
@keyframes ja-pulsa{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}

/* Carrossel de jogos */
.jc{display:flex;flex-direction:column;gap:12px}
.jc-topo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}
.jc-topo h2{margin:0}
.jc-acoes{display:flex;align-items:center;gap:8px}
.jc-acoes a{font-weight:700}
.jc-seta{width:44px;height:44px;border-radius:50%;border:2px solid var(--line,#E3E1EE);background:var(--surface,#fff);color:var(--ink,#1B1A3A);font:800 20px/1 var(--body,system-ui);cursor:pointer}
.jc-seta:hover{border-color:var(--ink,#1B1A3A)}
.jc-trilho{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;list-style:none;margin:0;padding:4px 2px 10px;scrollbar-width:thin}
.jc-trilho li{flex:0 0 min(82%,268px);scroll-snap-align:start}
.jc-card{display:flex;gap:12px;align-items:center;height:100%;padding:14px;border-radius:18px;border:2px solid var(--line,#E3E1EE);background:var(--surface,#fff);color:var(--ink,#1B1A3A);text-decoration:none;transition:transform .15s,border-color .15s}
.jc-card:hover{transform:translateY(-2px);border-color:var(--ink,#1B1A3A)}
.jc-card strong{display:block;font:800 17px/1.15 var(--display,system-ui)}
.jc-card small{display:block;font-size:13.5px;color:var(--muted,#5A5878);margin-top:3px;line-height:1.3}
.jc-card .tag{display:inline-block;margin-top:6px;font:700 11px var(--body,system-ui);padding:2px 8px;border-radius:99px;background:#FFC83D;color:#1B1A3A}
.jc-kids .jc-card{background:linear-gradient(135deg,#FFF6DB,#E9F7FF);color:#1B1A3A}
.jc-kids .jc-card small{color:#4A4866}
@media (prefers-reduced-motion:reduce){.ja *,.ja{animation:none!important}.jc-trilho{scroll-behavior:auto}}
.jg-card .ja{width:84px;height:84px;flex-basis:84px;border-radius:20px}.jg-card .ja>*{transform:scale(1.15)}