/* Motion belongs to changes in the story; the reading surface stays still. */
.story-cue{position:absolute;z-index:26;left:530px;top:245px;width:860px;height:560px;text-align:center;pointer-events:none;color:#346e5c;transform-origin:50% 42%}
.cue-seal{position:relative;width:290px;height:290px;margin:0 auto 12px;filter:drop-shadow(0 0 28px #efd080)}
.cue-seal img{width:100%;height:100%;object-fit:contain}.cue-seal span{position:absolute;left:0;right:0;top:102px;font:100px/1 LessonKai}
.cue-chapter{font:28px LessonRound;letter-spacing:8px;color:#9e7439;margin:8px 0 18px}.cue-title{font:54px/1.3 LessonKai}
.cue-orbit{position:absolute;left:245px;top:-30px;width:370px;height:370px;border:3px solid #e8ca7c;border-top-color:transparent;border-radius:50%;box-shadow:0 0 25px #f2db9a50;animation:orbit-turn 2.2s linear infinite}
.cue-orbit.second{inset:3px auto auto 278px;width:304px;height:304px;animation-direction:reverse;border-style:dashed;opacity:.65}
.story-changing #captionActions{opacity:.22;transition:opacity .25s}
.story-ghost{pointer-events:none}.story-ghost svg{display:block;width:calc(100% + 2px);height:100%;margin-left:-1px;overflow:hidden}.story-next{position:relative;display:flex;align-items:center;gap:15px;overflow:hidden;min-width:290px;justify-content:center;transition:background .35s,box-shadow .35s}
.next-label{position:relative;z-index:2}.next-orb{display:grid;place-content:center;width:43px;height:43px;border-radius:50%;background:#fff3b329;color:#ffedb0;font:32px LessonRound;flex-shrink:0}
.story-next.charged{background:linear-gradient(105deg,#2a8975,#20816f);box-shadow:0 6px 0 #176453,0 0 28px #e6ca7480}
.story-next.charged .next-orb{background:#ffedb2;color:#84662c;animation:orb-breathe 2.3s ease-in-out infinite}
.next-sheen{position:absolute;top:-60%;left:-60%;width:40%;height:220%;background:linear-gradient(90deg,transparent,#fff5c756,transparent);transform:rotate(20deg);pointer-events:none}
.charged .next-sheen{animation:next-shine 2.8s ease-in-out 3}
.clue-flight{position:absolute;z-index:45;width:110px;height:110px;pointer-events:none;filter:drop-shadow(0 0 18px #f4cf67)}.clue-flight img{width:100%;height:100%;object-fit:contain}
#outro{position:absolute;inset:0;z-index:20;background:#b8e2db;overflow:hidden}
#outroVideo,#outroPoster{position:absolute;inset:0;width:1920px;height:1080px;object-fit:cover}
#outroPoster{display:none}#outro.still #outroVideo{visibility:hidden}#outro.still #outroPoster{display:block}
.outro-tools{position:absolute;top:40px;right:60px;display:flex;gap:18px;z-index:2}.outro-tools button{font-size:27px;padding:16px 24px;border-radius:24px}
.outro-caption{position:absolute;left:300px;right:300px;bottom:65px;padding:20px 35px;border-radius:28px;background:#fffbeaef;color:#295d4a;font:43px/1.45 LessonKai;text-align:center;box-shadow:0 8px 25px #4668491a}
#outroGlyph{position:absolute;left:0;top:0;width:200px;text-align:center;color:#347768;font:100px/1 LessonKai;pointer-events:none;transform-origin:center}
#stage[data-phase="outro"] .topbar{visibility:hidden}
.quiz-step{min-width:108px;background:#edf0d8;border:2px solid #d8dfb8;box-shadow:0 0 0 6px #f8f5df;transition:background .3s}
@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes orb-breathe{50%{box-shadow:0 0 15px #ffedb299;transform:scale(1.08)}}@keyframes next-shine{0%,25%{left:-60%}65%,100%{left:130%}}
@media(prefers-reduced-motion:reduce){.story-cue,.clue-flight{display:none}.charged .next-sheen,.story-next.charged .next-orb{animation:none}}