@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;700;900&family=Fredoka:wght@600;700&display=swap";:root{color:#173a43;font-synthesis:none;text-rendering:optimizelegibility;background:#73d9f0;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:#73d9f0;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.game-shell{isolation:isolate;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:linear-gradient(#73d9f0 0 63%,#bde878 63% 100%);width:100vw;height:100dvh;min-height:320px;position:fixed;inset:0;overflow:hidden}.game-shell:after{content:"";z-index:-5;pointer-events:none;background:linear-gradient(90deg,#0000 0 48%,#ffffff12 48% 49%,#0000 49%);position:absolute;inset:0}.sun{aspect-ratio:1;z-index:-3;background:#ffe36f;border-radius:50%;width:clamp(70px,9vw,130px);position:absolute;top:11vh;right:7vw;box-shadow:0 0 0 18px #ffe36f2e,0 0 0 38px #ffe36f1a}.cloud{z-index:-2;background:#ffffffb8;border-radius:50px;width:130px;height:32px;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:54px;height:54px;bottom:0;left:20px}.cloud:after{width:72px;height:72px;bottom:0;right:16px}.cloud--one{top:25%;left:6vw;transform:scale(.72)}.cloud--two{opacity:.7;top:32%;left:58vw;transform:scale(.48)}.hud{z-index:20;height:clamp(56px,11vh,82px);padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));color:#fff;background:#173a43;border-bottom:4px solid #fbca4f;align-items:center;gap:clamp(8px,2.2vw,38px);display:flex;position:relative;box-shadow:0 5px #194c5029}.brand{letter-spacing:.07em;white-space:nowrap;align-items:center;gap:8px;margin-right:auto;font:700 clamp(14px,2vw,23px)/1 Fredoka,sans-serif;display:flex}.brand b{color:#ffd45e}.brand-mark{aspect-ratio:1;color:#173a43;background:#ffd45e;border-radius:50% 50% 46% 54%;place-items:center;width:clamp(34px,4vw,46px);font-size:26px;display:grid;transform:rotate(-6deg)}.player-pill{color:#ffd45e;text-overflow:ellipsis;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;max-width:116px;padding:6px 10px;font-size:11px;font-weight:900;overflow:hidden}.stat{text-align:center;border-left:1px solid #ffffff29;min-width:54px;padding-left:clamp(8px,1.7vw,26px)}.stat span{color:#9cd8d6;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(8px,1vw,11px);font-weight:900;display:block}.stat strong{font:700 clamp(16px,2vw,25px)/1.1 Fredoka,sans-serif}.lives{color:#ff6b66;align-items:center;gap:3px;font-size:clamp(15px,2.1vw,25px);display:flex}.lives small{color:#9cd8d6;letter-spacing:.08em;text-transform:uppercase;margin-right:3px;font-size:8px;font-weight:900}.lives .lost{color:#506970}.sound-button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff47;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;padding:0;font-size:19px;line-height:1;display:grid}.sound-button:active{transform:scale(.92)}.mission{z-index:12;top:calc(clamp(56px,11vh,82px) + 14px);left:max(12px, env(safe-area-inset-left));background:#fffdf0;border:3px solid #173a43;border-radius:18px;width:clamp(138px,15vw,158px);min-height:134px;position:absolute;overflow:hidden;transform:rotate(-1deg);box-shadow:7px 7px #173a4333}.mission-label{z-index:2;color:#fff;letter-spacing:.13em;background:#e65746;border-radius:7px;padding:5px 9px;font-size:10px;font-weight:900;position:absolute;top:7px;left:10px}.staff{place-items:center;height:116px;margin-top:14px;display:grid}.staff svg{width:100%;height:100%;display:block}.staff--roomy{height:132px;margin-top:0}.mission-message{color:#326872;text-align:center;margin-top:-3px;padding:3px 10px 9px;font-size:11px;font-weight:900}.playfield{z-index:1;position:absolute;inset:clamp(56px,11vh,82px) 0 0;overflow:hidden}.hills{border-radius:50% 50% 0 0;position:absolute;left:-8%;right:-8%}.hills--far{clip-path:polygon(0 45%,12% 20%,23% 48%,35% 14%,50% 48%,66% 5%,80% 39%,91% 18%,100% 44%,100% 100%,0 100%);background:#8fcf65;height:37%;bottom:14%}.hills--near{clip-path:polygon(0 35%,10% 8%,23% 35%,38% 10%,52% 37%,67% 5%,81% 32%,92% 12%,100% 30%,100% 100%,0 100%);background:#4c9f57;height:40%;bottom:-13%}.pond{background:#36bfc6;border:7px solid #6dc65f;border-radius:50%;width:58%;height:25%;position:absolute;bottom:-9%;left:29%;transform:rotate(-1deg)}.pond i{border-top:2px solid #ffffffb3;border-radius:50%;width:12%;height:6%;position:absolute}.pond i:first-child{top:28%;left:20%}.pond i:nth-child(2){top:43%;left:56%}.pond i:nth-child(3){top:20%;left:72%}.reeds{color:#266c42;letter-spacing:-12px;font:900 54px/1 sans-serif;position:absolute;bottom:4%;right:7%;transform:rotate(-5deg)}.bird{--bird-top:40%;--flight-time:6s;--flight-delay:0s;--lane-bob:0px;--swerve-a:-8vh;--swerve-b:10vh;--swerve-c:-6vh;--swerve-d:7vh;--twist:9deg;z-index:8;top:var(--bird-top);cursor:crosshair;filter:drop-shadow(0 7px 3px #14454633);-webkit-tap-highlight-color:transparent;width:clamp(92px,11vw,145px);height:clamp(68px,8vw,104px);animation:fly-right var(--flight-time) linear var(--flight-delay) both;will-change:left, right, transform;background:0 0;border:0;padding:0;position:absolute}.bird--left{animation-name:fly-left}.bird--darting{animation-name:fly-right-dart}.bird--left.bird--darting{animation-name:fly-left-dart}.bird--paused{animation-play-state:paused}.bird:active{filter:brightness(1.2)drop-shadow(0 4px 2px #14454633);transform:scale(.88)}.bird-art{width:100%;height:100%;overflow:visible}.bird-body{fill:#296f68;stroke:#173a43;stroke-width:4px;stroke-linejoin:round}.bird-wing{fill:#edbe45;stroke:#173a43;stroke-width:4px;stroke-linejoin:round;transform-origin:70px 48px;animation:.32s ease-in-out infinite alternate flap}.bird-wing--back{fill:#f8d769;animation-delay:-.15s}.bird-beak{fill:#f07845;stroke:#173a43;stroke-width:3px;stroke-linejoin:round}.bird-tail{fill:#225b5a;stroke:#173a43;stroke-width:4px}.bird-eye{fill:#fff}.bird-eye-dot{fill:#173a43}.note-badge{aspect-ratio:1;color:#173a43;background:#fffdf0;border:3px solid #173a43;border-radius:50%;place-items:center;width:clamp(34px,4.2vw,52px);font:700 clamp(18px,2.3vw,30px)/1 Fredoka,sans-serif;display:grid;position:absolute;top:52%;left:47%;box-shadow:0 3px #173a4340}.note-badge--accidental{letter-spacing:-.06em;font-size:clamp(15px,1.85vw,24px)}.bird--left .bird-art{transform:scaleX(-1)}.bird--left .note-badge{transform:translate(-8%)}@keyframes fly-right{0%{left:-16%;transform:translateY(0)rotate(0)}17%{transform:translateY(var(--swerve-a)) rotate(var(--twist))}36%{transform:translateY(var(--swerve-b)) rotate(calc(var(--twist) * -.65))}55%{transform:translateY(var(--swerve-c)) rotate(calc(var(--twist) * .55))}76%{transform:translateY(var(--swerve-d)) rotate(calc(var(--twist) * -.8))}90%{transform:translateY(var(--lane-bob)) rotate(3deg)}to{left:104%;transform:translateY(0)rotate(0)}}@keyframes fly-left{0%{right:-16%;transform:translateY(0)rotate(0)}17%{transform:translateY(var(--swerve-a)) rotate(calc(var(--twist) * -1))}36%{transform:translateY(var(--swerve-b)) rotate(calc(var(--twist) * .65))}55%{transform:translateY(var(--swerve-c)) rotate(calc(var(--twist) * -.55))}76%{transform:translateY(var(--swerve-d)) rotate(calc(var(--twist) * .8))}90%{transform:translateY(var(--lane-bob)) rotate(-3deg)}to{right:104%;transform:translateY(0)rotate(0)}}@keyframes fly-right-dart{0%{left:-16%;transform:translateY(0)rotate(0)}18%{transform:translateY(var(--swerve-a)) rotate(var(--twist));left:28%}31%{transform:translateY(var(--swerve-b)) rotate(calc(var(--twist) * -1.1));left:14%}52%{transform:translateY(var(--swerve-c)) rotate(calc(var(--twist) * .7));left:61%}66%{transform:translateY(var(--swerve-d)) rotate(calc(var(--twist) * -.9));left:46%}84%{transform:translateY(var(--lane-bob)) rotate(4deg);left:84%}to{left:104%;transform:translateY(0)rotate(0)}}@keyframes fly-left-dart{0%{right:-16%;transform:translateY(0)rotate(0)}18%{transform:translateY(var(--swerve-a)) rotate(calc(var(--twist) * -1));right:28%}31%{transform:translateY(var(--swerve-b)) rotate(calc(var(--twist) * 1.1));right:14%}52%{transform:translateY(var(--swerve-c)) rotate(calc(var(--twist) * -.7));right:61%}66%{transform:translateY(var(--swerve-d)) rotate(calc(var(--twist) * .9));right:46%}84%{transform:translateY(var(--lane-bob)) rotate(-4deg);right:84%}to{right:104%;transform:translateY(0)rotate(0)}}@keyframes flap{0%{transform:rotate(-7deg)scaleY(.9)}to{transform:rotate(16deg)scaleY(.48)}}.burst{z-index:40;pointer-events:none;text-shadow:0 3px #fff;font:700 clamp(22px,3vw,36px)/1 Fredoka,sans-serif;animation:.85s ease-out forwards burst-up;position:fixed;transform:translate(-50%,-50%)}.burst--good{color:#14885d}.burst--bad{color:#d6443c}@keyframes burst-up{to{opacity:0;transform:translate(-50%,-150%)scale(1.25)}}.confetti{z-index:44;pointer-events:none;border-radius:2px;animation:1.45s cubic-bezier(.25,.6,.5,1) forwards confetti-fall;position:fixed;transform:translate(-50%,-50%)}@keyframes confetti-fall{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)}12%{opacity:1}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(var(--rot));opacity:0}}.celebration{z-index:46;pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:2px;animation:.4s cubic-bezier(.2,1.5,.4,1) both celebrate-pop,.3s ease-in 1.4s forwards celebrate-out;display:flex;position:fixed;top:31%;left:50%}.celebration-emoji{filter:drop-shadow(0 4px #173a432e);font-size:clamp(44px,9vw,74px);line-height:1;animation:.4s ease-in-out 2 alternate celebrate-wobble}.celebration-text{color:#fff;-webkit-text-stroke:3px #173a43;paint-order:stroke fill;letter-spacing:.01em;text-wrap:balance;max-width:min(90vw,520px);font:700 clamp(24px,5.5vw,46px)/1.05 Fredoka,sans-serif}@keyframes celebrate-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes celebrate-out{to{opacity:0;transform:translate(-50%,-62%)scale(1.06)}}@keyframes celebrate-wobble{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.overlay{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#103d4366;place-items:center;padding:12px;display:grid;position:absolute;inset:clamp(56px,11vh,82px) 0 0}.panel{text-align:center;background:#fff9dd;border:4px solid #173a43;border-radius:28px;width:min(530px,89vw);max-height:94%;padding:clamp(18px,3vh,32px) clamp(26px,4vw,52px);position:relative;overflow:auto;box-shadow:10px 10px #173a434d}.panel:before{content:"";pointer-events:none;border:2px dashed #f2c153;border-radius:17px;position:absolute;inset:10px}.panel>*{position:relative}.panel-bird{color:#fff;background:#e65746;border-radius:50%;place-items:center;width:47px;height:47px;font-size:27px;display:grid;position:absolute;top:15px;right:20px;transform:rotate(8deg)}.home-mode-tabs{background:#e6edd8;border-radius:12px;gap:4px;margin:0 auto 14px;padding:4px;display:inline-flex}.home-mode-tabs button{color:#577276;cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:34px;padding:7px 14px;font-size:11px;font-weight:900}.home-mode-tabs button.active{color:#fff;background:#173a43;box-shadow:0 3px #173a432e}.eyebrow{color:#e65746;letter-spacing:.18em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:900}.panel h1{color:#173a43;letter-spacing:-.02em;margin:0;font:700 clamp(30px,5vh,52px)/.98 Fredoka,sans-serif}.intro{color:#45666b;max-width:380px;margin:14px auto 18px;font-size:clamp(12px,2vh,16px);line-height:1.5}.primary-button{color:#173a43;cursor:pointer;background:#ffd45e;border:3px solid #173a43;border-radius:15px;min-width:210px;min-height:52px;padding:12px 24px;font:700 17px/1 Fredoka,sans-serif;box-shadow:0 6px #173a43}.primary-button span{vertical-align:-2px;margin-left:9px;font-size:25px;display:inline-block}.primary-button:hover{background:#ffe384;transform:translateY(-1px)}.primary-button:active{transform:translateY(5px);box-shadow:0 1px #173a43}.primary-button:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.3);transform:none;box-shadow:0 4px #173a43}.player-name-label{text-align:left;width:min(310px,100%);margin:0 auto 13px;display:block}.player-name-label span{color:#45666b;letter-spacing:.12em;text-transform:uppercase;margin:0 0 5px 3px;font-size:9px;font-weight:900;display:block}.player-name-label input{color:#173a43;background:#fff;border:3px solid #173a43;border-radius:12px;outline:none;width:100%;height:45px;padding:0 14px;font:700 16px/1 Fredoka,sans-serif;box-shadow:inset 0 2px #173a4314}.player-name-label input:focus{border-color:#e65746;box-shadow:0 0 0 4px #e657462e}.leaderboard{text-align:left;background:#eff7df;border:2px solid #c8dcac;border-radius:12px;width:min(310px,100%);margin:14px auto 0;padding:8px 12px}.leaderboard>strong{color:#497268;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:9px;display:block}.leaderboard>strong i{background:#e5a53f;border-radius:50%;width:7px;height:7px;margin-right:2px;display:inline-block}.leaderboard>strong i.online{background:#38a86d;box-shadow:0 0 0 3px #38a86d24}.leaderboard ol{margin:0;padding-left:22px}.leaderboard li{color:#557276;padding:2px 0 2px 2px;font-size:11px;font-weight:900}.leaderboard li::marker{color:#e65746}.leaderboard li span{vertical-align:bottom;text-overflow:ellipsis;white-space:nowrap;max-width:72%;display:inline-block;overflow:hidden}.leaderboard li b{float:right;color:#173a43;font-family:Fredoka,sans-serif}.tip{color:#789193;letter-spacing:.09em;text-transform:uppercase;margin:15px 0 0;font-size:10px;font-weight:900}.home-tip{color:#e65746;margin-top:6px}.name-notice{color:#8a5a1b;text-align:left;background:#fdf3d4;border:2px solid #f0c24a;border-radius:11px;width:min(310px,100%);margin:-4px auto 12px;padding:7px 11px;font-size:11px;font-weight:700;line-height:1.35}.results{justify-content:center;gap:8px;margin:20px 0;display:flex}.results span{color:#668084;text-transform:uppercase;background:#e8f4df;border-radius:12px;flex:1;padding:10px 6px;font-size:10px;font-weight:900}.results b{color:#173a43;margin-top:3px;font:700 22px/1 Fredoka,sans-serif;display:block}.gameover-actions{justify-content:center;align-items:center;gap:11px;display:flex}.gameover-actions .primary-button{min-width:176px}.secondary-button{color:#173a43;cursor:pointer;background:0 0;border:2px solid #173a43;border-radius:12px;min-height:47px;padding:9px 15px;font:700 14px/1 Fredoka,sans-serif}.secondary-button:hover{background:#e8f4df}.panel--training{width:min(560px,92vw);padding-top:18px;padding-bottom:20px}.training-module h1{font-size:clamp(27px,4.7vh,43px)}.lesson-tabs{justify-content:center;gap:7px;margin:10px 0 5px;display:flex}.lesson-tabs button{color:#173a43;cursor:pointer;background:#fff;border:2px solid #173a43;border-radius:999px;min-width:105px;min-height:35px;padding:6px 12px;font-size:11px;font-weight:900}.lesson-tabs button.active{color:#fff;background:#e65746}.pitch-set-tabs{justify-content:center;gap:5px;margin:1px 0 4px;display:flex}.pitch-set-tabs button{color:#577276;cursor:pointer;background:0 0;border:1px solid #85a09b;border-radius:999px;min-height:27px;padding:4px 10px;font-size:9px;font-weight:900}.pitch-set-tabs button.active{color:#173a43;background:#ffd45e;border-color:#173a43;box-shadow:0 2px #173a43}.training-staff{background:#fff;border:2px solid #d2d9bb;border-radius:13px;width:min(330px,90%);height:132px;margin:3px auto 0;overflow:hidden}.training-staff .staff{width:100%;height:132px;margin-top:0}.training-feedback{color:#577276;max-width:440px;min-height:29px;margin:3px auto 6px;font-size:11px;font-weight:700;line-height:1.25}.training-feedback.correct{color:#178054}.training-feedback.wrong{color:#bc493e}.training-options{gap:7px;margin:0 auto;display:grid}.training-options--pitch{grid-template-columns:repeat(4,1fr);max-width:430px}.training-options--rhythm{grid-template-columns:repeat(5,1fr);max-width:470px}.training-options button{color:#173a43;cursor:pointer;background:#fff;border:2px solid #173a43;border-radius:11px;min-width:0;min-height:43px;padding:7px 5px;font:700 clamp(13px,2vw,18px)/1 Fredoka,sans-serif;box-shadow:0 3px #173a43}.training-options button:active{transform:translateY(2px);box-shadow:0 1px #173a43}.training-options button.picked{background:#ffdcd4}.training-options button.correct{color:#fff;background:#35a86d}.rotate-tip{display:none}.panel--gameover{padding-top:12px;overflow:visible}.giggle-stage{pointer-events:none;width:190px;height:96px;margin:-94px auto 4px;position:relative}.giggle-frog{z-index:1;filter:drop-shadow(0 6px 1px #173a4338);transform-origin:50% 100%;width:190px;animation:.72s cubic-bezier(.2,1.35,.4,1) both frog-pop,.12s ease-in-out .76s 9 alternate frog-giggle;position:absolute;bottom:2px;left:0}.frog-body,.frog-eye-bump,.frog-arm{fill:#75b84d;stroke:#173a43;stroke-width:5px;stroke-linejoin:round}.frog-eye{fill:#fff9dd}.frog-pupil{fill:#173a43}.frog-brow{fill:none;stroke:#173a43;stroke-width:5px;stroke-linecap:round}.frog-mouth{fill:#173a43;stroke:#173a43;stroke-width:3px;stroke-linejoin:round}.frog-teeth{fill:#fff9dd}.frog-tongue{fill:#ff756b}.frog-cap{fill:#e65746;stroke:#173a43;stroke-width:5px;stroke-linejoin:round}.frog-cap-bill{fill:#ffd45e;stroke:#173a43;stroke-width:5px;stroke-linejoin:round}.marsh-ledge{z-index:2;background:#4c9f57;border:4px solid #173a43;border-radius:50% 50% 9px 9px;height:19px;position:absolute;bottom:-1px;left:-12px;right:-12px}.giggle-bubble{z-index:4;color:#fff;letter-spacing:.04em;opacity:0;background:#e65746;border:3px solid #173a43;border-radius:50% 50% 50% 8px;padding:8px 12px;font:700 15px/1 Fredoka,sans-serif;animation:.35s cubic-bezier(.2,1.5,.5,1) .75s forwards bubble-pop,.11s 1.1s 5 alternate bubble-wobble;position:absolute;top:-13px;right:-52px;box-shadow:3px 3px #173a4333}@keyframes frog-pop{0%{transform:translateY(125%)scale(.78)}72%{transform:translateY(-5%)scale(1.04)}to{transform:translateY(0)scale(1)}}@keyframes frog-giggle{0%{transform:rotate(-4deg)translateY(0)}to{transform:rotate(4deg)translateY(-2px)}}@keyframes bubble-pop{0%{opacity:0;transform:scale(.2)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(4deg)}}@keyframes bubble-wobble{0%{transform:rotate(1deg)}to{transform:rotate(8deg)}}@media (height<=520px){.hud{height:58px}.playfield,.overlay{top:58px}.mission{width:184px;min-height:115px;top:70px}.staff{height:100px;margin-top:8px}.mission-message{display:none}.panel{padding-top:16px;padding-bottom:16px}.home-mode-tabs{margin-bottom:7px}.panel h1{font-size:clamp(27px,8vh,40px)}.intro{margin:7px auto 9px;line-height:1.3}.player-name-label{margin-bottom:8px}.player-name-label span{display:none}.player-name-label input{height:39px}.primary-button{min-height:44px;padding-top:9px;padding-bottom:9px}.leaderboard{margin-top:9px;padding-top:5px;padding-bottom:5px}.leaderboard>strong{display:none}.leaderboard li{margin-right:12px;display:inline}.leaderboard li b{float:none;margin-left:4px}.panel--training{padding-top:8px;padding-bottom:8px}.training-module h1{font-size:25px}.lesson-tabs{margin:5px 0 2px}.lesson-tabs button{min-height:31px}.pitch-set-tabs{margin-bottom:2px}.pitch-set-tabs button{min-height:24px;padding:3px 7px}.training-staff,.training-staff .staff{height:112px}.training-feedback{min-height:25px;margin-bottom:3px}.training-options button{min-height:36px}.tip{margin-top:10px}.giggle-stage{width:145px;height:67px;margin-top:-66px}.giggle-frog{width:145px;left:0}.giggle-bubble{font-size:12px;top:-8px;right:-57px}}@media (width<=680px){.brand span:last-child{display:none}.stat{min-width:43px;padding-left:7px}.stat span{font-size:7px}.hud{gap:7px}.sound-button{width:36px;height:36px}.mission{width:174px}.player-pill{max-width:72px;padding-inline:7px}.lives small{display:none}.gameover-actions{gap:7px}.gameover-actions .primary-button{min-width:146px}.secondary-button{padding-inline:10px}}@media (orientation:portrait){.mission{width:clamp(136px,38vw,172px);min-height:118px;top:calc(clamp(56px,11vh,82px) + 8px)}.bird{width:clamp(96px,27vw,132px);height:clamp(70px,20vw,98px)}.frog-mascot{width:clamp(118px,34vw,150px);margin-left:calc(clamp(118px,34vw,150px)/-2)}.ammo{bottom:max(10px, env(safe-area-inset-bottom))}}@media (orientation:portrait) and (width<=420px){.hud{gap:5px}.mission-message{font-size:10px}}.playfield--aiming{cursor:none}.crosshair{z-index:41;pointer-events:none;border:3px solid #173a43d1;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:fixed;box-shadow:0 0 0 2px #ffffff8c,inset 0 0 0 1px #fff6}.crosshair:before,.crosshair:after{content:"";background:#173a43d1;position:absolute}.crosshair:before{width:2px;height:62px;margin-left:-1px;top:-8px;left:50%}.crosshair:after{width:62px;height:2px;margin-top:-1px;top:50%;left:-8px}.shot-flash{z-index:42;pointer-events:none;background:radial-gradient(circle,#fffffff2 0 18%,#ffd65ed9 34%,#e6574659 55%,#0000 72%);border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;animation:.3s ease-out forwards shot-pop;position:fixed}@keyframes shot-pop{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}.bird--escaping{pointer-events:none;opacity:0;transition:opacity .55s ease-in 80ms;animation-play-state:paused}.bird--escaping .bird-art{transition:transform .55s ease-in;transform:translateY(-150px)scale(.64)rotate(10deg)}.bird--escaping .note-badge{opacity:0;transition:opacity .25s}.falling-bird{z-index:38;pointer-events:none;filter:drop-shadow(0 6px 3px #14454640);width:92px;height:60px;animation:.92s cubic-bezier(.4,0,.9,.6) forwards bird-fall;position:fixed}.falling-bird .bird-art{width:100%;height:100%;overflow:visible}.falling-bird .bird-wing{animation:none;transform:rotate(-24deg)}.falling-bird .note-badge{border-width:2px;width:32px;font-size:17px}@keyframes bird-fall{0%{opacity:1;transform:translateY(0)rotate(0)}14%{opacity:1;transform:translateY(-16px)rotate(-14deg)}to{opacity:.12;transform:translateY(78vh)rotate(230deg)}}.ammo{z-index:9;right:max(12px, env(safe-area-inset-right));gap:5px;display:flex;position:absolute;bottom:10px}.ammo .shell{background:linear-gradient(#f0bd52 0 44%,#d2422f 44% 100%);border:2px solid #173a43;border-radius:3px 3px 2px 2px;width:12px;height:23px;box-shadow:0 2px #173a4333}.ammo .shell--spent{opacity:.22;filter:grayscale(.6)}.frog-mascot{z-index:9;pointer-events:none;text-align:center;width:154px;margin-left:-77px;position:absolute;bottom:-6px;left:50%}.frog-figure{filter:drop-shadow(0 6px 1px #173a4338);transform-origin:50% 100%;width:154px;animation:.5s cubic-bezier(.2,1.35,.4,1) both frog-pop}.frog-mascot--laugh .frog-figure{animation:.5s cubic-bezier(.2,1.35,.4,1) both frog-pop,.12s ease-in-out .5s 6 alternate frog-giggle}.frog-mascot--cheer .frog-figure{animation:.5s cubic-bezier(.2,1.35,.4,1) both frog-pop,.26s ease-in-out .5s 4 alternate frog-cheer-bounce}.frog-bubble{z-index:4;color:#fff;letter-spacing:.04em;background:#e65746;border:3px solid #173a43;border-radius:50% 50% 50% 8px;padding:7px 11px;font:700 14px/1 Fredoka,sans-serif;animation:.32s cubic-bezier(.2,1.5,.5,1) .48s both bubble-pop;position:absolute;top:-18px;right:-36px;box-shadow:3px 3px #173a4333}.frog-mascot--cheer .frog-bubble{background:#2fa36a}.frog-trophy-bird{z-index:3;width:70px;margin-left:-35px;animation:.5s cubic-bezier(.2,1.4,.4,1) both trophy-raise;position:absolute;top:-42px;left:50%}.frog-trophy-bird .bird-body{fill:#296f68;stroke:#173a43;stroke-width:4px;stroke-linejoin:round}.frog-trophy-bird .bird-wing{fill:#edbe45;stroke:#173a43;stroke-width:4px}.frog-trophy-bird .bird-beak{fill:#f07845;stroke:#173a43;stroke-width:3px}@keyframes frog-cheer-bounce{0%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(-9px)rotate(2deg)}}@keyframes trophy-raise{0%{opacity:0;transform:translateY(16px)scale(.5)}to{opacity:1;transform:translateY(0)scale(1)}}.interstitial{z-index:15;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#103d436b;place-items:center;padding:16px;animation:.25s ease-out fade-in;display:grid;position:absolute;inset:0}.interstitial-card{text-align:center;background:#fff9dd;border:4px solid #173a43;border-radius:24px;width:min(340px,86vw);padding:20px 26px 24px;animation:.4s cubic-bezier(.2,1.3,.4,1) both pop-in;box-shadow:8px 8px #173a434d}.interstitial-card h2{color:#173a43;margin:2px 0 10px;font:700 clamp(30px,6vw,44px)/1 Fredoka,sans-serif}.interstitial-stats{justify-content:center;gap:10px;margin:0 0 16px;display:flex}.interstitial-stats span{color:#668084;text-transform:uppercase;background:#eef6e3;border-radius:12px;flex:1;padding:9px 6px;font-size:10px;font-weight:900}.interstitial-stats b{color:#173a43;margin-bottom:2px;font:700 22px/1 Fredoka,sans-serif;display:block}.pause-actions{flex-direction:column;align-items:center;gap:9px;display:flex}.pause-actions .primary-button{min-width:180px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.82)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.progress-screen{width:100%}.progress-screen h1{font-size:clamp(26px,4.6vh,42px)}.progress-heading{color:#2c5a60;letter-spacing:.04em;text-align:left;margin:16px 0 8px;font:700 13px/1 Fredoka,sans-serif}.progress-topline{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 4px;display:flex}.progress-topline span{color:#668084;letter-spacing:.06em;text-transform:uppercase;background:#eef6e3;border-radius:12px;flex:64px;padding:9px 6px;font-size:9px;font-weight:900}.progress-topline b{color:#173a43;margin-bottom:2px;font:700 20px/1 Fredoka,sans-serif;display:block}.mastery-grid{grid-template-columns:repeat(2,1fr);gap:5px 12px;display:grid}.mastery-cell{align-items:center;gap:8px;display:flex}.mastery-note{color:#173a43;text-align:right;flex:0 0 34px;font:700 13px/1 Fredoka,sans-serif}.mastery-bar{background:#e1ead2;border-radius:6px;flex:1;height:11px;overflow:hidden}.mastery-fill{border-radius:6px;height:100%;transition:width .4s;display:block}.mastery-fill--strong{background:#35a86d}.mastery-fill--mid{background:#f0b63f}.mastery-fill--low{background:#e5705f}.mastery-pct{color:#557276;flex:0 0 34px;font-size:11px;font-weight:900}.learning-chips{flex-wrap:wrap;gap:6px;display:flex}.learning-chip{color:#b35a2e;background:#fde7d8;border:2px solid #e5a06a;border-radius:999px;padding:5px 11px;font:700 13px/1 Fredoka,sans-serif}.badge-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.badge{opacity:.5;background:#f4f8ec;border:2px dashed #c6d3b2;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;display:flex}.badge--earned{opacity:1;background:#fff4d2;border-style:solid;border-color:#f2c153;box-shadow:0 3px #f2c15366}.badge-emoji{filter:grayscale();font-size:26px}.badge--earned .badge-emoji{filter:none}.badge-label{color:#45666b;letter-spacing:.04em;text-align:center;font-size:9px;font-weight:900}.progress-back{min-width:150px;margin-top:18px}.progress-back span{margin:0 0 0 6px}@media (prefers-reduced-motion:reduce){.bird-wing{animation-duration:.9s}.burst,.shot-flash,.giggle-frog,.giggle-bubble,.frog-figure,.frog-bubble,.frog-trophy-bird,.interstitial-card{animation-duration:10ms}.falling-bird{animation-duration:.4s}.bird--escaping,.bird--escaping .bird-art{transition-duration:.2s}.confetti{animation-duration:.5s}.celebration-emoji{animation:none}}button:focus-visible{outline-offset:3px;outline:4px solid #fff}