/* The reward lives above the task, never in the answer area. */
#rewardToast{top:12px;padding:10px 22px 10px 8px;gap:8px;min-height:128px;width:min(500px,calc(100vw - 24px));overflow:visible;border-color:#e9d08d65;background:linear-gradient(125deg,#163746f5,#18283dfc 75%)}
.ninja-hero{position:relative;width:126px;height:128px;flex-shrink:0;--suit:var(--energy,#ef7447)}
.ninja-character{position:relative;display:block;width:126px;height:138px;object-fit:contain;filter:drop-shadow(0 6px 9px #0004);pointer-events:none;user-select:none}
.ninja-aura{position:absolute;inset:12px 0 0;border-radius:50%;background:radial-gradient(circle,var(--character-light,#f6d86c),transparent 68%);opacity:.16}
.ninja-reward-copy{min-width:0;line-height:1.5}
.ninja-reward-copy>b{display:block;font-size:18px;line-height:1.25;margin:5px 0 7px;color:#fff0bc}
.ninja-reward-copy>span:last-child{display:block;font-size:12px;color:#cee1d2;overflow-wrap:anywhere}
.ninja-kicker{font-size:9px;letter-spacing:1.4px;color:#b8c6aa}
.ninja-star{position:absolute;left:62px;top:66px;width:10px;height:10px;background:#ffe19d;clip-path:polygon(50% 0,62% 37%,100% 50%,62% 62%,50% 100%,37% 62%,0 50%,37% 37%);opacity:0;transform:rotate(calc(var(--i)*60deg))}
.show[data-motion=animated] .ninja-actor{animation:ninja-jump .9s ease-out both;transform-origin:50% 86%}
.show[data-pose=spin][data-motion=animated] .ninja-actor{animation:ninja-spin 1s cubic-bezier(.2,.7,.3,1) both}
.show[data-pose=power][data-motion=animated] .ninja-actor{animation:ninja-power .85s ease-out both}
.show[data-motion=animated] .ninja-star{animation:ninja-stars 1s calc(var(--i)*.08s) ease-out 2}
.show[data-motion=animated] .ninja-aura{animation:ninja-aura 1.4s ease-in-out 3}
@keyframes ninja-jump{0%{opacity:0;transform:translateY(35px) scale(.6)}35%{opacity:1;transform:translateY(-22px) rotate(-8deg) scale(1.05)}65%{transform:translateY(4px) scale(1.05,.9)}85%{transform:translateY(-6px)}100%{transform:none}}
@keyframes ninja-spin{0%{opacity:0;transform:translateY(30px) rotate(-320deg) scale(.4)}65%{opacity:1;transform:translateY(-15px) rotate(10deg) scale(1.07)}85%{transform:translateY(4px) rotate(-3deg)}100%{transform:none}}
@keyframes ninja-power{0%{opacity:0;transform:translateY(22px) scale(.7)}45%{opacity:1;transform:translateY(-12px) scale(1.18)}75%{transform:scale(.97)}100%{transform:none}}
@keyframes ninja-stars{0%{opacity:0;transform:rotate(calc(var(--i)*60deg)) translateX(15px) scale(.3)}25%{opacity:1}100%{opacity:0;transform:rotate(calc(var(--i)*60deg)) translateX(72px) scale(.8)}}
@keyframes ninja-aura{50%{transform:scale(1.2);opacity:.5}}
.calm #rewardToast *,#rewardToast[data-motion=still] *{animation:none!important}
@media(prefers-reduced-motion:reduce){#rewardToast *{animation:none!important}}
@media(max-width:560px){#rewardToast{top:10px;padding:8px 12px 8px 3px;min-height:104px;gap:3px}.ninja-hero{width:96px;height:104px}.ninja-character{width:96px;height:108px}.ninja-star{left:46px;top:51px}.ninja-reward-copy>b{font-size:15px;margin:4px 0}.ninja-reward-copy>span:last-child{font-size:11px}.ninja-kicker{font-size:8px;letter-spacing:.7px}}