@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&display=swap";:root{color-scheme:light;font-family:Fredoka,ui-sans-serif,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100vh;overflow:hidden;background:#87ceeb}.game-container{position:relative;width:100%;height:100vh;overflow:hidden;cursor:default;-webkit-user-select:none;user-select:none}.sky-farm{background:linear-gradient(180deg,#87ceeb,#b0e0e6 40%,#98d8c8)}.sky-hills{background:linear-gradient(180deg,#ffb347,#ffcc80 30%,#87ceeb 70%,#98d8c8)}.sky-jungle{background:linear-gradient(180deg,#2e7d32,#4caf50,#81c784 60%,#a5d6a7)}.sky-mountain{background:linear-gradient(180deg,#5c6bc0,#7986cb,#9fa8da 60%,#c5cae9)}.sky-space{background:linear-gradient(180deg,#1a1a2e,#16213e,#0f3460 60%,#533483)}.ground{position:absolute;bottom:0;left:0;width:100%;height:120px;z-index:2}.ground-farm{background:linear-gradient(180deg,#4caf50,#388e3c 30%,#2e7d32)}.ground-hills{background:linear-gradient(180deg,#8bc34a,#689f38 30%,#558b2f)}.ground-jungle{background:linear-gradient(180deg,#33691e,#1b5e20 30%,#0d3b0d)}.ground-mountain{background:linear-gradient(180deg,#78909c,#607d8b 30%,#455a64)}.ground-space{background:linear-gradient(180deg,#4a148c,#311b92 30%,#1a237e)}.ground:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:#ffffff4d}.ground:after{content:"";position:absolute;top:-8px;left:0;width:100%;height:16px;background:repeating-linear-gradient(90deg,transparent,transparent 18px,rgba(255,255,255,.15) 18px,rgba(255,255,255,.15) 20px)}.goat{position:absolute;z-index:10;transition:none}.goat-body{position:relative;width:60px;height:44px}.goat-body-shape{position:absolute;width:48px;height:32px;background:beige;border-radius:50% 50% 45% 45%;top:8px;left:6px;box-shadow:inset -4px -4px #0000001a}.goat-head{position:absolute;width:26px;height:22px;background:beige;border-radius:50% 60% 40% 40%;top:0;right:-4px;z-index:2}.goat-eye{position:absolute;width:6px;height:7px;background:#333;border-radius:50%;top:6px;right:5px}.goat-eye:after{content:"";position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;top:1px;right:1px}.goat-horn-l,.goat-horn-r{position:absolute;width:5px;height:14px;background:#8d6e63;border-radius:3px 3px 1px 1px;top:-10px;z-index:3}.goat-horn-l{right:12px;transform:rotate(-15deg)}.goat-horn-r{right:4px;transform:rotate(15deg)}.goat-beard{position:absolute;width:8px;height:12px;background:#d7ccc8;border-radius:0 0 50% 50%;bottom:-8px;right:6px}.goat-ear{position:absolute;width:10px;height:7px;background:#e8d5b7;border-radius:50%;top:3px;z-index:1}.goat-ear-l{right:18px;transform:rotate(-20deg)}.goat-ear-r{right:-2px;transform:rotate(20deg)}.goat-legs{position:absolute;bottom:-8px;left:10px;display:flex;gap:8px}.goat-leg{width:7px;height:16px;background:beige;border-radius:2px 2px 3px 3px;box-shadow:inset -2px 0 #0000001a}.goat-leg.running{animation:legRun .2s infinite alternate}.goat-leg:nth-child(2){animation-delay:.1s}@keyframes legRun{0%{transform:rotate(-15deg)}to{transform:rotate(15deg)}}.goat-tail{position:absolute;width:16px;height:6px;background:beige;border-radius:50%;top:14px;left:-6px;transform-origin:right center;animation:tailWag .5s infinite alternate ease-in-out}@keyframes tailWag{0%{transform:rotate(-20deg)}to{transform:rotate(10deg)}}.goat.jumping .goat-leg{transform:rotate(0)!important;animation:none}.goat.jumping .goat-tail{animation:none;transform:rotate(-30deg)}.goat.invincible{animation:invFlash .15s infinite alternate}@keyframes invFlash{0%{opacity:1}to{opacity:.3}}.platform{position:absolute;z-index:3;border-radius:8px;box-shadow:0 4px 8px #0003}.platform-wood{background:linear-gradient(180deg,#8d6e63,#6d4c41,#5d4037);border:2px solid #4E342E}.platform-stone{background:linear-gradient(180deg,#90a4ae,#78909c,#607d8b);border:2px solid #546E7A}.platform-cloud{background:linear-gradient(180deg,#fff,#e3f2fd);border:2px solid #BBDEFB;border-radius:20px;box-shadow:0 6px 20px #0000001a}.platform-lava{background:linear-gradient(180deg,#ff5722,#e64a19,#bf360c);border:2px solid #DD2C00;box-shadow:0 0 15px #ff572280}.platform-crystal{background:linear-gradient(180deg,#ce93d8,#ab47bc,#8e24aa);border:2px solid #7B1FA2;box-shadow:0 0 15px #ab47bc66}.collectible{position:absolute;z-index:8;animation:collectFloat 1s infinite ease-in-out alternate}@keyframes collectFloat{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.collectible-carrot{width:20px;height:28px}.carrot-body{width:14px;height:20px;background:linear-gradient(180deg,#ff9800,#f57c00);border-radius:3px 3px 50% 50%;margin:0 auto;position:relative}.carrot-top{width:20px;height:10px;position:relative}.carrot-leaf{position:absolute;width:6px;height:10px;background:#4caf50;border-radius:50%}.carrot-leaf:nth-child(1){left:3px;transform:rotate(-15deg)}.carrot-leaf:nth-child(2){left:7px}.carrot-leaf:nth-child(3){left:11px;transform:rotate(15deg)}.collectible-star{width:28px;height:28px;position:relative}.star-shape{width:28px;height:28px;background:gold;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.collectible-gem{width:22px;height:22px}.gem-shape{width:22px;height:22px;background:linear-gradient(135deg,#00bcd4,#0097a7);clip-path:polygon(50% 0%,100% 35%,80% 100%,20% 100%,0% 35%);filter:drop-shadow(0 0 6px rgba(0,188,212,.5))}.obstacle{position:absolute;z-index:6}.obstacle-rock{width:40px;height:34px;background:linear-gradient(135deg,#78909c,#546e7a);border-radius:40% 45% 50% 35%;box-shadow:inset -4px -4px 8px #0000004d,0 3px 6px #0000004d}.obstacle-rock:after{content:"";position:absolute;width:12px;height:8px;background:#ffffff26;border-radius:50%;top:6px;left:8px}.obstacle-cactus{width:24px;height:50px;position:relative}.cactus-body{width:20px;height:46px;background:linear-gradient(90deg,#2e7d32,#388e3c,#2e7d32);border-radius:10px 10px 4px 4px;margin:0 auto;position:relative}.cactus-arm-l,.cactus-arm-r{position:absolute;width:10px;height:20px;background:#388e3c;border-radius:6px;top:10px}.cactus-arm-l{left:-8px;border-radius:6px 6px 6px 0}.cactus-arm-r{right:-8px;border-radius:6px 6px 0}.obstacle-spike{width:30px;height:30px;background:#b71c1c;clip-path:polygon(50% 0%,0% 100%,100% 100%);box-shadow:0 0 10px #b71c1c66}.obstacle-saw{width:36px;height:36px;background:#616161;border-radius:50%;position:relative;animation:sawSpin 1s linear infinite}.obstacle-saw:before{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background:#9e9e9e;border-radius:50%;transform:translate(-50%,-50%)}@keyframes sawSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.obstacle-moving{animation:obstacleMove 2s infinite alternate ease-in-out}@keyframes obstacleMove{0%{transform:translateY(0)}to{transform:translateY(-30px)}}.decoration{position:absolute;z-index:1;pointer-events:none}.cloud{background:#fffc;border-radius:50px;position:relative}.cloud:before,.cloud:after{content:"";position:absolute;background:#fffc;border-radius:50%}.cloud-small{width:60px;height:24px}.cloud-small:before{width:30px;height:30px;top:-15px;left:10px}.cloud-small:after{width:20px;height:20px;top:-10px;left:30px}.cloud-big{width:100px;height:32px}.cloud-big:before{width:40px;height:40px;top:-20px;left:20px}.cloud-big:after{width:28px;height:28px;top:-12px;left:50px}.cloud-animated{animation:cloudFloat 20s linear infinite}@keyframes cloudFloat{0%{transform:translate(0)}to{transform:translate(-200px)}}.tree{position:relative}.tree-trunk{width:14px;height:30px;background:linear-gradient(90deg,#6d4c41,#8d6e63,#6d4c41);border-radius:4px;margin:0 auto}.tree-top{width:50px;height:50px;background:radial-gradient(circle,#66bb6a,#43a047);border-radius:50%;margin:0 auto -10px;box-shadow:inset -6px -6px 10px #00000026}.bush{width:40px;height:24px;background:radial-gradient(ellipse,#66bb6a,#43a047);border-radius:50% 50% 40% 40%;box-shadow:inset -4px -4px 6px #00000026}.flower{position:relative;width:16px;height:24px}.flower-stem{width:3px;height:14px;background:#4caf50;margin:0 auto}.flower-head{width:16px;height:16px;border-radius:50%;position:relative}.flower-petal{position:absolute;width:7px;height:7px;border-radius:50%;top:50%;left:50%}.flower-petal:nth-child(1){transform:translate(-50%,-120%)}.flower-petal:nth-child(2){transform:translate(20%,-50%)}.flower-petal:nth-child(3){transform:translate(-50%,20%)}.flower-petal:nth-child(4){transform:translate(-120%,-50%)}.flower-petal:nth-child(5){transform:translate(-50%,-50%);background:gold!important}.hud{position:absolute;top:0;left:0;width:100%;padding:16px 24px;display:flex;justify-content:space-between;align-items:flex-start;z-index:100;pointer-events:none}.hud-left,.hud-right{display:flex;flex-direction:column;gap:8px}.hud-item{display:flex;align-items:center;gap:8px;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;border-radius:20px;color:#fff;font-size:16px;font-weight:600}.hud-icon{font-size:20px}.hud-center{position:absolute;top:16px;left:50%;transform:translate(-50%);text-align:center}.level-name{background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 20px;border-radius:20px;color:gold;font-size:18px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.lives-display{display:flex;gap:4px}.life-heart{font-size:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.life-heart.lost{opacity:.3;filter:grayscale(1)}.score-popup{position:absolute;z-index:200;font-size:20px;font-weight:700;color:gold;text-shadow:0 1px 3px rgba(0,0,0,.5);animation:scorePop .8s forwards;pointer-events:none}@keyframes scorePop{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-30px) scale(1.3)}to{opacity:0;transform:translateY(-60px) scale(.8)}}.screen-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:500;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.screen-content{text-align:center;color:#fff;padding:40px}.screen-title{font-size:56px;font-weight:700;color:gold;text-shadow:0 3px 6px rgba(0,0,0,.5),0 0 20px rgba(255,215,0,.3);margin-bottom:8px}.screen-subtitle{font-size:22px;color:#ffffffd9;margin-bottom:32px}.screen-goat{font-size:80px;margin-bottom:24px;animation:goatBounce 1s infinite ease-in-out}@keyframes goatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.btn{display:inline-block;padding:14px 40px;font-size:20px;font-weight:700;font-family:inherit;border:none;border-radius:50px;cursor:pointer;transition:transform .15s,box-shadow .15s;pointer-events:all}.btn:hover{transform:scale(1.05)}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;box-shadow:0 4px 15px #ff980066}.btn-secondary{background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff;box-shadow:0 4px 15px #66bb6a66;margin-top:12px}.btn-small{padding:10px 28px;font-size:16px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.stat-box{background:#ffffff1a;border-radius:12px;padding:16px}.stat-value{font-size:32px;font-weight:700;color:gold}.stat-label{font-size:14px;color:#ffffffb3}.controls-hint{position:absolute;bottom:140px;left:50%;transform:translate(-50%);z-index:50;text-align:center;color:#fff;font-size:16px;text-shadow:0 1px 3px rgba(0,0,0,.5);animation:fadeInUp 1s ease-out}.controls-hint kbd{display:inline-block;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:2px 10px;margin:0 2px;font-family:inherit;font-size:14px}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.level-transition{position:absolute;top:0;left:0;width:100%;height:100%;z-index:400;display:flex;align-items:center;justify-content:center;background:#000c;animation:levelFade 2s forwards}.level-transition-text{font-size:48px;font-weight:700;color:gold;text-shadow:0 3px 6px rgba(0,0,0,.5);animation:levelTextPop .5s ease-out}@keyframes levelFade{0%,70%{opacity:1}to{opacity:0;pointer-events:none}}@keyframes levelTextPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.checkpoint{position:absolute;z-index:7}.flag-pole{width:4px;height:60px;background:#795548;margin:0 auto}.flag-banner{width:30px;height:20px;background:linear-gradient(135deg,#ff5722,#ff9800);position:absolute;top:0;left:4px;clip-path:polygon(0 0,100% 20%,100% 80%,0 100%);animation:flagWave .8s infinite alternate ease-in-out}@keyframes flagWave{0%{transform:skewY(-3deg)}to{transform:skewY(3deg)}}.particle{position:absolute;z-index:150;pointer-events:none;border-radius:50%;animation:particleFade .6s forwards}@keyframes particleFade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.mobile-controls{position:absolute;bottom:20px;left:0;width:100%;display:flex;justify-content:space-between;padding:0 20px;z-index:100;pointer-events:none}.mobile-btn{width:64px;height:64px;border-radius:50%;border:3px solid rgba(255,255,255,.5);background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;cursor:pointer;pointer-events:all;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-btn:active{background:#fff6;transform:scale(.9)}.mobile-dpad{display:flex;gap:8px}.bg-layer{position:absolute;bottom:120px;left:0;width:200%;height:200px;z-index:1;pointer-events:none}::-webkit-scrollbar{display:none}@media(max-width:640px){.screen-title{font-size:36px}.screen-subtitle{font-size:16px}.screen-goat{font-size:60px}.hud-item{font-size:14px;padding:4px 10px}.level-name{font-size:14px}}