.frog{position:absolute;bottom:0;transition:left .6s linear}.frog-body{transition:transform .6s cubic-bezier(.3,1,.7,1);transform:translateY(0)}.frog--hopping .frog-body{animation:frog-arc .6s ease-out forwards}@keyframes frog-arc{0%{transform:translateY(0)}40%{transform:translateY(-100px)}to{transform:translateY(0)}}.frog-sprite{width:32px;height:32px;image-rendering:pixelated;background-repeat:no-repeat;transform:scale(2);transform-origin:bottom center}.bat{position:absolute;transition:left 3s linear}.bat-sprite{width:32px;height:32px;image-rendering:pixelated;background-repeat:no-repeat;background-size:128px 64px;transform:scale(1.5);transform-origin:center center}.swamp{position:relative;width:100%;height:80vh;overflow:hidden;background:linear-gradient(180deg,#2a1f3d 0,#3d2f5c 15%,#4a5a6a 30%,#1a3a2a 50%,#0f2a1a 70%,#1a4a2a 85%,#2a3a1a)}.swamp-water{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(20,60,40,.8) 0,#0a2a18 30%,#0d3020 60%,#1a4030)}.swamp-water:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0,rgba(80,160,100,.3) 20%,rgba(60,140,80,.5) 50%,rgba(80,160,100,.3) 80%,transparent)}.swamp-water:after{content:"";position:absolute;top:20%;left:10%;right:10%;height:60%;background:radial-gradient(ellipse 80px 3px at 20% 30%,rgba(80,150,100,.2) 0,transparent 100%),radial-gradient(ellipse 120px 3px at 60% 50%,rgba(60,130,80,.15) 0,transparent 100%),radial-gradient(ellipse 60px 2px at 80% 70%,rgba(80,150,100,.2) 0,transparent 100%),radial-gradient(ellipse 100px 3px at 35% 80%,rgba(70,140,90,.15) 0,transparent 100%)}.swamp-tree-left{position:absolute;left:-20px;top:0;bottom:0;width:180px;background:linear-gradient(90deg,#1a1a10 0,#2a2a18 40%,transparent);clip-path:polygon(0 0,60% 0,80% 10%,70% 20%,85% 30%,65% 40%,75% 50%,55% 60%,60% 70%,50% 80%,55% 90%,45% 100%,0 100%)}.swamp-tree-right{position:absolute;right:-20px;top:0;bottom:0;width:150px;background:linear-gradient(270deg,#1a1a10 0,#2a2a18 40%,transparent);clip-path:polygon(100% 0,40% 0,25% 15%,35% 25%,20% 35%,40% 45%,30% 55%,45% 65%,35% 75%,50% 85%,45% 95%,55% 100%,100% 100%)}.swamp-vines{position:absolute;top:0;left:0;right:0;height:45%;pointer-events:none}.swamp-vine{position:absolute;width:3px;background:linear-gradient(180deg,#2a4a2a,#3a6a3a 40%,rgba(50,90,50,.5) 80%,transparent);border-radius:0 0 2px 2px}.swamp-lilypads{position:absolute;bottom:15%;left:0;right:0;height:20%;pointer-events:none}.swamp-lilypad{position:absolute;border-radius:50%;background:radial-gradient(ellipse at 40% 40%,#3a7a3a 0,#2a5a2a 60%,#1a4a1a 100%);box-shadow:0 1px 2px rgba(0,0,0,.3)}.swamp-lilypad:after{content:"";position:absolute;top:0;left:45%;width:10%;height:50%;background:rgba(10,30,10,.6);clip-path:polygon(0 0,100% 0,50% 100%)}.swamp-mushroom{position:absolute;bottom:0}.swamp-mushroom-cap{width:14px;height:10px;border-radius:50% 50% 20% 20%;background:radial-gradient(ellipse at 40% 30%,#e8a040,#cc6a20);position:relative}.swamp-mushroom-cap:after{content:"";position:absolute;top:3px;left:3px;width:4px;height:4px;border-radius:50%;background:rgba(255,230,150,.6);box-shadow:6px 2px 0 rgba(255,230,150,.4)}.swamp-mushroom-stem{width:5px;height:8px;background:linear-gradient(90deg,#c8a070,#a88060);margin:0 auto;border-radius:0 0 2px 2px}.swamp-reed{position:absolute;bottom:0;width:3px;background:linear-gradient(0deg,#3a5a2a,#5a8a4a 70%,#4a7a3a);border-radius:2px 2px 0 0}.swamp-reed:after{content:"";position:absolute;top:0;left:-2px;width:7px;height:10px;background:#5a3a2a;border-radius:3px}.swamp-firefly{position:absolute;width:4px;height:4px;border-radius:50%;background:#ccff66;box-shadow:0 0 6px 2px rgba(200,255,100,.6);animation:firefly-glow 3s ease-in-out infinite}@keyframes firefly-glow{0%,to{opacity:0;transform:translateY(0) translateX(0)}20%{opacity:1}50%{opacity:1;transform:translateY(-10px) translateX(5px)}80%{opacity:.5;transform:translateY(-5px) translateX(-3px)}}.swamp-foreground{height:15%;background:linear-gradient(0deg,#1a2a10 0,#2a3a18 40%,transparent);pointer-events:none}.swamp-floor,.swamp-foreground{position:absolute;bottom:0;left:0;right:0}.swamp-floor{height:60%}.swamp-clouds{position:absolute;top:5%;left:0;right:0;height:20%;pointer-events:none}.swamp-cloud{position:absolute;background:rgba(80,70,110,.4);border-radius:50%;filter:blur(8px)}