.animal-game-shell{position:relative;min-height:100svh;overflow:hidden;padding:76px 14px 22px;color:#4f5361;background:linear-gradient(180deg,#cfeeff,#e9f7cd 48%,#bfe5a0 0,#8fcd79);isolation:isolate}.animal-game-shell:before{content:"";position:absolute;inset:0;z-index:-3;opacity:.3;background-image:radial-gradient(#fff 2px,transparent 0);background-size:30px 30px}.farm-sun{top:22px;right:8%;font-size:90px;filter:drop-shadow(0 0 18px #fff5a8)}.farm-cloud,.farm-sun{position:absolute;z-index:-2}.farm-cloud{width:130px;height:38px;border-radius:999px;background:#fffc}.farm-cloud:after,.farm-cloud:before{content:"";position:absolute;bottom:0;border-radius:50%;background:#fff}.farm-cloud:before{left:20px;width:58px;height:58px}.farm-cloud:after{right:18px;width:46px;height:46px}.farm-cloud-a{top:20%;left:4%;transform:scale(.7)}.farm-cloud-b{top:27%;right:4%;transform:scale(.5)}.animal-goal{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(730px,100%);margin:0 auto;padding:12px 14px 12px 23px;border:5px solid #fff;border-radius:30px;background:#fff9dc;box-shadow:0 8px 0 #dfbf70,0 17px 30px #55764b2b}.animal-goal p{margin:0 0 2px;color:#8d765e;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.animal-goal h1{margin:0;font-size:clamp(23px,5vw,42px);letter-spacing:-.045em;line-height:1.08}.animal-goal strong{display:inline-grid;place-items:center;width:1.35em;height:1.35em;border-radius:50%;color:#fff;background:#ed6d79;box-shadow:inset 0 -5px #c94c5b}.animal-goal button{display:grid;flex:0 0 auto;place-items:center;width:60px;height:60px;cursor:pointer;border:4px solid #fff;border-radius:50%;color:#fff;background:#75bde8;box-shadow:0 6px 0 #4a91bd}.animal-goal button:active{translate:0 4px;box-shadow:0 2px 0 #4a91bd}.animal-goal svg{width:29px;height:29px}.animal-round-dots{position:relative;z-index:3;display:flex;justify-content:center;gap:9px;margin:13px auto}.animal-round-dots span{width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:#91ab83;box-shadow:0 2px #68845d}.animal-round-dots span.current{width:31px;border-radius:20px;background:#ffb45b}.animal-round-dots span.done{background:#57b56b}.farm-field{position:relative;width:min(850px,100%);height:390px;margin:0 auto;border:5px solid #e9f8d7;border-radius:46% 46% 28px 28px/18% 18% 28px 28px;background:linear-gradient(#bce296,#96d17b);box-shadow:inset 0 10px #eefedb,0 10px #69a65e,0 20px 30px #416b3933}.farm-barn{top:20px;right:8%;font-size:78px;opacity:.85;filter:drop-shadow(0 5px #7e563b55)}.farm-barn,.farm-fence{position:absolute;z-index:1}.farm-fence{right:2%;bottom:34px;left:2%;display:flex;justify-content:space-around;height:65px;border-top:11px solid #f4d49b;border-bottom:11px solid #d9ad6a;opacity:.9}.farm-fence i{width:18px;height:88px;margin-top:-20px;border-radius:7px 7px 3px 3px;background:#efd098;box-shadow:inset -5px 0 #d5a765}.animal-paddock{position:absolute;z-index:2;inset:22px 12px 42px}.farm-animal{position:absolute;left:var(--left);top:var(--top);display:grid;place-items:center;width:clamp(78px,13vw,108px);aspect-ratio:1;cursor:pointer;border:0;border-radius:50%;background:#fff8;box-shadow:0 7px #64975255;rotate:var(--rotate);animation:animal-wiggle 2.1s var(--delay) ease-in-out infinite}.farm-animal span{font-size:clamp(58px,10vw,84px);line-height:1;filter:drop-shadow(0 5px #58684938)}.farm-animal b{position:absolute;right:-3px;top:-5px;display:grid;place-items:center;width:36px;height:36px;border:4px solid #fff;border-radius:50%;color:#fff;background:#ed6d79;font-size:20px;box-shadow:0 3px #bd4654}.farm-animal:focus-visible{outline:5px solid #654cff;outline-offset:4px}.farm-animal:hover:not(.is-counted){filter:brightness(1.05);transform:scale(1.05)}.farm-animal.is-counted{background:#fff6b8;box-shadow:0 0 0 7px #fff6,0 0 26px #fff5a5,0 7px #d8b85d;animation:animal-counted .58s cubic-bezier(.2,1.5,.4,1)}.farm-flowers{position:absolute;z-index:3;right:4%;bottom:4px;left:4%;display:flex;justify-content:space-between;font-size:24px}@keyframes animal-wiggle{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(3deg)}}@keyframes animal-counted{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-45px) scale(1.12)}75%{transform:translateY(0) scale(.95)}to{transform:scale(1)}}.number-tray{position:relative;z-index:4;width:min(650px,100%);margin:-3px auto 0;text-align:center}.number-tray p{margin:9px 0 6px;color:#416a43;font-size:14px;font-weight:900}.number-tray>div{display:flex;justify-content:center;gap:clamp(16px,5vw,38px)}.number-tray button{position:relative;display:grid;place-items:center;width:clamp(80px,18vw,108px);height:clamp(70px,14vw,88px);cursor:pointer;border:5px solid #fff;border-radius:50% 46% 45% 50%;color:#fff;background:#ef6672;box-shadow:inset -9px -10px #cb4b59,0 7px #a93d49,0 13px 18px #4c713a3b;font-size:clamp(36px,8vw,52px);font-weight:900;text-shadow:0 3px #0002}.number-tray button:before{content:"";position:absolute;top:-13px;width:26px;height:16px;border-radius:100% 0;background:#4da35d;rotate:-18deg}.number-tray .fruit-orange{background:#f5a64f;box-shadow:inset -9px -10px #d68434,0 7px #b66d27,0 13px 18px #4c713a3b}.number-tray .fruit-blueberry{background:#718bdc;box-shadow:inset -9px -10px #526cb8,0 7px #405699,0 13px 18px #4c713a3b}.number-tray button:active:not(:disabled){translate:0 5px}.number-tray button.is-wrong{animation:number-shake .55s}.number-tray button.is-correct{animation:number-correct .72s infinite;filter:brightness(1.12)}@keyframes number-shake{20%{transform:translateX(-12px) rotate(-7deg)}40%{transform:translateX(11px) rotate(6deg)}65%{transform:translateX(-7px)}80%{transform:translateX(4px)}}@keyframes number-correct{50%{transform:translateY(-13px) scale(1.08)}}.animal-celebration{position:fixed;z-index:32;inset:0;display:grid;place-items:center;padding:20px;background:#3d5b4778;backdrop-filter:blur(5px);animation:animal-fade .25s both}.animal-success-card{width:min(480px,94vw);padding:25px 27px 33px;text-align:center;border:7px solid #fff;border-radius:42px;background:#fff8d8;box-shadow:0 12px #d8ad60,0 30px 60px #394c4055;animation:animal-card-pop .55s cubic-bezier(.2,1.45,.4,1) both}.dancing-friends{align-items:end;height:130px;font-size:82px}.dancing-friends span{animation:dance .7s ease-in-out infinite alternate}.dancing-friends span:nth-child(2){animation-delay:.2s}.dancing-friends span:nth-child(3){animation-delay:.4s}.animal-success-card>p{margin:3px 0;color:#7a705c;font-size:18px}.animal-success-card h2{margin:3px 0;color:#4ba05d;font-size:clamp(38px,9vw,58px);letter-spacing:-.06em}.animal-success-card .fantastic{margin:0 0 22px;color:#ed745f;font-size:25px}.animal-success-card button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:68px;cursor:pointer;border:4px solid #fff;border-radius:22px;color:#fff;background:#ff9856;box-shadow:0 7px #d66c3b;font-size:clamp(22px,5vw,29px)}@keyframes dance{to{transform:translateY(-24px) rotate(8deg)}}@keyframes animal-fade{0%{opacity:0}}@keyframes animal-card-pop{0%{opacity:0;transform:scale(.55) rotate(-3deg)}to{opacity:1;transform:scale(1)}}@media(max-width:600px){.animal-game-shell{padding:72px 7px 14px}.animal-goal{padding:9px 9px 9px 14px;border-width:4px}.animal-goal p{font-size:9px}.animal-goal button{width:50px;height:50px}.farm-field{height:390px;border-radius:32% 32% 22px 22px/10% 10% 22px 22px}.farm-barn{font-size:58px}.animal-paddock{inset:30px 5px 42px}.farm-animal{width:82px}.farm-animal span{font-size:60px}.number-tray p{margin-top:8px}.number-tray>div{gap:14px}}@media(max-height:760px) and (min-width:601px){.animal-game-shell{padding-top:68px}.farm-field{height:330px}.farm-animal{width:82px}.farm-animal span{font-size:62px}.number-tray button{height:68px;width:84px}.number-tray p{margin:5px}}@media(prefers-reduced-motion:reduce){.dancing-friends span,.farm-animal,.number-tray button.is-correct{animation-iteration-count:1}}.animal-game-shell{background:#9bdfff}.animal-game-shell>.prek-parallax{z-index:-2}.farm-field{background:linear-gradient(#ffffff18,#82cf6b42)}.farm-animal{overflow:visible;border-radius:0;background:transparent;box-shadow:none}.farm-animal>.prek-character-sprite{position:absolute;inset:-20%;width:140%;height:140%;font-size:0;filter:drop-shadow(0 8px 6px #365d3844)}.farm-animal.is-counted{border-radius:50%;background:radial-gradient(circle,#fff6b8aa 0 48%,transparent 72%);box-shadow:none}.dancing-friends{display:flex;justify-content:center}.dancing-friends>.prek-character-sprite{width:115px;height:115px;font-size:0}@media(max-width:600px){.farm-animal>.prek-character-sprite{inset:-18%;width:136%;height:136%}.dancing-friends>.prek-character-sprite{width:88px;height:88px}}.animal-friends-game{--hot:#79cf78;--deep:#3f8b55;--sky:#9de4ff;--ink:#51405f}.animal-friends-game .prek-machine{background:linear-gradient(145deg,#a9e98e,#61bd70);box-shadow:0 10px 0 #3f8b55,0 22px 42px #315f3d45}.animal-friends-game .prek-status{box-shadow:0 6px 16px #315b4133}.animal-friends-stage{position:absolute;inset:0;overflow:hidden;background:#a6e5ff;isolation:isolate}.friends-farm-backdrop{z-index:0;overflow:hidden}.friends-farm-backdrop,.friends-farm-layer{position:absolute;inset:0;pointer-events:none}.friends-farm-layer{display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}.friends-farm-far{background-image:url(/games/pre-k/math/animal-friends/assets/backgrounds/animal-farm-far.webp)}.friends-paddock{position:absolute;z-index:5;top:210px;right:8px;bottom:4px;left:clamp(105px,13vw,158px);pointer-events:none;perspective:900px}.friends-animal{position:absolute;z-index:var(--animal-z);top:var(--animal-y);left:var(--animal-x);display:grid;width:clamp(126px,16vw,190px);height:clamp(190px,29svh,270px);place-items:end center;cursor:pointer;appearance:none;padding:0;border:0;color:inherit;background:transparent;touch-action:manipulation;pointer-events:auto;transform:translate(-50%,-100%) scale(var(--animal-scale)) rotate(var(--animal-tilt));transform-origin:50% 93%;transition:filter .2s ease}.friends-animal-shadow{position:absolute;z-index:0;right:8%;bottom:2px;left:8%;height:24px;border-radius:50%;background:radial-gradient(ellipse,#2f493548 0 24%,#2f493524 52%,transparent 73%);filter:blur(3px);transition:opacity .2s ease,transform .2s ease}.friends-animal>.friends-animal-art{position:relative;z-index:2;width:100%;height:100%;animation:friends-animal-breathe 4.6s ease-in-out infinite}.friends-animal>.friends-animal-art>img{transform:scaleX(var(--animal-flip));transform-origin:50% 92%}.friends-animal b{position:absolute;z-index:4;top:6%;right:3%;display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:50%;color:#fff;background:#ed6d79;box-shadow:0 4px #b94552,0 8px 16px #71455038;font-size:21px;font-weight:1000}.friends-animal:focus-visible{outline:5px solid #6d55d6;outline-offset:-4px;border-radius:30px}.friends-animal:hover:not(.is-counted){filter:brightness(1.06) saturate(1.04)}.friends-animal:hover:not(.is-counted)>.friends-animal-art{transform:translateY(-8px) scale(1.035)}.friends-animal:active:not(.is-counted)>.friends-animal-art{transform:scale(.95,1.04)}.friends-animal.is-counted>.friends-animal-art{animation:friends-animal-counted .7s cubic-bezier(.2,1.45,.4,1) both}.friends-animal.is-counted .friends-animal-shadow{animation:friends-shadow-counted .7s ease both}.friends-guide{position:absolute;z-index:9;bottom:5px;left:5px;width:clamp(118px,15vw,168px);height:clamp(170px,27svh,238px);pointer-events:none;transform-origin:50% 94%}.friends-guide p{position:absolute;z-index:3;top:-4px;left:3px;max-width:145px;margin:0;padding:7px 11px;border-radius:16px 16px 16px 4px;color:#53475c;background:#fffdf0eb;box-shadow:0 5px 14px #46513a32;font-size:clamp(12px,1.4vw,16px);font-weight:1000;text-align:center;backdrop-filter:blur(6px)}.friends-guide-art{position:absolute;inset:28px 0 0;display:block}.friends-guide-art>.friends-guide-image{width:100%;height:100%}.friends-guide.is-happy{animation:friends-guide-happy 1.1s cubic-bezier(.2,.82,.3,1) both}.friends-guide.is-happy p{color:#347b45;background:#f5ffddeb}.friends-guide.is-wrong{animation:friends-guide-disappointed .72s ease-in-out both}.friends-guide.is-wrong p{color:#725b65;background:#fff4e8eb}.friends-number-tray{position:absolute;z-index:12;top:134px;left:50%;display:flex;width:auto;justify-content:center;gap:clamp(15px,4vw,34px);padding:0;border:0;border-radius:0;outline:0;background:none;box-shadow:none;text-align:center;transform:translateX(-50%);backdrop-filter:none}.friends-number-tray button{display:grid;width:clamp(82px,11vw,104px);height:clamp(76px,9vw,90px);place-items:center;cursor:pointer;appearance:none;border:0;border-radius:27px;color:#fff;background:linear-gradient(145deg,#ff9f70,#ed667b);box-shadow:inset 0 -7px #bd435c55,0 7px #ae4e63,0 13px 20px #4c713a38;font-size:clamp(46px,6vw,60px);font-weight:1000;line-height:1;text-shadow:0 3px #0002;touch-action:manipulation}.friends-number-tray button:nth-child(2){background:linear-gradient(145deg,#ffc96a,#ee9443);box-shadow:inset 0 -7px #bd6e2f55,0 7px #b76d34,0 13px 20px #4c713a38}.friends-number-tray button:nth-child(3){background:linear-gradient(145deg,#8f9ff4,#6e70d9);box-shadow:inset 0 -7px #5553b755,0 7px #5553aa,0 13px 20px #4c713a38}.friends-number-tray button:active:not(:disabled){transform:translateY(5px)}.friends-number-tray button.is-wrong{animation:friends-number-shake .55s}.friends-number-tray button.is-correct{filter:brightness(1.12);animation:friends-number-correct .72s infinite}.animal-friends-finish-guide{width:145px;height:145px;margin:-12px auto -8px}@keyframes friends-animal-breathe{0%,to{transform:translateY(0) rotate(-.4deg) scale(1)}50%{transform:translateY(-3px) rotate(.45deg) scale(1.008,.995)}}@keyframes friends-animal-counted{0%,to{transform:translateY(0) scale(1)}42%{transform:translateY(-34px) scale(1.08,.95)}72%{transform:translateY(2px) scale(.97,1.04)}}@keyframes friends-shadow-counted{0%,to{opacity:1;transform:scale(1)}42%{opacity:.38;transform:scale(.66)}}@keyframes friends-guide-happy{0%,to{transform:translateY(0) rotate(0) scale(1)}22%{transform:translateY(5px) rotate(-3deg) scale(1.06,.94)}48%{transform:translateY(-25px) rotate(7deg) scale(.97,1.07)}72%{transform:translateY(2px) rotate(-5deg) scale(1.05,.96)}88%{transform:translateY(-8px) rotate(2deg) scale(1.01)}}@keyframes friends-guide-disappointed{0%,to{transform:translateY(0) rotate(0)}24%{transform:translateY(6px) rotate(-4deg) scale(.98,.95)}50%{transform:translateY(7px) rotate(4deg) scale(.97,.94)}76%{transform:translateY(5px) rotate(-2deg) scale(.98,.95)}}@keyframes friends-number-shake{20%{transform:translateX(-10px) rotate(-5deg)}42%{transform:translateX(9px) rotate(5deg)}66%{transform:translateX(-5px)}82%{transform:translateX(3px)}}@keyframes friends-number-correct{50%{transform:translateY(-10px) scale(1.07)}}@media(max-width:1000px){.friends-paddock{top:214px}.friends-animal{height:clamp(170px,27svh,235px)}}@media(max-width:650px){.friends-paddock{top:225px;right:3px;bottom:2px;left:72px}.friends-animal{width:118px;height:clamp(122px,19svh,162px)}.friends-animal b{top:9%;right:0;width:32px;height:32px;font-size:17px}.friends-guide{bottom:2px;left:-7px;width:96px;height:148px}.friends-guide p{top:2px;left:4px;padding:5px 7px;font-size:11px}.friends-guide-art{inset:31px 0 0}.friends-number-tray{top:155px;gap:14px}.friends-number-tray button{width:clamp(76px,23vw,92px);height:74px;border-radius:22px;font-size:46px}}@media(max-height:720px) and (min-width:651px){.friends-paddock{top:205px}.friends-animal{height:185px}.friends-guide{height:176px}}@media(prefers-reduced-motion:reduce){.friends-animal.is-counted .friends-animal-shadow,.friends-animal.is-counted>.friends-animal-art,.friends-animal>.friends-animal-art,.friends-guide,.friends-number-tray button{animation:none!important;transition:none!important}}