:root{--sky-top: hsl(230, 30%, 18%);--sky-mid: hsl(250, 25%, 25%);--sky-low: hsl(220, 20%, 35%);--grass: hsl(120, 15%, 22%);--fence-color: #8b6914;--fence-dark: #6b4f10;--wool: #f5f0e8;--wool-shadow: #d4cfc4;--sleepy-blue: hsl(220, 40%, 60%);--dream-purple: hsl(270, 40%, 50%)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;user-select:none;-webkit-user-select:none}.scene{position:relative;width:100%;height:100vh;cursor:pointer;overflow:hidden;transition:background 2s ease}.star{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 4px 1px #ffffff4d;animation:twinkle ease-in-out infinite alternate;pointer-events:none}@keyframes twinkle{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.moon{position:absolute;top:8%;right:15%;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff9e6,#ffe4a0);box-shadow:0 0 30px 10px #ffe4a033;pointer-events:none;z-index:1}.moon-shadow{position:absolute;top:-5%;left:20%;width:60px;height:60px;border-radius:50%;background:#20253c;opacity:.85}.moon-glow{position:absolute;top:4%;right:11%;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,228,160,.15),transparent 70%);pointer-events:none;z-index:0}.cloud{position:absolute;border-radius:50px;background:#ffffff14;pointer-events:none}.cloud-1{top:15%;left:10%;width:120px;height:30px;animation:cloudFloat 60s linear infinite}.cloud-2{top:25%;left:60%;width:90px;height:22px;animation:cloudFloat 80s linear infinite reverse}@keyframes cloudFloat{0%{transform:translate(0)}50%{transform:translate(30px)}to{transform:translate(0)}}.hills{position:absolute;bottom:0;left:0;width:100%;height:45%;pointer-events:none}.hill{position:absolute;border-radius:50%;width:120%}.hill-back{bottom:-10%;left:-10%;height:300px;background:#283328}.hill-mid{bottom:-15%;left:-5%;height:250px;background:#2c3a2c}.hill-front{bottom:-20%;left:-15%;height:220px;background:#2e422e}.fence{position:absolute;bottom:30%;left:0;width:100%;height:40px;display:flex;z-index:5;pointer-events:none}.fence-post{flex:1;position:relative}.fence-post:before{content:"";position:absolute;left:50%;bottom:-8px;width:6px;height:48px;background:linear-gradient(180deg,var(--fence-color),var(--fence-dark));border-radius:2px;transform:translate(-50%);box-shadow:1px 1px 3px #0000004d}.fence-rail-top{position:absolute;left:0;top:4px;width:100%;height:4px;background:linear-gradient(180deg,var(--fence-color),var(--fence-dark));border-radius:2px;box-shadow:0 1px 2px #0000004d}.fence-rail-bottom{position:absolute;left:0;top:18px;width:100%;height:4px;background:linear-gradient(180deg,var(--fence-color),var(--fence-dark));border-radius:2px;box-shadow:0 1px 2px #0000004d}.ground{position:absolute;bottom:0;left:0;width:100%;height:32%;background:linear-gradient(180deg,#2e422e,#203220);z-index:3;pointer-events:none}.grass-tuft{position:absolute;bottom:100%;width:3px;height:12px;background:#456336;border-radius:50% 50% 0 0;transform-origin:bottom center;animation:grassSway 3s ease-in-out infinite alternate}@keyframes grassSway{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.flower{position:absolute;bottom:100%;font-size:14px;animation:flowerSway 4s ease-in-out infinite alternate;pointer-events:none}@keyframes flowerSway{0%{transform:rotate(-5deg) translateY(0)}to{transform:rotate(5deg) translateY(-3px)}}.field-sheep{position:absolute;z-index:4;pointer-events:none}.field-sheep-1{bottom:18%;left:20%;animation:sheepGraze 4s ease-in-out infinite}.field-sheep-2{bottom:14%;left:70%;animation:sheepGraze 5s ease-in-out infinite 1s;transform:scaleX(-1)}@keyframes sheepGraze{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.field-sheep-2{animation-name:sheepGraze2}@keyframes sheepGraze2{0%,to{transform:scaleX(-1) translateY(0)}50%{transform:scaleX(-1) translateY(3px)}}.sheep-body-static{position:relative;font-size:32px}.sheep-wool-static,.sheep-wool{display:none}.jumping-sheep{position:absolute;z-index:10;pointer-events:none;font-size:36px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));transition:none}.sheep-body,.sheep-body-static{position:relative;display:inline-block}.sheep-head,.sheep-head-static{position:relative;z-index:2}.z-particle{position:absolute;font-family:Georgia,serif;font-size:18px;font-weight:700;font-style:italic;color:var(--sleepy-blue);text-shadow:0 0 8px rgba(100,149,237,.5);pointer-events:none;z-index:20;animation:zFloat .5s ease-out}@keyframes zFloat{0%{transform:scale(.3) rotate(0);opacity:0}to{transform:scale(1) rotate(-15deg);opacity:1}}.click-ripple{position:absolute;width:60px;height:60px;border-radius:50%;border:2px solid rgba(255,255,255,.4);transform:translate(-50%,-50%) scale(0);animation:ripple .6s ease-out forwards;pointer-events:none;z-index:15}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.ui-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:2rem 1rem;z-index:30;pointer-events:none}.title-area{text-align:center}.game-title{font-family:Georgia,serif;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700;color:#fff;text-shadow:0 0 20px rgba(100,149,237,.4),0 2px 4px rgba(0,0,0,.3);letter-spacing:.05em;margin-bottom:.25rem}.subtitle{font-family:Georgia,serif;font-size:clamp(.8rem,2.5vw,1rem);color:#ffffff80;font-style:italic;letter-spacing:.1em}.counter-area{text-align:center;margin-top:1rem}.counter-display{display:flex;flex-direction:column;align-items:center;gap:.15rem}.counter-number{font-family:Georgia,serif;font-size:clamp(3rem,10vw,5rem);font-weight:700;color:#fff;line-height:1;text-shadow:0 0 30px rgba(100,149,237,.5),0 0 60px rgba(100,149,237,.2),0 2px 4px rgba(0,0,0,.3);transition:transform .15s ease;animation:counterPulse 2s ease-in-out infinite}@keyframes counterPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.counter-label{font-family:Georgia,serif;font-size:clamp(.9rem,2.5vw,1.1rem);color:#ffffff80;letter-spacing:.15em;text-transform:lowercase}.hint-area{text-align:center}.hint{font-family:Georgia,serif;font-size:clamp(.8rem,2vw,1rem);color:#ffffff59;font-style:italic;animation:hintPulse 3s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.35}50%{opacity:.6}}.milestone{position:absolute;bottom:10%;left:50%;transform:translate(-50%);font-family:Georgia,serif;font-size:clamp(1rem,3vw,1.4rem);color:#fffc;font-style:italic;text-shadow:0 0 20px rgba(100,149,237,.5);white-space:nowrap;transition:opacity 1s ease;animation:milestoneAppear .5s ease-out;z-index:25}@keyframes milestoneAppear{0%{transform:translate(-50%) translateY(10px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.sleep-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;transition:opacity 2s ease;z-index:25;pointer-events:none}.sleep-text{font-size:5rem;animation:sleepBounce 2s ease-in-out infinite}@keyframes sleepBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:600px){.moon{width:50px;height:50px;top:5%;right:10%}.moon-shadow{width:45px;height:45px}.moon-glow{width:100px;height:100px;top:2%;right:6%}.jumping-sheep{font-size:28px}.field-sheep{font-size:24px}.fence{bottom:28%}.ground{height:30%}}