#extra-discovery-effects{position:absolute;inset:0;pointer-events:none}:where(#extra-discovery-effects)>*{display:none;position:absolute;image-rendering:pixelated;pointer-events:none}
/* Mirror the train and its steam together so the locomotive leads the rightward journey. */
[data-kind=train] #discovery-main{transform:scaleX(-1)}
[data-kind=train]#discovery-scene{left:2%;top:20%;width:26%;height:26%;animation:discovery-train-pass 22s linear infinite} [data-kind=train] .train-steam{display:block;left:11%;top:27%;width:10%;height:12%;background:#f0fbffb0;border-radius:45%;box-shadow:8px -12px #f0fbff80,14px -24px #f0fbff50;animation:train-steam 1.2s ease-out infinite} [data-kind=train] .discovery-moving .train-steam{animation-duration:.35s}
[data-kind=appletree] .falling-apple{display:block;left:59%;top:29%;width:9%;height:12%;border-radius:45%;background:#ef3543;border:1px solid #123d61}.falling-apple:before{content:'';position:absolute;left:45%;top:-25%;height:35%;width:2px;background:#6f4825}.apple-fallen .falling-apple{top:87%}[data-kind=appletree] .discovery-moving .falling-apple{animation:apple-fall 1.6s ease-in forwards}
[data-kind=waterwheel]#discovery-scene{width:24%;height:31%;top:34%}[data-kind=waterwheel] .mini-waterwheel{display:block;left:26%;top:34%;width:48%;height:61%}[data-kind=waterwheel] .discovery-moving .mini-waterwheel{animation:mini-wheel-turn 3s linear forwards}
[data-kind=rooster] .discovery-moving #discovery-art{animation:rooster-crow .35s ease-in-out 6 alternate;transform-origin:58% 78%}
[data-kind=airport]#discovery-scene{width:33%;height:35%;top:30%}[data-kind=airport] .extra-plane{display:block;left:43%;top:49%;width:37%;height:34%}.plane-away .extra-plane{opacity:0}.plane-land.discovery-moving .extra-plane{animation:plane-landing 3.3s ease-out forwards}.plane-takeoff.discovery-moving .extra-plane{animation:plane-takeoff 3.3s ease-in forwards}
[data-kind=frog] .pond-frog{display:block;left:41%;top:44%;width:23%;height:28%}.frog-away .pond-frog{opacity:0}.frog-away.discovery-moving .pond-frog{animation:frog-jump 1.6s ease-in forwards}[data-kind=frog] .discovery-moving:not(.frog-away) .pond-frog{animation:frog-croak .3s ease-in-out 3 alternate}.frog-away.discovery-moving .frog-splash{display:block;left:48%;top:72%;width:24%;height:12%;border:2px solid #dcffff;border-radius:50%;animation:frog-splash 1.6s ease-out forwards}
[data-kind=graveyard] .friendly-ghost{left:43%;top:13%;width:33%;height:45%}.ghost-visible .friendly-ghost{display:block}.ghost-visible.discovery-moving .friendly-ghost{animation:ghost-hello 2.3s ease-in-out forwards}
[data-kind=mushroom] .blue-woodland-friend{left:37%;top:9%;width:30%;height:45%}.gnome-visible .blue-woodland-friend{display:block}.gnome-visible.discovery-moving .blue-woodland-friend{animation:blue-friend-hello 2.3s ease-in-out forwards;transform-origin:50% 90%}
@keyframes discovery-train-pass{from{left:-28%}to{left:104%}}@keyframes train-steam{from{translate:0 2px;opacity:.8}to{translate:5px -10px;opacity:.1}}@keyframes apple-fall{0%{top:29%;rotate:0deg}72%{top:88%;rotate:35deg}85%{top:78%}100%{top:87%;rotate:55deg}}@keyframes mini-wheel-turn{to{rotate:360deg}}@keyframes rooster-crow{to{rotate:-5deg;translate:0 -3px}}@keyframes plane-landing{0%{left:-35%;top:-25%;rotate:14deg;opacity:1}70%{left:21%;top:49%;rotate:0deg}100%{left:43%;top:49%;opacity:1}}@keyframes plane-takeoff{0%{left:43%;top:49%;rotate:0deg;opacity:1}35%{left:70%;top:49%;rotate:0deg}100%{left:140%;top:-45%;rotate:-18deg;opacity:0}}@keyframes frog-jump{0%{left:41%;top:44%;opacity:1}40%{left:50%;top:21%;opacity:1}75%,100%{left:57%;top:78%;opacity:0}}@keyframes frog-croak{to{scale:1.07 1.15}}@keyframes frog-splash{0%,60%{opacity:0;scale:.4}80%{opacity:1}100%{opacity:0;scale:1.5}}@keyframes ghost-hello{0%{translate:0 35px;opacity:0}35%{translate:0 -6px;opacity:1}60%{rotate:-8deg}80%{rotate:8deg}100%{translate:0 0;rotate:0deg;opacity:1}}@keyframes blue-friend-hello{0%{translate:0 35px;opacity:0}35%{translate:0 -5px;opacity:1}55%{rotate:8deg}70%{rotate:-8deg}85%{rotate:6deg}100%{translate:0 0;rotate:0deg;opacity:1}}
@media(prefers-reduced-motion:reduce){#discovery-scene[data-kind=train]{animation:none;left:20%}#extra-discovery-effects *,[data-kind=rooster] #discovery-art{animation:none!important}}.reduced #discovery-scene[data-kind=train]{animation:none;left:20%}.reduced #extra-discovery-effects *,.reduced [data-kind=rooster] #discovery-art{animation:none!important}