:root{--gate-wood: #8b6f47;--gate-wood-dark: #5d4a30;--grass: #c8e6a0;--grass-dark: #a8cf7a;--sky: #b8dcf0}#field{background:linear-gradient(to bottom,#8ec8e8 0%,var(--sky) 20%,var(--sky) 25%,#b0d870 25%,var(--grass) 35%,var(--grass) 100%);border-radius:8px;height:320px;position:relative;overflow:hidden}#field-overlay{position:absolute;inset:0;z-index:0;pointer-events:none;transition:background 3s ease}#stars{position:absolute;left:0;right:0;top:0;height:80px;z-index:0;pointer-events:none;opacity:0;transition:opacity 3s ease}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 2s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}#rainbow-sky{position:absolute;left:0;right:0;top:0;height:80px;z-index:0;pointer-events:none;opacity:0;transition:opacity 1.2s ease;overflow:visible}.rainbow-arc{position:absolute;width:200%;height:200%;left:-50%;top:-115%;border-radius:50%;border:7px solid rgba(255,50,50,.65);border-bottom:none;box-shadow:0 0 0 8px #ffa0008c,0 0 0 16px #fff00080,0 0 0 24px #00c80080,0 0 0 32px #0078ff73,0 0 0 40px #a000dc66;pointer-events:none}#clouds{position:absolute;left:0;right:0;top:0;height:80px;z-index:0;pointer-events:none;overflow:hidden}.cloud{position:absolute;background:#ffffffe0;border-radius:30px}.cloud:before,.cloud:after{content:"";position:absolute;background:#ffffffe0;border-radius:50%}.c1{width:88px;height:24px;top:16px;animation:cloud-drift 38s linear infinite}.c1:before{width:38px;height:38px;top:-22px;left:14px}.c1:after{width:26px;height:26px;top:-12px;left:48px}.c2{width:58px;height:18px;top:44px;animation:cloud-drift 58s linear infinite -22s}.c2:before{width:26px;height:26px;top:-15px;left:8px}.c2:after{width:20px;height:20px;top:-8px;left:32px}.c3{width:110px;height:28px;top:8px;animation:cloud-drift 48s linear infinite -36s}.c3:before{width:46px;height:46px;top:-28px;left:16px}.c3:after{width:32px;height:32px;top:-16px;left:62px}@keyframes cloud-drift{0%{transform:translate(-180px)}to{transform:translate(760px)}}#world{position:absolute;inset:0;transition:transform 1.6s cubic-bezier(.4,0,.2,1);z-index:1;will-change:transform}#grass-blades{position:absolute;bottom:18px;left:0;right:0;height:22px;z-index:2;pointer-events:none}.grass-blade{position:absolute;bottom:0;width:3px;background:linear-gradient(to top,#6aaa3e,#90cc55);border-radius:2px 2px 0 0;transform-origin:bottom center;animation:blade-sway 2s ease-in-out infinite}@keyframes blade-sway{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}#sheep{position:absolute;left:50%;bottom:24px;transform:translate(-50%);transition:left .7s cubic-bezier(.45,.05,.55,.95),bottom .7s cubic-bezier(.45,.05,.55,.95),transform .3s,opacity .3s;z-index:3}#sheep-dead{display:none;font-size:44px;line-height:1}.leg{transform-box:fill-box;transform-origin:50% 0%}#sheep.walking .leg-fl{animation:leg-swing .36s ease-in-out infinite}#sheep.walking .leg-fr,#sheep.walking .leg-bl{animation:leg-swing .36s ease-in-out infinite .18s}#sheep.walking .leg-br{animation:leg-swing .36s ease-in-out infinite}body.sport-mode #sheep.walking .leg{animation-duration:90ms}@keyframes leg-swing{0%,to{transform:rotate(-20deg)}50%{transform:rotate(20deg)}}#grass-front{position:absolute;bottom:0;left:0;right:0;height:18px;background:linear-gradient(to bottom,#9acc6a,#8b5);z-index:2}#message{position:absolute;bottom:28px;left:0;right:0;text-align:center;font-size:14px;font-weight:500;min-height:20px;z-index:4;pointer-events:none}#level-up-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);opacity:0;background:#0f6e56f2;color:#fff;padding:10px 22px;border-radius:8px;font-size:16px;font-weight:500;z-index:5;pointer-events:none;transition:transform .4s,opacity .4s;text-align:center}.gate-plank{height:8px;background:linear-gradient(to bottom,#7a5c38,#4e3b22,#3a2c18);border-radius:2px;box-shadow:0 1px 2px #00000059,inset 0 1px #ffffff14}#chicken-leg-hud{position:absolute;top:10px;right:10px;z-index:8;font-size:28px;line-height:1;display:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));animation:drumstick-bounce 1.8s ease-in-out infinite;cursor:default;user-select:none}@keyframes drumstick-bounce{0%,to{transform:scale(1) rotate(-12deg)}50%{transform:scale(1.18) rotate(10deg)}}#lucky-clover-hud{position:absolute;top:10px;left:10px;z-index:8;font-size:28px;line-height:1;display:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));animation:clover-bounce 2.2s ease-in-out infinite;cursor:pointer;user-select:none}@keyframes clover-bounce{0%,to{transform:scale(1) rotate(-8deg)}50%{transform:scale(1.22) rotate(8deg)}}#double-score-hud{position:absolute;top:10px;left:50%;z-index:8;font-size:20px;font-weight:900;line-height:1;display:none;color:gold;text-shadow:0 0 10px rgba(255,200,0,.85),0 1px 3px rgba(0,0,0,.55);animation:double-score-pulse 1.6s ease-in-out infinite;cursor:default;user-select:none;letter-spacing:-.5px}@keyframes double-score-pulse{0%,to{transform:translate(-50%) scale(1) rotate(-6deg)}50%{transform:translate(-50%) scale(1.25) rotate(6deg)}}.floating-score.fast-bonus{font-size:26px;color:#e65c00;text-shadow:0 0 12px rgba(255,160,0,.7),0 2px 4px rgba(0,0,0,.3);animation:fast-float 1.1s cubic-bezier(.22,1,.36,1) forwards}.floating-score.turbo-bonus{font-size:32px;color:#f59e0b;text-shadow:0 0 18px rgba(251,191,36,.9),0 0 6px rgba(255,255,255,.6),0 2px 4px rgba(0,0,0,.4);animation:fast-float 1.3s cubic-bezier(.22,1,.36,1) forwards}.floating-score.double-bonus{font-size:26px;color:gold;text-shadow:0 0 14px rgba(255,215,0,.9),0 0 5px rgba(255,165,0,.7),0 2px 4px rgba(0,0,0,.3);animation:fast-float 1.1s cubic-bezier(.22,1,.36,1) forwards}.floating-score.double-turbo-bonus{font-size:32px;color:gold;text-shadow:0 0 18px rgba(255,215,0,.95),0 0 8px rgba(255,165,0,.8),0 0 3px rgba(255,255,255,.5),0 2px 4px rgba(0,0,0,.4);animation:fast-float 1.3s cubic-bezier(.22,1,.36,1) forwards}.flying-clover,.flying-drumstick{position:absolute;font-size:26px;line-height:1;z-index:20;pointer-events:none;transform:translate(-50%,-50%)}@keyframes devious-appear{0%{opacity:0}to{opacity:1}}#sheep-devious-face path,#sheep-devious-face circle,#sheep-devious-face polygon{animation:devious-appear .25s ease-out both}@keyframes wolf-snap{0%{opacity:0;transform:scale(.2) rotate(-20deg)}20%{opacity:1;transform:scale(1.6) rotate(10deg)}50%{transform:scale(.85) rotate(-5deg)}70%{transform:scale(1.2);opacity:1}to{opacity:0;transform:scale(.9)}}.wolf-snap-anim{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:42px;z-index:15;pointer-events:none;animation:wolf-snap .5s ease-out forwards}.horn-hint{position:absolute;top:-14px;left:50%;transform:translate(-50%);font-size:18px;line-height:1;pointer-events:none;z-index:5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.test-mark{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:15px;line-height:1;pointer-events:none;z-index:5;animation:hint-pulse 1.2s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:.65;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.2)}}.funny-skull{position:absolute;pointer-events:none;z-index:10;transform:translate(-50%,-50%) scale(0) rotate(-30deg);opacity:0;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .2s}.funny-skull.pop{transform:translate(-50%,-50%) scale(1) rotate(5deg);opacity:1}.hoof-print{position:absolute;pointer-events:none;z-index:1;animation:print-fade 2.2s ease-out forwards}@keyframes print-fade{0%{opacity:0;transform:translate(-50%) scale(.4)}15%{opacity:.45;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1)}}@keyframes sheep-bob{0%,to{transform:translate(-50%) translateY(-2px)}50%{transform:translate(-50%) translateY(2px)}}.near-miss-x{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:3;animation:miss-flash .85s ease-out forwards}.near-miss-x svg,.near-miss-x img{opacity:.52}@keyframes miss-flash{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.05)}65%{opacity:1}to{opacity:0;transform:scale(1)}}#field.shaking{animation:screen-shake .5s ease-out}#field.shaking-small{animation:screen-shake-small .3s ease-out}