.forest-friend{position:absolute;padding:0;border:0;background:transparent;cursor:pointer;isolation:isolate;touch-action:manipulation;overflow:visible}
.friend-art{display:block;position:absolute;inset:0;transform-origin:50% 92%;pointer-events:none}
.friend-art img{position:absolute;max-width:none;user-select:none;pointer-events:none}
.forest-friend:focus-visible{outline:2px solid #ffdd8b;outline-offset:5px;border-radius:40%}
.forest-friend:hover .friend-art{filter:brightness(1.06)}
.friend-sparkle{position:absolute;inset:10%;border-radius:50%;border:2px dotted #ffe2a0;box-shadow:0 0 18px #ffcf6680;opacity:0;pointer-events:none}
.fish-water-ring{position:absolute;left:48%;top:98%;width:95%;height:22%;border:2px solid #c9f5ff;border-radius:50%;box-shadow:0 1px 3px #138bcf88,inset 0 1px 2px #ffffff66;opacity:0;transform:translate(-50%,-50%);pointer-events:none}
.character-pose{position:absolute;display:block;pointer-events:none;overflow:hidden;transform-origin:50% 92%;width:100%;aspect-ratio:1;bottom:-10%;left:0}
.character-pose>img{position:absolute;top:0;width:300%;height:100%;max-width:none;pointer-events:none}
.wolf-pose{width:112%;left:-6%;bottom:-8%}
.bear-pose{width:112%;left:-6%;bottom:-9%}
.donkey-idle .donkey-body{clip-path:polygon(0 100%,100% 100%,100% 33%,57% 33%,48% 19%,36% 16%,31% 25%,0 28%)}
.donkey-ear{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.donkey-ear-left{clip-path:polygon(19% 0,32% 0,38% 18%,35% 22%,30% 29%,25% 26%,19% 18%);transform-origin:31% 27%}
.donkey-ear-right{clip-path:polygon(49% 20%,61% 6%,70% 4%,71% 18%,65% 29%,51% 34%,48% 29%);transform-origin:51% 31%}
.fox-wave-layer{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:4}
.fox-clean-patch{position:absolute;width:100%;height:100%;inset:0;clip-path:polygon(5% 37%,25% 37%,25% 70%,5% 70%)}
.fox-wave-layer .fox-pose{left:4%;bottom:30%;width:22%;aspect-ratio:1}
.fox-wave-svg{display:block;width:100%;height:100%;overflow:hidden}
.hotspot-flixt .hotspot-pulse{display:none}
.animal-guide{position:absolute;left:20%;top:56%;width:3.2%;aspect-ratio:1;border:2px solid #ffe2a0;border-radius:50%;box-shadow:0 0 12px #ffcf6699,inset 0 0 8px #ffcf6644;transform:translate(-50%,-50%);pointer-events:none;z-index:15;transition:left .26s ease-out,top .26s ease-out;}
@media(prefers-reduced-motion:reduce){.animal-guide{transition:none}}

.animal-intro-panel{position:absolute;z-index:25;bottom:12px;left:50%;transform:translateX(-50%);width:min(580px,75vw);text-align:center;pointer-events:none;color:#fff8e7;text-shadow:0 2px 5px #000}.animal-intro-panel button{pointer-events:auto;border:1px solid #f5ce7e;background:#102c22ed;color:#fff8e7;border-radius:22px;padding:10px 18px;min-height:44px;cursor:pointer;font:14px Georgia,serif}.animal-intro-panel p{background:#102c22de;border-radius:9px;padding:8px 12px;margin:6px 0 0;font:14px/1.4 Georgia,serif}.animal-intro-panel button:focus-visible{outline:3px solid #f5ce7e;outline-offset:3px}body:has(#stageIntro:not(.hidden)) .animal-intro-panel{visibility:visible}
#experience:has(#stageForest[hidden]) .animal-intro-panel{display:none}

.skye{z-index:7}.skye-pose{position:absolute;inset:0;pointer-events:none;background-image:url(../assets/new-experience/skye-poses.png);background-size:177.4% 100%;background-repeat:no-repeat;transition:opacity .5s ease,transform .65s ease;transform-origin:55% 60%}.skye-folded{background-position:-14.6% 0;clip-path:inset(0 22% 0 0)}.skye-spread{background-position:100% 0;opacity:0;transform:scaleX(.6)}.skye.wings-open .skye-folded{opacity:0}.skye.wings-open .skye-spread{opacity:1;transform:scaleX(1)}@media(prefers-reduced-motion:reduce){.skye-pose{transition:none}.skye-spread{transform:none}}