.pocket-celebration{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:visible}.story-victory-stage,.story-feedback,.pocket-feedback,.mobile-flow-feedback,.flow-finish,.quiz-finish{position:relative}.pocket-celebration.correct{overflow:hidden;border-radius:inherit}.pocket-friend{display:block;position:absolute;right:-8px;bottom:0;width:clamp(90px,28vw,145px);aspect-ratio:1;background-image:var(--friend-sheet);background-size:600% 100%;background-repeat:no-repeat;background-position:0 0;filter:drop-shadow(0 8px 8px #201b3825);animation:pocket-friend-frames var(--friend-duration,840ms) step-end 1 forwards}.pocket-celebration.grammar .pocket-friend{position:fixed;right:12px;bottom:90px;width:140px}.pocket-sparks{position:absolute;left:50%;top:40%;width:1px;height:1px}.pocket-sparks i{position:absolute;color:#e0a81f;font-size:16px;font-style:normal;animation:pocket-spark 900ms ease-out forwards;animation-delay:calc(var(--i)*18ms);opacity:0}html[data-system=traditional] .pocket-sparks i{color:#26caba}.pocket-celebration.victory .pocket-sparks i,.pocket-celebration.gift .pocket-sparks i{font-size:22px}.story-word-sheet[open]{animation:pocket-sheet 200ms ease-out}.story-lesson-top progress,.flow-session-progress{accent-color:var(--story-accent,#ec6554)}.story-lesson-top progress::-webkit-progress-value,.flow-session-progress::-webkit-progress-value{transition:width 240ms ease-out}.story-stop.current button{transition:transform 180ms ease-out}.story-stop.current button:active{transform:scale(.93)}.story-finish .story-memory{animation:pocket-memory 250ms ease-out both}.story-finish .story-memory:nth-of-type(2n){animation-delay:100ms}.pocket-music-settings button[data-effects-toggle]{margin:10px 0}
@keyframes pocket-friend-frames{0%,10%{background-position:0 0}18%,28%{background-position:20% 0}36%,46%{background-position:40% 0}54%,64%{background-position:60% 0}72%,82%{background-position:80% 0}90%,100%{background-position:100% 0}}
@keyframes pocket-spark{0%{opacity:0;transform:rotate(var(--angle)) translateX(0) scale(.3)}20%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateX(var(--distance)) scale(.9)}}
@keyframes pocket-sheet{from{opacity:.2;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes pocket-memory{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.pocket-friend{animation:none;background-position:100% 0}.pocket-sparks{display:none}.story-word-sheet[open],.story-finish .story-memory{animation:none}.story-lesson-top progress::-webkit-progress-value,.flow-session-progress::-webkit-progress-value{transition:none}}
.story-hub-head>img,.story-map-companion{pointer-events:none}.story-settings{position:relative;z-index:5}
.story-stop.current button{animation:pocket-node-glow 2s ease-in-out infinite}
@keyframes pocket-node-glow{0%,100%{box-shadow:0 0 0 5px #ffd47740}50%{box-shadow:0 0 0 10px #ffd47770}}
@media(prefers-reduced-motion:reduce){.story-stop.current button{animation:none}}
.pocket-finish{position:relative}.pocket-earned-gift{position:fixed;left:12px;right:12px;bottom:100px;z-index:1100;display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #f4c85b;border-radius:24px;color:#5c3030;background:#fff1cf;box-shadow:0 8px 40px #24153650}.pocket-earned-gift>img{width:80px;height:90px;object-fit:contain}.pocket-earned-gift p{margin:6px 0;font-size:14px}.pocket-earned-gift button{border:0;border-radius:12px;padding:10px;background:#983e50;color:white;font-weight:700}.pocket-earned-gift>button{align-self:flex-start}.pocket-earned-gift .pocket-friend{display:none}html[data-system=traditional] .pocket-earned-gift{background:#e1fbf7;border-color:#3fbab6;color:#154c63}html[data-system=traditional] .pocket-earned-gift button{background:#217b8c}