.cheer[hidden]{display:none}.cheer{margin:16px 0 24px;padding:22px;background:#fff;border:2px solid #dcd9ff;border-radius:22px;text-align:center;overflow:hidden}.cheer-title{font-size:clamp(20px,3vw,27px);line-height:1.5;margin:0 0 10px;color:#4338ca}.cheer-friends{display:block;width:min(100%,380px);height:auto;margin:0 auto 12px}.cheer-talk{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}.cheer-bubble{margin:0;padding:15px 18px;border-radius:16px;font-size:16px;line-height:1.8}.cheer-bubble strong{display:block;margin-bottom:5px;font-size:14px}.dog{background:#fff0dc;color:#75461e}.seal{background:#eaf5ff;color:#245b77}.cheer[data-mood="perfect"]{border-color:#e9c767;background:linear-gradient(#fffdf0,#fff)}.cheer-enter .cheer-friends{animation:cheer-sway 1.1s ease-in-out 2}.cheer-enter[data-mood="perfect"] .cheer-friends,.cheer-enter[data-mood="great"] .cheer-friends{animation:cheer-bounce .75s ease-in-out 3}#score{scroll-margin-top:16px}@keyframes cheer-sway{0%,100%{transform:rotate(0)}30%{transform:rotate(-2deg)}70%{transform:rotate(2deg)}}@keyframes cheer-bounce{0%,100%{transform:translateY(0)}45%{transform:translateY(-9px)}}@media(max-width:540px){.cheer{padding:16px}.cheer-talk{grid-template-columns:1fr}.cheer-friends{max-width:280px}}@media(prefers-reduced-motion:reduce){.cheer-enter .cheer-friends{animation:none!important}}