/* Área Kids — tema próprio, claro e colorido */
body.kids{--kbg:#fff8ec;--k1:#ff6b6b;--k2:#ffb703;--k3:#06d6a0;--k4:#4cc9f0;--k5:#9b5de5;--ktx:#2b2140;background:var(--kbg);color:var(--ktx)}
body.kids .top{background:rgba(255,248,236,.9);border-color:#f1e3c8}
body.kids .logo small,body.kids .nav a{color:#6d5f86}
body.kids .nav a:hover,body.kids .nav a[aria-current]{background:#fde9c4;color:var(--ktx)}
body.kids .tab{background:rgba(255,255,255,.95);border-color:#f1e3c8}
body.kids .tab a{color:#9a8fb0}body.kids .tab a[aria-current]{color:var(--k5)}
body.kids .ft{border-color:#f1e3c8;color:#6d5f86}
body.kids .ft h4{color:var(--ktx)}
body.kids .ft__credit{border-color:#f1e3c8;color:#9a8fb0}
body.kids .voltar{color:#6d5f86}
.k-h{font:800 clamp(38px,8vw,78px)/1 var(--f-tit);letter-spacing:-.02em}
.k-h span{display:inline-block;animation:pula 2.4s ease-in-out infinite;animation-delay:calc(var(--i)*.12s)}
@keyframes pula{0%,100%{transform:none}50%{transform:translateY(-8px) rotate(-3deg)}}
.k-lead{font-size:19px;color:#5b4f73;max-width:560px;margin-top:12px}
.k-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:34px}
.k-card{border-radius:28px;padding:26px;text-decoration:none;color:#fff;min-height:210px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 0 rgba(0,0,0,.12);transition:transform .2s}
.k-card:hover{transform:translateY(-6px) rotate(-1deg)}
.k-card:active{transform:scale(.97)}
.k-card .e{font-size:64px;line-height:1}
.k-card h2{font:800 26px/1.1 var(--f-tit)}
.k-card p{font-size:15px;opacity:.95}
.kc1{background:var(--k1)}.kc2{background:var(--k2);color:#3b2600}.kc3{background:var(--k3);color:#033}.kc4{background:var(--k4);color:#032336}.kc5{background:var(--k5)}
.k-btn{display:inline-flex;align-items:center;gap:8px;border-radius:99px;padding:13px 22px;font:800 16px/1 var(--f-tit);background:var(--k5);color:#fff;box-shadow:0 5px 0 #6a35b5;transition:transform .1s}
.k-btn:active{transform:translateY(4px);box-shadow:0 1px 0 #6a35b5}
.k-btn--2{background:var(--k3);color:#033;box-shadow:0 5px 0 #04a07a}
.k-btn--3{background:#fff;color:var(--ktx);box-shadow:0 5px 0 #e5d7bb}
.k-painel{background:#fff;border-radius:28px;padding:22px;box-shadow:0 8px 0 #f1e3c8;margin-top:22px}

/* memória */
.mem{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);max-width:560px;margin:20px auto 0;perspective:900px}
.mem button{aspect-ratio:1;position:relative;transform-style:preserve-3d;transition:transform .45s}
.mem button.vira,.mem button.ok{transform:rotateY(180deg)}
.mem .f,.mem .t{position:absolute;inset:0;border-radius:18px;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.mem .f{background:var(--k5);box-shadow:inset 0 -6px 0 rgba(0,0,0,.15);color:#fff;font:800 30px var(--f-tit)}
.mem .t{background:#fff;border:3px solid #f1e3c8;transform:rotateY(180deg);font-size:clamp(30px,8vw,52px);flex-direction:column}
.mem .t small{font:700 11px var(--f-tx);color:#6d5f86}
.mem button.ok .t{border-color:var(--k3);background:#e9fff7}
.placar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.placar span{background:#fff;border-radius:99px;padding:8px 14px;font-weight:700;box-shadow:0 3px 0 #f1e3c8}
.fato{min-height:54px;text-align:center;margin-top:14px;font-size:16px;color:#5b4f73}

/* quiz */
.qz{max-width:620px;margin:0 auto}
.qz__p{font:800 clamp(22px,4vw,30px)/1.2 var(--f-tit);margin:16px 0 18px}
.qz__ops{display:grid;gap:10px}
.qz__ops button{background:#fff;border:3px solid #f1e3c8;border-radius:20px;padding:16px 18px;text-align:left;font-size:18px;font-weight:700;color:var(--ktx);transition:transform .1s}
.qz__ops button:active{transform:scale(.98)}
.qz__ops button.certo{border-color:var(--k3);background:#e9fff7}
.qz__ops button.errado{border-color:var(--k1);background:#ffecec}
.qz__barra{height:12px;background:#f1e3c8;border-radius:99px;overflow:hidden}
.qz__barra i{display:block;height:100%;background:linear-gradient(90deg,var(--k2),var(--k1));width:0;transition:width .4s}
.estrelas{font-size:44px;letter-spacing:6px;text-align:center}

/* colorir */
.col{display:grid;gap:16px}
@media(min-width:900px){.col{grid-template-columns:1fr 280px;align-items:start}}
.col__tela{background:#fff;border-radius:24px;padding:10px;box-shadow:0 8px 0 #f1e3c8;touch-action:manipulation}
.col__tela svg{width:100%;height:auto}
.col__tela svg .p{cursor:pointer;transition:fill .15s}
.col__lado{display:grid;gap:14px}
.paleta{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.paleta button{aspect-ratio:1;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #e5d7bb}
.paleta button.on{box-shadow:0 0 0 4px var(--ktx);transform:scale(1.08)}
.desenhos{display:flex;gap:8px;flex-wrap:wrap}
.desenhos button{background:#fff;border-radius:16px;padding:8px 12px;font-weight:700;box-shadow:0 3px 0 #e5d7bb;font-size:14px}
.desenhos button.on{background:var(--k2)}
.col__ver{font:italic 18px/1.4 var(--f-ver);text-align:center;color:#5b4f73}

/* histórias */
.hist{max-width:680px;margin:0 auto;text-align:center}
.hist__cena{font-size:clamp(80px,22vw,150px);line-height:1.1;min-height:1.2em;animation:entra .5s}
@keyframes entra{from{opacity:0;transform:scale(.7) rotate(-6deg)}}
.hist__t{font-size:clamp(19px,3vw,23px);line-height:1.55;margin:12px 0 22px;min-height:5.5em}
.hist__nav{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.pontos{display:flex;gap:6px;justify-content:center;margin-top:18px}
.pontos i{width:10px;height:10px;border-radius:50%;background:#e5d7bb}
.pontos i.on{background:var(--k5)}
.confete{position:fixed;top:-20px;z-index:300;font-size:26px;pointer-events:none;animation:cai linear forwards}
@keyframes cai{to{transform:translateY(110vh) rotate(720deg)}}