:root{color:#26304a;font-synthesis:none;-webkit-tap-highlight-color:transparent;background:#f4efe4;font-family:ui-rounded,SF Pro Rounded,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 12% 8%,#ffffffe6,#0000 23rem),radial-gradient(circle at 88% 91%,#e3cef570,#0000 28rem),#f4efe4;min-height:100vh}#app{width:min(1180px,100%);min-height:100vh;padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));grid-template-rows:auto 1fr auto;gap:clamp(24px,4vh,48px);margin:0 auto;display:grid}.collection-header{align-items:center;gap:16px;display:flex}.collection-mark{background:#7854ae;border:3px solid #fff;border-radius:22px;flex:none;width:64px;height:64px;position:relative;transform:rotate(-3deg);box-shadow:0 8px #452e6224}.collection-mark span{background:#fff4a3;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 0 12px #ffd45d}.collection-mark span:first-child{top:13px;left:13px}.collection-mark span:nth-child(2){background:#aef7d0;top:28px;right:11px;box-shadow:0 0 12px #67e3a0}.collection-mark span:nth-child(3){background:#ffb8cc;bottom:9px;left:17px;box-shadow:0 0 12px #ff729e}h1,p{margin:0}h1{letter-spacing:-.045em;font-size:clamp(30px,5vw,48px);line-height:1}.collection-header p{color:#626981;margin-top:7px;font-size:clamp(16px,2.2vw,20px)}.world-shelf{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));align-content:center;gap:clamp(20px,3.5vw,36px);display:grid}.world-card{min-height:clamp(360px,57vh,560px);box-shadow:0 8px 0 var(--shadow-color), 0 22px 50px #3d315529;color:#26304a;touch-action:manipulation;background:#fff;border:5px solid #fff;border-radius:clamp(26px,4vw,42px);grid-template-rows:minmax(0,1fr) auto;text-decoration:none;transition:transform .19s cubic-bezier(.2,.9,.4,1.3),box-shadow .19s;display:grid;position:relative;overflow:hidden;transform:translateY(0)rotate(-.25deg)}.world-card:nth-child(2n){transform:translateY(0)rotate(.25deg)}.world-card:hover{box-shadow:0 12px 0 var(--shadow-color), 0 30px 58px #3d315533;transform:translateY(-8px)rotate(0)}.world-card:active{transform:translateY(3px)scale(.985)}.world-card:focus-visible{outline-offset:6px;outline:6px solid #3d365c}.world-firefly{--shadow-color:#9c8bca}.world-monster{--shadow-color:#d17eaa}.world-doodlebug{--shadow-color:#71af7a}.world-window{isolation:isolate;min-height:250px;display:block;position:relative;overflow:hidden}.world-firefly .world-window{background:linear-gradient(#11194c 0%,#30386e 58%,#37526a 100%)}.world-monster .world-window{background:radial-gradient(circle at 50% 26%,#fff0ada8,#0000 26%),linear-gradient(#7651bf,#e98dbb)}.world-doodlebug .world-window{background:linear-gradient(#92ddeb 0%,#d6efcc 55%,#72ba73 100%)}.world-copy{z-index:8;background:#fff;gap:4px;padding:clamp(19px,3vw,28px);display:grid;position:relative}.world-copy strong{letter-spacing:-.035em;font-size:clamp(23px,3.2vw,32px)}.world-copy>span{color:#667087;font-size:clamp(15px,2vw,18px)}.play-mark{z-index:12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff3d;border:4px solid #ffffffd1;border-radius:50%;place-items:center;width:66px;height:66px;transition:transform .18s,background .18s;display:grid;position:absolute;bottom:20px;right:20px;box-shadow:0 8px 20px #1f1b3d40}.world-card:hover .play-mark,.world-card:focus-visible .play-mark{background:#ffffff6e;transform:scale(1.08)}.play-mark i{border-top:12px solid #0000;border-bottom:12px solid #0000;border-left:19px solid #fff;width:0;height:0;margin-left:5px}.moon{background:#fff2a5;border-radius:50%;width:clamp(58px,10vw,92px);height:clamp(58px,10vw,92px);position:absolute;top:11%;left:12%;box-shadow:0 0 32px #ffe27b8c}.moon:after{content:"";background:#151e52;border-radius:50%;width:100%;height:100%;position:absolute;top:-8%;left:35%}.hill{border-radius:50% 50% 0 0;height:54%;position:absolute;bottom:-18%;left:-12%;right:-12%}.hill-back{background:#21335a;bottom:-4%;transform:rotate(-4deg)}.hill-front{background:#173d48;left:-3%;transform:rotate(5deg)}.firefly{background:#283049;border-radius:50%;width:20px;height:27px;animation:2.7s ease-in-out infinite alternate firefly-drift;position:absolute}.firefly:before,.firefly:after{content:"";background:#e1f0ffad;border-radius:50%;width:14px;height:8px;position:absolute;top:3px}.firefly:before{left:-10px;transform:rotate(-28deg)}.firefly:after{right:-10px;transform:rotate(28deg)}.firefly i{background:#fff38f;border-radius:50%;height:12px;position:absolute;bottom:0;left:4px;right:4px;box-shadow:0 0 25px 10px #ffda5d8a}.fly-one{top:29%;left:35%}.fly-two{animation-delay:-1.2s;top:19%;right:28%}.fly-two i{background:#baffce;box-shadow:0 0 25px 10px #5fe89e7a}.fly-three{animation-delay:-2s;top:46%;right:20%}.fly-three i{background:#ffd0df;box-shadow:0 0 25px 10px #ff6f9e73}.tiny-frog{z-index:4;background:#69b875;border-radius:48%;width:90px;height:64px;position:absolute;bottom:10%;left:18%;box-shadow:0 8px #0b2a2e38}.tiny-frog:before,.tiny-frog:after{content:"";background:#69b875;border-radius:50%;width:31px;height:31px;position:absolute;top:-18px}.tiny-frog:before{left:9px}.tiny-frog:after{right:9px}.tiny-frog i,.tiny-frog b{z-index:2;background:#253347;border-radius:50%;width:10px;height:13px;position:absolute;top:-10px;box-shadow:inset 3px 2px #fff}.tiny-frog i{left:20px}.tiny-frog b{right:20px}.lab-bubble{border:3px solid #ffffff52;border-radius:50%;position:absolute}.bubble-one{width:50px;height:50px;top:13%;left:14%}.bubble-two{width:28px;height:28px;top:28%;right:14%}.tiny-monster{background:#7bd79a;border:5px solid #32464c57;border-radius:48% 52% 44% 46%;width:clamp(150px,25vw,210px);height:clamp(136px,23vw,188px);animation:1.8s ease-in-out infinite alternate monster-breathe;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 14px 12px #ffffff2b,0 15px #4826662b}.tiny-monster:before,.tiny-monster:after{z-index:-1;content:"";background:#ffe377;border:4px solid #5b396f4d;border-radius:75% 10% 70% 30%;width:38px;height:55px;position:absolute;top:-32px}.tiny-monster:before{left:16px;transform:rotate(-25deg)}.tiny-monster:after{right:16px;transform:scaleX(-1)rotate(-25deg)}.tiny-monster .eye{background:#fffbea;border-radius:50%;width:36px;height:44px;position:absolute;top:27%}.tiny-monster .eye:after{content:"";background:#33324b;border-radius:50%;width:14px;height:18px;position:absolute;top:13px;left:12px;box-shadow:inset 4px 3px #fff}.tiny-monster .eye-left{left:22%}.tiny-monster .eye-right{right:22%}.tiny-monster .mouth{background:#633b63;border:4px solid #363b458c;border-radius:12px 12px 40px 40px;width:54px;height:33px;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}.snack{z-index:4;filter:drop-shadow(0 6px #4625602b);font-size:clamp(36px,6vw,54px);animation:1.1s ease-in-out infinite alternate snack-bob;position:absolute}.snack-berry{top:18%;right:20%;transform:rotate(12deg)}.snack-spark{animation-delay:-.6s;top:27%;left:17%;transform:rotate(-14deg)}.tiny-bowl{z-index:5;background:linear-gradient(135deg,#fff2a4,#ffb365);border:5px solid #4a32676b;border-radius:12px 12px 60% 60%;width:135px;height:72px;position:absolute;bottom:4%;left:50%;transform:translate(-50%);box-shadow:0 9px #4d29692b}.tiny-bowl:before{content:"";background:#fff0a0;border:4px solid #4a32676b;border-radius:50%;height:23px;position:absolute;top:-12px;left:-8px;right:-8px}.doodle-cloud{z-index:1;background:#fffff5b8;border-radius:30px;width:78px;height:30px;position:absolute}.doodle-cloud:before,.doodle-cloud:after{background:inherit;content:"";border-radius:50%;position:absolute;bottom:0}.doodle-cloud:before{width:37px;height:45px;left:10px}.doodle-cloud:after{width:30px;height:37px;right:9px}.cloud-one{animation:3.6s ease-in-out infinite alternate cloud-drift;top:17%;left:10%}.cloud-two{opacity:.72;animation:4.2s ease-in-out -2s infinite alternate-reverse cloud-drift;top:11%;right:13%;transform:scale(.68)}.doodle-hill{border-radius:50% 50% 0 0;position:absolute;left:-10%;right:-10%}.hill-far{z-index:2;background:#89ca83;height:54%;bottom:-7%;transform:rotate(-4deg)}.hill-near{z-index:3;background:#65ad6c;height:59%;bottom:-22%;transform:rotate(5deg)}.portal-trail{z-index:4;fill:none;width:98%;height:72%;position:absolute;bottom:1%;left:1%;right:1%;overflow:visible}.portal-trail path{stroke:#f0d28a;stroke-linecap:round;stroke-width:20px;filter:drop-shadow(0 7px #305c3d2e)}.portal-flower{z-index:7;background:#3c9559;border-radius:7px;width:9px;height:44px;position:absolute;bottom:38%;left:29%}.portal-flower:before,.portal-flower:after,.portal-flower i{content:"";transform-origin:0 7px;background:#fff0a1;border-radius:50%;width:25px;height:14px;position:absolute;top:-15px;left:50%}.portal-flower:before{transform:rotate(0)}.portal-flower:after{transform:rotate(120deg)}.portal-flower i{transform:rotate(240deg)}.portal-mushroom{z-index:7;background:#f7e3b6;border-radius:7px;width:18px;height:37px;position:absolute;bottom:47%;right:18%}.portal-mushroom:before{content:"";background:#e76d68;border-radius:60px 60px 14px 14px;width:58px;height:33px;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.portal-mushroom i,.portal-mushroom i:after{z-index:2;content:"";background:#fff3ce;border-radius:50%;width:8px;height:8px;position:absolute}.portal-mushroom i{top:-7px;left:-12px}.portal-mushroom i:after{top:-5px;left:29px}.portal-puddle{z-index:6;background:#4ab1d6c2;border:3px solid #ddfbffb3;border-radius:50%;width:73px;height:29px;position:absolute;bottom:20%;left:49%;transform:rotate(-5deg)}.portal-bug{z-index:9;background:#ec655d;border-radius:50%;width:46px;height:57px;animation:1.3s ease-in-out infinite alternate portal-bug-walk;position:absolute;bottom:25%;left:39%;box-shadow:inset 0 -3px #c44d50,0 7px #39533b30}.portal-bug:before{content:"";background:#373240;border-radius:50%;width:26px;height:20px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.portal-bug:after{content:"";background:#743942;width:3px;position:absolute;top:2px;bottom:3px;left:50%;transform:translate(-50%)}.portal-bug i,.portal-bug b,.portal-bug i:after,.portal-bug b:after{z-index:2;content:"";background:#44323d;border-radius:50%;width:8px;height:8px;position:absolute}.portal-bug i{top:15px;left:8px}.portal-bug b{top:15px;right:8px}.portal-bug i:after{top:21px;left:1px}.portal-bug b:after{top:21px;right:1px}footer{color:#777789;text-align:center;justify-content:center;align-items:center;gap:9px;font-size:14px;display:flex}footer>span{color:#9a79bd}.notice{color:#4f4865;text-align:center;background:#fff8d8;border:3px solid #fff;border-radius:18px;padding:18px}@keyframes firefly-drift{0%{transform:translate(-8px,6px)rotate(-7deg)}to{transform:translate(9px,-8px)rotate(7deg)}}@keyframes monster-breathe{0%{transform:translate(-50%,-49%)scale(.98)}to{transform:translate(-50%,-52%)scale(1.02)}}@keyframes snack-bob{0%{margin-top:-5px}to{margin-top:7px}}@keyframes cloud-drift{0%{margin-left:-8px}to{margin-left:8px}}@keyframes portal-bug-walk{0%{transform:translate(-14px,8px)rotate(-14deg)}to{transform:translate(17px,-7px)rotate(12deg)}}@media (width<=720px){#app{gap:25px}.world-card{min-height:390px;transform:none}}@media (height<=660px) and (orientation:landscape){#app{gap:17px;padding-block:15px}.collection-mark{border-radius:17px;width:51px;height:51px}h1{font-size:30px}.collection-header p,footer{display:none}.world-card{min-height:420px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}