.feedback-game{display:flex;align-items:flex-start;gap:14px}.feedback-character{width:82px;flex:0 0 82px;position:relative}.feedback-character img{width:82px;height:82px;object-fit:contain}.feedback-character span{position:absolute;right:-8px;bottom:-6px;font-size:28px}.feedback-character.happy.animated{animation:mascot-cheer .55s ease-in-out 2}.feedback-character.thinking.animated{animation:mascot-think .8s ease-in-out 1}.feedback-reward{font-weight:700;color:#29734d;margin:7px 0}.answer-explanation{margin-top:10px}.answer-explanation summary{cursor:pointer;font-weight:700}.answer-explanation p{margin:8px 0}.learning-effects{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}.learning-effects canvas{width:100%;height:100%}.flying-star{position:absolute;top:58%;font-size:28px;color:#edb528;animation:star-rise 1.3s ease-out both;text-shadow:0 2px 0 #fff}.auto-next-note{font-size:13px;padding:10px;border-radius:10px;background:#f1efff;margin-top:10px}.auto-next-note button{border:0;background:transparent;cursor:pointer;font:inherit}.result-character{width:120px;margin:0 auto 12px;position:relative}.result-character img{width:110px;height:110px;object-fit:contain}.result-character span{position:absolute;right:-5px;bottom:0;font-size:36px}.result-character.animated{animation:mascot-cheer .65s ease-in-out 2}.feedback-settings-dialog{width:min(470px,94vw);max-height:90vh;overflow:auto;border:0;border-radius:20px;padding:24px}.feedback-settings-dialog::backdrop{background:#1d184a99}.feedback-settings-dialog .check{margin:14px 0}.feedback-settings-dialog .field{margin:14px 0}.feedback-settings-dialog input[type=range]{width:100%;accent-color:#6753c4}.gentle-shake{animation:gentle-shake .3s ease-in-out 1}.feedback-settings-button{font-size:18px}.result-rewards{display:flex;justify-content:center;gap:20px;margin:15px 0;font-weight:700;color:#6252a4}@keyframes mascot-cheer{0%,100%{transform:translateY(0) rotate(0)}40%{transform:translateY(-9px) rotate(-6deg)}70%{transform:translateY(-4px) rotate(6deg)}}@keyframes mascot-think{0%,100%{transform:rotate(0)}50%{transform:rotate(-6deg)}}@keyframes gentle-shake{0%,100%{transform:translateX(0)}30%{transform:translateX(-4px)}65%{transform:translateX(4px)}}@keyframes star-rise{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:1}100%{transform:translateY(-150px) rotate(24deg) scale(1.1);opacity:0}}@media(max-width:480px){.feedback-character{width:56px;flex-basis:56px}.feedback-character img{width:56px;height:56px}.feedback-character span{font-size:21px}.feedback-game{gap:10px}.feedback-settings-dialog{padding:18px}}@media(prefers-reduced-motion:reduce){.feedback-character,.result-character,.gentle-shake,.flying-star{animation:none!important}.learning-effects{display:none}}