/* The parent world layer and artwork share the same 1200 by 700 coordinates. */
.scene-top{pointer-events:none}
.scene-tool{pointer-events:auto}
.discovery-layer{position:absolute;inset:0;z-index:2;pointer-events:none}
.discovery-effects{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.discovery-effects g{transform-box:fill-box}
.discovery-target{position:absolute;transform:translate(-50%,-50%);padding:0;margin:0;min-width:26px;min-height:26px;background:transparent;border:0;border-radius:48%;color:transparent;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.discovery-target:hover{background:transparent}
.discovery-target:focus-visible{outline:3px solid #fff0ad;outline-offset:3px;background:#ffd96315;box-shadow:0 0 0 6px #233c5daa}
.discovery-hint-mark{position:absolute;left:50%;top:50%;display:grid;place-items:center;transform:translate(-50%,-50%);width:31px;height:31px;border-radius:50%;background:#fff1b5;color:#3c4660;border:2px solid #b29355;box-shadow:0 3px 0 #27344966;font-size:21px;font-weight:bold;opacity:0;pointer-events:none}
.discovery-revealed{background:#ffe49a12;outline:2px dashed #ffe6a1;outline-offset:3px}
.discovery-revealed .discovery-hint-mark,.discovery-target:focus-visible .discovery-hint-mark{opacity:1}
.discovery-illustration{animation:none;stroke-linecap:round;stroke-linejoin:round}
.discovery-local-glow{filter:blur(10px)}
.discovery-dream-spores{animation:discovery-lift 7s ease-in-out infinite}
.discovery-floating-blossoms{animation:discovery-lift 8s ease-in-out infinite}
.discovery-lift{animation:discovery-lift 5s ease-in-out infinite}
.discovery-boat{animation:discovery-boat 7s ease-in-out infinite}
.discovery-water-rings{animation:discovery-rings 3.8s ease-out infinite;transform-origin:center}
.discovery-fish-jump{animation:discovery-fish-jump 5s ease-in-out infinite;transform-origin:center}
.discovery-splash{animation:discovery-splash 5s ease-in-out infinite}
.discovery-lily-turn{animation:discovery-lily-turn 10s ease-in-out infinite;transform-origin:center}
.discovery-pollen{animation:discovery-lift 5.5s ease-in-out infinite}
.discovery-berry-shine{filter:drop-shadow(0 0 9px #e8b3ffa6)}
.discovery-bubbles{animation:discovery-bubbles 5s ease-in-out infinite;filter:drop-shadow(0 0 5px #e3fff380)}
.discovery-door-star{animation:discovery-door-star 5s ease-in-out infinite;transform-origin:center;filter:drop-shadow(0 0 10px #ffd67e)}
.discovery-star-turn{animation:discovery-star-turn 6s ease-in-out infinite;transform-origin:center;filter:drop-shadow(0 0 9px #ffe1a1)}
.discovery-star-trail{animation:discovery-lift 6s ease-in-out infinite}
.discovery-paper-bird{animation:discovery-paper-bird 3.6s ease-in-out infinite;transform-origin:center}
.discovery-butterfly-flight{animation:discovery-butterfly-flight 7s ease-in-out infinite;transform-origin:center;filter:drop-shadow(0 0 6px #e7b5f26b)}
.discovery-butterfly-wings{animation:discovery-wingbeat 2.2s ease-in-out infinite;transform-origin:center}
.discovery-counter{font-size:14px;color:#536557;line-height:1.5}
.discovery-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 24px;border-bottom:1px solid #e0d7bc;background:#faf1dc}
.discovery-hint-button{background:#f3e9cf;color:#60497c;border:1px solid #d6c59e;border-radius:12px;padding:10px 14px;font-size:15px;min-height:44px}
.discovery-hint-button:hover{background:#ffefba}
@keyframes discovery-appear{from{opacity:0}to{opacity:1}}
@keyframes discovery-lift{0%,100%{transform:translateY(0);opacity:.85}50%{transform:translateY(-17px);opacity:1}}
@keyframes discovery-boat{0%,100%{transform:translate(-9px,0) rotate(-3deg)}50%{transform:translate(15px,-4px) rotate(3deg)}}
@keyframes discovery-rings{0%{transform:scale(.72);opacity:.55}70%{opacity:.7}100%{transform:scale(1.25);opacity:0}}
@keyframes discovery-fish-jump{0%,100%{transform:translateY(13px) rotate(-7deg)}35%{transform:translateY(-32px) rotate(8deg)}65%{transform:translateY(-20px) rotate(-5deg)}}
@keyframes discovery-splash{0%,100%{opacity:.5;transform:scale(.88)}40%{opacity:1;transform:scale(1.1)}}
@keyframes discovery-lily-turn{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(20deg)}}
@keyframes discovery-bubbles{0%,100%{transform:translateY(0);opacity:.85}50%{transform:translate(8px,-23px);opacity:1}}
@keyframes discovery-door-star{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translate(17px,-20px) rotate(6deg)}}
@keyframes discovery-star-turn{0%,100%{transform:rotate(-7deg) scale(1)}50%{transform:rotate(19deg) scale(1.12)}}
@keyframes discovery-paper-bird{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-9px) rotate(7deg)}}
@keyframes discovery-butterfly-flight{0%,100%{transform:translate(0,-12px) rotate(-8deg)}35%{transform:translate(-28px,-55px) rotate(7deg)}70%{transform:translate(4px,-70px) rotate(-8deg)}}
@keyframes discovery-wingbeat{0%,100%{transform:scaleX(.8)}50%{transform:scaleX(1)}}
@media(max-width:570px){.discovery-counter{font-size:13px}.discovery-hint-button{font-size:14px}.discovery-hint-mark{width:27px;height:27px;font-size:18px}}
@media(prefers-reduced-motion:reduce){.discovery-layer *{animation:none!important;transition:none!important}.discovery-butterfly-flight{transform:translateY(-28px)}.discovery-fish-jump{transform:translateY(-17px)}}
