.living-pond-layer{z-index:10;pointer-events:none;position:absolute;inset:0;overflow:hidden}.living-butterfly{color:#ffe6aa;text-shadow:0 0 10px #ffe59ea6;font-size:19px;animation:7.2s cubic-bezier(.35,.05,.65,.95) both livingButterflyCross;position:absolute;top:35%;left:-14%;transform:translate(0,0)rotate(-12deg)}.living-butterfly:before,.living-butterfly:after{content:"";background:#ffdc9e61;border:1px solid #ffffff8c;border-radius:70% 20% 65% 30%;width:10px;height:13px;animation:.19s ease-in-out 18 alternate livingWingBeat;position:absolute;top:5px}.living-butterfly:before{transform-origin:100%;right:7px}.living-butterfly:after{transform-origin:0;left:7px;transform:scaleX(-1)}.living-butterfly-golden{color:#fff0a6;filter:drop-shadow(0 0 8px #ffd85f)}.living-dragonfly{width:40px;height:22px;animation:6.6s ease-in-out both livingDragonflyVisit;position:absolute;top:41%;left:-16%}.living-dragonfly-body{background:linear-gradient(#9ffff0,#197f83);border-radius:999px;width:4px;height:21px;position:absolute;top:4px;left:18px;box-shadow:0 0 6px #94ffef80}.living-wing{background:#c1fff721;border:1px solid #cdfff88c;border-radius:80% 20%;width:19px;height:8px;animation:.11s ease-in-out 28 alternate livingDragonWing;position:absolute;top:1px}.living-wing-left{transform-origin:100%;left:1px}.living-wing-right{transform-origin:0;right:1px;transform:scaleX(-1)}.living-fish{z-index:2;color:#8ff4e0;filter:drop-shadow(0 4px 4px #00000040);font-size:28px;animation:2.8s cubic-bezier(.2,.7,.25,1) both livingFishJump;position:absolute;bottom:96px;left:29%}.living-fish-ripple,.living-leaf-ripple{border:2px solid #bafff273;border-radius:50%;width:72px;height:18px;animation:1.7s ease-out .95s both livingEventRipple;position:absolute;bottom:98px;left:31%}.living-splash{opacity:0;background:#c9fff7b3;border-radius:50%;width:5px;height:10px;position:absolute;bottom:112px;left:35%}.living-splash-one{animation:.8s ease-out 1.05s both livingSplashOne}.living-splash-two{animation:.8s ease-out 1.05s both livingSplashTwo}.living-turtle{opacity:.72;width:68px;height:34px;animation:12s linear both livingTurtleSwim;position:absolute;bottom:73px;left:-22%}.living-turtle-shell{background:radial-gradient(circle at 35% 30%,#6da06b,#315f4d 72%);border-radius:52% 52% 42% 42%;width:42px;height:27px;position:absolute;top:5px;left:13px;box-shadow:inset 0 0 0 2px #dcffe01f}.living-turtle-head{background:#567f5f;border-radius:50%;width:17px;height:14px;position:absolute;top:12px;right:2px}.living-turtle-foot{background:#456e57;border-radius:70%;width:15px;height:7px;animation:.75s ease-in-out 12 alternate livingTurtlePaddle;position:absolute}.foot-one{top:23px;left:8px}.foot-two{top:24px;left:43px}.living-leaf{color:#95bd68;filter:drop-shadow(0 3px 4px #0003);font-size:17px;animation:9s ease-in-out both livingLeafDrift;position:absolute;top:30%;left:-10%}.living-leaf-ripple{animation-delay:6.7s;bottom:84px;left:69%}.living-owl{opacity:.72;filter:drop-shadow(0 3px 3px #00000073);width:76px;height:27px;animation:7.5s ease-in-out both livingOwlCross;position:absolute;top:23%;left:-22%}.living-owl-body{background:#0b2028;border-radius:50% 50% 45% 45%;width:18px;height:18px;position:absolute;top:6px;left:29px}.living-owl-wing{background:#0b2028;border-radius:70% 15%;width:35px;height:13px;animation:.65s ease-in-out 7 alternate livingOwlWing;position:absolute;top:5px}.living-owl-wing.wing-left{transform-origin:100%;left:0}.living-owl-wing.wing-right{transform-origin:0;right:0;transform:scaleX(-1)}.living-sparkles span{--spark-index:0;left:calc(13% + (var(--spark-index) * 12%));bottom:calc(76px + ((var(--spark-index) % 3) * 22px));opacity:0;width:4px;height:4px;animation:livingSparkle 2.5s ease-in-out calc(var(--spark-index) * .22s) 1 both;background:#d8fff7;border-radius:50%;position:absolute;box-shadow:0 0 9px #d8fff7e6}.living-pond-breath{opacity:0;background:radial-gradient(at 50% 72%,#7cffe529,#0000 48%);animation:8.5s ease-in-out both livingPondBreath;position:absolute;inset:0}.living-event-pond-breath~.reed{animation:8.5s ease-in-out both livingReedAnswer}.living-tiny-toby{background:linear-gradient(135deg,#c9fff5,#4eb8c4);border:2px solid #04343766;border-radius:50% 50% 44% 44%;width:42px;height:28px;animation:6.5s ease-in-out both livingTinyToby;position:absolute;bottom:101px;right:25px;transform:translateY(38px)}.living-tiny-toby:before,.living-tiny-toby:after{content:"";background:#d8fff8;border:2px solid #04343759;border-radius:50%;width:15px;height:15px;position:absolute;top:-7px}.living-tiny-toby:before{left:4px}.living-tiny-toby:after{right:4px}.tiny-eye{z-index:2;background:#09282c;border-radius:50%;width:4px;height:6px;position:absolute;top:-2px}.tiny-eye-left{left:10px}.tiny-eye-right{right:10px}.living-moon-thread{background:linear-gradient(#fff4c08c,#0000);width:2px;height:0;animation:9s ease-in-out both livingMoonThread;position:absolute;top:151px;right:66px;box-shadow:0 0 11px #fff0b052}.living-lotus-whisper{color:#ffd4ec;text-shadow:0 0 12px #ffaeddcc;opacity:0;font-size:18px;animation:8s ease-in-out both livingLotusWhisper;position:absolute;bottom:132px;right:20%}@keyframes livingButterflyCross{0%{opacity:0;transform:translateY(25px)rotate(-12deg)}8%{opacity:1}38%{transform:translate(42vw,-26px)rotate(8deg)}66%{transform:translate(70vw,18px)rotate(-7deg)}92%{opacity:1}to{opacity:0;transform:translate(130vw,-15px)rotate(9deg)}}@keyframes livingWingBeat{to{transform:scaleX(.22)rotate(12deg)}}@keyframes livingDragonflyVisit{0%{opacity:0;transform:translateY(20px)}12%{opacity:1}44%{transform:translate(54vw,-18px)}58%{transform:translate(63vw,-8px)}72%{transform:translate(63vw,-8px)}to{opacity:0;transform:translate(130vw,-42px)}}@keyframes livingDragonWing{to{transform:scaleY(.2)rotate(7deg)}}@keyframes livingFishJump{0%,to{opacity:0;transform:translateY(12px)rotate(-20deg)}14%{opacity:1}48%{opacity:1;transform:translate(35px,-82px)rotate(75deg)}78%{opacity:1;transform:translate(71px,8px)rotate(155deg)}84%{opacity:0}}@keyframes livingEventRipple{0%{opacity:.8;transform:translate(-50%)scale(.25)}to{opacity:0;transform:translate(-50%)scale(1.7)}}@keyframes livingSplashOne{0%{opacity:0;transform:translate(0)}25%{opacity:1}to{opacity:0;transform:translate(-18px,-25px)}}@keyframes livingSplashTwo{0%{opacity:0;transform:translate(0)}25%{opacity:1}to{opacity:0;transform:translate(20px,-21px)}}@keyframes livingTurtleSwim{0%{opacity:0;transform:translate(0,0)}10%{opacity:.72}90%{opacity:.72}to{opacity:0;transform:translate(145vw,-18px)}}@keyframes livingTurtlePaddle{to{transform:rotate(24deg)translate(4px)}}@keyframes livingLeafDrift{0%{opacity:0;transform:translate(0,0)rotate(0)}10%{opacity:1}74%{opacity:1;transform:translate(83vw,230px)rotate(420deg)}to{opacity:0;transform:translate(88vw,280px)rotate(500deg)}}@keyframes livingOwlCross{0%{opacity:0;transform:translateY(18px)}14%{opacity:.72}86%{opacity:.72}to{opacity:0;transform:translate(145vw,-34px)}}@keyframes livingOwlWing{to{transform:rotate(18deg)scaleY(.5)}}@keyframes livingSparkle{0%,to{opacity:0;transform:scale(.25)}35%{opacity:1;transform:scale(1.6)}60%{opacity:.45;transform:scale(.8)}}@keyframes livingPondBreath{0%,to{opacity:0;transform:scale(.98)}45%{opacity:1;transform:scale(1.025)}65%{opacity:.65}}@keyframes livingReedAnswer{0%,to{filter:none}50%{filter:brightness(1.08)}}@keyframes livingTinyToby{0%,to{opacity:0;transform:translateY(38px)}18%{opacity:1;transform:translateY(8px)}66%{opacity:1;transform:translateY(8px)}78%{transform:translateY(4px)rotate(-3deg)}}@keyframes livingMoonThread{0%,to{opacity:0;height:0}38%,65%{opacity:.55;height:172px}}@keyframes livingLotusWhisper{0%,to{opacity:0;transform:translateY(8px)scale(.5)}38%{opacity:1;transform:translateY(-10px)scale(1.4)}65%{opacity:.5;transform:translateY(-22px)scale(.8)}}@media (prefers-reduced-motion:reduce){.living-pond-layer{display:none}}.living-encounter-layer{z-index:16;contain:paint;overflow:hidden}.living-encounter-wash,.living-encounter-beam,.living-encounter-ripple,.living-encounter-symbol,.living-encounter-spark,.living-golden-ring,.living-golden-crown,.living-secret-shadow{pointer-events:none;position:absolute}.living-encounter-wash{opacity:0;background:radial-gradient(ellipse at 50% 72%, var(--encounter-glow), transparent 48%), linear-gradient(180deg, transparent 25%, #010d112e 100%);animation:livingEncounterWash var(--encounter-duration) ease-in-out 1 both;inset:0}.living-encounter-beam{z-index:2;opacity:0;transform-origin:50% 100%;background:linear-gradient(180deg, transparent, var(--encounter-beam) 50%, transparent);clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);filter:blur(6px);width:142px;height:250px;animation:livingEncounterBeam var(--encounter-duration) ease-in-out 1 both;bottom:92px;left:50%;transform:translate(-50%)}.living-encounter-ripple{z-index:3;border:2px solid var(--encounter-line);opacity:0;width:96px;height:26px;box-shadow:0 0 16px var(--encounter-glow);border-radius:50%;bottom:104px;left:50%;transform:translate(-50%)scale(.15)}.living-encounter-ripple-one{animation:2.5s ease-out .1s both livingEncounterRipple}.living-encounter-ripple-two{animation:2.8s ease-out .7s both livingEncounterRipple}.living-encounter-symbol{z-index:5;border:1px solid var(--encounter-line);width:72px;height:72px;color:var(--encounter-ink);background:radial-gradient(circle at 35% 28%, #ffffff38, transparent 30%), var(--encounter-surface);box-shadow:inset 0 1px #ffffff38, 0 0 0 8px #ffffff06, 0 0 34px var(--encounter-glow), 0 16px 30px #00000047;opacity:0;animation:livingEncounterRise var(--encounter-duration) cubic-bezier(.22,.8,.24,1) 1 both;border-radius:50%;place-items:center;font-size:2rem;font-weight:950;display:grid;bottom:132px;left:50%;transform:translate(-50%,34px)scale(.4)rotate(-8deg)}.living-encounter-spark{z-index:6;opacity:0;background:var(--encounter-ink);width:5px;height:5px;box-shadow:0 0 8px var(--encounter-ink), 0 0 16px var(--encounter-glow);border-radius:50%;animation:2.7s ease-out .5s both livingEncounterSpark;bottom:162px;left:50%}.living-encounter-spark-one{--spark-x:-78px;--spark-y:-66px}.living-encounter-spark-two{--spark-x:75px;--spark-y:-48px;animation-delay:.68s}.living-encounter-spark-three{--spark-x:-54px;--spark-y:-116px;animation-delay:.82s}.living-encounter-spark-four{--spark-x:48px;--spark-y:-126px;animation-delay:.98s}.living-encounter-spark-five{--spark-x:2px;--spark-y:-154px;animation-delay:1.12s}.living-encounter-ambient{--encounter-ink:#d8fff7;--encounter-line:#c5fff47a;--encounter-glow:#73f0d938;--encounter-beam:#8effea21;--encounter-surface:linear-gradient(145deg, #1a7377, #0c3f48)}.living-encounter-find{--encounter-ink:#eafff9;--encounter-line:#a7ffeba8;--encounter-glow:var(--discovery-glow);--encounter-beam:#7ff6de38;--encounter-surface:linear-gradient(145deg, #28a5a0, #0b5660)}.living-encounter-rare{--encounter-ink:#f0e9ff;--encounter-line:#d4beffb8;--encounter-glow:var(--rare-glow);--encounter-beam:#be9bff40;--encounter-surface:linear-gradient(145deg, #8060b5, #273968)}.living-encounter-secret{--encounter-ink:#f0e8ff;--encounter-line:#caacffb3;--encounter-glow:var(--secret-glow);--encounter-beam:#8f5ce03b;--encounter-surface:linear-gradient(145deg, #694a99, #171c3f)}.living-encounter-golden{--encounter-ink:#fff7c2;--encounter-line:#ffe074d6;--encounter-glow:var(--golden-glow);--encounter-beam:#ffd5514d;--encounter-surface:linear-gradient(145deg, #ffe989, #bd7415)}.living-encounter-rarity-legendary .living-encounter-symbol,.living-encounter-rarity-secret .living-encounter-symbol{width:82px;height:82px;font-size:2.25rem}.living-golden-ring{z-index:4;opacity:0;border:2px solid #ffe17975;border-radius:50%;width:110px;height:110px;animation:3.4s ease-out .3s both livingGoldenRing;bottom:127px;left:50%;transform:translate(-50%)scale(.3);box-shadow:0 0 18px #ffd85266,inset 0 0 18px #ffe6892e}.living-golden-ring-two{width:148px;height:148px;animation-delay:.75s;bottom:108px}.living-golden-crown{z-index:7;color:#ffe57c;opacity:0;filter:drop-shadow(0 0 10px #ffd84dcc);font-size:1.6rem;animation:4.5s ease-in-out .9s both livingGoldenCrown;bottom:201px;left:50%;transform:translate(-50%,15px)rotate(-7deg)}.living-secret-shadow{z-index:1;opacity:0;filter:blur(10px);background:radial-gradient(#1a0f37b8,#0000 68%);border-radius:50%;width:84%;height:145px;animation:5.8s ease-in-out .35s both livingSecretShadow;bottom:50px;right:8%}@keyframes livingEncounterWash{0%,to{opacity:0}18%,72%{opacity:1}}@keyframes livingEncounterBeam{0%,to{opacity:0;transform:translate(-50%)scaleY(.55)}25%,70%{opacity:1;transform:translate(-50%)scaleY(1)}}@keyframes livingEncounterRipple{0%{opacity:0;transform:translate(-50%)scale(.15)}20%{opacity:.85}to{opacity:0;transform:translate(-50%)scale(3.2)}}@keyframes livingEncounterRise{0%{opacity:0;transform:translate(-50%,34px)scale(.4)rotate(-8deg)}22%{opacity:1}38%,76%{opacity:1;transform:translate(-50%)scale(1)rotate(0)}88%{opacity:.75;transform:translate(-50%,-5px)scale(.96)rotate(2deg)}to{opacity:0;transform:translate(-50%,-16px)scale(.86)rotate(3deg)}}@keyframes livingEncounterSpark{0%{opacity:0;transform:translate(-50%)scale(.2)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--spark-x)), var(--spark-y)) scale(1.1)}}@keyframes livingGoldenRing{0%{opacity:0;transform:translate(-50%)scale(.3)}25%{opacity:.9}to{opacity:0;transform:translate(-50%)scale(1.8)}}@keyframes livingGoldenCrown{0%,to{opacity:0;transform:translate(-50%,15px)rotate(-7deg)}24%,72%{opacity:1;transform:translate(-50%)rotate(3deg)}48%{transform:translate(-50%,-5px)rotate(-3deg)}}@keyframes livingSecretShadow{0%,to{opacity:0;transform:scale(.85)translateY(20px)}30%,72%{opacity:.86;transform:scale(1.04)translateY(0)}}@media (max-width:390px){.living-encounter-symbol{bottom:126px}.living-encounter-ripple{bottom:100px}}@media (prefers-reduced-motion:reduce){.living-pond-layer:not(.living-encounter-layer){display:none}.living-encounter-layer{display:block}.living-encounter-wash,.living-encounter-symbol{opacity:1;animation:none}.living-encounter-symbol{transform:translate(-50%)}.living-encounter-beam,.living-encounter-ripple,.living-encounter-spark,.living-golden-ring,.living-golden-crown,.living-secret-shadow{display:none}}.living-bubble-trail{width:110px;height:82px;position:absolute;bottom:84px;left:24%}.living-bubble-trail i{--bubble-index:0;left:calc(var(--bubble-index) * 19px);bottom:calc((var(--bubble-index) % 2) * 8px);width:calc(7px + (var(--bubble-index) * 1px));height:calc(7px + (var(--bubble-index) * 1px));opacity:0;animation:livingBubbleRise 2.8s ease-out calc(var(--bubble-index) * .34s) 1 both;border:1px solid #cffff79e;border-radius:50%;position:absolute}.living-reed-rustle{transform-origin:50% 100%;width:48px;height:105px;animation:4.6s ease-in-out both livingReedRustle;position:absolute;bottom:75px;right:9%}.living-reed-rustle i{transform-origin:50% 100%;background:linear-gradient(#6f9d63,#275d50);border-radius:999px 999px 0 0;width:4px;height:96px;position:absolute;bottom:0}.living-reed-rustle i:first-child{height:82px;left:6px;transform:rotate(-8deg)}.living-reed-rustle i:nth-child(2){left:21px}.living-reed-rustle i:nth-child(3){height:90px;left:35px;transform:rotate(8deg)}.living-lily-turn{opacity:0;background:radial-gradient(circle at 35% 35%,#7fbf73,#315e4f 74%);border-radius:50%;width:58px;height:22px;animation:5.5s ease-in-out both livingLilyTurn;position:absolute;bottom:91px;left:62%;box-shadow:inset 0 0 0 2px #d8ffda1f,0 5px 10px #0000002e}.living-lily-turn:after{content:"";clip-path:polygon(0 0,100% 0,0 100%);background:#173f3a;width:15px;height:12px;position:absolute;top:0;left:48%}.living-floating-feather{color:#eff4e7d6;filter:drop-shadow(0 4px 4px #0003);font-size:30px;animation:8.2s ease-in-out both livingFeatherDrift;position:absolute;top:26%;left:-12%}.living-snail{opacity:0;background:#71845c;border-radius:60% 45% 35% 40%;width:44px;height:23px;animation:10.5s linear both livingSnailVisit;position:absolute;bottom:78px;left:-15%}.living-snail:before{content:"";background:radial-gradient(circle at 45% 45%,#a98d63 0 20%,#725637 22% 42%,#b59769 44% 68%,#694f35 70%);border-radius:50%;width:25px;height:25px;position:absolute;top:-8px;left:7px;box-shadow:0 2px 5px #0000003d}.living-snail i:before,.living-snail i:after{content:"";background:#8da174;width:1px;height:12px;position:absolute;top:-10px}.living-snail i:before{right:6px;transform:rotate(-10deg)}.living-snail i:after{right:1px;transform:rotate(10deg)}.living-duck-family{align-items:end;gap:12px;animation:9.5s linear both livingDuckFamily;display:flex;position:absolute;bottom:92px;left:-26%}.living-duck-family i{background:#d9b85c;border-radius:58% 48% 48% 44%;width:22px;height:14px;display:block;position:relative;box-shadow:0 4px 5px #0000002e}.living-duck-family i:first-child{background:#c6c7a6;width:31px;height:19px}.living-duck-family i:before{content:"";background:inherit;border-radius:50%;width:11px;height:11px;position:absolute;top:-7px;right:0}.living-frog-call{width:110px;height:50px;position:absolute;bottom:105px;right:14%}.living-frog-call i{opacity:0;border-top:2px solid #b1ffde6b;border-bottom:0;border-left:0;border-right:2px solid #b1ffde6b;border-radius:0 100% 0 0;width:24px;height:12px;animation:2.2s ease-out both livingFrogCall;position:absolute;bottom:0;right:0}.living-frog-call i:nth-child(2){width:52px;height:25px;animation-delay:.55s}.living-firefly-rest{opacity:0;background:#fff3a2;border-radius:50%;width:7px;height:7px;animation:6.8s ease-in-out both livingFireflyRest;position:absolute;bottom:145px;left:17%;box-shadow:0 0 6px #ffe86d,0 0 17px #ffe050bf}.living-bottle-glint{background:#75c2b124;border:2px solid #aeebdc6b;border-radius:4px 4px 8px 8px;width:18px;height:38px;animation:7.6s ease-in-out both livingBottleDrift;position:absolute;bottom:94px;left:-18%;transform:rotate(73deg)}.living-bottle-glint:before{content:"";border:2px solid #aeebdc6b;border-bottom:0;width:7px;height:9px;position:absolute;top:-9px;left:4px}.living-bottle-glint i{background:#e8fff9;border-radius:50%;width:4px;height:4px;animation:2.2s ease-in-out 1.8s 2 livingBottleGlint;position:absolute;top:8px;right:-3px;box-shadow:0 0 10px #c9fff3}.living-heron-shadow{opacity:0;filter:blur(1px);width:120px;height:42px;animation:5.8s ease-in-out both livingHeronShadow;position:absolute;top:16%;left:-34%}.living-heron-shadow:before,.living-heron-shadow:after{content:"";background:#05141985;border-radius:100% 12%;width:68px;height:18px;position:absolute;top:13px}.living-heron-shadow:before{left:0;transform:rotate(-10deg)}.living-heron-shadow:after{right:0;transform:scaleX(-1)rotate(-10deg)}@keyframes livingBubbleRise{0%{opacity:0;transform:translateY(14px)scale(.45)}18%{opacity:.8}80%{opacity:.55}to{opacity:0;transform:translate(16px,-68px)scale(1.05)}}@keyframes livingReedRustle{0%,to{opacity:0;transform:rotate(0)}15%,85%{opacity:.75}28%{transform:rotate(-7deg)}46%{transform:rotate(6deg)}64%{transform:rotate(-4deg)}}@keyframes livingLilyTurn{0%,to{opacity:0;transform:scale(.72)rotate(-18deg)}18%,82%{opacity:.72}55%{transform:scale(1)rotate(28deg)}}@keyframes livingFeatherDrift{0%{opacity:0;transform:translate(0,0)rotate(-18deg)}12%{opacity:.82}45%{transform:translate(48vw,90px)rotate(45deg)}82%{opacity:.82}to{opacity:0;transform:translate(125vw,230px)rotate(115deg)}}@keyframes livingSnailVisit{0%{opacity:0;transform:translate(0)}12%,88%{opacity:.8}to{opacity:0;transform:translate(126vw)}}@keyframes livingDuckFamily{0%{opacity:0;transform:translate(0)}10%,90%{opacity:.78}to{opacity:0;transform:translate(145vw)}}@keyframes livingFrogCall{0%{opacity:0;transform:scale(.35)}28%{opacity:.75}to{opacity:0;transform:scale(2.15)}}@keyframes livingFireflyRest{0%,to{opacity:0;transform:translateY(16px)scale(.3)}18%{opacity:1;transform:translate(12px,-18px)scale(1)}42%,72%{opacity:.85;transform:translate(28px,-30px)scale(.8)}88%{opacity:.45;transform:translate(43px,-46px)scale(.55)}}@keyframes livingBottleDrift{0%{opacity:0;transform:translate(0)rotate(73deg)}12%,88%{opacity:.66}48%{transform:translate(58vw)translateY(-12px)rotate(86deg)}to{opacity:0;transform:translate(135vw)translateY(8px)rotate(69deg)}}@keyframes livingBottleGlint{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.8)}}@keyframes livingHeronShadow{0%{opacity:0;transform:translate(0)translateY(12px)scale(.8)}16%,82%{opacity:.58}to{opacity:0;transform:translate(150vw)translateY(-24px)scale(1.1)}}.living-fog-lantern{opacity:0;background:#ffbe5b38;border:1px solid #ffe19a8c;border-radius:5px;width:18px;height:26px;animation:9.5s ease-in-out both livingFogLantern;position:absolute;bottom:118px;left:14%;box-shadow:0 0 18px #ffcb7180}.living-fog-lantern i{background:#ffe4a3;border-radius:50%;position:absolute;inset:5px;box-shadow:0 0 12px #ffd47a}.living-tadpole-ring{border:1px solid #b3ffee6b;border-radius:50%;width:88px;height:24px;animation:5.8s ease-out both livingTadpoleRing;position:absolute;bottom:94px;left:31%}.living-tadpole-ring i{background:#123b42;border-radius:70% 30%;width:7px;height:3px;animation:2.2s ease-in-out infinite alternate livingTadpoleSwim;position:absolute}.living-tadpole-ring i:first-child{top:7px;left:18px}.living-tadpole-ring i:nth-child(2){animation-delay:.4s;top:13px;left:42px}.living-tadpole-ring i:nth-child(3){animation-delay:.8s;top:5px;left:64px}.living-acorn-drop{color:#8f5b2d;text-shadow:0 3px 3px #00000059;font-size:18px;animation:5s cubic-bezier(.3,.7,.4,1) both livingAcornDrop;position:absolute;top:18%;right:26%}.living-goose-crossing{color:#12242ac7;letter-spacing:8px;font-size:22px;animation:8.2s linear both livingGooseCross;position:absolute;top:22%;left:-24%;transform:rotate(-7deg)}.living-moon-lotus{color:#f1e6ff;text-shadow:0 0 18px #d2b8ffe6;opacity:0;font-size:32px;animation:8.8s ease-in-out both livingMoonLotus;position:absolute;bottom:112px;left:55%}.living-pond-whisper{color:#e1fff9b3;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 12px #aefff07a;opacity:0;font:600 11px/1.2 ui-serif,Georgia,serif;animation:6.8s ease-in-out both livingPondWhisper;position:absolute;top:34%;left:50%;transform:translate(-50%)}@keyframes livingFogLantern{0%,to{opacity:0;transform:translateY(15px)}25%{opacity:.75}70%{opacity:.58;transform:translate(45vw,-8px)}}@keyframes livingTadpoleRing{0%,to{opacity:0;transform:scale(.25)}28%{opacity:.7;transform:scale(1)}70%{opacity:.35;transform:scale(1.35)}}@keyframes livingTadpoleSwim{to{transform:translate(10px)rotate(14deg)}}@keyframes livingAcornDrop{0%{opacity:0;transform:translateY(-20px)rotate(0)}18%{opacity:1}58%{opacity:1;transform:translateY(235px)rotate(410deg)}72%,to{opacity:0;transform:translateY(248px)rotate(430deg)}}@keyframes livingGooseCross{0%{opacity:0;transform:translate(0)rotate(-7deg)}12%,84%{opacity:.7}to{opacity:0;transform:translate(145vw)rotate(-7deg)}}@keyframes livingMoonLotus{0%,to{opacity:0;transform:translateY(20px)scale(.5)}35%{opacity:1;transform:translateY(0)scale(1.15)}70%{opacity:.7;transform:translateY(-5px)scale(1)}}@keyframes livingPondWhisper{0%,to{opacity:0;filter:blur(5px)}35%,65%{opacity:.68;filter:blur()}}.living-creature{pointer-events:none;filter:drop-shadow(0 4px 5px #00000047);position:absolute}.living-kingfisher{font-size:28px;animation:6.4s ease-in-out both livingKingfisher;top:29%;left:-18%}.living-otter{font-size:34px;animation:9.2s ease-in-out both livingOtter;bottom:86px;left:-20%}.living-luna-moth{color:#dcffd7;text-shadow:0 0 14px #cdffbee6;font-size:26px;animation:7.6s ease-in-out both livingLunaMoth;top:31%;left:-12%}.living-salamander{font-size:25px;animation:8.8s ease-in-out both livingSalamander;bottom:54px;left:9%}.living-beaver{font-size:34px;animation:8.3s ease-in-out both livingBeaver;bottom:72px;right:-18%}.living-ladybug{color:#e74b42;background:#e74b42;border-radius:50%;width:12px;height:12px;animation:6.6s ease-in-out both livingLadybug;top:44%;left:18%;box-shadow:inset -4px 0 #271817,0 0 8px #ff6e5a59}.living-moon-hare{opacity:0;filter:grayscale()brightness(.45)drop-shadow(0 0 8px #f0f2ff4d);font-size:38px;animation:7.2s ease-in-out both livingMoonHare;top:27%;right:9%}.living-koi-circle{width:130px;height:46px;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.living-koi-circle i{color:#ffb366;opacity:0;font-size:28px;font-style:normal;position:absolute;top:12px}.living-koi-circle i:first-child{animation:7.8s ease-in-out both livingKoiLeft;left:8px}.living-koi-circle i:last-child{animation:7.8s ease-in-out both livingKoiRight;right:8px}@keyframes livingKingfisher{0%{opacity:0;transform:translateY(20px)rotate(-8deg)}15%{opacity:1}48%{transform:translate(58vw,-34px)rotate(6deg)}60%{transform:translate(68vw,52px)rotate(20deg)}to{opacity:0;transform:translate(135vw,-28px)rotate(-4deg)}}@keyframes livingOtter{0%{opacity:0;transform:translate(0)rotate(-8deg)}12%,82%{opacity:1}42%{transform:translate(55vw)rotate(5deg)}58%{transform:translate(68vw)rotate(-5deg)}to{opacity:0;transform:translate(145vw)rotate(7deg)}}@keyframes livingLunaMoth{0%{opacity:0;transform:translateY(28px)scale(.5)}18%{opacity:1}45%{transform:translate(48vw,-20px)scale(1.2)}72%{transform:translate(78vw,14px)scale(.8)}to{opacity:0;transform:translate(125vw,-42px)scale(.4)}}@keyframes livingSalamander{0%,to{opacity:0;transform:translate(-24px)}15%{opacity:1}65%{opacity:1;transform:translate(42vw)}82%{opacity:.8;transform:translate(48vw)rotate(7deg)}}@keyframes livingBeaver{0%{opacity:0;transform:translate(0)}14%{opacity:1}78%{opacity:1;transform:translate(-82vw)}to{opacity:0;transform:translate(-120vw)}}@keyframes livingLadybug{0%{opacity:0;transform:translateY(-50px)scale(.4)}22%{opacity:1}48%,72%{opacity:1;transform:translate(32vw,18px)scale(1)}to{opacity:0;transform:translate(58vw,-25px)scale(.5)}}@keyframes livingMoonHare{0%,to{opacity:0;transform:translateY(12px)scale(.8)}28%,72%{opacity:.42;transform:translateY(0)scale(1)}}@keyframes livingKoiLeft{0%,to{opacity:0;transform:translate(0)rotate(0)}18%{opacity:1}55%{opacity:1;transform:translate(48px,-18px)rotate(145deg)}82%{opacity:.7;transform:translate(88px,3px)rotate(280deg)}}@keyframes livingKoiRight{0%,to{opacity:0;transform:translate(0)rotate(0)}18%{opacity:1}55%{opacity:1;transform:translate(-48px,18px)rotate(-145deg)}82%{opacity:.7;transform:translate(-88px,-3px)rotate(-280deg)}}.pond-depth{pointer-events:none;position:absolute;inset:0}.pond-depth-sheen{opacity:.42;mix-blend-mode:screen;background:radial-gradient(at 48% 72%,#cdfff21f,#0000 28%),linear-gradient(105deg,#0000 18%,#e0fff712 47%,#0000 68%);animation:14s ease-in-out infinite alternate pondDepthSheen}.pond-depth-haze{filter:blur(16px);background:radial-gradient(#68beb314,#0000 66%);border-radius:50%;animation:18s ease-in-out infinite alternate pondDepthHaze;inset:8% -14% 20%}.pond-depth-foreground i{transform-origin:bottom;background:linear-gradient(#1b554666,#041d1fe0);border-radius:999px 999px 0 0;width:3px;height:72px;animation:8s ease-in-out infinite alternate pondForegroundSway;position:absolute;bottom:-20px}.pond-depth-foreground i:first-child{height:88px;left:4%}.pond-depth-foreground i:nth-child(2){height:58px;animation-delay:-2s;left:8%}.pond-depth-foreground i:nth-child(3){height:82px;animation-delay:-4s;right:5%}.pond-depth-foreground i:nth-child(4){height:52px;animation-delay:-1s;right:10%}.pond-wonder{pointer-events:none;z-index:7;position:absolute;inset:0}.pond-wonder-piece{display:block;position:absolute}.pond-wonder-counter-ripple .pond-wonder-piece{border:1px solid #cafff280;border-radius:50%;width:78px;height:22px;animation:6.8s ease-out both pondCounterRipple;bottom:82px;left:52%}.pond-wonder-counter-ripple .pond-wonder-piece-two{animation-delay:.65s}.pond-wonder-counter-ripple .pond-wonder-piece-three{animation-delay:1.3s}.pond-wonder-twin-splash .pond-wonder-piece-one,.pond-wonder-twin-splash .pond-wonder-piece-two{background:#aaeee1ad;border-radius:60% 60% 45% 45%;width:12px;height:22px;animation:2.2s ease-out 2 both pondTwinSplash;bottom:88px}.pond-wonder-twin-splash .pond-wonder-piece-one{left:31%}.pond-wonder-twin-splash .pond-wonder-piece-two{animation-delay:.18s;right:29%}.pond-wonder-giant-firefly .pond-wonder-piece-one{background:#fff4a8;border-radius:50%;width:13px;height:13px;animation:8s ease-in-out both pondGiantFirefly;top:31%;left:20%;box-shadow:0 0 10px #ffe66c,0 0 34px #ffdd52e6,0 0 70px #ffdd5261}.pond-wonder-second-moon .pond-wonder-piece-one{filter:blur(.4px);background:radial-gradient(#eff4ffad,#b8d6f21f 58%,#0000 72%);border-radius:50%;width:54px;height:18px;animation:6.6s ease-in-out both pondSecondMoon;bottom:76px;left:56%}.pond-wonder-leaf-crown .pond-wonder-piece{transform-origin:50%;background:#bd6d36;border-radius:80% 20% 70% 30%;width:11px;height:7px;animation:7.4s ease-in-out both pondLeafCrown;top:43%;left:calc(50% - 14px)}.pond-wonder-leaf-crown .pond-wonder-piece-two{margin-left:10px;animation-delay:.15s}.pond-wonder-leaf-crown .pond-wonder-piece-three{margin-left:20px;animation-delay:.3s}.pond-wonder-listening-reeds .pond-wonder-piece{transform-origin:bottom;background:linear-gradient(#5e9b6d,#173e36);border-radius:100% 100% 0 0;width:4px;height:120px;animation:6.4s ease-in-out both pondListeningReeds;bottom:40px}.pond-wonder-listening-reeds .pond-wonder-piece-one{left:12%}.pond-wonder-listening-reeds .pond-wonder-piece-two{height:96px;animation-delay:.12s;left:16%}.pond-wonder-listening-reeds .pond-wonder-piece-three{height:108px;animation-delay:.24s;right:13%}.pond-wonder-silver-thread .pond-wonder-piece-one{background:linear-gradient(90deg,#0000,#e2fff9d1,#0000);width:36%;height:1px;animation:7s ease-in-out both pondSilverThread;top:58%;left:-18%;box-shadow:0 0 10px #cafff573}.pond-wonder-still-water:before{content:"";-webkit-backdrop-filter:blur(1.2px);backdrop-filter:blur(1.2px);background:#cdfff409;border-radius:50%;animation:6.2s ease-in-out both pondStillWater;position:absolute;inset:34% 7% 12%}@keyframes pondDepthSheen{0%{opacity:.28;transform:translate(-2%)scale(1)}to{opacity:.5;transform:translate(2%,-1%)scale(1.03)}}@keyframes pondDepthHaze{0%{opacity:.45;transform:translate(-3%)scale(.96)}to{opacity:.7;transform:translate(3%)scale(1.04)}}@keyframes pondForegroundSway{0%{transform:rotate(-2deg)}to{transform:rotate(3deg)}}@keyframes pondCounterRipple{0%{opacity:0;transform:translate(90px)scale(.2)}25%{opacity:.7}to{opacity:0;transform:translate(-90px)scale(1.8)}}@keyframes pondTwinSplash{0%,to{opacity:0;transform:translateY(8px)scale(.4)}32%{opacity:.9;transform:translateY(-30px)scale(1)}58%{opacity:.35;transform:translateY(-8px)scale(.65)}}@keyframes pondGiantFirefly{0%,to{opacity:0;transform:translateY(28px)scale(.4)}18%{opacity:1}42%{transform:translate(32vw,-18px)scale(1.25)}68%{transform:translate(58vw,12px)scale(.85)}84%{opacity:.9;transform:translate(71vw,-34px)scale(1.1)}}@keyframes pondSecondMoon{0%,to{opacity:0;filter:blur(5px);transform:scaleX(.45)}35%,65%{opacity:.72;filter:blur(.4px);transform:scaleX(1)}}@keyframes pondLeafCrown{0%{opacity:0;transform:translateY(-80px)rotate(-50deg)}35%{opacity:.9}68%,86%{opacity:.9;transform:translate(0)rotate(12deg)}to{opacity:0;transform:translate(8px,10px)rotate(28deg)}}@keyframes pondListeningReeds{0%,to{opacity:0;transform:rotate(0)}18%{opacity:.78}45%,72%{opacity:.8;transform:rotate(17deg)}}@keyframes pondSilverThread{0%{opacity:0;transform:translate(0)rotate(-3deg)}22%,75%{opacity:.8}to{opacity:0;transform:translate(145vw)rotate(2deg)}}@keyframes pondStillWater{0%,to{opacity:0}25%,72%{opacity:1}}@media (prefers-reduced-motion:reduce){.pond-depth,.pond-depth-foreground i,.pond-wonder,.pond-wonder-piece{animation:none!important}.pond-wonder{display:none}}
.frog .eye:before{content:"";z-index:3;transform-origin:top;background:#bffcf1;border-radius:50%;position:absolute;inset:-2px;transform:scaleY(0)}.frog.frog-blink .eye:before{animation:.34s ease-in-out both frogBlinkOnce}.frog.frog-double-blink .eye:before{animation:.8s ease-in-out both frogBlinkTwice}.frog.frog-glance-left .eye:after{transition:transform .18s;transform:translate(-10px)}.frog.frog-glance-right .eye:after{transition:transform .18s;transform:translate(10px)}.frog.frog-look-up .eye:after{transition:transform .18s;transform:translateY(-8px)}.frog.frog-sleepy .eye:before{transform:scaleY(.62)}.frog.frog-smile .mouth{border-bottom-width:4px;height:20px;transform:translateY(-3px)scaleX(1.28)}.frog.frog-smile .cheek{opacity:1;transform:scale(1.28)}@keyframes frogBlinkOnce{0%,to{transform:scaleY(0)}42%,62%{transform:scaleY(1)}}@keyframes frogBlinkTwice{0%,18%,38%,58%,to{transform:scaleY(0)}10%,29%,49%{transform:scaleY(1)}}.frog.frog-interacting{animation:.72s cubic-bezier(.18,.88,.25,1.15) both frogCompanionBounce!important}.frog.frog-interacting.frog-curious{animation:.8s ease-in-out both frogCuriousReaction!important}.frog-button:not(:disabled)[aria-label*=say\ hello] .frog-resting{cursor:pointer}.frog-reaction-bubble{z-index:12;color:#eafff9;text-align:center;background:#041d21e6;border:1px solid #befff159;border-radius:16px 16px 16px 5px;min-width:38px;padding:8px 10px;font:700 13px/1 system-ui,sans-serif;animation:.28s ease-out both frogBubbleIn;position:absolute;top:-34px;right:-20px;box-shadow:0 10px 28px #00000040}.frog-companion-splash{z-index:1;opacity:0;border:2px solid #9ef6e7bf;border-radius:50%;width:12px;height:12px;animation:.65s ease-out both frogSplash;position:absolute;bottom:2px}.frog-companion-splash.splash-left{left:8px}.frog-companion-splash.splash-right{animation-delay:60ms;right:8px}@keyframes frogCompanionBounce{0%,to{transform:translateY(0)scale(1)}24%{transform:translateY(5px)scale(1.06,.9)}52%{transform:translateY(-20px)scale(.96,1.07)}76%{transform:translateY(1px)scale(1.03,.97)}}@keyframes frogCuriousReaction{0%,to{transform:rotate(0)translateY(0)}30%{transform:rotate(-7deg)translateY(-6px)}66%{transform:rotate(6deg)translateY(-9px)}}@keyframes frogBubbleIn{0%{opacity:0;transform:translateY(8px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes frogSplash{0%{opacity:0;transform:translateY(0)scale(.35)}28%{opacity:1}to{opacity:0;transform:translateY(-22px)scale(1.5)}}@media (prefers-reduced-motion:reduce){.frog.frog-interacting,.frog.frog-interacting.frog-curious,.frog-companion-splash,.frog-reaction-bubble{animation:none!important}}.frog.frog-coin-spin{transform-origin:50% 72%;backface-visibility:visible;animation:1.15s cubic-bezier(.2,.75,.2,1) both frogCoinSpin!important}@keyframes frogCoinSpin{0%{transform:translateY(0)rotateY(0)scale(1)}18%{transform:translateY(-18px)rotateY(90deg)scale(.92,1.06)}45%{transform:translateY(-30px)rotateY(360deg)scale(1.03)}72%{transform:translateY(-14px)rotateY(630deg)scale(.96,1.04)}to{transform:translateY(0)rotateY(720deg)scale(1)}}@media (prefers-reduced-motion:reduce){.frog.frog-coin-spin{animation:none!important}}
.reed{transition:filter .6s}.r1{animation:8.7s ease-in-out infinite calmReedOne}.r2{animation:10.3s ease-in-out infinite calmReedTwo}.r3{animation:9.4s ease-in-out infinite calmReedThree}.l1{animation:7.8s ease-in-out infinite calmLilyOne}.l2{animation:9.1s ease-in-out infinite calmLilyTwo}@keyframes calmReedOne{0%,to{translate:0;rotate:none}50%{translate:1px;rotate:1.5deg}}@keyframes calmReedTwo{0%,to{translate:0;rotate:none}50%{translate:-1px;rotate:-1.2deg}}@keyframes calmReedThree{0%,to{translate:0;rotate:none}50%{translate:1px;rotate:1deg}}@keyframes calmLilyOne{0%,to{translate:0}50%{translate:0 -2px}}@keyframes calmLilyTwo{0%,to{translate:0}50%{translate:1px -2px}}
.nav:has(button:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}.nav button{isolation:isolate;position:relative}.nav button:after{content:"";z-index:-1;background:var(--cyan);opacity:0;border-radius:99px;height:2px;transition:opacity .18s,transform .18s;position:absolute;bottom:5px;left:16%;right:16%;transform:scaleX(.25);box-shadow:0 0 9px #87f7df8c}.nav button.active:after{opacity:.8;transform:scaleX(1)}.nav button.active>span:first-child,.nav button.active img{transform:translateY(-1px)scale(1.06)}.nav button>span:first-child,.nav button img{transition:transform .18s,filter .18s}.nav button.active>span:first-child{filter:drop-shadow(0 0 7px #87f7df73)}@media (max-width:390px){.nav:has(button:nth-child(4)) button{gap:3px;padding-inline:4px;font-size:.69rem}}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#effffb;--muted:#9bc7bd;--deep:#031316;--deep-2:#061f24;--pond:#07353c;--pond-2:#0a545a;--cyan:#87f7df;--cyan-strong:#59dbc5;--gold:#ffd77a;--danger:#ffd0d0;--encounter-duration:5.8s;--discovery-glow:#67f3d857;--rare-glow:#b88fff61;--secret-glow:#814eda6b;--golden-glow:#ffd04a7a;--glass:#072327b8;--glass-strong:#051d21e6;--line:#b7ffee29;--line-strong:#b7ffee47;--shadow-soft:0 18px 50px #0000003d;--shadow-deep:0 30px 90px #00000061}*{box-sizing:border-box}html{background:var(--deep);min-height:100%}body{min-height:100%;color:var(--ink);background:radial-gradient(circle at 50% -8%,#40b8a43d,#0000 34%),radial-gradient(circle at 12% 60%,#1f7a7e24,#0000 26%),linear-gradient(#071f24 0%,#031215 100%);margin:0;font-family:ui-rounded,SF Pro Rounded,Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}img{max-width:100%;display:block}.shell{width:min(100%,520px);min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) 16px calc(116px + env(safe-area-inset-bottom));margin:0 auto;position:relative;overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.brand{color:var(--cyan);letter-spacing:.16em;font-size:.8rem;font-weight:950}.tagline{color:var(--muted);margin-top:3px;font-size:.78rem}.wallet-pill{border:1px solid var(--line);max-width:134px;color:var(--muted);background:var(--glass);white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:8px 11px;font-size:.72rem;font-weight:850;display:inline-flex;overflow:hidden}.wallet-dot{background:#9bc7bd85;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #9bc7bd0d}.wallet-dot.connected{background:var(--cyan);box-shadow:0 0 0 3px #87f7df14,0 0 11px #87f7df80}.profile{border:1px solid var(--line);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0d41469e,#051f23c7);border-radius:24px;align-items:center;gap:12px;padding:11px 13px;display:flex}.profile-identity,.leader-identity{min-width:0}.pfp{object-fit:cover;border:2px solid #84f4ded1;border-radius:50%;flex:none;width:50px;height:50px;box-shadow:0 0 0 4px #84f4de0f,0 10px 22px #0003}.profile-name{text-overflow:ellipsis;white-space:nowrap;max-width:210px;font-size:1rem;font-weight:950;line-height:1.05;overflow:hidden}.profile-title{color:var(--gold);margin-top:5px;font-size:.78rem;font-weight:800}.streak-pill{text-align:right;margin-left:auto}.streak-number{font-size:1.45rem;font-weight:950;line-height:1}.streak-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:4px;font-size:.64rem;font-weight:800}.todays-pond-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#84f4de1f,#072327c2);border-radius:18px;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;margin-top:14px;padding:12px 15px;display:grid;overflow:hidden;box-shadow:0 14px 34px #00000029}.todays-pond-card .today-label{color:var(--cyan);letter-spacing:.13em;writing-mode:vertical-rl;grid-row:1/span 2;font-size:.58rem;font-weight:950;transform:rotate(180deg)}.todays-pond-card strong{color:var(--ink);font-size:.92rem;font-weight:950}.todays-pond-card>span:last-child{color:var(--muted);margin-top:3px;font-size:.7rem}.pond-card{isolation:isolate;min-height:520px;box-shadow:inset 0 1px #ffffff14, var(--shadow-deep);background:radial-gradient(circle at 78% 27%,#8dfae017,#0000 24%),radial-gradient(circle at 50% 74%,#27c9c63b,#0000 34%),linear-gradient(#0d3b42 0%,#086067 54%,#06343a 100%);border:1px solid #adffed2e;border-radius:36px;margin-top:14px;position:relative;overflow:hidden}.pond-card:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#ffffff09,#0000 31%);position:absolute;inset:0}.hop-copy{z-index:20;text-align:center;pointer-events:none;position:absolute;top:28px;left:24px;right:24px}.hop-copy h1{color:var(--ink);letter-spacing:-.055em;text-shadow:0 5px 18px #00000038;margin:0;font-size:clamp(2rem,9vw,2.8rem);font-weight:950;line-height:.98}.hop-copy p{color:#dcf7f1c2;text-shadow:0 2px 10px #00000038;max-width:310px;margin:12px auto 0;font-size:.94rem;line-height:1.4}.celestial-scene{z-index:2;pointer-events:none;width:108px;height:108px;position:absolute;top:98px;right:18px;transform:translateZ(0)}.moon{background:radial-gradient(circle at 34% 29%,#fffdf0 0%,#f8edc9 36%,#d9c88d 73%,#ad9862 100%);border-radius:50%;width:62px;height:62px;animation:6s ease-in-out infinite moonFloat;position:absolute;top:23px;left:23px;overflow:hidden;box-shadow:inset -8px -7px 13px #4c3c2240,inset 5px 5px 9px #ffffff6b,0 0 12px #fff1b4ab,0 0 30px #a0daff52}.moon-surface,.moon-shadow{border-radius:inherit;position:absolute;inset:0}.moon-surface{z-index:1}.moon-shadow{z-index:2;pointer-events:none}.moon-glow{pointer-events:none;border-radius:50%;position:absolute}.moon-glow-outer{filter:blur(7px);background:radial-gradient(circle,#d5efff3d 0%,#9dd3ff1f 45%,#0000 72%);animation:5s ease-in-out infinite moonPulse;inset:4px}.moon-glow-inner{filter:blur(3px);background:radial-gradient(circle,#fff6c64f,#0000 68%);inset:18px}.moon-crater{background:radial-gradient(circle at 40% 35%,#79653e17,#624e2a2b);border-radius:50%;display:block;position:absolute;box-shadow:inset 1px 1px 2px #4432182b,1px 1px 1px #ffffff29}.crater-one{width:11px;height:11px;top:14px;left:13px}.crater-two{width:7px;height:7px;top:34px;left:18px}.crater-three{width:14px;height:14px;top:25px;right:10px}.crater-four{width:6px;height:6px;bottom:9px;right:22px}.star{background:#fff;border-radius:50%;width:3px;height:3px;animation:2.8s ease-in-out infinite starTwinkle;display:none;position:absolute;box-shadow:0 0 7px #cdecffe6}.special-shooting-stars .star,.pond-theme-shooting-star .star,.pond-theme-fireflies .star{display:block}.star-one{top:10px;left:13px}.star-two{animation-delay:.7s;top:18px;right:8px}.star-three{animation-delay:1.1s;bottom:12px;left:7px}.star-four{animation-delay:1.7s;bottom:27px;right:3px}.star-five{width:2px;height:2px;animation-delay:2.1s;bottom:4px;left:46px}.moon-full .moon-shadow{display:none}.moon-new{background:radial-gradient(circle at 35% 30%,#344654,#101d29 72%);box-shadow:inset -5px -5px 13px #0006,0 0 18px #8dcaff38}.moon-new .moon-surface{opacity:.2}.moon-new .moon-shadow{display:none}.moon-waxing-crescent .moon-shadow{background:radial-gradient(circle at 47%,#12283a 0%,#0c1b2a 72%);transform:translate(-16px)}.moon-waning-crescent .moon-shadow{background:radial-gradient(circle at 53%,#12283a 0%,#0c1b2a 72%);transform:translate(16px)}.moon-first-quarter .moon-shadow{background:linear-gradient(90deg,#0e1c2ef5,#112034eb);border-radius:0 100% 100% 0;left:50%}.moon-last-quarter .moon-shadow{background:linear-gradient(90deg,#0e1c2eed,#112034f7);border-radius:100% 0 0 100%;right:50%}.moon-waxing-gibbous .moon-shadow{background:#0e1c2ee0;border-radius:0 100% 100% 0;width:31%;left:69%}.moon-waning-gibbous .moon-shadow{background:#0e1c2ee0;border-radius:100% 0 0 100%;width:31%;right:69%}.rainbow-scene,.rain-scene,.snow-scene,.meteor-scene,.firefly-scene{pointer-events:none;position:absolute;inset:0;overflow:hidden}.rainbow-scene{z-index:1}.pond-rainbow{opacity:.42;filter:saturate(.76)blur(.25px);background:radial-gradient(at bottom,#0000 48%,#ff7a7abd 49% 54%,#ffc275b3 55% 60%,#ffea8fad 61% 66%,#83db9aa3 67% 72%,#7ec0f2a3 73% 78%,#b299ee9e 79% 84%,#0000 85%);border-radius:268px 268px 0 0;width:268px;height:132px;position:absolute;top:152px;left:50%;transform:translate(-50%)}.rainbow-front{opacity:.17;filter:blur(4px);transform:translate(-50%)scale(.88)}.rainbow-mist{filter:blur(8px);background:radial-gradient(#f0fdff52,#0000 70%);border-radius:50%;width:96px;height:35px;position:absolute;top:52%}.rainbow-mist-left{left:0}.rainbow-mist-right{right:0}.special-rainbow .rain-scene,.special-rainbow .particle-drop{display:none!important}.rain-scene{z-index:5;background:linear-gradient(#6b97b514,#0000 66%)}.rain-streak{background:linear-gradient(#0000,#ceebffa3);border-radius:999px;width:1.5px;height:23px;animation:1.15s linear infinite pondRainFall;position:absolute;top:-22%;transform:rotate(9deg)}.special-rain .water{filter:brightness(.88)saturate(.86)}.special-rain:not(.special-rainbow) .pond-card:after{content:"";z-index:6;pointer-events:none;background:radial-gradient(at 20% 76%,#0000 0 8px,#d4f0ff45 9px,#0000 11px),radial-gradient(at 67% 84%,#0000 0 6px,#d4f0ff3b 7px,#0000 9px);height:35%;animation:2.2s ease-out infinite rainRipples;position:absolute;bottom:0;left:0;right:0}.snow-scene{z-index:5}.snowflake{color:#f6fdffeb;text-shadow:0 0 5px #d1f0ffcc;animation:6s linear infinite pondSnowFall;position:absolute;top:-12%}.snowflake:before{content:"❄"}.special-snow .pond-card{box-shadow:inset 0 0 45px #c8ebff21,0 20px 60px #06132138}.special-snow .water{filter:saturate(.73)brightness(1.12)}.meteor-scene{z-index:6}.shooting-star{opacity:0;filter:drop-shadow(0 0 4px #aee1fff2);background:linear-gradient(90deg,#0000,#e4f7ffeb);border-radius:999px;width:92px;height:2px;animation:5.6s ease-in infinite shootingStarFly;position:absolute;transform:rotate(-28deg)}.shooting-star:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 8px #fff,0 0 15px #9bdcff}.shooting-star-one{top:10%;left:-30%}.shooting-star-two{animation-duration:6.7s;animation-delay:1.9s;top:27%;left:-37%}.shooting-star-three{animation-duration:8.1s;animation-delay:4.2s;top:18%;left:-42%}.firefly-scene{z-index:6}.special-firefly{background:#ffe77c;border-radius:50%;width:5px;height:5px;animation:4s ease-in-out infinite fireflyDrift;position:absolute;box-shadow:0 0 5px #ffe574,0 0 12px #c7ff80c2}.pond-particles{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pond-particle{will-change:transform;display:block;position:absolute;top:-14%}.particle-drop{color:#0000;background:linear-gradient(#0000,#c0f7ffad);border-radius:999px;width:2px;height:22px;animation-name:pondRain;animation-timing-function:linear;animation-iteration-count:infinite;overflow:hidden}.particle-firefly{color:#0000;background:#fff7a4;border-radius:50%;width:5px;height:5px;animation-name:fireflyFloat;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;top:24%;overflow:hidden;box-shadow:0 0 7px #fff49a,0 0 18px #fff066cc}.particle-petal{color:#ffc5dd;text-shadow:0 0 5px #ffddeba6;font-size:11px;animation-name:petalFall;animation-timing-function:linear;animation-iteration-count:infinite}.particle-snow{color:#efffffe6;text-shadow:0 0 7px #dffc;font-size:15px;animation-name:snowFall;animation-timing-function:linear;animation-iteration-count:infinite}.particle-leaf{font-size:12px;animation-name:leafFall;animation-timing-function:linear;animation-iteration-count:infinite}.reed{z-index:3;transform-origin:bottom;pointer-events:none;background:#285e42;border-radius:99px;width:4px;position:absolute;bottom:88px}.reed:after{content:"";background:#617f5f;border-radius:50%;width:8px;height:22px;position:absolute;top:-10px;left:-2px}.r1{height:120px;left:24px;transform:rotate(-7deg)}.r2{height:90px;left:42px;transform:rotate(8deg)}.r3{height:108px;right:28px;transform:rotate(5deg)}.water{z-index:3;background:radial-gradient(#19a2aa 0%,#08707a 40%,#06444c 74%);border-radius:50%;height:236px;position:absolute;bottom:-34px;left:-15%;right:-15%;box-shadow:inset 0 18px 40px #a7fff01a}.water:after{content:"";background:linear-gradient(90deg,#0000,#c5fff438,#0000);border-radius:999px;height:2px;position:absolute;inset:18px 10% auto}.ripple{z-index:4;pointer-events:none;border:2px solid #a8ffee61;border-radius:50%;width:174px;height:48px;animation:2.8s ease-out infinite ripple;position:absolute;bottom:118px;left:50%;transform:translate(-50%)}.ripple-two{animation-delay:.8s}.ripple-three{animation-delay:1.6s}.lily{z-index:4;pointer-events:none;background:linear-gradient(#4ea068,#34764e);border-radius:50%;width:72px;height:31px;position:absolute;bottom:104px;box-shadow:inset 9px 5px #ffffff12,0 8px 18px #0000001f}.l1{left:28px;transform:rotate(-8deg)}.l2{bottom:74px;right:34px;transform:rotate(8deg)scale(.82)}.lotus-bloom{z-index:5;filter:drop-shadow(0 0 9px #ffacd875);font-size:24px;animation:3.8s ease-in-out infinite lotusFloat;position:absolute}.lotus-bloom-one{bottom:115px;right:18%}.lotus-bloom-two{font-size:18px;animation-delay:1.1s;bottom:82px;left:14%}.frog-button{z-index:12;width:226px;height:226px;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.frog-button:not(:disabled):active{transform:translate(-50%)scale(.94)}.frog-button:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.frog-button:disabled{opacity:.82}.frog{z-index:3;filter:drop-shadow(0 21px 15px #00000047);transform-origin:50% 90%;width:148px;height:122px;animation:2.4s ease-in-out infinite idle;position:relative}.frog-body{background:linear-gradient(135deg,#d8fff8 0%,#b8fff2 39%,#58c2d0 40%,#2a97aa 100%);border:3px solid #02252a6b;border-radius:48% 48% 42% 42%;position:absolute;inset:25px 10px 0;box-shadow:inset 0 8px 15px #ffffff29,inset 0 -12px 20px #033f4b2e}.eye{z-index:4;background:#e1fff9;border:3px solid #02252a6b;border-radius:50%;width:49px;height:49px;position:absolute;top:4px}.eye:after{content:"";background:#061d21;border-radius:50%;width:14px;height:19px;position:absolute;top:11px;left:16px;box-shadow:4px 1px 0 -2px #ffffffd9}.eye.left{left:14px}.eye.right{right:14px}.mouth{z-index:5;border-bottom:3px solid #11343b;border-radius:50%;width:39px;height:14px;position:absolute;top:77px;left:54px}.cheek{z-index:5;background:#ff8da98c;border-radius:50%;width:18px;height:10px;position:absolute;top:70px}.cheek.c1{left:27px}.cheek.c2{right:27px}.frog.hopping{animation:1.12s cubic-bezier(.2,.8,.2,1) infinite hop}.frog-resting{animation:3.2s ease-in-out infinite restingFrog}.tap-ring{z-index:1;pointer-events:none;border:2px solid #abffef5c;border-radius:50%;width:178px;height:58px;animation:1.8s ease-out infinite tapPulse;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.golden-crown{z-index:20;filter:drop-shadow(0 0 12px #ffd75ccc);font-size:35px;animation:1.8s ease-in-out infinite crownFloat;position:absolute;top:-30px;left:50%;transform:translate(-50%)rotate(-5deg)}.golden-toby-day .frog{filter:drop-shadow(0 0 14px #ffde5bb8)drop-shadow(0 22px 15px #00000047)}.golden-toby-day .frog-body{background:linear-gradient(135deg,#fff9be 0%,#ffd45d 39%,#ec9d28 40%,#ae6311 100%)}.hop-instruction{z-index:20;text-align:center;pointer-events:none;position:absolute;bottom:28px;left:24px;right:24px}.hop-instruction strong{color:var(--ink);letter-spacing:.015em;text-shadow:0 3px 12px #0000004d;font-size:1rem;font-weight:950;display:block}.hop-instruction span{color:#d5f2ebc7;letter-spacing:.065em;text-transform:uppercase;text-shadow:0 2px 10px #0000004d;margin-top:6px;font-size:.74rem;font-weight:850;display:block}.hop-progress{z-index:21;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;justify-content:center;align-items:center;gap:8px;font-size:.68rem;font-weight:850;display:flex;position:absolute;bottom:78px;left:20px;right:20px}.hop-progress-dot{background:var(--cyan);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite progressPulse;box-shadow:0 0 12px #87f7dfb8}.pond-card-busy{border-color:#87f7df47}.hop-is-busy .frog-button{cursor:wait}.pond-theme-rain .pond-card{background:radial-gradient(circle at 78% 24%,#c9ebff1c,#0000 23%),linear-gradient(#173844 0%,#15525e 54%,#09333b 100%)}.pond-theme-fireflies .pond-card{background:radial-gradient(circle at 50% 55%,#faee5b14,#0000 35%),linear-gradient(#102f35 0%,#0b4b4c 56%,#082d34 100%)}.pond-theme-blossom .pond-card{background:radial-gradient(circle at 72% 30%,#ffb3d621,#0000 28%),linear-gradient(#263c4c 0%,#17606a 54%,#163a45 100%)}.pond-theme-winter .pond-card{background:radial-gradient(circle at 75% 25%,#e8ffff36,#0000 26%),linear-gradient(#284d60 0%,#1d7080 55%,#174753 100%)}.pond-theme-autumn .pond-card{background:radial-gradient(circle at 75% 24%,#ffbc5529,#0000 25%),linear-gradient(#4b3a30 0%,#42615c 54%,#263b3d 100%)}.pond-theme-lotus .pond-card{background:radial-gradient(circle at 50% 62%,#ff93d21c,#0000 35%),linear-gradient(#153c48 0%,#11626b 54%,#08373e 100%)}.pond-theme-rainbow .pond-card{background:radial-gradient(circle at 50% 27%,#fff3b11f,#0000 30%),linear-gradient(#1b5368 0%,#137178 53%,#0b414a 100%)}.pond-theme-shooting-star .pond-card{background:radial-gradient(circle at 50% 20%,#6a74ff24,#0000 34%),linear-gradient(#101f44 0%,#15445b 55%,#082d39 100%)}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px;display:grid}.stat{border:1px solid var(--line);text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#0d3d429e,#051e22d1);border-radius:19px;min-width:0;padding:14px 8px;box-shadow:0 14px 34px #00000029}.stat strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:1.08rem;font-weight:950;display:block;overflow:hidden}.stat span{min-height:2.2em;color:var(--muted);letter-spacing:.07em;text-transform:uppercase;place-items:center;margin-top:7px;font-size:.62rem;font-weight:800;line-height:1.15;display:grid}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.nav{z-index:30;bottom:max(16px, calc(env(safe-area-inset-bottom) + 8px));border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#04181ce6;border-radius:21px;grid-template-columns:repeat(3,1fr);gap:6px;width:min(100% - 32px,488px);padding:6px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 48px #00000057}.nav button{min-width:0;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:15px;justify-content:center;align-items:center;gap:7px;padding:11px 9px;font-weight:900;transition:color .16s,background-color .16s,transform .16s;display:flex;overflow:hidden}.nav button.active{color:var(--ink);background:linear-gradient(#84f4de33,#84f4de1a)}.nav button:not(:disabled):active{transform:scale(.96)}.nav button>span:first-child{flex:none;font-size:1rem;line-height:1}.nav button>span:last-child{text-overflow:ellipsis;overflow:hidden}.nav button img{border:1px solid var(--line-strong);object-fit:cover;border-radius:50%;flex:none;width:24px;height:24px}.nav button.active img{border-color:var(--cyan);box-shadow:0 0 0 3px #87f7df14}.panel{margin-top:14px}.panel-heading{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:14px;display:flex}.panel-heading>div:first-child{min-width:0}.panel-eyebrow{color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;margin-left:2px;font-size:.62rem;font-weight:950;display:block}.panel-title{letter-spacing:-.035em;margin:8px 2px 14px;font-size:1.65rem;font-weight:950}.panel-heading .panel-title{margin:6px 0 0}.your-rank-pill{border:1px solid var(--line-strong);color:var(--gold);letter-spacing:.04em;white-space:nowrap;background:linear-gradient(#ffd77a1f,#ffd77a0d);border-radius:999px;flex:none;padding:8px 11px;font-size:.68rem;font-weight:950}.tabs{gap:6px;margin-bottom:12px;display:flex}.tabs button{border:1px solid var(--line);color:var(--muted);background:var(--glass);cursor:pointer;border-radius:14px;flex:1;padding:10px;font-weight:850}.tabs button.active{color:var(--ink);border-color:var(--line-strong);background:#84f4de24}.tabs button:disabled{opacity:.58}.leader-row{border:1px solid #0000;border-radius:17px;grid-template-columns:34px 46px minmax(0,1fr) auto;align-items:center;gap:9px;margin-bottom:6px;padding:12px 10px;transition:border-color .16s,background-color .16s,transform .16s;display:grid;position:relative;overflow:hidden}.leader-row:last-child{margin-bottom:0}.leader-row-you{background:linear-gradient(135deg,#87f7df21,#07353c66);border-color:#87f7df4d;box-shadow:inset 0 1px #ffffff0a,0 10px 30px #00000024}.leader-rank-1{background:linear-gradient(135deg,#ffd77a17,#0000 58%);border-color:#ffd77a40}.leader-rank-2{border-color:#dceff229}.leader-rank-3{border-color:#d28e5629}.rank{color:var(--gold);font-weight:950}.leader-row img{border:1px solid var(--line-strong);object-fit:cover;border-radius:50%;width:42px;height:42px}.leader-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;font-weight:950;display:flex;overflow:hidden}.you-label{color:var(--cyan);letter-spacing:.1em;background:#87f7df17;border:1px solid #87f7df3d;border-radius:999px;flex:none;padding:3px 6px;font-size:.52rem;font-weight:950}.leader-title{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.72rem;overflow:hidden}.leader-value{text-align:right;font-weight:950}.leader-sub{color:var(--muted);margin-top:3px;font-size:.68rem;font-weight:700}.record-hero{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:radial-gradient(circle at 0 0,#87f7df1f,#0000 42%),linear-gradient(#0d4146a8,#051f23db);border-radius:22px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px;display:grid}.record-hero img{object-fit:cover;border:2px solid #87f7dfa8;border-radius:50%;width:58px;height:58px;box-shadow:0 0 0 4px #87f7df0d,0 10px 22px #00000038}.record-hero>div:nth-child(2){min-width:0}.record-hero strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem;font-weight:950;display:block;overflow:hidden}.record-hero span{color:var(--gold);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:.75rem;font-weight:800;display:block;overflow:hidden}.record-rank{color:var(--ink);text-align:right;font-size:1.4rem;font-weight:950;line-height:1}.record-rank span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:6px;font-size:.56rem;font-weight:850}.sign-out-button{border:1px solid var(--line);cursor:pointer;border-radius:16px;width:100%;margin-top:14px;padding:14px;font-weight:950}.empty{color:var(--muted);text-align:center;padding:30px 16px}.empty strong{color:var(--ink);font-size:.95rem;font-weight:950;display:block}.empty span{margin-top:7px;font-size:.78rem;line-height:1.4;display:block}.empty-state-card{border:1px solid var(--line);color:var(--muted);background:var(--glass);text-align:center;border-radius:20px;padding:24px 18px;line-height:1.45}.join-pond-card{text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;margin-top:14px;display:grid}.join-pond-card>.primary{grid-column:1/-1}.join-pond-card strong,.empty-state-card strong{color:var(--ink);font-size:1rem;font-weight:950;display:block}.join-pond-card p,.empty-state-card p{color:var(--muted);margin:6px 0 0;font-size:.82rem;line-height:1.45}.join-pond-icon{border:1px solid var(--line);background:#87f7df14;border-radius:16px;place-items:center;width:48px;height:48px;font-size:1.55rem;display:grid}.empty-state-card .primary{cursor:pointer;border:0;border-radius:16px;width:100%;margin-top:16px;padding:14px;font-weight:950}.error-card{z-index:20;color:var(--danger);background:#59192161;border:1px solid #ffb1b133;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:14px;margin-top:14px;margin-bottom:8px;padding:14px 16px;font-size:.84rem;line-height:1.4;display:flex;position:relative}.error-card button{color:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-size:1.4rem;line-height:1}.notice-error{color:var(--danger);background:#59192161;border-color:#ffb1b133}.notice-success{color:#baffef;background:linear-gradient(135deg,#1d6e5b75,#07343094);border-color:#87f7df40}.notice-info{color:#c9ecff;background:#18435b7a;border-color:#97d5ff3d}.primary,.secondary{border-radius:16px;min-height:46px;transition:transform .15s,filter .15s,opacity .15s}.primary{color:#052428;background:linear-gradient(#dcfff7,#78e8d2);box-shadow:0 14px 28px #0000003d,inset 0 1px #fff}.secondary{color:var(--ink);background:#ffffff14}.primary:not(:disabled):active,.secondary:not(:disabled):active{transform:scale(.98)}.primary:disabled,.secondary:disabled{opacity:.56}.primary:focus-visible,.secondary:focus-visible,.wallet-pill:focus-visible,.tabs button:focus-visible,.nav button:focus-visible,.error-card button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.success{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#010e11cc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.success-card{border:1px solid var(--line-strong);text-align:center;background:radial-gradient(circle at 50% 0,#84f4de24,#0000 36%),#0a3035;border-radius:30px;width:min(100%,390px);padding:30px;box-shadow:0 30px 80px #0000008a}.success-frog{filter:drop-shadow(0 9px 12px #0000004d);margin-bottom:8px;font-size:3rem;animation:1.8s ease-in-out infinite successBounce}.success-eyebrow{color:var(--muted);letter-spacing:.16em;font-size:.72rem;font-weight:900}.energy{color:var(--cyan);margin:12px 0;font-size:clamp(1.7rem,8vw,2.2rem);font-weight:950;line-height:1.05}.success-summary{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px;font-size:.9rem;display:flex}.success-summary strong{width:100%;color:var(--ink);font-size:1.2rem}.success-summary span{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;padding:6px 9px}.success-actions{gap:9px;margin-top:20px;display:grid}.success-actions button{cursor:pointer;border:0;border-radius:16px;padding:14px;font-weight:950}@keyframes idle{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-7px)rotate(1deg)}}@keyframes hop{0%{transform:translateY(0)scale(1)}20%{transform:translateY(11px)scale(1.08,.88)}52%{transform:translateY(-126px)rotate(7deg)scale(.92,1.08)}78%{transform:translateY(7px)scale(1.12,.84)}to{transform:translateY(0)scale(1)}}@keyframes restingFrog{0%,to{transform:translateY(1px)rotate(-.5deg)}50%{transform:translateY(-3px)rotate(.5deg)}}@keyframes ripple{0%{opacity:.8;transform:translate(-50%)scale(.45)}to{opacity:0;transform:translate(-50%)scale(1.55)}}@keyframes tapPulse{0%{opacity:.8;transform:translate(-50%)scale(.7)}to{opacity:0;transform:translate(-50%)scale(1.45)}}@keyframes moonFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-4px)rotate(1deg)}}@keyframes moonPulse{0%,to{opacity:.65;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}@keyframes starTwinkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.35)}}@keyframes pondRain{0%{transform:translateY(-20px)rotate(10deg)}to{transform:translate(-24px,650px)rotate(10deg)}}@keyframes pondRainFall{0%{transform:translateY(-15%)rotate(9deg)}to{transform:translate(-20px,610px)rotate(9deg)}}@keyframes rainRipples{0%{opacity:0;transform:scale(.75)}45%{opacity:.8}to{opacity:0;transform:scale(1.22)}}@keyframes snowFall{0%{transform:translateY(-30px)}to{transform:translate(20px,650px)}}@keyframes pondSnowFall{0%{transform:translateY(-10%)rotate(0)}50%{transform:translate(17px,300px)rotate(160deg)}to{transform:translate(-12px,610px)rotate(360deg)}}@keyframes fireflyFloat{0%{opacity:.28;transform:translate(-12px,30px)scale(.7)}50%{opacity:1}to{opacity:.55;transform:translate(18px,240px)scale(1.2)}}@keyframes fireflyDrift{0%,to{opacity:.25;transform:translate(-3px,4px)scale(.7)}35%{opacity:1;transform:translate(7px,-9px)scale(1.25)}68%{opacity:.45;transform:translate(-6px,-14px)scale(.86)}}@keyframes petalFall{0%{transform:translateY(-35px)rotate(0)}to{transform:translate(42px,650px)rotate(540deg)}}@keyframes leafFall{0%{transform:translateY(-40px)rotate(0)}to{transform:translate(-46px,650px)rotate(600deg)}}@keyframes shootingStarFly{0%,63%{opacity:0;transform:translate(0,0)rotate(-28deg)scaleX(.35)}67%{opacity:1}79%{opacity:0;transform:translate(520px,260px)rotate(-28deg)scaleX(1)}to{opacity:0}}@keyframes lotusFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-6px)rotate(2deg)}}@keyframes crownFloat{0%,to{transform:translate(-50%)translateY(0)rotate(-5deg)}50%{transform:translate(-50%)translateY(-5px)rotate(3deg)}}@keyframes progressPulse{0%,to{opacity:.45;transform:scale(.72)}50%{opacity:1;transform:scale(1.2)}}@keyframes successBounce{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}@media (max-width:390px){.shell{padding-left:12px;padding-right:12px}.pond-card{min-height:500px}.celestial-scene{top:100px;right:11px;transform:scale(.9)}.pond-rainbow{width:238px;height:118px;top:150px}.frog-button{width:210px;height:210px;bottom:116px}.frog{width:138px;height:114px}.frog-body{inset:24px 9px 0}.eye{width:46px;height:46px}.eye.left{left:13px}.eye.right{right:13px}.mouth{width:38px;top:73px;left:50px}.cheek{top:67px}.profile-name{max-width:150px}.stat{padding-left:5px;padding-right:5px}.stat strong{font-size:1rem}.panel-heading{align-items:flex-start}.your-rank-pill{padding:7px 9px;font-size:.62rem}.record-hero{grid-template-columns:52px minmax(0,1fr) auto;padding:14px}.record-hero img{width:52px;height:52px}.record-rank{font-size:1.18rem}.leader-row{grid-template-columns:30px 40px minmax(0,1fr) auto;gap:7px}.leader-row img{width:38px;height:38px}.leader-name{font-size:.88rem}.nav button{gap:5px;padding:11px 7px;font-size:.78rem}.nav button img{width:22px;height:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pond-forecast{background:radial-gradient(circle at 10% 10%,#55e1be24,#0000 34%),linear-gradient(145deg,#0e3b3df7,#041e23fc);border:1px solid #9de5d32e;border-radius:24px;width:100%;margin-top:18px;margin-bottom:104px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0e,0 18px 38px #0003}.pond-forecast:after{content:"";pointer-events:none;background:radial-gradient(circle,#51d6b817,#0000 69%);border-radius:999px;width:190px;height:190px;position:absolute;bottom:-72px;right:-54px}.pond-forecast-golden{background:radial-gradient(circle at 10% 10%,#ffd85e2e,#0000 36%),linear-gradient(145deg,#473e1bfa,#092324fc);border-color:#ffdc7657}.pond-forecast-trigger{z-index:1;width:100%;min-height:104px;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;grid-template-columns:58px minmax(0,1fr) auto 28px;align-items:center;gap:13px;padding:16px;display:grid;position:relative}.pond-forecast-trigger:focus-visible{outline-offset:-4px;outline:2px solid #7ef4d6d1}.pond-forecast-trigger:active{background:#ffffff06}.pond-forecast-icon{background:radial-gradient(circle at 32% 25%,#ffffff24,#0000 42%),linear-gradient(145deg,#47b1993b,#082b317a);border:1px solid #c3f3e62e;border-radius:18px;place-items:center;width:58px;height:58px;font-size:31px;line-height:1;display:grid;box-shadow:inset 0 1px #ffffff12,0 10px 24px #0000002b}.pond-forecast-summary{gap:4px;min-width:0;display:grid}.pond-forecast-eyebrow{color:#9cedd7c2;letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:800;line-height:1.1}.pond-forecast-summary>strong{color:#f6fffcfa;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:800;line-height:1.16;overflow:hidden}.pond-forecast-description{color:#dcf3eda6;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.pond-forecast-signal{background:#01181d5c;border:1px solid #aee7d721;border-radius:14px;justify-items:center;gap:2px;min-width:54px;padding:8px 7px;display:grid}.pond-forecast-signal-value{color:#f7fffcf5;font-size:15px;font-weight:800;line-height:1}.pond-forecast-signal-label{color:#b1e5d79e;letter-spacing:.12em;font-size:7px;font-weight:800;line-height:1}.pond-forecast-chevron{color:#dff8f1cc;background:#01151a4d;border:1px solid #b3e8da24;border-radius:999px;place-items:center;width:28px;height:28px;font-size:18px;font-weight:500;line-height:1;display:grid}.pond-forecast-details{z-index:1;border-top:1px solid #a6e3d31a;gap:14px;padding:0 16px 16px;display:grid;position:relative}.pond-forecast-details[hidden]{display:none}.pond-forecast-condition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:14px;display:grid}.pond-forecast-condition{background:#01181d4d;border:1px solid #a9e2d31f;border-radius:13px;align-items:center;gap:9px;min-width:0;min-height:42px;padding:9px 10px;display:flex}.pond-forecast-condition>span{flex:none;font-size:17px}.pond-forecast-condition strong{color:#e5f9f3cc;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:800;line-height:1.2;overflow:hidden}.pond-golden-forecast{background:radial-gradient(circle at 90% 0,#ffd85e1a,#0000 46%),#02191d57;border:1px solid #f2d26929;border-radius:17px;gap:10px;padding:14px;display:grid}.pond-golden-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.pond-golden-heading>div{gap:4px;display:grid}.pond-golden-heading strong{color:#fff5cef0;font-size:13px;line-height:1.2}.pond-golden-percent{color:#ffde71f5;font-size:22px;font-weight:800;line-height:1}.pond-golden-meter{background:#0110148a;border-radius:999px;width:100%;height:7px;overflow:hidden}.pond-golden-meter>span{border-radius:inherit;background:linear-gradient(90deg,#53d5b4db,#ffdb63f5);min-width:3px;height:100%;transition:width .42s;display:block;box-shadow:0 0 14px #ffda5f3d}.pond-golden-forecast p{color:#e2f2eda8;margin:0;font-size:11px;line-height:1.48}.pond-forecast-message{background:#48b29914;border-radius:14px;align-items:flex-start;gap:10px;padding:11px 12px;display:flex}.pond-forecast-message>span{flex:none;font-size:18px}.pond-forecast-message p{color:#def3edab;margin:0;font-size:10px;line-height:1.5}@media (max-width:390px){.pond-forecast-trigger{grid-template-columns:52px minmax(0,1fr) auto 26px;gap:10px;padding:14px}.pond-forecast-icon{border-radius:16px;width:52px;height:52px;font-size:28px}.pond-forecast-summary>strong{font-size:16px}.pond-forecast-description{font-size:10px}.pond-forecast-signal{min-width:48px;padding:7px 5px}.pond-forecast-signal-value{font-size:13px}.pond-forecast-condition-grid{grid-template-columns:minmax(0,1fr)}}.pond-journal-panel{padding-bottom:18px}.journal-heading{align-items:center}.journal-cover{box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#ffd77a1a,#0000 44%),linear-gradient(#154441e0,#062326f5);border:1px solid #ffd77a38;border-radius:24px;padding:18px;position:relative;overflow:hidden}.journal-cover:after{content:"";pointer-events:none;border:1px solid #87f7df14;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-44px;right:-34px;box-shadow:0 0 0 18px #87f7df06,0 0 0 38px #87f7df05}.journal-cover-topline{z-index:1;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;gap:12px;font-size:.58rem;font-weight:950;display:flex;position:relative}.journal-identity{z-index:1;align-items:center;gap:13px;margin-top:20px;display:flex;position:relative}.journal-identity img{object-fit:cover;border:2px solid #ffd77ab3;border-radius:19px;width:62px;height:62px;box-shadow:0 12px 28px #0000003d}.journal-identity strong,.journal-identity span{display:block}.journal-identity strong{font-size:1.18rem;font-weight:950}.journal-identity span{color:var(--gold);margin-top:5px;font-size:.78rem;font-weight:850}.journal-cover blockquote{z-index:1;color:#e0f7f1b8;margin:18px 0 0;font-size:.78rem;font-style:italic;line-height:1.5;position:relative}.journal-first-hop,.journal-empty-card{margin-top:12px}.journal-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px;display:grid}.journal-summary-grid article{border:1px solid var(--line);background:linear-gradient(#0d3d429e,#051e22d6);border-radius:19px;min-width:0;padding:14px}.journal-summary-grid span,.journal-summary-grid strong,.journal-summary-grid small{display:block}.journal-summary-grid span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.58rem;font-weight:900}.journal-summary-grid strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:1.55rem;font-weight:950;line-height:1;overflow:hidden}.journal-summary-grid small{color:#9bc7bdb8;margin-top:6px;font-size:.65rem}.journal-section,.journal-discovery-progress,.journal-token-note{border:1px solid var(--line);background:#051e22b8;border-radius:21px;margin-top:12px;padding:16px;box-shadow:0 14px 34px #00000021}.journal-discovery-progress{background:radial-gradient(circle at 100% 0,#87f7df1a,#0000 42%),#051e22c2}.journal-section-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.journal-section-heading span,.journal-section-heading strong{display:block}.journal-section-heading span{color:var(--cyan);letter-spacing:.14em;font-size:.56rem;font-weight:950}.journal-section-heading strong{margin-top:5px;font-size:.9rem;font-weight:950}.journal-section-heading b{color:var(--gold);font-size:1.15rem}.journal-progress-track{background:#9bc7bd1a;border-radius:999px;height:8px;margin-top:15px;overflow:hidden}.journal-progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--cyan-strong), var(--gold));height:100%;transition:width .42s;display:block;box-shadow:0 0 14px #87f7df59}.journal-progress-meta{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.journal-progress-meta span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 8px;font-size:.62rem;font-weight:800}.journal-find-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px;display:grid}.journal-find-card{border:1px solid var(--line);background:#0a3e4273;border-radius:16px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:10px;display:grid;position:relative}.journal-find-symbol,.journal-timeline-mark{color:var(--cyan);background:#87f7df12;border:1px solid #87f7df29;border-radius:50%;place-items:center;font-weight:950;display:grid}.journal-find-symbol{width:38px;height:38px}.journal-find-copy{min-width:0}.journal-find-copy strong,.journal-find-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.journal-find-copy strong{font-size:.76rem;font-weight:950}.journal-find-copy span{color:var(--muted);text-transform:uppercase;margin-top:3px;font-size:.56rem;font-weight:850}.journal-find-count{color:var(--muted);font-size:.62rem;font-weight:900}.journal-rarity-rare,.journal-rarity-legendary{color:var(--gold);background:#ffd77a12;border-color:#ffd77a42}.journal-rarity-secret{color:#d8c5ff;background:#8960d314;border-color:#be9eff47}.journal-timeline{margin-top:13px;position:relative}.journal-timeline:before{content:"";background:#87f7df21;width:1px;position:absolute;top:18px;bottom:18px;left:17px}.journal-timeline-entry{grid-template-columns:36px minmax(0,1fr);gap:11px;padding:0 0 16px;display:grid;position:relative}.journal-timeline-entry:last-child{padding-bottom:0}.journal-timeline-mark{z-index:1;background-color:#07353c;width:36px;height:36px;position:relative}.journal-timeline-copy{min-width:0;padding-top:2px}.journal-timeline-title{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.journal-timeline-title strong{font-size:.82rem;font-weight:950}.journal-timeline-title time{color:var(--muted);flex:none;font-size:.6rem}.journal-timeline-copy p{color:#c8e7e0b8;margin:5px 0 0;font-size:.7rem;line-height:1.42}.journal-timeline-meta{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.journal-timeline-meta span{color:var(--gold);font-size:.58rem;font-weight:850}.journal-loading,.journal-inline-error,.journal-empty-history{color:var(--muted);margin-top:13px;font-size:.74rem;line-height:1.45}.journal-inline-error{color:var(--danger)}.journal-empty-find{border:1px dashed var(--line);text-align:center;border-radius:16px;margin-top:13px;padding:18px}.journal-empty-find>span{color:var(--cyan);font-size:1.5rem;display:block}.journal-empty-find strong{margin-top:5px;font-size:.82rem;display:block}.journal-empty-find p{color:var(--muted);margin:5px 0 0;font-size:.68rem}.journal-token-note{justify-content:space-between;align-items:center;gap:12px;display:flex}.journal-token-note span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:850}.journal-token-note strong{color:var(--gold);font-size:1.12rem;font-weight:950}@media (max-width:390px){.journal-find-grid{grid-template-columns:1fr}.journal-cover-topline{font-size:.52rem}}@media (prefers-reduced-motion:reduce){.journal-progress-track span{transition:none}}.journal-secret-list{gap:10px;display:grid}.journal-secret-card{background:linear-gradient(145deg,#143028cc,#091b17e6);border:1px solid #cde6bf26;border-radius:16px;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:12px;padding:14px;display:grid}.journal-secret-mark{color:#e4efbd;background:#b7d2831f;border-radius:999px;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 0 0 1px #dceeb71f}.journal-secret-card strong,.journal-secret-card p,.journal-secret-card small{display:block}.journal-secret-card p{color:#ecf3e8b8;margin:4px 0 6px;font-size:.84rem;line-height:1.45}.journal-secret-card small{color:#b0c5b9b8;font-size:.72rem}.journal-conditions-card{background:linear-gradient(145deg,#144c4eb3,#09262fdb);border:1px solid #9adccf33;border-radius:18px;margin:14px 0;padding:16px;box-shadow:inset 0 1px #ffffff0d}.journal-conditions-current{align-items:center;gap:13px;display:flex}.journal-condition-emoji{background:#ffffff12;border-radius:15px;place-items:center;width:48px;height:48px;font-size:25px;display:grid}.journal-conditions-current div,.journal-forecast-line div{gap:2px;display:grid}.journal-conditions-current span:not(.journal-condition-emoji),.journal-forecast-line small{letter-spacing:.16em;opacity:.62;font-size:10px}.journal-conditions-current strong,.journal-forecast-line strong{font-size:15px}.journal-conditions-current p,.journal-forecast-line p{opacity:.72;margin:0;font-size:12px}.journal-condition-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.journal-condition-tags span{text-transform:capitalize;opacity:.78;border:1px solid #bef2e724;border-radius:999px;padding:5px 8px;font-size:10px}.journal-forecast-line{border-top:1px dashed #c5efe629;align-items:center;gap:10px;margin-top:14px;padding-top:13px;display:flex}.journal-forecast-line>span{font-size:22px}.journal-notification-health{background:#4f878021;border:1px solid #9eded229;border-radius:14px;margin:12px 0;padding:13px 14px}.journal-notification-health.warning{background:#aa793421;border-color:#eebc7133}.journal-notification-health strong{font-size:13px;display:block}.journal-notification-health p{opacity:.72;margin:4px 0 0;font-size:11px;line-height:1.5}.journal-community-list{gap:8px;display:grid}.journal-community-list article{background:#ffffff09;border:1px solid #b4ebe01a;border-radius:13px;align-items:center;gap:11px;padding:11px 12px;display:flex}.journal-community-list article>span{background:#81dfcd17;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.journal-community-list article div{gap:2px;display:grid}.journal-community-list article strong{font-size:12px}.journal-community-list article small{opacity:.62;font-size:10px}.pond-sound-toggle{z-index:30;width:38px;height:38px;color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#03181b7a;border:1px solid #b4ffee33;border-radius:999px;place-items:center;font:700 18px/1 system-ui,sans-serif;display:grid;position:absolute;top:18px;right:18px}.pond-sound-toggle:active{transform:scale(.93)}.pond-sound-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.pond-sound-toggle.pond-sound-toggle-lower{background:#03181b9e;justify-content:center;align-items:center;gap:6px;width:auto;min-width:84px;height:34px;padding:0 10px;font-size:15px;display:inline-flex;top:auto;bottom:76px;right:16px}.pond-sound-toggle.pond-sound-toggle-lower small{color:#eafff9c7;letter-spacing:.08em;text-transform:uppercase;font:700 9px/1 system-ui,sans-serif}@media (max-width:420px){.pond-sound-toggle.pond-sound-toggle-lower{width:34px;min-width:34px;padding:0;bottom:72px;right:12px}.pond-sound-toggle.pond-sound-toggle-lower small{display:none}}.pond-weather-fog,.pond-weather-wind{pointer-events:none;z-index:5;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.pond-weather-fog{mix-blend-mode:screen;background:linear-gradient(#daede61a,#d5e8e22e 52%,#d2e7e114)}.pond-weather-fog span{filter:blur(12px);background:radial-gradient(#e8f5f03d,#e8f5f000 72%);border-radius:50%;width:170%;height:22%;animation:18s ease-in-out infinite alternate pondFogDrift;position:absolute;left:-35%}.pond-weather-fog span:first-child{top:18%}.pond-weather-fog span:nth-child(2){animation-duration:24s;animation-delay:-7s;top:43%}.pond-weather-fog span:nth-child(3){animation-duration:21s;animation-delay:-12s;top:67%}.pond-weather-wind span{background:linear-gradient(90deg,#0000,#ddf7f06b,#0000);width:42%;height:1px;animation:6.5s linear infinite pondWindTrace;position:absolute;left:-30%}.pond-weather-wind span:first-child{top:28%}.pond-weather-wind span:nth-child(2){animation-delay:-2.2s;top:51%}.pond-weather-wind span:nth-child(3){animation-delay:-4.1s;top:72%}@keyframes pondFogDrift{0%{opacity:.52;transform:translate(-4%)scale(1)}to{opacity:.86;transform:translate(8%,2%)scale(1.08)}}@keyframes pondWindTrace{0%{opacity:0;transform:translate(0)}15%{opacity:.7}80%{opacity:.35}to{opacity:0;transform:translate(340%)}}.pond-forecast-subdescription{opacity:.62;margin-top:2px;font-size:11px;display:block}.pond-daily-truth{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.pond-daily-truth>div{background:#04211f57;border:1px solid #c5efe624;border-radius:16px;grid-template-columns:auto 1fr;grid-template-areas:"icon label""icon value";align-items:center;column-gap:9px;min-width:0;padding:12px;display:grid}.pond-daily-truth span{grid-area:icon;font-size:20px}.pond-daily-truth small{letter-spacing:.16em;opacity:.55;grid-area:label;font-size:9px}.pond-daily-truth strong{text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;grid-area:value;font-size:13px;overflow:hidden}@media (prefers-reduced-motion:reduce){.pond-weather-fog span,.pond-weather-wind span{animation:none}}.pond-macro-event{color:#e2fff7c7;background:linear-gradient(135deg,#23706933,#0d2b3352);border:1px solid #b1ffea2e;border-radius:18px;align-items:center;gap:.75rem;margin:.15rem 1rem .85rem;padding:.8rem .9rem;font-size:.78rem;line-height:1.35;display:flex}.pond-macro-event>span:first-child{filter:drop-shadow(0 0 10px #ffe19142);font-size:1.55rem}.pond-macro-event strong{color:#f4fff9;margin-bottom:.14rem;font-size:.88rem;display:block}.pond-calendar-scene{z-index:8;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pond-calendar-scene span{--calendar-index:0;left:calc(7% + (var(--calendar-index) * 11%));top:calc(20% + ((var(--calendar-index) % 4) * 14%));opacity:0;animation:pondCalendarFloat 8s ease-in-out calc(var(--calendar-index) * .35s) infinite;position:absolute}.pond-calendar-red-lanterns span:before,.pond-calendar-moon-lanterns span:before{content:"🏮";filter:drop-shadow(0 0 9px #ff65408c);font-size:18px}.pond-calendar-heartleaves span:before{content:"♥";color:#ef9ba9;text-shadow:0 0 8px #ff8ba673;font-size:15px}.pond-calendar-violet-bloom span:before{content:"✿";color:#c7a7ff;font-size:17px}.pond-calendar-spring-awakening span:before,.pond-calendar-earth-bloom span:before,.pond-calendar-flower-crowns span:before{content:"✿";color:#bdf09e;font-size:16px}.pond-calendar-blue-ripples span:before,.pond-calendar-friendship-ripples span:before{content:"◌";color:#b9f7ffc7;font-size:22px}.pond-calendar-wildlife-day span:before,.pond-calendar-animal-parade span:before{content:"•";color:#dbffc9;box-shadow:0 0 8px #b7ff9ab3}.pond-calendar-longest-light span:before,.pond-calendar-first-light span:before{content:"✦";color:#fff1a5;text-shadow:0 0 12px #ffdc5bb8;font-size:17px}.pond-calendar-lantern-pumpkins span:before{content:"🎃";font-size:17px}.pond-calendar-festival-lights span:before,.pond-calendar-winter-lights span:before{content:"•";color:#ffd989;box-shadow:0 0 11px #ffcf67,0 0 22px #ffa43f61}.pond-calendar-gathering-leaves span:before{content:"◆";color:#c99352;font-size:13px}.pond-calendar-longest-night span:before{content:"✦";color:#dce9ff;text-shadow:0 0 10px #aac3ffb3;font-size:14px}@keyframes pondCalendarFloat{0%,to{opacity:0;transform:translateY(18px)rotate(-8deg)scale(.75)}20%{opacity:.72}55%{opacity:.9;transform:translateY(-18px)rotate(8deg)scale(1)}82%{opacity:.35}}@media (prefers-reduced-motion:reduce){.pond-calendar-scene{display:none}}.hop-copy-story{background:linear-gradient(#03191f9e 0%,#03191f42 66%,#0000 100%);border-radius:0 0 28px 28px;padding:14px 18px 22px;top:22px;left:20px;right:20px}.pond-field-label{color:#d2f8eeb8;letter-spacing:.18em;text-transform:uppercase;opacity:0;margin-bottom:8px;font-size:.66rem;font-weight:900;animation:.52s ease-out 80ms forwards pondStoryReveal;display:block}.hop-copy-story h1{text-wrap:balance;opacity:0;max-width:520px;margin-inline:auto;font-size:clamp(1.75rem,7.2vw,2.45rem);line-height:1.02;animation:.68s cubic-bezier(.22,.85,.3,1) .22s forwards pondStoryReveal;transform:translateY(5px)}.pond-story-copy{text-wrap:pretty;opacity:0;font-style:italic;animation:.72s ease-out .52s forwards pondStoryReveal;transform:translateY(4px);color:#ebfcf7e0!important;max-width:360px!important;margin-top:12px!important;font-size:clamp(.82rem,3.3vw,.96rem)!important;line-height:1.48!important}.pond-story-return{color:#c7ece49e;letter-spacing:.09em;text-transform:uppercase;opacity:0;max-width:290px;margin:11px auto 0;font-size:.64rem;font-weight:850;animation:.65s ease-out .92s forwards pondStoryReveal;display:block}@keyframes pondStoryReveal{to{opacity:1;transform:translateY(0)}}.pond-card:after{content:"";z-index:1;pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff1c,inset 0 0 46px #0212182e,inset 0 -34px 70px #00101733}.pond-depth-glow{z-index:3;pointer-events:none;filter:blur(11px);background:radial-gradient(#7effe821,#0000 68%);border-radius:50%;height:34%;animation:8s ease-in-out infinite pondDepthBreathe;position:absolute;top:49%;left:25%;right:25%}@keyframes pondDepthBreathe{0%,to{opacity:.45;transform:scale(.96)}50%{opacity:.85;transform:scale(1.04)}}.water-caustics{z-index:5;pointer-events:none;opacity:.18;mix-blend-mode:screen;position:absolute;inset:54% 4% 15%;overflow:hidden}.water-caustics span{filter:blur(1px);border:1px solid #affff18c;border-radius:50%;width:52%;height:34%;animation:11s ease-in-out infinite causticDrift;position:absolute}.water-caustics span:first-child{top:12%;left:-8%}.water-caustics span:nth-child(2){animation-delay:-4s;top:42%;right:-12%}.water-caustics span:nth-child(3){animation-delay:-7s;top:67%;left:34%}@keyframes causticDrift{0%,to{opacity:.25;transform:translate(-4px)scaleX(.9)}50%{opacity:.72;transform:translate(8px,-3px)scaleX(1.08)}}.moon-cloud{z-index:4;filter:blur(5px);opacity:0;background:linear-gradient(90deg,#0000,#d6f2ef2e,#0000);border-radius:999px;width:74px;height:13px;animation:24s linear infinite moonCloudPass;position:absolute;left:-22px}.moon-cloud-one{top:39px}.moon-cloud-two{animation-duration:31s;animation-delay:-13s;top:64px}@keyframes moonCloudPass{0%,26%{opacity:0;transform:translate(-24px)}34%,58%{opacity:.65}72%,to{opacity:0;transform:translate(145px)}}.rare-sky-streak{z-index:6;opacity:0;filter:drop-shadow(0 0 4px #bef5ffcc);background:linear-gradient(90deg,#0000,#ffffffe6);width:38px;height:1px;animation:37s ease-in-out infinite rareSkyStreak;position:absolute;top:2px;right:8px;transform:rotate(-24deg)}@keyframes rareSkyStreak{0%,88%,to{opacity:0;transform:translate(0)rotate(-24deg)}90%{opacity:.95}94%{opacity:0;transform:translate(-74px,40px)rotate(-24deg)}}.pond-foreground{z-index:16;pointer-events:none;position:absolute;inset:0;overflow:hidden}.foreground-reed{opacity:.28;filter:blur(1.8px);transform-origin:bottom;background:linear-gradient(90deg,#0000 40%,#012723d1 45% 57%,#0000 62%);width:18px;height:142px;animation:7.5s ease-in-out infinite foregroundReedSway;position:absolute;bottom:-16px}.foreground-reed:after{content:"";background:#124a3bd1;border-radius:70% 30%;width:11px;height:31px;position:absolute;top:12px;left:3px}.foreground-reed-left{left:3px;transform:rotate(-8deg)}.foreground-reed-right{animation-delay:-3s;right:7px;transform:rotate(7deg)scaleX(-1)}@keyframes foregroundReedSway{0%,to{rotate:-1deg}50%{rotate:3deg}}.foreground-drift{background:#cdfff459;border-radius:50%;width:7px;height:7px;animation:28s linear infinite foregroundDrift;position:absolute;top:54%;left:-12%;box-shadow:0 0 9px #a0ffeb57}@keyframes foregroundDrift{0%,8%{opacity:0;transform:translateY(12px)scale(.7)}14%,86%{opacity:.8}to{opacity:0;transform:translate(760px,-40px)scale(1.25)}}.special-firefly:nth-child(4n){filter:drop-shadow(0 0 8px #ffeb70f2);animation-timing-function:cubic-bezier(.34,.02,.48,1)}.special-firefly:nth-child(5n){animation-delay:-1.8s!important}.hop-instruction{background:linear-gradient(#0000,#021d2229);border-radius:18px;padding:10px 12px 8px}.hop-instruction strong{text-wrap:balance;font-size:1.03rem}.hop-instruction span{text-wrap:balance;max-width:310px;margin-inline:auto;line-height:1.35}@media (max-width:430px){.hop-copy-story{padding-inline:10px;top:18px}.hop-copy-story h1{font-size:clamp(1.58rem,7vw,2rem)}.pond-story-copy{max-width:310px!important;font-size:.82rem!important}.pond-story-return{font-size:.58rem}.celestial-scene{top:148px}}@media (prefers-reduced-motion:reduce){.pond-field-label,.hop-copy-story h1,.pond-story-copy,.pond-story-return{opacity:1;animation:none;transform:none}.pond-depth-glow,.water-caustics span,.moon-cloud,.rare-sky-streak,.foreground-reed,.foreground-drift{animation:none!important}}.hop-copy-story{isolation:isolate;background:0 0;border-radius:0;padding:0;top:20px;left:28px;right:28px}.hop-copy-story:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#03191fad 0%,#03191f57 54%,#0000 100%);height:190px;position:absolute;top:-20px;left:-28px;right:-28px}.hop-copy-story .pond-field-label{margin-bottom:6px;font-size:.6rem}.hop-copy-story h1{letter-spacing:-.045em;max-width:420px;font-size:clamp(1.62rem,6.6vw,2.15rem);line-height:1.04}.hop-copy-story .pond-story-copy{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;max-width:330px!important;margin-top:9px!important;font-size:clamp(.78rem,3.05vw,.9rem)!important;line-height:1.42!important}.pond-story-return{display:none!important}@media (max-width:430px){.hop-copy-story{padding:0;top:18px;left:20px;right:20px}.hop-copy-story:before{height:178px;left:-20px;right:-20px}.hop-copy-story h1{font-size:clamp(1.46rem,6.5vw,1.88rem)}.hop-copy-story .pond-story-copy{max-width:292px!important;font-size:.78rem!important;line-height:1.38!important}.celestial-scene{top:138px}}.hop-copy-story{box-shadow:none!important;background:0 0!important;border:0!important}.hop-copy-story:before{display:none!important}.hop-copy-story .pond-field-label,.hop-copy-story h1,.hop-copy-story .pond-story-copy{opacity:1!important;animation:none!important;transform:none!important}.hop-copy-story h1{text-shadow:0 2px 3px #001218b8,0 7px 22px #000c1285}.hop-copy-story .pond-story-copy{text-shadow:0 1px 2px #001218d1,0 5px 16px #000c129e}.leaderboard-panel{padding-bottom:104px}.leader-pagination{border:1px solid var(--line);color:var(--muted);background:#071f2285;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 14px;padding:10px 12px;font-size:.72rem;display:flex}.leader-range{min-width:0;line-height:1.45}.leader-range strong,.leader-page-count strong{color:var(--ink);font-weight:900}.leader-page-controls{flex:none;justify-content:flex-end;align-items:center;gap:6px;display:flex}.leader-page-controls button{border:1px solid var(--line);width:34px;height:34px;min-height:0;color:var(--ink);font:inherit;cursor:pointer;background:#84f4de12;border-radius:11px;place-items:center;padding:0;font-size:1.1rem;font-weight:900;display:grid}.leader-page-controls button:disabled{cursor:default;opacity:.28}.leader-page-count{text-align:center;white-space:nowrap;min-width:88px}.leader-row{grid-template-columns:minmax(46px,auto) 46px minmax(0,1fr) minmax(58px,auto)}.rank{font-variant-numeric:tabular-nums;letter-spacing:-.03em;white-space:nowrap;min-width:0;font-size:clamp(.78rem,3.2vw,.95rem)}.leader-identity,.leader-name,.leader-name>span:first-child{min-width:0}.leader-name>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leader-value{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;max-width:92px;overflow:hidden}.leader-value>span{text-overflow:ellipsis;display:block;overflow:hidden}@media (max-width:560px){.leader-pagination{flex-direction:column;align-items:stretch}.leader-range{text-align:center}.leader-page-controls{justify-content:center}.leader-row{grid-template-columns:minmax(43px,auto) 40px minmax(0,1fr) minmax(50px,auto)}.leader-value{max-width:70px}}