:root{--field:#77a95b;--field-dark:#426a3c;--field-light:#94bd70;--dirt:#d6b879;--ink:#1e3120;--cream:#fffbe9;--shadow:rgba(29, 50, 30, 0.18);font-family:arial rounded mt bold,trebuchet ms,system-ui,sans-serif;color:var(--ink);background:#315334}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100svh;overflow:hidden}button{font:inherit}.game-shell{min-height:100svh;display:grid;place-items:center;background:#315334}.pasture{position:relative;isolation:isolate;width:min(100%,32rem);height:100svh;min-height:38rem;max-height:64rem;overflow:hidden;background:var(--field);box-shadow:0 0 4rem rgba(13,30,16,.35)}.pasture__texture{position:absolute;inset:0;z-index:-1;opacity:.24;background-image:radial-gradient(ellipse at 25% 15%,transparent 0 25%,rgba(255,255,220,.28) 26% 27%,transparent 28%),radial-gradient(ellipse at 72% 62%,transparent 0 29%,rgba(32,80,42,.22) 30% 31%,transparent 32%);background-size:5rem 4rem,7rem 6rem;transform:rotate(-3deg)scale(1.1)}.shell-header{position:absolute;top:max(1.25rem,env(safe-area-inset-top));left:max(1.25rem,env(safe-area-inset-left));right:max(1.25rem,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between}.status{margin:0;font:600 .68rem/1 system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase;opacity:.58}.round-button,.sound-button{width:2.75rem;height:2.75rem;border:0;border-radius:50%;color:var(--ink);background:rgba(255,251,233,.38)}.round-button span{display:block;width:1.05rem;height:.16rem;margin:.25rem auto;border-radius:1rem;background:currentColor}.sound-button{font-size:1.1rem}.sound-button[aria-pressed=true]{color:var(--cream);background:var(--ink)}.brand-lockup{position:absolute;top:15%;left:0;width:100%;text-align:center}.brand-lockup h1{margin:0;color:var(--cream);font-size:clamp(4.8rem,23vw,7.2rem);line-height:.78;letter-spacing:-.09em;text-shadow:0 .08em 0 rgba(34,72,38,.18);transform:rotate(-2deg)}.brand-lockup p{margin:1.5rem 0 0;font:600 .82rem/1.45 system-ui,sans-serif;letter-spacing:.04em}.sheep{position:absolute;width:2.65rem;height:1.72rem;border-radius:52% 48% 44% 56%;background:var(--cream);box-shadow:0 .45rem .2rem var(--shadow)}.sheep::before,.sheep::after{content:"";position:absolute;bottom:-.48rem;width:.22rem;height:.72rem;border-radius:1rem;background:var(--ink)}.sheep::before{left:.65rem}.sheep::after{right:.68rem}.sheep i{position:absolute;top:.35rem;right:-.42rem;width:.9rem;height:.82rem;border-radius:45% 55% 60% 40%;background:var(--ink)}.sheep--one{left:13%;top:48%;transform:rotate(8deg)scale(.92)}.sheep--two{left:37%;top:42%;transform:rotate(-8deg)scale(.72)}.sheep--three{right:14%;top:50%;transform:rotate(18deg)scale(.82)}.sheep--four{left:23%;top:61%;transform:rotate(-15deg)scale(.66)}.sheep--five{right:30%;top:61%;transform:rotate(5deg)scale(.78)}.sheep--six{left:9%;top:72%;transform:rotate(13deg)scale(.58)}.sheep--seven{right:9%;top:70%;transform:rotate(-9deg)scale(.65)}.pen{position:absolute;right:-1rem;top:37%;width:6.7rem;height:9.8rem;border:.55rem solid var(--dirt);border-right:0;border-radius:50% 0 0 50%;opacity:.78}.pen span{position:absolute;right:0;width:.8rem;height:.8rem;border-radius:50%;background:#a17a45}.pen span:nth-child(1){top:-.65rem}.pen span:nth-child(2){top:1.7rem;left:-.52rem}.pen span:nth-child(3){top:4.2rem;left:-1rem}.pen span:nth-child(4){bottom:1.7rem;left:-.52rem}.pen span:nth-child(5){bottom:-.65rem}.launch{position:absolute;left:50%;bottom:max(2.2rem,calc(env(safe-area-inset-bottom) + 1.4rem));width:100%;text-align:center;transform:translateX(-50%)}.play-button{min-width:7.5rem;min-height:3.5rem;border:0;border-radius:999px;color:var(--cream);background:var(--ink);font-size:1.05rem;letter-spacing:.07em;box-shadow:0 .45rem rgba(30,49,32,.2)}.round-button:disabled,.sound-button:disabled{cursor:default;opacity:1}.play-button{cursor:pointer}.play-button:active{translate:0 .2rem;box-shadow:0 .25rem rgba(30,49,32,.2)}.launch p{margin:.85rem 0 0;font:600 .7rem/1 system-ui,sans-serif;letter-spacing:.06em;opacity:.65}.game-frame{position:absolute;z-index:10;inset:0;width:100%;height:100%;border:0;background:var(--field)}.game-frame[hidden]{display:none}@media(min-width:32.01rem){.pasture{border-radius:1.6rem;height:min(92svh,58rem)}}@media(prefers-reduced-motion:no-preference){.brand-lockup h1{animation:settle .7s cubic-bezier(.2,.9,.25,1)both}.sheep{animation:breathe 2.8s ease-in-out infinite alternate}.sheep:nth-child(even){animation-delay:-1.4s}}@keyframes settle{from{opacity:0;transform:translateY(-.6rem)rotate(-4deg)scale(.94)}}@keyframes breathe{to{translate:0 -.12rem}}