.farm-app{max-width:1440px;min-height:100svh;color:var(--ink);margin:auto;padding:0 24px 20px}.farm-scene{isolation:isolate;aspect-ratio:3/2;width:min(100%,150svh - 420px);box-shadow:0 5px 0 var(--color-border);background:url(/art/farm-meadow.avif) 50%/cover;border-radius:28px;margin:auto;position:relative;overflow:hidden;container-type:inline-size}.farm-scene button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:20%;min-width:64px;min-height:64px;padding:0;position:absolute}.farm-scene button:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.farm-animal:focus-visible .farm-animal-frame{outline:4px solid var(--focus);outline-offset:3px}.farm-food:focus-visible img{outline:4px solid var(--focus);outline-offset:3px}.farm-scene :is(.farm-animal,.farm-food):focus-visible{outline:none}.farm-barn{width:15%;height:19%;top:10%;left:7%}.farm-barn-glow{background:#fff1ab75;border-radius:20%;animation:.8s ease-out both farm-glow;position:absolute;inset:10%}.farm-animal{aspect-ratio:1;width:31%;top:31%}.farm-animal.animal-duck{width:23%;top:41%;left:5%}.animal-pony{left:31%}.farm-animal.animal-cow{width:33%;top:28%;right:3%}.farm-animal-art{pointer-events:none;transform-origin:50% 90%;background:url(/art/farm-animals.avif) 0 0/300% 200% no-repeat;display:block;position:absolute;inset:0}.farm-animal-frame{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.farm-animal-frame:before{content:"";background:#566c4528;border-radius:50%;height:7%;position:absolute;bottom:2%;left:16%;right:10%}.farm-basket{width:28%;height:25%;bottom:3%;left:36%}.farm-basket img{object-fit:contain;pointer-events:none;width:100%;height:100%}.farm-food{z-index:2;width:9%;height:22%;transition:transform .18s;bottom:10%;touch-action:none!important}.farm-food img{object-fit:contain;border-radius:inherit;pointer-events:none;width:100%;height:100%}.food-0{left:36%;transform:rotate(-23deg)}.food-1{left:45.5%}.food-2{left:55%;transform:rotate(23deg)}.farm-food.is-selected{filter:drop-shadow(0 0 4px #fff9d5);transform:translateY(-40%)rotate(-8deg)}.farm-food.is-dragging{opacity:.2}.farm-drag-food{z-index:50;object-fit:contain;pointer-events:none;width:70px;height:135px;position:fixed;transform:translate(-50%,-50%)rotate(-15deg)}.farm-happy{color:#b95646;pointer-events:none;font-size:4cqw;position:absolute;top:5%;right:0;transform:rotate(15deg)}.farm-controls{--play-slots:4;justify-content:center;align-items:center;gap:var(--control-gap);flex-wrap:wrap;margin:20px auto 8px;display:flex}@media (min-width:1000px){.farm-controls>.play-control-primary{grid-area:1/3}}.farm-controls button,.farm-controls a{border:1px solid var(--color-border);min-height:64px;color:var(--ink);background:var(--surface);border-radius:28px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.farm-controls a{color:#fffdf1;background:#446d53}.farm-controls svg{width:23px;height:23px}.farm-controls :focus-visible{outline:4px solid var(--focus);outline-offset:3px}.farm-audio-error{text-align:center;max-width:600px;margin:6px auto;font-size:14px}.is-helped>:is(.farm-animal-frame,img){outline-offset:4px;outline:5px solid #fff6b1}@media (prefers-reduced-motion:no-preference){.farm-animal-art.is-touched{animation:.65s ease-in-out farm-nod}.animal-duck .is-touched{animation-name:farm-hop}.animal-cow .is-touched{animation-name:farm-sway}.farm-basket .is-touched{animation:.55s ease-in-out farm-sway}.is-helped>:is(.farm-animal-frame,img){animation:.9s ease-in-out 2 farm-hint}}@keyframes farm-hop{40%{transform:translateY(-9%)rotate(-3deg)}70%{transform:scale(1.04,.96)}}@keyframes farm-nod{40%{transform:rotate(-4deg)translateY(2%)}70%{transform:rotate(2deg)}}@keyframes farm-sway{35%{transform:rotate(4deg)}70%{transform:rotate(-3deg)}}@keyframes farm-glow{0%{opacity:1}to{opacity:0}}@keyframes farm-hint{50%{outline-offset:9px}}@media (prefers-reduced-motion:reduce){.farm-food{transition:none}.farm-animal-art.is-touched{filter:brightness(1.08)}.farm-barn-glow{background:#fff1ab45;animation:none}}@media (max-width:600px){.farm-app{padding-inline:12px}.farm-scene{aspect-ratio:1/1.1;background-size:150% 100%;border-radius:20px;width:100%}.farm-barn{left:0}.farm-animal{width:36%;top:34%}.farm-animal.animal-duck{width:28%;top:41%;left:2%}.animal-pony{left:29%}.farm-animal.animal-cow{width:36%;top:32%;right:0}.farm-basket{width:46%;bottom:7%;left:27%}.farm-food{width:18%;bottom:13%}.food-0{left:23%}.food-1{left:41%}.food-2{left:59%}.farm-controls{gap:8px}.farm-controls button,.farm-controls a{padding-inline:13px;font-size:14px}}@media (max-height:500px) and (orientation:landscape){.farm-scene{width:min(100%,150svh - 187.5px)}.farm-controls{margin-top:12px}}.farm-animal.animal-cow{aspect-ratio:9/8;width:35%;top:29%}.animal-cow .farm-animal-art{clip-path:polygon(0 0,100% 0,100% 100%,6% 100%,6% 40%,0 40%);background-size:266.667% 200%}.animal-pony .farm-animal-art{clip-path:polygon(0 0,90.5% 0,90.5% 35%,93.5% 35%,93.5% 100%,0 100%)}@media (max-width:600px){.farm-animal.animal-cow{width:38%;top:34%}}.farm-basket{height:13%}.farm-basket img{object-fit:fill;height:192.3%;position:absolute;bottom:0;left:0}@media (max-width:600px){.farm-basket{bottom:5%}}.farm-animal.animal-pony{aspect-ratio:9/8;width:35%;left:30%}.animal-pony .farm-animal-art{background-size:266.667% 200%}@media (max-width:600px){.farm-animal.animal-pony{width:40%;left:27%}}.is-meeting .farm-animal{touch-action:none}.farm-feeding-entry{border-radius:20%;width:17%;min-width:72px;height:19%;min-height:72px;position:absolute;bottom:4%;right:6%}.farm-feeding-entry img{pointer-events:none;position:absolute}.farm-entry-basket{object-fit:fill;width:100%;height:80%;bottom:0}.farm-entry-carrot{object-fit:contain;width:45%;height:100%;top:-20%;left:27%;transform:rotate(18deg)}.farm-feeding-entry:focus-visible{outline:4px solid var(--focus);outline-offset:4px}.farm-tickle-marks{pointer-events:none;position:absolute;inset:0}.farm-tickle-marks i{border-top:3px solid #fff5ba;border-bottom:0;border-left:0;border-right:3px solid #fff5ba;border-radius:50%;width:7%;height:13%;position:absolute;top:40%;right:2%;transform:rotate(25deg)}.farm-tickle-marks i:nth-child(2){top:31%;right:-5%;transform:rotate(10deg)}.farm-tickle-marks i:nth-child(3){top:24%;right:10%;transform:rotate(-20deg)}@media (prefers-reduced-motion:no-preference){.is-meeting .farm-animal-art.is-touched{animation:.55s ease-in-out farm-tickle}.farm-tickle-marks{animation:.9s ease-out both farm-glow}}@keyframes farm-tickle{20%,60%{transform:rotate(-3deg)scale(1.025)}40%,80%{transform:rotate(3deg)}}.animal-duck .farm-animal-art{clip-path:none;background-image:url(/art/farm-duck-food.avif);background-size:200% 200%}.farm-serving{pointer-events:none;position:absolute}.farm-served{object-fit:contain;width:100%;height:100%}.serving-duck{width:42%;height:35%;bottom:-11%;right:-4%}.serving-pony{width:15%;height:27%;top:41%;left:13%;transform:rotate(205deg)}.serving-pony .farm-served{transform-origin:bottom}.serving-cow{width:28%;height:24%;top:37%;left:10%}.serving-cow .farm-served{transform-origin:65% 35%}.serving-duck .farm-served{transform-origin:50% 70%}.animal-pony .farm-happy{top:10%;right:25%}@media (prefers-reduced-motion:no-preference){[data-meal=receive] .farm-serving{animation:.65s ease-out both farm-receive}[data-meal=eating] .farm-animal-art{animation:.45s ease-in-out 2 farm-chew}.animal-duck[data-meal=eating] .farm-animal-art{animation:.45s ease-in-out 2 farm-peck}.animal-cow[data-meal=eating] .farm-animal-art{animation-name:farm-munch}[data-meal=eating] .farm-served{animation:.45s ease-in-out 2 farm-nibble}[data-meal=satisfied] .farm-animal-art,.farm-happy{animation:.7s ease-out farm-content}}@keyframes farm-receive{0%{opacity:0;translate:0 60%}to{opacity:1;translate:0}}@keyframes farm-chew{40%{transform:rotate(-1.5deg)scale(1.015,.975)}75%{transform:rotate(1deg)scale(.995,1.01)}}@keyframes farm-munch{40%{transform:skew(-1deg)scale(1.02,.98)}75%{transform:skew(1deg)scale(.99,1.01)}}@keyframes farm-peck{45%{transform:rotate(4deg)translateY(2%)}}@keyframes farm-nibble{45%{transform:translateY(-6%)rotate(-4deg)}}@keyframes farm-content{35%{transform:translateY(-3%)scale(1.025)}70%{transform:translateY(1%)}}.farm-food.food-0{width:19%;height:20%;bottom:8%;left:22%;transform:none}.farm-food.food-1{width:9%;bottom:12%;left:46%}.farm-food.food-2{width:19%;height:24%;bottom:7%;left:63%;transform:none}.farm-food.is-selected{transform:translateY(-40%)rotate(-8deg)}@media (max-width:600px){.farm-food.food-0{width:26%;bottom:12%;left:7%}.farm-food.food-1{width:18%;bottom:15%;left:41%}.farm-food.food-2{width:26%;bottom:12%;left:69%}}@media (min-width:601px) and (min-height:501px){.farm-animal.animal-duck{aspect-ratio:auto;height:31.5%}.farm-animal.animal-pony{aspect-ratio:auto;width:26%;height:41.5%;left:33%}.farm-animal.animal-cow{aspect-ratio:auto;width:34%;height:43.5%}.animal-duck .farm-animal-frame{inset:0 0 -9.59%}.animal-pony .farm-animal-frame{inset:0 -23.08% -12.46% -11.54%}.animal-cow .farm-animal-frame{inset:0 0 -7.29% -2.94%}.farm-feeding-entry{height:18%}.farm-entry-basket{height:84.44%}.farm-entry-carrot{height:105.56%;top:-26.67%}.farm-food.food-0{height:14%;bottom:8%}.farm-food.food-1{height:17%;bottom:5%}.farm-food.food-2{height:18.5%;bottom:3.5%}.farm-food img{width:100%;transition:inherit;position:absolute;left:0}.food-0 img{height:142.86%;top:-42.86%}.food-1 img{height:100%;top:0}.food-2 img{height:116.2%;top:-16.2%}.farm-food.is-selected{transform:none}.farm-food.is-selected img{transform:translateY(-40%)rotate(-8deg)}}.farm-scene:has(.farm-food) .farm-basket{pointer-events:none}