#feedback.answer-result{--result-color:#7839dc;--result-soft:#f0e9fb;background:var(--result-soft);color:var(--result-color);padding:20px;text-align:left;border:0;border-radius:18px;margin:18px 0 10px;animation:answer-reveal .22s ease-out}
#feedback.answer-result.wrong{--result-color:#f24f6b;--result-soft:#fff0f3}
.answer-result-heading{display:flex;align-items:center;gap:12px;font-size:clamp(23px,4vw,30px);line-height:1.3}
.answer-result-mark{display:flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:var(--result-color);color:white;font:700 29px/1 Arial,sans-serif}
.answer-result-detail{margin-top:12px;color:#302c38;font-size:17px;line-height:1.6;overflow-wrap:anywhere}
#play.answer-correct #next{background:#7839dc;border-color:#7839dc;color:white}#play.answer-wrong #next{background:#f24f6b;border-color:#f24f6b;color:white}
#play.answer-correct #next,#play.answer-wrong #next{min-height:48px;flex-basis:100%;box-shadow:none}
body[data-page=falling] #feedback.answer-result{margin:8px 10px;padding:12px 16px}
body[data-page=falling] .answer-result-heading{font-size:22px}body[data-page=falling] .answer-result-mark{flex-basis:36px;width:36px;height:36px;font-size:24px}
body[data-page=falling] .answer-result-detail{font-size:14px;margin-top:5px}
@media(max-width:600px){#feedback.answer-result{padding:16px}.answer-result-detail{font-size:16px}body[data-page=falling].is-playing #feedback.answer-result{padding:8px 12px;margin:5px 6px}body[data-page=falling].is-playing .answer-result-heading{font-size:18px}body[data-page=falling].is-playing .answer-result-mark{flex-basis:30px;width:30px;height:30px;font-size:21px}}
@keyframes answer-reveal{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#feedback.answer-result{animation:none}}

#feedback .answer-result-detail{font-size:18px}body[data-page=falling] #feedback .answer-result-detail{font-size:18px;line-height:1.5}