.wonder-world{position:fixed;inset:0;z-index:20;overflow:hidden;pointer-events:none;contain:strict}
.wonder-traveler{position:absolute;display:grid;place-items:center;filter:drop-shadow(0 4px 8px #25172e25);opacity:.78;will-change:transform}
.wonder-traveler svg{display:block;width:100%;height:100%;animation:wonder-bob 3.8s ease-in-out infinite alternate}
.wonder-traveler--planet{width:39px;height:39px;top:19%;left:-55px;animation:wonder-cross 37s linear infinite}
.wonder-traveler--star{width:28px;height:28px;top:67%;right:-45px;animation:wonder-return 43s linear 6s infinite}
.wonder-traveler--spark{width:20px;height:20px;top:43%;left:-30px;animation:wonder-cross 49s linear 15s infinite}
.wonder-cursor{position:absolute;left:0;top:0;width:46px;height:46px;opacity:0;will-change:transform,opacity;transition:opacity .25s}
.wonder-cursor.is-visible{opacity:.9}
.wonder-cursor svg{width:100%;height:100%;filter:drop-shadow(0 3px 4px #25172e30);animation:cat-bob 1.5s ease-in-out infinite alternate}.cat-tail{transform-origin:43px 46px;animation:cat-tail .6s ease-in-out infinite alternate}@keyframes cat-bob{to{transform:translateY(-3px) rotate(4deg)}}@keyframes cat-tail{to{transform:rotate(20deg)}}
@keyframes wonder-cross{from{transform:translate3d(0,0,0) rotate(-12deg)}50%{transform:translate3d(calc(50vw + 40px),-22px,0) rotate(18deg)}to{transform:translate3d(calc(100vw + 110px),10px,0) rotate(-12deg)}}
@keyframes wonder-return{from{transform:translate3d(0,0,0) rotate(12deg)}50%{transform:translate3d(calc(-50vw - 35px),25px,0) rotate(-22deg)}to{transform:translate3d(calc(-100vw - 90px),-8px,0) rotate(12deg)}}
@keyframes wonder-bob{to{transform:translateY(-10px) rotate(10deg)}}
@keyframes wonder-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.wonder-traveler--planet{width:30px;height:30px;top:24%}.wonder-traveler--star{width:22px;height:22px;top:74%}.wonder-traveler--spark{width:16px;height:16px}.wonder-world{opacity:.8}}
@media(prefers-reduced-motion:reduce){.wonder-world{display:none}}

.wonder-cursor svg{animation:none;transform-origin:50% 85%}.wonder-cursor .cat-clean{display:none}.wonder-cursor.is-cleaning .cat-clean{display:block;transform-origin:28px 47px;animation:cat-clean 1.8s ease-in-out infinite}.wonder-cursor.is-cleaning svg{animation:cat-clean-body 1.8s ease-in-out infinite}.wonder-cursor.is-walking svg{animation:cat-walk .32s ease-in-out infinite alternate}.wonder-cursor.is-walking .cat-leg{transform-origin:50% 49px;animation:cat-step .32s ease-in-out infinite alternate}.wonder-cursor.is-walking .cat-leg-right{animation-direction:alternate-reverse}.wonder-cursor.is-standing svg{animation:cat-stand .45s ease-out forwards}@keyframes cat-clean{0%,100%{transform:rotate(0)}30%,65%{transform:rotate(-15deg) translateY(-2px)}}@keyframes cat-clean-body{0%,100%{transform:rotate(0)}30%,65%{transform:rotate(-5deg)}}@keyframes cat-walk{from{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-3px) rotate(3deg)}}@keyframes cat-step{from{transform:translateX(-3px)}to{transform:translateX(3px)}}@keyframes cat-stand{from{transform:rotate(-5deg) scaleY(.95)}to{transform:rotate(0) scaleY(1)}}
