/* common.css — modo niño: pantalla simple, estrellas y confeti */
[hidden]{display:none!important}
.hello{font-weight:800;font-size:1.4rem;color:#7c3aed;margin:4px 0}
.kidbar{display:none;align-items:center;gap:12px;margin:10px 0}
body.kid .kidbar{display:flex}
.kidbar .stars,#kStars{font-weight:800;font-size:1.5rem;white-space:nowrap}
.pbar{flex:1;height:18px;border-radius:999px;background:#e5e7eb;overflow:hidden}
.pbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:999px;transition:width .4s}
body.kid .controls>label{display:none}
body.kid .controls>label.askname{display:block}
body.kid .adult,body.kid #resetBtn,body.kid footer div:first-child{display:none!important}
body.kid #startBtn{font-size:1.4rem;padding:14px 30px;border-radius:999px}
body.kid .feedback.bad{color:#f59e0b}
.bigstars{font-size:3rem;text-align:center;letter-spacing:.1em}
.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden}
.confetti i{position:absolute;top:-20px;width:10px;height:16px;opacity:.9;animation:fall linear forwards}
@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}
.helloRow{display:flex;align-items:center;gap:10px}
.mascotBox{width:84px;height:84px;flex:none}
.mascotBox.big{width:150px;height:150px;margin:0 auto}
.mascotBox svg{width:100%;height:100%}
.mascotBox.jump{animation:mjump .5s ease-out}
@keyframes mjump{0%,100%{transform:translateY(0)}40%{transform:translateY(-14px)}}
.mascotBox .tail{transform-box:fill-box;transform-origin:0% 100%;animation:wag .7s ease-in-out infinite alternate}
@keyframes wag{from{transform:rotate(-8deg)}to{transform:rotate(10deg)}}
@media (prefers-reduced-motion:reduce){.mascotBox .tail,.mascotBox.jump{animation:none}}