:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;overflow:hidden;background:linear-gradient(180deg,#87ceeb,#4a90d9 40%,#2e7d32)}.scene{position:relative;width:100vw;height:100vh;overflow:hidden}.title{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);color:#2e1a0e;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;text-shadow:0 1px 4px rgba(255,255,255,.3);white-space:nowrap;z-index:10;background:#ffffc8b3;padding:.4rem 1rem;border-radius:8px}.ground{position:absolute;bottom:0;left:0;width:100%;height:28%;background:linear-gradient(180deg,#4caf50,#2e7d32);border-top:4px solid #388e3c}.ground:before{content:"";position:absolute;top:-20px;left:0;width:100%;height:40px;background:repeating-linear-gradient(90deg,transparent,transparent 40px,#4caf50 40px,#4caf50 42px);opacity:.3}.tree{position:absolute;bottom:28%;left:50%;transform:translate(-50%)}.trunk{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50px;height:260px;background:linear-gradient(90deg,#5d4037,#8d6e63 40%,#6d4c41);border-radius:6px}.trunk:before{content:"";position:absolute;bottom:30px;left:8px;width:14px;height:14px;border-radius:50%;background:#3e2723}.trunk:after{content:"";position:absolute;top:60px;right:6px;width:10px;height:10px;border-radius:50%;background:#3e2723}.branch{position:absolute;background:#6d4c41;border-radius:4px}.branch-left{bottom:160px;left:-90px;width:110px;height:12px;transform:rotate(-25deg);transform-origin:right center}.branch-right{bottom:190px;right:-80px;width:100px;height:12px;transform:rotate(20deg);transform-origin:left center}.branch-top{bottom:230px;left:-60px;width:120px;height:10px;transform:rotate(-10deg);transform-origin:right center}.leaves{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 35%,#66bb6a,#388e3c);box-shadow:inset -4px -4px 8px #0003}.leaves-1{bottom:200px;left:-130px;width:120px;height:90px;border-radius:60% 40% 50% 50%}.leaves-2{bottom:240px;left:-60px;width:150px;height:120px;border-radius:50% 60% 40% 50%}.leaves-3{bottom:250px;right:-110px;width:130px;height:100px;border-radius:40% 50% 60%}.leaves-4{bottom:270px;left:-30px;width:100px;height:80px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#81c784,#43a047)}.monkey{position:absolute;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transform-origin:top center;animation:swing 2s ease-in-out infinite;z-index:5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.monkey-emoji{font-size:32px;line-height:1}.monkey-0{bottom:180px;left:-120px}.monkey-1{bottom:210px;left:-100px}.monkey-2{bottom:195px;left:-150px}.monkey-3{bottom:220px;right:-95px}.monkey-4{bottom:240px;right:-120px}.monkey-5{bottom:250px;left:-70px}.monkey-6{bottom:270px;right:-80px}@keyframes swing{0%,to{transform:rotate(-20deg)}50%{transform:rotate(20deg)}}.vine{position:absolute;width:3px;height:28px;background:linear-gradient(180deg,#33691e,#558b2f);transform-origin:top center;animation:swing 2s ease-in-out infinite;z-index:4;border-radius:1px}.vine-0{bottom:180px;left:-100px}.vine-1{bottom:210px;left:-80px}.vine-2{bottom:195px;left:-130px}.vine-3{bottom:220px;right:-75px}.vine-4{bottom:240px;right:-100px}.vine-5{bottom:250px;left:-50px}.vine-6{bottom:270px;right:-60px}.banana-cluster{position:absolute;bottom:calc(28% + 10px);right:18%;display:flex;gap:4px;transform:rotate(-5deg)}.banana{width:55px;height:24px;background:linear-gradient(180deg,#fff176,#ffee58 30%,#ffc107 70%,#ff8f00);border-radius:20px 20px 10px 10px;position:relative;box-shadow:0 2px 8px #0000004d}.banana:before{content:"";position:absolute;top:-4px;right:-2px;width:10px;height:14px;background:#795548;border-radius:2px 6px 0 0}.banana-1{transform:rotate(8deg)}.banana-2{transform:rotate(-3deg) translateY(-6px)}.banana-3{transform:rotate(5deg) translateY(2px)}.flying-monkey{position:absolute;width:40px;height:40px;display:flex;align-items:center;justify-content:center;animation:flyToBananas 3.5s ease-in-out infinite;z-index:8;filter:drop-shadow(0 0 8px rgba(139,69,19,.5))}.flying-monkey .monkey-emoji{font-size:28px}.flying-monkey-0{--start-x: 30vw;--start-y: 35vh;--mid-x: 50vw;--mid-y: 10vh}.flying-monkey-1{--start-x: 35vw;--start-y: 40vh;--mid-x: 45vw;--mid-y: 15vh}.flying-monkey-2{--start-x: 40vw;--start-y: 38vh;--mid-x: 55vw;--mid-y: 8vh}.flying-monkey-3{--start-x: 32vw;--start-y: 32vh;--mid-x: 48vw;--mid-y: 13vh}.flying-monkey-4{--start-x: 38vw;--start-y: 36vh;--mid-x: 52vw;--mid-y: 11vh}@keyframes flyToBananas{0%{left:var(--start-x);top:var(--start-y);opacity:0;transform:rotate(0) scale(.5)}15%{opacity:1;transform:rotate(90deg) scale(1)}50%{left:var(--mid-x);top:var(--mid-y);opacity:1;transform:rotate(270deg) scale(1.2)}85%{opacity:1;transform:rotate(330deg) scale(1)}to{left:78%;top:68%;opacity:.2;transform:rotate(360deg) scale(.5)}}.sparkle{position:absolute;width:8px;height:8px;background:gold;border-radius:50%;animation:sparkle-anim 2s ease-in-out infinite;box-shadow:0 0 10px gold,0 0 20px #ffd70066;z-index:9}.sparkle-0{top:65%;left:75%}.sparkle-1{top:62%;left:80%}.sparkle-2{top:70%;left:78%}.sparkle-3{top:67%;left:82%}.sparkle-4{top:63%;left:76%}.sparkle-5{top:69%;left:73%}.sparkle-6{top:66%;left:85%}.sparkle-7{top:71%;left:77%}@keyframes sparkle-anim{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}}.peel{position:absolute;width:30px;height:14px;background:linear-gradient(180deg,#fff176,#ffc107);border-radius:8px 8px 4px 4px;animation:peel-float 4s ease-in-out infinite;z-index:7;opacity:.6}.peel-0{bottom:calc(28% + 40px);right:24%;transform:rotate(-30deg)}.peel-1{bottom:calc(28% + 20px);right:30%;transform:rotate(15deg)}.peel-2{bottom:calc(28% + 50px);right:20%;transform:rotate(-10deg)}@keyframes peel-float{0%,to{transform:rotate(-30deg) translateY(0)}50%{transform:rotate(-10deg) translateY(-8px)}}@media(max-width:600px){.title{font-size:1rem}.trunk{height:180px;width:36px}.branch-left{bottom:120px;left:-70px;width:80px}.branch-right{bottom:140px;right:-60px;width:70px}.branch-top{bottom:160px;left:-40px;width:90px}.leaves{transform:scale(.7)}.monkey-emoji{font-size:24px}.flying-monkey .monkey-emoji{font-size:22px}}