.farm-game{--navy:#1e2a4a;--green:#397a56;--cream:#fff9ef;position:relative;max-width:980px;min-height:720px;margin:0 auto;border:1px solid #e7dfd5;border-radius:28px;overflow:hidden;background:var(--cream);color:var(--navy);font-family:var(--font-body,system-ui,sans-serif);box-shadow:0 20px 55px rgba(30,42,74,.13)}
.farm-bar{position:relative;z-index:60;display:flex;align-items:center;gap:10px;min-height:58px;padding:7px 14px;background:rgba(255,255,255,.96);border-bottom:1px solid #e7dfd5}.farm-bar a{display:flex;align-items:center;min-height:44px;color:var(--navy);font-weight:850;text-decoration:none}.farm-bar>span{flex:1}.farm-progress{padding:7px 11px;border-radius:999px;background:#edf5f0;font-size:.84rem}.farm-mute{min-width:44px;min-height:44px;border:1px solid #d7d0c7;border-radius:50%;background:#fff}
.farm-intro,.farm-play{display:none;position:relative;min-height:662px}.farm-intro.active,.farm-play.active{display:block}.farm-intro{overflow:hidden;background:linear-gradient(#aee4fb 0 58%,#83c96b 58%)}.farm-intro-sun{position:absolute;right:10%;top:9%;width:110px;height:110px;border-radius:50%;background:#ffd55d;box-shadow:0 0 0 18px rgba(255,213,93,.22)}.farm-intro-hills{position:absolute;inset:auto -10% 0;height:48%;border-radius:50% 50% 0 0;background:#74b95b;transform:rotate(-2deg)}.farm-intro-card{box-sizing:border-box;position:relative;width:min(610px,calc(100% - 28px));margin:34px auto;padding:clamp(24px,5vw,44px);border:1px solid rgba(30,42,74,.12);border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 18px 48px rgba(30,42,74,.16);text-align:center}.farm-kicker{margin:0 0 7px!important;color:#9b4e38!important;font-size:.78rem!important;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.farm-intro-card h2{margin:0 0 12px;font-size:clamp(2.2rem,7vw,3.8rem);line-height:1}.farm-intro-card>p:not(.farm-kicker){margin:0;color:#526075;font-size:1.08rem;line-height:1.55}.farm-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0}.farm-facts span{padding:8px 12px;border-radius:999px;background:#e8f4eb;color:#2d6548;font-size:.84rem;font-weight:850}.farm-start{min-width:min(320px,100%);min-height:58px;border:0;border-radius:999px;background:#cf5338;color:#fff;font-size:1.12rem;font-weight:950;box-shadow:0 5px 0 #9d3c29}.farm-intro-card small{display:block;margin-top:15px;color:#667187}
.farm-play{overflow:hidden;background:linear-gradient(#ace4fb 0 61%,#7fc663 61%)}.farm-sky i{position:absolute;top:9%;width:120px;height:38px;border-radius:50%;background:rgba(255,255,255,.82)}.farm-sky i:before,.farm-sky i:after{content:"";position:absolute;bottom:0;border-radius:50%;background:inherit}.farm-sky i:before{left:20px;width:45px;height:54px}.farm-sky i:after{right:18px;width:55px;height:64px}.farm-sky i:first-child{left:7%}.farm-sky i:last-child{right:8%;top:16%;transform:scale(.7)}.farm-hills{position:absolute;inset:auto -12% 0;height:43%;border-radius:50% 50% 0 0;background:linear-gradient(115deg,#71b75c,#91d276)}
.farm-barn{position:absolute;z-index:3;left:35%;top:17%;width:30%;height:39%;border:8px solid #7e3429;border-radius:8px;background:repeating-linear-gradient(90deg,#c84b3b 0 23px,#b94135 24px 28px);box-shadow:0 14px 0 rgba(86,49,38,.18)}.farm-roof{position:absolute;left:-16%;top:-25%;width:132%;height:28%;background:#7e3429;clip-path:polygon(50% 0,100% 100%,0 100%)}.farm-loft{position:absolute;left:50%;top:8%;display:grid;place-items:center;width:60px;height:60px;transform:translateX(-50%);border:5px solid #fff0c8;border-radius:50%;background:#714032;color:#ffd56a;font-size:2rem}.farm-doors{position:absolute;inset:auto 12% 0;display:flex;height:57%;perspective:500px}.farm-doors i{flex:1;border:4px solid #f5d29b;background:repeating-linear-gradient(90deg,#9e3a31 0 17px,#8d302a 18px 21px);transform-origin:left;transition:transform .55s}.farm-doors i:last-child{transform-origin:right}.farm-game.found-cow .farm-doors i:first-child,.parade-phase .farm-doors i:first-child{transform:rotateY(-70deg)}.farm-game.found-cow .farm-doors i:last-child,.parade-phase .farm-doors i:last-child{transform:rotateY(70deg)}
.hide-place{position:absolute;z-index:28;border:0;background:transparent;cursor:pointer;touch-action:manipulation}.hide-place:focus-visible{outline:5px solid #1e2a4a;outline-offset:5px}.visual-cue{position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);white-space:nowrap;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.94);color:#1e2a4a;font-size:.74rem;font-weight:900;box-shadow:0 4px 10px rgba(30,42,74,.12)}.place-barn{left:40%;top:32%;width:20%;height:23%;animation:door-wiggle 2.2s infinite}.place-mud{left:8%;top:67%;width:24%;height:12%;border-radius:50%;background:#80503d;box-shadow:inset 0 8px 0 rgba(255,255,255,.13)}.place-mud i{position:absolute;width:18px;height:18px;border:3px solid #b98066;border-radius:50%;animation:bubble 1.7s infinite}.place-mud i:nth-child(1){left:20%;top:32%}.place-mud i:nth-child(2){left:52%;top:18%;animation-delay:.4s}.place-mud i:nth-child(3){left:72%;top:52%;animation-delay:.9s}.place-hay{right:6%;top:53%;width:24%;height:25%;background:#f0ba3c;clip-path:polygon(50% 0,100% 100%,0 100%);animation:rustle 1.8s infinite}.place-hay i{position:absolute;left:22%;top:45%;width:60%;height:6px;background:#d2952b;box-shadow:0 18px #d2952b,0 36px #d2952b;transform:rotate(-8deg)}.place-gate{left:3%;top:34%;width:27%;height:27%;border:8px solid #9a5b37;border-width:8px 0;background:repeating-linear-gradient(90deg,transparent 0 37px,#9a5b37 38px 49px);animation:gate-shake 2.3s infinite}.peek-tail{position:absolute;right:-19px;top:20%;width:43px;height:15px;border-radius:50%;background:#5f392b;transform:rotate(22deg);transform-origin:left;animation:tail-swish .8s infinite alternate}.place-pond{right:3%;bottom:3%;width:28%;height:14%;border-radius:50%;background:#66b9d2;box-shadow:inset 0 8px rgba(255,255,255,.26)}.place-pond i{position:absolute;bottom:42%;width:7px;height:68px;border-radius:99px 99px 0 0;background:#3d8a53;transform-origin:bottom;animation:reed 1.3s infinite alternate}.place-pond i:nth-child(1){left:25%}.place-pond i:nth-child(2){left:48%;height:82px;animation-delay:.2s}.place-pond i:nth-child(3){left:68%;height:58px;animation-delay:.45s}
.farm-friends{position:absolute;z-index:20;left:20%;right:15%;bottom:15%;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.farm-animal{position:relative;width:25%;margin-left:-4%;animation:animal-arrive .75s cubic-bezier(.2,.9,.25,1.25)}.farm-animal:first-child{margin-left:0}.farm-animal img{display:block;width:100%;aspect-ratio:1.25;object-fit:contain;filter:drop-shadow(0 7px 5px rgba(30,42,74,.2))}.farm-animal>span{position:absolute;right:0;top:4%;font-size:clamp(1rem,3vw,2rem);transform-origin:bottom left;animation:wave .7s 3 alternate}.farm-animal.move-nod img{animation:nod 1.8s infinite}.farm-animal.move-splash img{animation:splash 2.1s infinite}.farm-animal.move-bounce img{animation:bounce-soft 1.9s infinite}.farm-animal.move-trot img{animation:trot 1.6s infinite}.farm-animal.move-waddle img{animation:waddle 1.6s infinite}.farm-animal.sound-reward{animation:reward .8s ease}
.farm-buddy{position:absolute;z-index:21;left:2%;bottom:15%;transition:transform .7s,opacity .7s}.farm-buddy img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 7px 5px rgba(30,42,74,.2))}.farm-buddy i{position:absolute;right:0;top:4px;font-size:2rem;animation:wave .7s infinite alternate}.farm-message{position:absolute;z-index:35;left:50%;top:13px;box-sizing:border-box;width:min(670px,calc(100% - 24px));padding:10px 16px;border:2px solid rgba(30,42,74,.12);border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 6px 15px rgba(30,42,74,.14);text-align:center;transform:translateX(-50%)}.farm-message b,.farm-message span{display:block}.farm-message span{margin-top:2px;color:#56647a;font-size:.82rem}
.sound-phase .hide-place,.sound-phase .farm-barn{filter:saturate(.78);opacity:.55}.sound-phase .farm-friends{transform:scale(.82);transform-origin:bottom}.sound-turn{position:absolute;z-index:45;left:50%;top:5%;box-sizing:border-box;display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:16px;width:min(610px,calc(100% - 24px));min-height:200px;padding:16px;border-radius:26px;background:rgba(255,255,255,.98);box-shadow:0 18px 45px rgba(30,42,74,.24);transform:translateX(-50%)}.sound-turn[hidden]{display:none}.sound-animal img{display:block;width:145px;height:145px;object-fit:contain;filter:drop-shadow(0 7px 5px rgba(30,42,74,.18))}.sound-copy b{display:block;font-size:clamp(1.2rem,4vw,1.75rem)}.sound-copy span{display:block;margin-top:5px;color:#5d687b}.listen-meter{grid-column:2;display:flex;align-items:center;justify-content:center;gap:7px;height:48px}.listen-meter i{width:11px;height:38px;border-radius:99px;background:#53a875;transform:scaleY(.25);transition:transform .08s}.sound-turn:not(.listening) .listen-meter{opacity:.22}.sound-fallback{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px;min-height:70px;border:3px solid #4a8d67;border-radius:20px;background:#e7f5eb;color:#1e2a4a;font-weight:950}.sound-fallback[hidden]{display:none}.sound-fallback img{width:74px;height:62px;object-fit:contain;filter:drop-shadow(0 4px 3px rgba(30,42,74,.15))}.sound-turn.heard{animation:heard .55s ease}
.farm-wagon{pointer-events:none;position:absolute;z-index:31;left:-55%;bottom:10%;display:flex;align-items:flex-end;transition:left 1s cubic-bezier(.2,.9,.3,1),transform 4s linear}.farm-wagon>span{font-size:8rem;line-height:.75}.wagon-bed{width:330px;height:105px;border:10px solid #70462d;border-radius:18px 18px 35px 35px;background:#d88b3c;box-shadow:inset 0 -18px rgba(112,70,45,.18)}.farm-wagon.arrive{left:22%}.farm-wagon.parade{transform:translateX(1300px)}.parade-phase .farm-animal.board-wagon{transform:translate(100px,-80px) scale(.55);opacity:0;transition:.6s}.parade-phase .farm-buddy.board-wagon{transform:translate(420px,-70px) scale(.55);opacity:0}.farm-finale{position:absolute;z-index:55;inset:0;box-sizing:border-box;display:grid;place-content:center;padding:16px;text-align:center;background:rgba(255,250,240,.96)}.finale-parade{display:flex;align-items:flex-end;justify-content:center;margin-bottom:18px}.finale-parade>span{font-size:4.5rem}.finale-parade img{width:76px;height:64px;object-fit:contain;filter:drop-shadow(0 5px 4px rgba(30,42,74,.18))}.farm-finale[hidden]{display:none}.farm-finale h2{max-width:100%;margin:0;font-size:clamp(1.85rem,7vw,4.2rem);line-height:1.06}.farm-finale p{color:#56647a}.farm-again{min-width:250px;min-height:58px;border:0;border-radius:999px;background:#397a56;color:#fff;font-size:1.1rem;font-weight:950;box-shadow:0 5px 0 #27593f}
@keyframes door-wiggle{45%,55%{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes bubble{0%,60%{transform:scale(.2);opacity:0}80%{opacity:1}100%{transform:translateY(-25px) scale(1.1);opacity:0}}@keyframes rustle{45%{transform:rotate(-1deg)}55%{transform:rotate(1.5deg)}}@keyframes gate-shake{48%{transform:translateX(0)}52%{transform:translateX(4px)}}@keyframes tail-swish{to{transform:rotate(-24deg)}}@keyframes reed{to{transform:rotate(8deg)}}@keyframes animal-arrive{from{transform:translateY(90px) scale(.45);opacity:0}}@keyframes wave{to{transform:rotate(25deg)}}@keyframes nod{50%{transform:rotate(2deg) translateY(3px)}}@keyframes splash{50%{transform:translateY(-5px) rotate(-2deg)}}@keyframes bounce-soft{50%{transform:translateY(-7px)}}@keyframes trot{25%{transform:translateX(4px) rotate(1deg)}75%{transform:translateX(-4px) rotate(-1deg)}}@keyframes waddle{25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes reward{35%{transform:translateY(-25px) scale(1.12)}70%{transform:translateY(0) scale(1.04)}}@keyframes heard{40%{transform:translateX(-50%) scale(1.03)}}
@media(max-width:680px){.farm-game{min-height:calc(100dvh - 12px);border-radius:0}.farm-bar strong{display:none}.farm-intro,.farm-play{min-height:calc(100dvh - 58px)}.farm-barn{left:28%;top:20%;width:44%;height:32%}.place-barn{left:35%;top:32%;width:30%;height:20%}.place-gate{top:42%;width:29%}.place-hay{right:3%;top:55%;width:28%}.place-mud{left:2%;bottom:8%;top:auto;width:30%}.place-pond{right:1%;width:31%}.farm-friends{left:18%;right:0;bottom:17%}.farm-animal{width:29%;margin-left:-7%}.farm-buddy{left:-1%;bottom:18%}.farm-buddy img{width:78px;height:78px}.farm-message{top:8px}.visual-cue{font-size:.63rem}.sound-turn{top:4%;grid-template-columns:108px 1fr;min-height:175px;padding:12px}.sound-animal img{width:108px;height:108px}.farm-wagon.arrive{left:2%}.farm-wagon>span{font-size:5.5rem}.wagon-bed{width:220px;height:80px}.finale-parade>span{font-size:3.2rem}.finale-parade img{width:44px;height:48px}}
@media(max-width:390px){.farm-progress{font-size:.72rem;padding:6px 8px}.farm-intro-card{margin:12px auto;padding:22px 16px}.visual-cue{display:none}.farm-friends{bottom:20%}.farm-animal{width:20%}.sound-turn{grid-template-columns:90px 1fr}.sound-animal img{width:90px;height:90px}}
@media(prefers-reduced-motion:reduce){.hide-place,.farm-animal img,.farm-animal>span,.farm-buddy i,.farm-wagon{animation:none!important;transition-duration:.01ms!important}}
.farm-friends{z-index:29}