.frog-intro{z-index:240;color:#fff8d8;isolation:isolate;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#102f34;position:fixed;inset:0;overflow:hidden}.frog-intro-garden,.frog-intro-town,.intro-vignette{pointer-events:none;position:absolute;inset:-3%}.frog-intro-garden{z-index:-4;filter:saturate(.62)brightness(.74);background:url(/assets/wilderness-spring-v2.png) 50%/cover no-repeat;transition:filter 1.4s,transform 2.2s,opacity 1.2s;transform:scale(1.08)}.frog-intro-town{z-index:-3;opacity:0;background:url(/assets/village-map.png) 50%/cover no-repeat;transition:opacity 1.4s,transform 4s;transform:scale(1.08)}.intro-vignette{z-index:-1;background:radial-gradient(circle at 45% 51%,#0000 12%,#071a1a33 55%,#041115aa 100%),linear-gradient(#07132445,#0000 62%,#07132492)}.phase-walk .frog-intro-garden{background-position:28%;transform:scale(1.14)}.phase-frog .frog-intro-garden,.phase-demo .frog-intro-garden,.phase-input .frog-intro-garden,.phase-round-success .frog-intro-garden,.phase-round-fail .frog-intro-garden,.phase-climax .frog-intro-garden,.phase-cricket .frog-intro-garden,.phase-quest .frog-intro-garden,.phase-beatstone .frog-intro-garden,.phase-bacharoo .frog-intro-garden{background-position:17% 55%;transform:scale(1.17)}.town-phase .frog-intro-garden{opacity:0}.town-phase .frog-intro-town{opacity:1;transform:scale(1.01)}.phase-title .frog-intro-town{animation:4s ease-out both townCameraRise}.intro-controls{z-index:30;gap:8px;display:flex;position:absolute;top:18px;right:18px}.intro-controls button{color:#fff8d8;cursor:pointer;background:#092f3dd9;border:2px solid #c99d31;border-radius:999px;min-width:44px;height:40px;padding:0 12px;font-weight:900;box-shadow:0 4px 12px #04111699}.intro-controls button.active{color:#143d42;background:#95f1df;box-shadow:0 0 18px #95f1dfaa}.intro-controls .skip-intro{min-width:66px}.mic-message{z-index:29;color:#eafffa;background:#09313ccf;border:1px solid #85eee0;border-radius:99px;padding:6px 11px;font-size:11px;position:absolute;top:67px;right:20px}.silent-details i{z-index:4;pointer-events:none;font-style:normal;position:absolute}.silent-bird{color:#ffcf5e;font-size:45px;animation:2.2s ease-in-out infinite silentBird;top:15%;right:13%;transform:rotate(-8deg)}.silent-chimes{color:#d9faff;opacity:.7;font-size:50px;animation:2.8s ease-in-out infinite silentChimes;top:17%;left:13%}.silent-fountain{color:#a9f5ff;opacity:.5;font-size:70px;top:34%;right:31%}.intro-butterfly{color:#fb89d0;font-size:25px;transition:transform .5s}.intro-butterfly.b1{animation:5s ease-in-out infinite butterflyDrift;top:38%;left:30%}.intro-butterfly.b2{animation:4.3s ease-in-out -1s infinite butterflyDrift;top:25%;left:48%}.intro-butterfly.b3{animation:5.7s ease-in-out -2.2s infinite butterflyDrift;top:43%;right:19%}.garden-restored .silent-chimes{filter:drop-shadow(0 0 10px #fff);animation:.8s ease-in-out infinite alternate chimesRing}.garden-restored .silent-fountain{opacity:1;animation:.7s ease-in-out infinite alternate fountainSing}.intro-path-flowers{z-index:3;pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:10%;left:7%;right:7%}.intro-path-flowers i{color:#ee83bf;filter:drop-shadow(0 2px 2px #203);transform-origin:bottom;font:28px Georgia;animation:2s ease-in-out infinite flowerListen}.intro-path-flowers i:nth-child(2n){color:#f1d354;animation-delay:-.7s}.intro-path-flowers i:nth-child(3n){color:#8eeaca;animation-delay:-1.3s}.garden-restored .intro-path-flowers i{animation-duration:.56s}.intro-lyra{z-index:12;filter:drop-shadow(0 18px 10px #06151b77);background:url(/assets/lyra-sprites.png) 66.667% 0/400% 200% no-repeat;width:190px;height:235px;transition:left .32s;animation:2.2s ease-in-out infinite lyraBreathe;position:absolute;bottom:12%;transform:translate(-50%)}.phase-frog .intro-lyra,.phase-demo .intro-lyra,.phase-input .intro-lyra,.phase-round-success .intro-lyra,.phase-round-fail .intro-lyra,.phase-climax .intro-lyra,.phase-cricket .intro-lyra,.phase-quest .intro-lyra,.phase-beatstone .intro-lyra,.phase-bacharoo .intro-lyra{width:210px;height:260px;bottom:9%;left:19%!important}.phase-town-walk .intro-lyra,.phase-title .intro-lyra{bottom:10%}.intro-frog{z-index:11;filter:drop-shadow(0 20px 12px #06151b88);transform-origin:50% 90%;background:url(/assets/guardians-day-v2.png) 0 0/600% 200% no-repeat;width:300px;height:250px;animation:1.4s ease-in-out infinite frogIdle;position:absolute;bottom:16%;left:54%}.intro-frog.frog-fall{animation:2.1s ease-in-out both frogWobbleFall}.lily-hat{filter:drop-shadow(0 4px 3px #173);background:radial-gradient(at 45% 60%,#8bc841 0 50%,#4d9428 52% 74%,#0000 76%);border-radius:50%;width:92px;height:38px;position:absolute;top:-2%;left:34%;transform:rotate(-12deg)}.frog-mistake{background-position:0 100%;animation:1.1s ease-in-out both frogWrong}.frog-success-1{animation:.34s ease-in-out infinite alternate frogToe}.frog-success-2{animation:.45s ease-in-out infinite alternate frogKnees}.frog-success-3,.frog-dance{animation:1.15s ease-in-out infinite frogDance}.intro-cricket{z-index:10;filter:drop-shadow(0 10px 7px #06151b77);transform-origin:bottom;background:url(/assets/guardians-day-v2.png) 20% 0/600% 200% no-repeat;width:118px;height:102px;animation:.34s ease-in-out infinite alternate cricketTap;position:absolute;bottom:18%;left:64%;transform:scale(.58)}.cricket-leaf{z-index:-1;background:linear-gradient(160deg,#a2d85b,#388e42);border-radius:100% 12%;width:145px;height:34px;position:absolute;bottom:-7px;left:-31px;transform:rotate(-7deg)}.intro-bacharoo{z-index:12;filter:drop-shadow(0 18px 12px #06151b88);background:url(/assets/townfolk-sprites.png) 0 0/300% 200% no-repeat;width:210px;height:267px;animation:.55s ease-in-out infinite alternate bacharooTap;position:absolute;bottom:12%;left:58%}.bacharoo-walking{animation:.5s ease-in-out infinite bacharooWalk;left:70%}.loose-wheel{z-index:14;border:12px solid #98652a;border-radius:50%;width:82px;height:82px;animation:2.6s linear 2.7s both wheelRoll;position:absolute;bottom:18%;right:-90px;box-shadow:inset 0 0 0 5px #e0b051,0 8px 9px #182025aa}.loose-wheel:before,.loose-wheel:after{content:"";background:#d4a347;width:8px;height:72px;position:absolute;top:-7px;left:29px}.loose-wheel:after{transform:rotate(90deg)}.intro-pond{z-index:7;filter:drop-shadow(0 0 22px #75f5e088);pointer-events:none;background:radial-gradient(#c5fff18c,#2aa7b5a6 36%,#0f5474c9 66%,#0000 70%);border-radius:50%;width:43%;height:31%;position:absolute;bottom:7%;left:39%;overflow:hidden}.phase-glide .intro-pond,.phase-walk .intro-pond,.phase-town-walk .intro-pond,.phase-title .intro-pond{opacity:0}.frog-reflection{opacity:.2;filter:blur(1px)hue-rotate(35deg);background:url(/assets/guardians-day-v2.png) 0 0/600% 200% no-repeat;width:190px;height:154px;position:absolute;top:16%;left:38%;transform:scaleY(-.78)rotate(2deg)}.pond-ripple,.reflection-pulse{border:4px solid #e4ffff;border-radius:50%;width:42px;height:18px;animation:1s ease-out both pondRipple;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 16px #94fff2}.reflection-pulse{border-color:#ffdc68;width:120px;height:45px;animation:.55s ease-out both reflectionPulse}.rhythm-copy-game{z-index:20;justify-items:center;gap:10px;display:grid;position:absolute;top:7%;left:50%;transform:translate(-50%)}.rhythm-prompt{color:#18343b;text-align:center;background:#fff2bd;border:3px solid #d59828;border-radius:99px;min-width:160px;padding:9px 22px;font:900 24px Georgia;animation:.35s both promptPop;box-shadow:0 8px 26px #04141999,0 0 18px #fff6b499}.pattern-lights{background:#092a36b5;border:1px solid #ebc45b;border-radius:99px;align-items:center;gap:11px;min-height:45px;padding:6px 14px;display:flex}.pattern-lights i{color:#7aa5a8;text-align:center;min-width:30px;font-size:21px;font-style:normal;transition:color .12s,filter .12s,transform .12s}.pattern-lights i.active{color:#ffe066;filter:drop-shadow(0 0 9px #fff);transform:scale(1.25)}.pattern-lights i.rest.active{color:#d8fbff}.pattern-lights i.guided{animation:2.2s linear infinite guidedBeat}.pattern-lights i:nth-child(2).guided{animation-delay:.55s}.pattern-lights i:nth-child(3).guided{animation-delay:1.1s}.pattern-lights i:nth-child(4).guided{animation-delay:1.65s}.pond-tap-target{color:#fff8d8;cursor:pointer;touch-action:manipulation;background:linear-gradient(#2ac5b6,#117783);border:3px solid #f0c95d;border-radius:50%;width:92px;height:62px;font-weight:900;box-shadow:0 7px #0a4a51,0 0 22px #7df3e5aa}.pond-tap-target:active{transform:translateY(5px);box-shadow:0 2px #0a4a51,0 0 28px #fff}.phase-demo .pond-tap-target{opacity:.55;pointer-events:none}.rhythm-copy-game>small{color:#fff7dc;text-shadow:0 2px 4px #001;font-weight:800}.gentle-guide .pond-tap-target{box-shadow:0 7px #0a4a51,0 0 32px #ffec82}.strong-guide .pond-tap-target{animation:.55s ease-in-out infinite alternate tapGuide}.restoration-burst{z-index:18;pointer-events:none;position:absolute;inset:0}.restoration-burst i{color:#fff271;text-shadow:0 0 8px #fff,0 0 18px #48ffec;font:900 30px Georgia;animation:2.8s ease-out infinite restorationNote;position:absolute;top:50%;left:50%}.restoration-burst i:nth-child(3n+1){--x:-37vw;--y:-32vh;animation-delay:-.4s}.restoration-burst i:nth-child(3n+2){--x:34vw;--y:-25vh;animation-delay:-1.2s}.restoration-burst i:nth-child(3n){--x:25vw;--y:31vh;animation-delay:-2s}.restoration-burst i:nth-child(5n){--x:-29vw;--y:28vh}.distant-guardians{z-index:8;opacity:.72;gap:46px;display:flex;position:absolute;top:21%;right:9%}.distant-guardians i{color:#cde0e0;filter:blur(.3px);background:#112732b8;border-radius:50% 50% 40% 40%;place-items:center;width:100px;height:125px;font:900 38px Georgia;animation:1.2s ease-in-out infinite alternate distantGuardian;display:grid}.distant-guardians i+i{animation-delay:-.5s}.beatstone-moment{z-index:25;justify-items:center;gap:12px;display:grid;position:absolute;top:34%;left:57%;transform:translate(-50%,-50%)}.intro-beatstone{color:#fff6bd;clip-path:polygon(50% 0,88% 20%,100% 61%,69% 100%,27% 92%,0 55%,14% 18%);filter:drop-shadow(0 0 17px #ffce53);cursor:pointer;background:radial-gradient(circle at 34% 27%,#fff9d9 0 5%,#f7a941 17%,#c74553 43%,#582f82 72%,#251a49);border:5px solid #ffd363;place-items:center;width:120px;height:120px;font-size:54px;animation:1.05s ease-in-out infinite beatstoneHeart;display:grid}.intro-beatstone.collected{animation:.8s ease-in both beatstoneCollect}.beatstone-moment small,.beatstone-moment strong{color:#fff8d8;background:#102d3be6;border:1px solid #e8bf58;border-radius:99px;padding:7px 13px;font-weight:900}.beatstone-moment strong{color:#fff0a1;animation:.4s both notificationPop}.intro-movement-hint{z-index:25;gap:8px;display:flex;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.intro-movement-hint span{color:#fff8d8;background:#123c49cf;border:2px solid #f1ca63;border-radius:10px;place-items:center;width:44px;height:38px;font-weight:900;animation:1s ease-in-out infinite alternate movementHint;display:grid;box-shadow:0 5px 13px #0019}.intro-movement-hint span+span{animation-delay:-.5s}.intro-caption{z-index:28;color:#fff8dd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#102d3be8;border:2px solid #e8bd53;border-radius:18px;align-items:center;gap:12px;max-width:min(620px,80vw);padding:9px 17px;animation:.28s both captionIn;display:flex;position:absolute;bottom:5%;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #02090dcc}.intro-caption small{color:#8ff1e1;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.intro-caption b{font:700 clamp(18px,2.2vw,27px) Georgia}.phase-walk .intro-caption,.phase-town-walk .intro-caption{bottom:10%}.intro-caption.speaker-lyra{background:#123f78ec}.intro-caption.speaker-bacharoo{background:#4d2f70ec}.intro-caption.speaker-frog{background:#28633dec}.intro-title-reveal{z-index:24;align-items:center;gap:18px;animation:1.4s both titleReveal;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.intro-title-reveal h1{color:#fff6d4;text-shadow:0 5px #7c4a2e,0 0 22px #fff,0 0 48px #63e9d8;margin:0;font:700 clamp(58px,10vw,132px)/1 Georgia}.title-vine{filter:drop-shadow(0 0 8px #d9ff75);border-top:10px solid #59a54c;border-bottom:0;border-left:0;border-right:10px solid #59a54c;border-radius:0 100% 0 0;width:92px;height:130px}.title-vine.left{transform:rotate(-42deg)}.title-vine.right{transform:scaleX(-1)rotate(-42deg)}@keyframes introGardenGlide{0%{transform:scale(1.19)translate(-3%,1%)}to{transform:scale(1.08)translate(2%,-1%)}}@keyframes townCameraRise{0%{transform:scale(1.08)translateY(4%)}to{transform:scale(1.01)translateY(-1%)}}@keyframes silentBird{50%{transform:rotate(8deg)scaleY(.93)}}@keyframes birdChirp{to{transform:translateY(-4px)rotate(9deg)scale(1.08)}}@keyframes silentChimes{50%{transform:rotate(5deg)}}@keyframes chimesRing{to{transform:rotate(9deg)scale(1.05)}}@keyframes fountainSing{to{filter:drop-shadow(0 0 14px #fff);transform:translateY(-6px)}}@keyframes butterflyDrift{50%{transform:translate(35px,-22px)rotate(18deg)}}@keyframes flowerListen{50%{transform:rotate(5deg)scaleY(1.08)}}@keyframes lyraBreathe{50%{transform:translate(-50%)translateY(-5px)}}@keyframes lyraWalk{0%,to{transform:translate(-50%)translateY(0)rotate(-1deg)}50%{transform:translate(-50%)translateY(-10px)rotate(2deg)}}@keyframes frogIdle{50%{transform:translateY(-5px)}}@keyframes frogWobbleFall{0%{transform:rotate(0)translateY(0)}28%{transform:rotate(-13deg)translateY(-18px)}52%{transform:rotate(19deg)translateY(-6px)}72%{transform:rotate(66deg)translate(42px,32px)}82%{opacity:.25;transform:rotate(80deg)translate(48px,68px)}to{opacity:1;transform:rotate(0)translateY(0)}}@keyframes frogWrong{0%,to{transform:rotate(0)}24%{transform:rotate(-10deg)translateY(-6px)}52%{transform:rotate(12deg)translateY(9px)}74%{transform:rotate(-7deg)}}@keyframes frogToe{to{transform:rotate(1.5deg)translateY(-3px)}}@keyframes frogKnees{to{transform:translateY(-12px)scaleY(.96)}}@keyframes frogDance{0%,to{transform:translate(0)rotate(-1deg)}25%{transform:translate(-26px,-22px)rotate(1deg)}50%{transform:translateY(-48px)rotate(-1deg)}75%{transform:translate(28px,-20px)rotate(1deg)}}@keyframes cricketTap{to{transform:scale(.58)rotate(5deg)translateY(-3px)}}@keyframes cricketCaught{0%{transform:scale(.58)rotate(5deg)}25%{transform:scale(.58)rotate(0)}55%{transform:scale(.58)translateY(5px)}to{transform:scale(.58)translateY(12px)rotate(-3deg)}}@keyframes bacharooTap{to{transform:translateY(-5px)rotate(1.5deg)}}@keyframes bacharooWalk{to{transform:translateY(-9px)rotate(2deg)}}@keyframes wheelRoll{0%{right:-90px;transform:rotate(0)}to{right:105%;transform:rotate(-1080deg)}}@keyframes pondRipple{to{opacity:0;width:360px;height:110px}}@keyframes reflectionPulse{to{opacity:0;width:420px;height:150px}}@keyframes promptPop{0%{opacity:0;transform:scale(.72)}}@keyframes guidedBeat{0%,18%,to{color:#7aa5a8;transform:scale(1)}7%{color:#ffe266;filter:drop-shadow(0 0 10px #fff);transform:scale(1.25)}}@keyframes tapGuide{to{filter:brightness(1.25);transform:translateY(4px)}}@keyframes restorationNote{0%{opacity:0;transform:translate(0)scale(.4)}30%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(360deg) scale(1.3)}}@keyframes distantGuardian{to{transform:translateY(-8px)rotate(3deg)}}@keyframes beatstoneHeart{0%,to{filter:drop-shadow(0 0 12px #ffce53);transform:scale(.94)}50%{filter:drop-shadow(0 0 31px #fff09a);transform:scale(1.08)}}@keyframes beatstoneCollect{to{opacity:0;transform:translateY(-90px)scale(.15)rotate(190deg)}}@keyframes notificationPop{0%{opacity:0;transform:scale(.7)}}@keyframes movementHint{to{filter:brightness(1.25);transform:translateY(-4px)}}@keyframes captionIn{0%{opacity:0;transform:translate(-50%,14px)scale(.95)}}@keyframes titleReveal{0%{opacity:0;transform:translate(-50%,-42%)scale(.7)}}@media (width<=800px){.frog-intro-garden,.frog-intro-town{inset:0}.phase-frog .frog-intro-garden,.phase-demo .frog-intro-garden,.phase-input .frog-intro-garden,.phase-round-success .frog-intro-garden,.phase-round-fail .frog-intro-garden,.phase-climax .frog-intro-garden,.phase-cricket .frog-intro-garden,.phase-quest .frog-intro-garden,.phase-beatstone .frog-intro-garden,.phase-bacharoo .frog-intro-garden{background-position:20%;transform:scale(1.28)}.intro-controls{top:9px;right:9px}.intro-controls button{min-width:39px;height:36px;padding:0 9px}.intro-lyra{width:115px;height:143px;bottom:13%}.phase-frog .intro-lyra,.phase-demo .intro-lyra,.phase-input .intro-lyra,.phase-round-success .intro-lyra,.phase-round-fail .intro-lyra,.phase-climax .intro-lyra,.phase-cricket .intro-lyra,.phase-quest .intro-lyra,.phase-beatstone .intro-lyra,.phase-bacharoo .intro-lyra{width:125px;height:155px;bottom:10%;left:16%!important}.intro-frog{width:185px;height:154px;bottom:15%;left:52%}.frog-dance{width:200px;height:166px}.intro-bacharoo{width:132px;height:168px;bottom:13%;left:56%}.intro-cricket{width:90px;height:77px;bottom:17%;left:62%}.intro-pond{width:70%;height:28%;bottom:8%;left:27%}.frog-reflection{width:120px;height:98px;left:37%}.rhythm-copy-game{gap:7px;top:9%}.rhythm-prompt{min-width:130px;padding:7px 15px;font-size:19px}.pattern-lights{gap:5px;padding:4px 9px}.pattern-lights i{min-width:24px;font-size:17px}.pond-tap-target{width:76px;height:52px}.intro-caption{gap:7px;max-width:88vw;padding:7px 11px;bottom:6%}.intro-caption small{font-size:9px}.intro-caption b{font-size:15px}.intro-title-reveal{gap:5px}.intro-title-reveal h1{font-size:clamp(42px,13vw,74px)}.title-vine{border-width:6px;width:42px;height:70px}.silent-bird,.silent-chimes{font-size:30px}.silent-fountain{font-size:44px}.distant-guardians{gap:13px;top:25%;right:4%}.distant-guardians i{width:61px;height:81px}.beatstone-moment{top:38%;left:58%}.intro-beatstone{width:94px;height:94px}.intro-path-flowers i{font-size:18px}.phase-walk .intro-caption,.phase-town-walk .intro-caption{bottom:12%}}@media (prefers-reduced-motion:reduce){.frog-intro *{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.garden-restored .intro-vignette{background:linear-gradient(90deg,#04111522 0 45%,#09233172 75%,#071724bd 100%),radial-gradient(circle at 43% 60%,#0000 8%,#0411157a 87%)}.beatstone-moment{animation:.8s ease-out both beatstoneRise}@keyframes beatstoneRise{0%{opacity:0;transform:translate(-50%,28%)scale(.55)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.frog-intro-garden{filter:saturate(.62)brightness(.72);background-image:url(/assets/melodybound-pond-intro.png);background-position:50%;background-size:cover;inset:0;transform:scale(1.035)}.phase-glide .frog-intro-garden{animation:4.3s ease-in-out both introPondGlide}.phase-walk .frog-intro-garden,.phase-frog .frog-intro-garden,.phase-calibration .frog-intro-garden,.phase-calibrated .frog-intro-garden,.phase-demo .frog-intro-garden,.phase-input .frog-intro-garden,.phase-round-success .frog-intro-garden,.phase-round-fail .frog-intro-garden,.phase-climax .frog-intro-garden,.phase-cricket .frog-intro-garden,.phase-quest .frog-intro-garden,.phase-beatstone .frog-intro-garden,.phase-bacharoo .frog-intro-garden{background-position:50%;transform:scale(1.035)}.garden-restored .frog-intro-garden{filter:saturate(1.12)brightness(1.02)}.intro-vignette{background:radial-gradient(circle at 60% 48%,#0000 8%,#04111515 62%,#03141987 100%),linear-gradient(#07132428,#0000 66%,#07132470)}.phase-frog .intro-lyra,.phase-calibration .intro-lyra,.phase-calibrated .intro-lyra,.phase-demo .intro-lyra,.phase-input .intro-lyra,.phase-round-success .intro-lyra,.phase-round-fail .intro-lyra,.phase-climax .intro-lyra,.phase-cricket .intro-lyra,.phase-quest .intro-lyra,.phase-beatstone .intro-lyra,.phase-bacharoo .intro-lyra{width:205px;height:254px;bottom:4%;left:16%!important}.intro-frog{width:285px;height:238px;bottom:34%;left:60%}.frog-dance{width:310px;height:258px;bottom:34%}.intro-pond{filter:none;background:0 0;border-radius:50%;width:49%;height:43%;bottom:15%;left:37%;overflow:visible}.frog-reflection{opacity:.14;width:165px;height:134px;top:24%;left:52%}.pond-ripple{border-color:#eaffff;width:48px;height:19px;top:64%;left:55%;box-shadow:0 0 13px #92fff2,0 0 25px #fffa}.silent-fountain{display:none}.silent-bird{color:#0000;filter:drop-shadow(0 4px 3px #062b3c77);transform-origin:bottom;background:radial-gradient(circle at 67% 34%,#d8f8ff 0 5%,#263f5c 7% 15%,#4bb4d2 17% 45%,#25758f 47% 100%);border-radius:68% 55% 62% 58%;width:34px;height:22px;animation:1.4s ease-in-out infinite silentBirdBody}.silent-bird:before{content:"";transform-origin:0;border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:12px solid #f3b53e;animation:.7s steps(2,end) infinite silentBirdBeak;position:absolute;top:7px;right:-10px}.silent-bird:after{content:"";border-top:7px solid #0000;border-bottom:7px solid #0000;border-right:17px solid #2a7f96;position:absolute;top:8px;left:-13px;transform:rotate(8deg)}.silent-bird span{transform-origin:0;background:#8ed8e9;border-radius:70% 20%;width:18px;height:10px;animation:1.1s ease-in-out infinite alternate silentBirdWing;position:absolute;top:8px;left:7px}.bird-one{top:27%;left:34%}.bird-two{top:25%;right:11%;transform:scale(.82)}.bird-three{top:37%;right:20%;transform:scale(.68)}.garden-restored .silent-bird{animation:.42s ease-in-out infinite alternate birdChirp}.silent-chimes{color:#0000;filter:drop-shadow(0 6px 4px #05191f77);transform-origin:top;border-top:7px solid #bd812e;width:68px;height:120px;animation:2.8s ease-in-out infinite silentChimes;top:9%;left:13%}.silent-chimes:before{content:"";background:#e5c167;width:2px;height:28px;position:absolute;top:-26px;left:31px}.silent-chimes span{background:linear-gradient(90deg,#815222,#f1cf73,#90602a);border:2px solid #f3d985;border-radius:4px 4px 9px 9px;width:14px;height:56px;position:absolute;top:5px}.silent-chimes span:first-child{height:46px;left:4px}.silent-chimes span:nth-child(2){height:62px;left:27px}.silent-chimes span:nth-child(3){height:51px;right:4px}.silent-chimes:after{content:"◆";color:#f6d777;font-size:22px;position:absolute;top:63px;left:25px}.intro-reeds i{z-index:8;pointer-events:none;width:94px;height:115px;position:absolute;bottom:15%}.intro-reeds i:first-child{left:28%;transform:scale(.88)rotate(-5deg)}.intro-reeds i:nth-child(2){bottom:13%;left:40%;transform:scale(.72)rotate(5deg)}.intro-reeds i:nth-child(3){bottom:12%;left:54%;transform:scale(.68)rotate(-4deg)}.intro-reeds i:nth-child(4){bottom:14%;right:18%;transform:scale(.78)rotate(5deg)}.intro-reeds i:nth-child(5){bottom:18%;right:4%;transform:scale(.9)rotate(6deg)}.intro-reeds span{width:7px;height:var(--reed-height,88px);transform-origin:bottom;background:linear-gradient(90deg,#255f2d,#82bb4f);border-radius:70% 10%;animation:2.3s ease-in-out infinite alternate reedSway;position:absolute;bottom:0}.intro-reeds span:first-child{height:72px;left:4px}.intro-reeds span:nth-child(2){height:104px;animation-delay:-.4s;left:18px}.intro-reeds span:nth-child(3){height:84px;animation-delay:-.9s;left:32px}.intro-reeds span:nth-child(4){height:111px;animation-delay:-1.3s;left:46px}.intro-reeds span:nth-child(5){height:91px;animation-delay:-.6s;left:60px}.intro-reeds span:nth-child(6){height:76px;animation-delay:-1.7s;left:73px}.intro-reeds span:nth-child(7){height:98px;animation-delay:-1.1s;left:86px}.pond-greenery i{z-index:8;pointer-events:none;width:160px;height:104px;position:absolute;bottom:4%}.pond-greenery i:first-child{left:-2%;transform:scale(1.04)rotate(-5deg)}.pond-greenery i:nth-child(2){bottom:5%;left:21%;transform:scale(.76)rotate(3deg)}.pond-greenery i:nth-child(3){bottom:6%;right:20%;transform:scale(.8)rotate(-3deg)}.pond-greenery i:nth-child(4){right:-2%;transform:scale(1.06)rotate(5deg)}.pond-greenery span{opacity:.92;transform-origin:50% 100%;background:linear-gradient(90deg,#173820 0 18%,#3e7136 48%,#749b4d 72%,#24492a);border-radius:95% 5% 90% 8%;width:13px;height:100px;animation:2.8s ease-in-out infinite alternate greenerySway;position:absolute;bottom:0;left:50%;box-shadow:inset 1px 0 #b4c97966}.pond-greenery span:first-child{height:76px;animation-delay:-.2s;transform:translate(-62px)rotate(-38deg)}.pond-greenery span:nth-child(2){height:96px;animation-delay:-1.1s;transform:translate(-43px)rotate(-25deg)}.pond-greenery span:nth-child(3){height:82px;animation-delay:-1.8s;transform:translate(-24px)rotate(-13deg)}.pond-greenery span:nth-child(4){height:110px;animation-delay:-.7s;transform:translate(-5px)rotate(-2deg)}.pond-greenery span:nth-child(5){height:88px;animation-delay:-1.5s;transform:translate(17px)rotate(14deg)}.pond-greenery span:nth-child(6){height:102px;animation-delay:-.4s;transform:translate(37px)rotate(26deg)}.pond-greenery span:nth-child(7){height:72px;animation-delay:-2.1s;transform:translate(57px)rotate(39deg)}.intro-cricket{z-index:9;opacity:.82;width:92px;height:79px;bottom:16%;left:43%;transform:scale(.38)}.cricket-leaf{width:154px;bottom:-4px;left:-43px}.rhythm-copy-game{gap:7px;top:5%}.round-3.strong-guide .pond-tap-target{animation:none}.beatstone-moment{top:37%;left:58%}.intro-beatstones{cursor:pointer;filter:drop-shadow(0 0 18px #ffe473)drop-shadow(0 16px 11px #07121aaa);background:0 0;border:0;width:176px;height:216px;padding:0;animation:1.05s ease-in-out infinite beatstoneHeart;position:relative}.intro-beatstone-art{background:url(/assets/reward-treasures-v17.png) 100% 0/200% 100% no-repeat;display:block;position:absolute;inset:0}.intro-beatstones b{color:#5a2e1a;background:#ffe27a;border:3px solid #fff2b4;border-radius:999px;min-width:48px;padding:6px 8px;font:900 24px Georgia;position:absolute;bottom:13px;right:5px;box-shadow:0 3px 9px #4f241c99}.intro-beatstones.collected{animation:.8s ease-in both beatstoneCollect}.phase-town-walk .frog-intro-town{animation:3.1s ease-in-out both townCameraSweep}.phase-beatstone .intro-lyra{left:13%!important}.phase-beatstone .beatstone-moment{top:54%;left:29%}.phase-title .intro-bacharoo{left:70%}@keyframes introPondGlide{0%{transform:scale(1.11)translate(-1.5%,1%)}to{transform:scale(1.035)translate(0,0)}}@keyframes silentBirdBody{50%{transform:translateY(-3px)rotate(4deg)}}@keyframes silentBirdBeak{50%{transform:rotate(14deg)}}@keyframes silentBirdWing{to{transform:rotate(-23deg)}}@keyframes reedSway{0%{transform:rotate(-4deg)}to{transform:rotate(6deg)}}@keyframes greenerySway{0%{filter:brightness(.94);margin-left:-3px}to{filter:brightness(1.06);margin-left:4px}}@keyframes cricketHopAway{0%{opacity:.85;transform:scale(.38)translate(0)rotate(0)}28%{opacity:1;transform:scale(.38)translate(55px,-90px)rotate(15deg)}58%{opacity:.9;transform:scale(.34)translate(135px,-18px)rotate(-8deg)}to{opacity:0;transform:scale(.25)translate(280px,-110px)rotate(18deg)}}@keyframes townCameraSweep{0%{opacity:0;transform:scale(1.14)translateY(5%)}to{opacity:1;transform:scale(1.02)translateY(-1%)}}@media (width<=800px){.phase-frog .intro-lyra,.phase-demo .intro-lyra,.phase-input .intro-lyra,.phase-round-success .intro-lyra,.phase-round-fail .intro-lyra,.phase-climax .intro-lyra,.phase-cricket .intro-lyra,.phase-quest .intro-lyra,.phase-beatstone .intro-lyra,.phase-bacharoo .intro-lyra{width:126px;height:156px;bottom:3%;left:13%!important}.intro-frog{width:190px;height:158px;bottom:32%;left:57%}.frog-dance{width:205px;height:171px}.intro-pond{width:71%;height:43%;bottom:12%;left:27%}.frog-reflection{width:108px;height:88px;left:47%}.intro-cricket{width:70px;height:60px;bottom:14%;left:39%;transform:scale(.33)}.silent-chimes{top:8%;left:5%;transform:scale(.7)}.bird-one{top:29%;left:30%}.bird-two{top:22%;right:5%}.bird-three{display:none}.intro-reeds i:first-child{bottom:13%;left:18%;transform:scale(.55)}.intro-reeds i:nth-child(2){left:37%;transform:scale(.44)}.intro-reeds i:nth-child(3){left:54%;transform:scale(.42)}.intro-reeds i:nth-child(4){right:10%;transform:scale(.48)}.intro-reeds i:nth-child(5){right:-5%;transform:scale(.56)}.pond-greenery i{bottom:2%;transform:scale(.62)!important}.pond-greenery i:first-child{left:-11%}.pond-greenery i:nth-child(2){left:13%}.pond-greenery i:nth-child(3){right:10%}.pond-greenery i:nth-child(4){right:-12%}.rhythm-copy-game{gap:5px;top:4%}.beatstone-moment{top:39%;left:61%}.intro-beatstones{width:112px;height:138px}.intro-beatstones b{min-width:36px;padding:4px;font-size:17px}.phase-beatstone .intro-lyra{left:10%!important}.phase-beatstone .beatstone-moment{top:52%;left:30%}.phase-title .intro-bacharoo{left:70%}}.frog-intro{contain:layout paint}.phase-demo .intro-lyra.rhythm-ready,.phase-calibration .intro-lyra.rhythm-ready,.phase-calibrated .intro-lyra.rhythm-ready,.phase-input .intro-lyra.rhythm-ready,.phase-round-success .intro-lyra.rhythm-ready,.phase-round-fail .intro-lyra.rhythm-ready{background-image:url(/assets/lyra-stage-poses-v38.png);background-position:0 0;background-size:300% 100%;width:190px;height:230px;animation:1.2s ease-in-out infinite alternate lyraRhythmReady;bottom:9%;left:31%!important}.intro-lyra.rhythm-ready.clapping{background-image:url(/assets/lyra-clapping-v49.png);background-position:50%;background-repeat:no-repeat;background-size:contain;animation:.24s ease-out both lyraHandTap}.intro-cricket{z-index:12;opacity:1;filter:drop-shadow(0 7px 5px #06151baa);background-image:url(/assets/intro-cricket-v48.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;width:118px;height:82px;animation:.8s ease-in-out infinite alternate introCricketIdle;bottom:28%;left:54%;transform:none}.phase-bacharoo .intro-bacharoo{bottom:5%;left:27%}.cricket-caught{animation:3.8s both introCricketCaught}.cricket-hop-away{animation:1.65s cubic-bezier(.2,.7,.2,1) both introCricketHopAway!important}.rhythm-actions{justify-content:center;align-items:center;gap:12px;display:flex}.rhythm-again-button{color:#fff8d8;cursor:pointer;background:linear-gradient(#68518e,#453563);border:2px solid #f0c95d;border-radius:999px;min-width:82px;padding:10px 17px;font-weight:900;box-shadow:0 5px #2c2042,0 0 16px #cbb6ff66}.rhythm-again-button:active{transform:translateY(4px);box-shadow:0 1px #2c2042,0 0 18px #fff}.intro-lyra{transition:left .16s linear}.intro-lyra.keyboard-moving{transition:none}.intro-lyra.walking{animation:.46s ease-in-out infinite lyraTiptoe}.pond-tap-target:disabled{opacity:.58;cursor:default;pointer-events:none;filter:saturate(.55)}.calibration-progress{background:#092a36cf;border:1px solid #ebc45b;border-radius:999px;gap:8px;padding:6px 12px;display:flex;box-shadow:0 6px 18px #02121788}.calibration-progress i{color:#668f96;border:1px solid #87c8c4;border-radius:50%;place-items:center;width:27px;height:27px;font-style:normal;transition:color .18s,background .18s,filter .18s,transform .18s;display:grid}.calibration-progress i.caught{color:#5b3b00;filter:drop-shadow(0 0 8px #fff1a3);background:#ffe06a;transform:scale(1.12)}@keyframes lyraRhythmReady{to{transform:translate(-50%)translateY(-4px)rotate(.8deg)}}@keyframes lyraHandTap{0%{transform:translate(-50%)scale(1)}45%{transform:translate(-50%)translateY(-5px)scale(1.035)rotate(-1deg)}to{transform:translate(-50%)scale(1)}}@keyframes lyraTiptoe{0%,to{transform:translate(-50%)translateY(0)rotate(-.35deg)}25%{transform:translate(-50%)translateY(-3px)rotate(.45deg)}50%{transform:translate(-50%)translateY(-1px)rotate(.2deg)}75%{transform:translate(-50%)translateY(-3px)rotate(-.45deg)}}@keyframes introCricketIdle{to{transform:translateY(-2px)rotate(1deg)}}@keyframes introCricketCaught{0%{transform:translateY(0)rotate(0)}25%{transform:translateY(-3px)rotate(-2deg)}55%{transform:translateY(4px)rotate(2deg)}to{transform:translateY(8px)rotate(-2deg)}}@keyframes introCricketHopAway{0%{opacity:1;transform:translate(0)rotate(0)}28%{opacity:1;transform:translate(55px,-90px)rotate(15deg)}58%{opacity:.9;transform:translate(135px,-18px)rotate(-8deg)scale(.9)}to{opacity:0;transform:translate(280px,-110px)rotate(18deg)scale(.65)}}@media (width<=800px){.phase-demo .intro-lyra.rhythm-ready,.phase-calibration .intro-lyra.rhythm-ready,.phase-calibrated .intro-lyra.rhythm-ready,.phase-input .intro-lyra.rhythm-ready,.phase-round-success .intro-lyra.rhythm-ready,.phase-round-fail .intro-lyra.rhythm-ready{width:122px;height:148px;bottom:7%;left:20%!important}.intro-cricket{width:76px;height:53px;bottom:27%;left:51%;transform:none}.phase-bacharoo .intro-bacharoo{bottom:3%;left:22%}.rhythm-actions{gap:8px}.rhythm-again-button{min-width:68px;padding:8px 12px;font-size:12px}}
