/* Hand-drawn scene presentation, replacing platform-dependent emoji artwork. */
.illustrated .story-stage{height:326px;background:#edf0df}.drawn-landscape{position:absolute;inset:0 0 78px;width:100%;height:calc(100% - 78px)}.illustrated .story-setting{width:125px;height:125px;left:42%;top:22px;font-size:initial;opacity:.5;filter:none}.drawn-icon{width:100%;height:100%;overflow:visible;display:block}.illustrated .story-actor{width:90px;height:98px;top:116px;font-size:initial;filter:drop-shadow(0 5px 2px #2f503410)}.illustrated .story-object{width:90px;height:98px;top:119px;font-size:initial}.illustrated .story-extra{width:44px;height:48px;top:92px;font-size:initial}.illustrated .extra-1{top:140px}.illustrated .extra-2{top:65px}.illustrated .extra-3{top:83px}.illustrated .extra-4{top:42px}.illustrated.motion-pile .story-extra{top:170px}.illustrated.motion-pile .extra-2,.illustrated.motion-pile .extra-4{top:144px}.illustrated .story-caption{min-height:78px;background:#fffdf6;font-size:15px!important;padding:14px 38px 14px 17px;letter-spacing:.1px}.illustrated .story-heading{background:#fafaf1;padding:10px 16px}.illustrated .story-heading small{letter-spacing:1.7px;color:#526b58}.illustrated .story-step{bottom:6px}.story-timeline{position:absolute;bottom:76px;left:0;right:0;height:3px;background:#dbe3cf}.story-timeline i{display:block;height:100%;width:0;background:#c28c57;animation:story-progress 12s linear both}.special-story{position:absolute;left:0;top:0;width:100%;height:calc(100% - 78px);overflow:visible}.shot-1 .fruit,.shot-1 .falling-leaf{animation:fruit-appear .55s ease calc(var(--delay) + var(--fruit-delay)) both}.shot-1 .twig-end{animation:twig-snap 2.8s ease var(--delay) both}.shot-1 .ice-crack{stroke-dasharray:180;animation:crack-spread 2.5s ease var(--delay) both}.shot-1 .falling-cup{animation:cup-drop 2.5s ease var(--delay) both}.shot-1 .leaving-passenger{animation:passenger-leave 2.8s ease var(--delay) both}.shot-1 .root-water{animation:water-rise 2.7s ease var(--delay) both}.shot-1 .gust{animation:gust-pass .9s ease var(--delay) 3}.shot-1 .watering-drop{animation:water-drip 1s ease var(--delay) 3}.shot-1 .counting-item{animation:fruit-appear 1s ease var(--delay) both}.motion-walk .shot-1 .draw-person .leg,.motion-travel .shot-1 .draw-person .leg,.motion-heavy .shot-1 .draw-person .leg{transform-origin:50px 75px;animation:draw-walk .5s ease-in-out var(--delay) 5}.motion-speak .shot-1 .draw-person .arm,.motion-wave .shot-1 .draw-person .arm{transform-origin:50px 55px;animation:draw-wave .7s ease-in-out var(--delay) 4}.story .story-stage *{animation-play-state:paused}.story.running .story-stage *{animation-play-state:running}
@keyframes story-progress{from{width:0}to{width:100%}}@keyframes fruit-appear{from{opacity:0}to{opacity:1}}@keyframes twig-snap{0%,35%{transform:rotate(0)}65%,100%{transform:rotate(35deg)}}@keyframes crack-spread{from{stroke-dashoffset:180}to{stroke-dashoffset:0}}@keyframes cup-drop{from{translate:0 -65px}to{translate:0 0}}@keyframes passenger-leave{from{translate:140px 0}to{translate:0 0}}@keyframes water-rise{from{translate:0 55px;opacity:.2}to{translate:0 -20px;opacity:1}}@keyframes water-drip{from{translate:0 -20px;opacity:.2}to{translate:-25px 40px;opacity:1}}@keyframes gust-pass{from{translate:-30px 0;opacity:.1}to{translate:30px 0;opacity:.9}}@keyframes draw-walk{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes draw-wave{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(12deg)}}
@media(max-width:600px){.illustrated .story-stage{height:292px}.illustrated .story-actor,.illustrated .story-object{width:75px;height:82px;top:107px}.illustrated .story-setting{width:100px;height:105px;top:27px}.illustrated .story-caption{font-size:13px!important;min-height:78px;line-height:1.5!important}.illustrated .story-extra{width:35px;height:39px}.special-story{height:calc(100% - 78px)}}
@media(prefers-reduced-motion:reduce){.story-timeline i{width:100%;animation:none!important}.illustrated .story-shot *{animation:none!important}.illustrated .story-shot.shot-2{opacity:1!important;visibility:visible!important}}
.action-story{filter:drop-shadow(0 3px 2px #254d3210)}.shot-1 .causal-move,.shot-2 .causal-move{animation:causal-journey 3.75s cubic-bezier(.3,.05,.25,1) var(--delay) both}.shot-1 .dialogue-bubble,.shot-2 .dialogue-bubble{animation:dialogue-arrive .65s ease calc(var(--delay) + .3s) both}.turn-away{transform-box:fill-box;transform-origin:center;transform:scaleX(var(--turn))}.shot-1 .turn-away{animation:turn-away 1.7s ease calc(var(--delay) + .6s) both}.drinking-glass{transform-origin:330px 100px;transform:rotate(var(--sip-angle))}.shot-1 .drinking-glass{animation:take-sip 3.7s ease var(--delay) both}.shot-1 .new-seed{animation:fruit-appear .5s ease calc(var(--delay) + var(--seed-delay)) both}.shot-1 .weather-drop{animation:falling-weather 1.2s linear calc(var(--delay) + var(--drop-delay)) 3 both}.judging-scales{transform-origin:50px 50px;transform:rotate(var(--scale-angle))}.shot-1 .judging-scales{animation:scales-settle 3.6s ease var(--delay) both}.shot-1 .magic-spark{animation:magic-flash 1s ease calc(var(--delay) + 1.5s) both}.shot-1 .packing-padding{animation:padding-arrive 3s ease var(--delay) both}.illustrated .story-caption{font-weight:500}.illustrated .story-heading small{font-size:10px}.story .story-stage *{animation-play-state:paused}.story.running .story-stage *{animation-play-state:running}
@keyframes causal-journey{from{translate:var(--from-x,0px) var(--from-y,0px)}to{translate:0 0}}@keyframes dialogue-arrive{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes take-sip{0%{transform:rotate(0);translate:0 0}45%,80%{transform:rotate(-24deg);translate:-75px -12px}100%{transform:rotate(0);translate:0 0}}@keyframes turn-away{from{transform:scaleX(1)}to{transform:scaleX(-1)}}@keyframes falling-weather{0%{translate:0 -30px;opacity:0}20%{opacity:.8}90%{opacity:.8}100%{translate:0 30px;opacity:0}}@keyframes scales-settle{from{transform:rotate(-12deg)}40%{transform:rotate(8deg)}to{transform:rotate(var(--scale-angle))}}@keyframes magic-flash{0%,100%{opacity:0}35%,65%{opacity:1}}@keyframes padding-arrive{from{opacity:0;translate:45px 0}to{opacity:1;translate:0 0}}