*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,system-ui,sans-serif}:root{--sky-top: #87CEEB;--sky-bottom: #E0F7FF;--grass: #4CAF50;--grass-dark: #388E3C;--dirt: #8D6E63}.game-container{width:100vw;height:100vh;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-bottom) 70%,var(--grass) 70%,var(--grass-dark) 100%);cursor:pointer;-webkit-user-select:none;user-select:none}.cloud{position:absolute;background:#fff;border-radius:50%;opacity:.9}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.sun{position:absolute;top:30px;right:60px;width:80px;height:80px;background:gold;border-radius:50%;box-shadow:0 0 40px gold,0 0 80px #ffd70066;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 40px gold,0 0 80px #ffd70066}50%{box-shadow:0 0 60px gold,0 0 100px #ffd70099}}.ground{position:absolute;bottom:0;left:0;width:100%;height:30%;z-index:1}.grass-layer{position:absolute;top:0;left:0;width:100%;height:40px;background:linear-gradient(180deg,#66bb6a,#4caf50);border-top:3px solid #81C784}.dirt-layer{position:absolute;top:40px;left:0;width:100%;bottom:0;background:linear-gradient(180deg,#8d6e63,#6d4c41)}.corn-player{position:absolute;z-index:10;transition:none;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.3))}.corn-body{position:relative;width:44px;height:64px}.corn-cob{width:36px;height:52px;background:linear-gradient(135deg,#ffd54f,#ffb300,#ff8f00);border-radius:18px 18px 12px 12px;position:absolute;bottom:0;left:4px;box-shadow:inset -4px 0 8px #00000026}.corn-cob:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:28px;height:40px;background:repeating-linear-gradient(0deg,transparent,transparent 4px,rgba(255,255,255,.3) 4px,rgba(255,255,255,.3) 6px);border-radius:14px}.corn-husk-left,.corn-husk-right{position:absolute;bottom:0;width:14px;height:44px;background:linear-gradient(135deg,#81c784,#4caf50);border-radius:8px 4px 4px 12px}.corn-husk-left{left:-2px;transform:rotate(15deg);transform-origin:bottom right}.corn-husk-right{right:-2px;transform:rotate(-15deg);transform-origin:bottom left;border-radius:4px 8px 12px 4px}.corn-silk{position:absolute;top:-8px;left:50%;transform:translate(-50%);display:flex;gap:3px}.corn-silk span{width:3px;height:14px;background:linear-gradient(to bottom,#c8e6c9,#a5d6a7);border-radius:2px;animation:silkWave 1.5s ease-in-out infinite}.corn-silk span:nth-child(1){transform:rotate(-20deg);animation-delay:0s}.corn-silk span:nth-child(2){transform:rotate(0);animation-delay:.2s}.corn-silk span:nth-child(3){transform:rotate(20deg);animation-delay:.4s}@keyframes silkWave{0%,to{transform:rotate(var(--rot, 0deg))}50%{transform:rotate(calc(var(--rot, 0deg) + 10deg))}}.corn-face{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:2}.corn-eye{width:8px;height:10px;background:#333;border-radius:50%;position:relative}.corn-eye:after{content:"";position:absolute;top:2px;right:1px;width:3px;height:3px;background:#fff;border-radius:50%}.corn-smile{position:absolute;top:24px;left:50%;transform:translate(-50%);width:12px;height:6px;border-bottom:2px solid #333;border-radius:0 0 6px 6px}.corn-legs{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);display:flex;gap:10px}.corn-leg{width:6px;height:14px;background:#ffb300;border-radius:0 0 3px 3px}.corn-leg.running{animation:legRun .3s ease-in-out infinite alternate}.corn-leg.running:nth-child(2){animation-delay:.15s}@keyframes legRun{0%{transform:rotate(-15deg) translateY(-2px)}to{transform:rotate(15deg) translateY(2px)}}.corn-player.jumping .corn-leg{height:8px}.obstacle{position:absolute;z-index:5;filter:drop-shadow(2px 3px 4px rgba(0,0,0,.3))}.crow{width:40px;height:32px}.crow-body{width:30px;height:22px;background:linear-gradient(135deg,#333,#555);border-radius:50% 60% 40% 50%;position:relative}.crow-head{position:absolute;top:-4px;right:-6px;width:16px;height:14px;background:#333;border-radius:50%}.crow-beak{position:absolute;top:2px;right:-10px;width:0;height:0;border-left:10px solid #FF6F00;border-top:4px solid transparent;border-bottom:4px solid transparent}.crow-eye{position:absolute;top:3px;right:3px;width:5px;height:5px;background:#ffeb3b;border-radius:50%}.crow-wing{position:absolute;top:-6px;left:4px;width:20px;height:14px;background:#444;border-radius:50% 50% 0 0;animation:wingFlap .3s ease-in-out infinite alternate}@keyframes wingFlap{0%{transform:rotate(-30deg)}to{transform:rotate(10deg)}}.scarecrow{width:40px;height:70px;position:relative}.scarecrow-post{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:8px;height:50px;background:linear-gradient(90deg,#795548,#8d6e63,#795548);border-radius:2px}.scarecrow-arms{position:absolute;top:10px;left:50%;transform:translate(-50%);width:36px;height:6px;background:#795548;border-radius:3px}.scarecrow-head{position:absolute;top:0;left:50%;transform:translate(-50%);width:22px;height:22px;background:#ffcc80;border-radius:50%;border:2px solid #FFB74D}.scarecrow-hat{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:28px;height:12px;background:#5d4037;border-radius:4px 4px 0 0}.scarecrow-hat:before{content:"";position:absolute;bottom:-3px;left:-4px;width:36px;height:5px;background:#5d4037;border-radius:3px}.scarecrow-face{position:absolute;top:5px;left:50%;transform:translate(-50%);display:flex;gap:4px}.scarecrow-face span{width:4px;height:4px;background:#333;border-radius:50%}.scarecrow-tatter{position:absolute;bottom:5px;left:0;width:100%;height:20px;background:repeating-linear-gradient(90deg,#795548,#795548 4px,transparent 4px,transparent 8px);clip-path:polygon(0 0,100% 0,95% 100%,85% 70%,75% 100%,65% 80%,55% 100%,45% 75%,35% 100%,25% 80%,15% 100%,5% 70%,0% 100%)}.puddle{width:50px;height:14px;background:radial-gradient(ellipse,#4fc3f7 30%,#0288d1);border-radius:50%;box-shadow:inset 0 -2px 4px #0003}.collectible{position:absolute;z-index:8;animation:floatBob 1s ease-in-out infinite;filter:drop-shadow(1px 2px 3px rgba(0,0,0,.2))}@keyframes floatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.coin{width:24px;height:24px;background:radial-gradient(circle at 35% 35%,gold,#ffa000);border:2px solid #FF8F00;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#8d6e63;box-shadow:inset -2px -2px 4px #0003,0 0 8px #ffd70080}.golden-corn{width:28px;height:36px;position:relative}.golden-corn-cob{width:20px;height:28px;background:linear-gradient(135deg,gold,#ffc107,#ff9800);border-radius:10px 10px 8px 8px;margin:0 auto;box-shadow:0 0 12px #ffd700b3;position:relative}.golden-corn-cob:after{content:"★";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#fffc}.shield-power{width:28px;height:32px;position:relative}.shield-icon{width:28px;height:32px;background:linear-gradient(135deg,#42a5f5,#1565c0);border:2px solid #90CAF9;border-radius:14px/14px 14px 22px 22px;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 0 10px #42a5f599}.particle{position:absolute;pointer-events:none;z-index:20;border-radius:50%;animation:particleFade .6s ease-out forwards}@keyframes particleFade{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(0)}}.score-display{position:absolute;top:20px;left:20px;z-index:100;display:flex;flex-direction:column;gap:8px}.score-item{background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;color:#fff;font-weight:600;font-size:16px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.15)}.score-item .icon{font-size:20px}.score-value{font-variant-numeric:tabular-nums;min-width:40px}.lives-display{position:absolute;top:20px;right:20px;z-index:100;display:flex;gap:6px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.15)}.life-heart{font-size:22px;transition:transform .2s,opacity .2s}.life-heart.lost{opacity:.3;transform:scale(.8)}.level-display{position:absolute;top:80px;left:20px;z-index:100;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 14px;border-radius:16px;color:gold;font-weight:700;font-size:14px;border:1px solid rgba(255,215,0,.3);letter-spacing:.05em}.shield-indicator{position:absolute;top:80px;right:20px;z-index:100;background:#1565c0b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 14px;border-radius:16px;color:#fff;font-weight:600;font-size:14px;border:1px solid rgba(144,202,249,.5);animation:shieldPulse 1s ease-in-out infinite}@keyframes shieldPulse{0%,to{box-shadow:0 0 8px #42a5f566}50%{box-shadow:0 0 16px #42a5f5cc}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.title-screen{text-align:center}.game-title{font-size:4rem;font-weight:900;background:linear-gradient(135deg,gold,#ff8f00,#ff6f00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(3px 3px 6px rgba(0,0,0,.4));margin-bottom:8px;letter-spacing:-.02em}.game-subtitle{font-size:1.2rem;color:#fffc;margin-bottom:40px;font-weight:300}.start-btn{background:linear-gradient(135deg,gold,#ff8f00);color:#333;border:none;padding:16px 48px;font-size:1.2rem;font-weight:700;border-radius:50px;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 20px #ff8f0066;transition:transform .15s,box-shadow .15s;margin-bottom:16px}.start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #ff8f0099}.start-btn:active{transform:translateY(0)}.controls-hint{color:#ffffff80;font-size:.85rem;margin-top:8px}.corn-preview{font-size:64px;margin-bottom:20px;animation:cornBounce 2s ease-in-out infinite}@keyframes cornBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.game-over-screen{text-align:center}.game-over-title{font-size:3rem;font-weight:900;color:#ff5252;margin-bottom:16px;text-shadow:2px 2px 8px rgba(0,0,0,.5)}.final-score{font-size:1.4rem;color:#ffffffe6;margin-bottom:8px}.final-stats{display:flex;gap:24px;justify-content:center;margin:16px 0 32px}.stat{text-align:center}.stat-value{font-size:2rem;font-weight:800;color:gold}.stat-label{font-size:.8rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em}.level-up{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:150;font-size:3rem;font-weight:900;color:gold;text-shadow:2px 2px 10px rgba(0,0,0,.6);animation:levelUpAnim 1.5s ease-out forwards;pointer-events:none}@keyframes levelUpAnim{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}40%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-80%) scale(1)}}.hit-flash{animation:hitFlash .3s ease-out}@keyframes hitFlash{0%,50%{filter:brightness(3) saturate(0)}25%,75%{filter:brightness(1)}}@media(max-width:600px){.game-title{font-size:2.5rem}.game-subtitle{font-size:1rem}.start-btn{padding:12px 36px;font-size:1rem}.score-item{font-size:14px;padding:6px 12px}}