.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none}.plant{position:absolute;transform-origin:bottom center;transition:transform .5s ease,opacity .5s ease;z-index:10;pointer-events:none}.plant.spawning{animation:plantSpawn .8s ease-out forwards}.plant.despawning{animation:plantDespawn .5s ease-in forwards}.plant.wilting .plant-body{filter:saturate(.5) brightness(.8);animation:wilt 2s ease-in-out infinite}.plant.mature .plant-body{filter:drop-shadow(0 0 8px rgba(255,215,0,.5))}@keyframes plantSpawn{0%{transform:scale(0) translateY(20px);opacity:0}50%{transform:scale(1.1) translateY(-5px)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes plantDespawn{0%{transform:scale(1);opacity:1}to{transform:scale(0) translateY(20px);opacity:0}}@keyframes wilt{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.plant-body{position:relative;width:80px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;animation:sway 4s ease-in-out infinite}.plant-body.watering{animation:waterBounce .5s ease-in-out}.plant-body.harvesting{animation:harvestSpin 1s ease-in-out}@keyframes sway{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes waterBounce{0%,to{transform:scale(1)}25%{transform:scale(1.05)}75%{transform:scale(.98)}}@keyframes harvestSpin{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(0) rotate(360deg)}}.growth-bar{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:50px;height:4px;background:#0000004d;border-radius:2px;overflow:hidden}.growth-fill{height:100%;transition:width .5s ease,background-color .3s ease;border-radius:2px}.plant-username{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:10px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);white-space:nowrap;font-weight:700}.water-droplet{position:absolute;top:-10px;width:6px;height:10px;background:linear-gradient(180deg,#87ceeb,#4fc3f7);border-radius:50%/60% 60% 40% 40%;animation:dropletFall 1s ease-in forwards;opacity:.8}@keyframes dropletFall{0%{transform:translateY(0);opacity:.8}to{transform:translateY(100px);opacity:0}}.harvest-sparkle{position:absolute;width:8px;height:8px;background:gold;border-radius:50%;animation:sparkle .8s ease-out forwards;box-shadow:0 0 6px gold}@keyframes sparkle{0%{transform:scale(0) rotate(0);opacity:1}50%{transform:scale(1.5) rotate(180deg);opacity:.8}to{transform:scale(0) rotate(360deg) translateY(-30px);opacity:0}}.mature-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:60px;background:radial-gradient(circle,rgba(255,215,0,.3),transparent);border-radius:50%;animation:matureGlow 2s ease-in-out infinite}@keyframes matureGlow{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:.8;transform:translate(-50%) scale(1.2)}}.flower-plant{position:relative;display:flex;flex-direction:column;align-items:center}.flower-plant .stem{width:6px;height:50px;border-radius:3px;position:relative}.flower-plant .leaf{position:absolute;width:15px;height:8px;border-radius:50%}.flower-plant .leaf.left{left:-12px;top:20px;transform:rotate(-30deg)}.flower-plant .leaf.right{right:-12px;top:30px;transform:rotate(30deg)}.flower-plant .flower-head{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.flower-plant .bud{width:12px;height:18px;border-radius:50% 50% 40% 40%}.flower-plant .petal{position:absolute;width:12px;height:18px;border-radius:50%;transform-origin:center bottom}.flower-plant .flower-center{width:14px;height:14px;border-radius:50%;z-index:1}.mushroom-plant{position:relative;display:flex;flex-direction:column;align-items:center}.mushroom-stem{width:20px;height:30px;border-radius:5px 5px 8px 8px;position:relative}.mushroom-gills{position:absolute;bottom:100%;left:0;right:0;height:5px;border-radius:0 0 10px 10px}.mushroom-cap{position:absolute;top:-25px;left:50%;transform:translate(-50%);width:50px;height:30px;border-radius:50% 50% 20% 20%}.mushroom-spot{position:absolute;border-radius:50%}.mushroom-spot.spot-1{width:8px;height:6px;top:5px;left:8px}.mushroom-spot.spot-2{width:6px;height:5px;top:12px;right:10px}.mushroom-spot.spot-3{width:5px;height:4px;top:8px;left:50%;transform:translate(-50%)}.cactus-plant{position:relative;display:flex;flex-direction:column;align-items:center}.cactus-body{width:25px;height:50px;border-radius:12px 12px 5px 5px;position:relative}.cactus-spines{position:absolute;top:5px;left:5px;right:5px;bottom:5px;border:1px dashed;border-radius:8px;opacity:.5}.cactus-arm{position:absolute;width:12px;height:25px;border-radius:8px 8px 4px 4px}.cactus-arm.left{left:-15px;top:15px;transform:rotate(20deg)}.cactus-arm.right{right:-15px;top:10px;transform:rotate(-20deg)}.cactus-flower{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:15px;height:12px;border-radius:50%;box-shadow:0 0 5px currentColor}.sunflower-plant{position:relative;display:flex;flex-direction:column;align-items:center}.sunflower-stem{width:8px;height:60px;border-radius:4px;position:relative}.sunflower-leaf{position:absolute;width:20px;height:12px;border-radius:50%}.sunflower-leaf.left{left:-18px;top:25px;transform:rotate(-40deg)}.sunflower-leaf.right{right:-18px;top:35px;transform:rotate(40deg)}.sunflower-head{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:50px;height:50px;display:flex;align-items:center;justify-content:center}.sunflower-petal{position:absolute;width:10px;height:20px;border-radius:50%;transform-origin:center bottom}.sunflower-center{width:20px;height:20px;border-radius:50%;z-index:1}.tulip-plant{position:relative;display:flex;flex-direction:column;align-items:center}.tulip-stem{width:5px;height:45px;border-radius:3px}.tulip-leaf{position:absolute;width:8px;height:30px;border-radius:50% 50% 0 0}.tulip-leaf.left{left:-8px;bottom:0;transform:rotate(-15deg)}.tulip-leaf.right{right:-8px;bottom:0;transform:rotate(15deg)}.tulip-bulb{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:25px;height:30px;display:flex;justify-content:center;transition:transform .5s ease}.tulip-petal{position:absolute;width:12px;height:25px;border-radius:50% 50% 0 0}.tulip-petal.petal-1{left:0;transform:rotate(-10deg)}.tulip-petal.petal-2{left:50%;transform:translate(-50%)}.tulip-petal.petal-3{right:0;transform:rotate(10deg)}.rose-plant{position:relative;display:flex;flex-direction:column;align-items:center}.rose-stem{width:5px;height:50px;border-radius:3px;position:relative}.rose-thorn{position:absolute;width:6px;height:3px;border-radius:0 50% 50% 0}.rose-thorn.thorn-1{left:100%;top:15px}.rose-thorn.thorn-2{right:100%;top:30px;transform:scaleX(-1)}.rose-leaves{position:absolute;bottom:10px;width:20px;height:15px;border-radius:50%;left:-15px}.rose-bloom{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center}.rose-layer{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.rose-petal{position:absolute;width:10px;height:12px;border-radius:50%;transform-origin:center bottom}.tree-plant{position:relative;display:flex;flex-direction:column;align-items:center}.tree-trunk{width:15px;height:40px;border-radius:3px}.tree-foliage{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:60px;height:50px}.foliage-layer{position:absolute;border-radius:50%;transition:opacity .5s ease}.foliage-layer.layer-1{width:50px;height:35px;bottom:0;left:5px}.foliage-layer.layer-2{width:40px;height:30px;bottom:15px;left:10px}.foliage-layer.layer-3{width:30px;height:25px;bottom:25px;left:15px}.tree-fruit{position:absolute;width:8px;height:8px;border-radius:50%}.tree-fruit.fruit-1{top:-15px;left:15px}.tree-fruit.fruit-2{top:-5px;right:15px}.fern-plant{position:relative;display:flex;flex-direction:column;align-items:center;width:60px;height:50px}.fern-base{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:8px;height:15px;border-radius:4px}.fern-frond{position:absolute;bottom:10px;left:50%;width:5px;height:35px;border-radius:3px;transform-origin:bottom center;clip-path:polygon(0% 100%,30% 80%,0% 70%,30% 60%,0% 50%,30% 40%,0% 30%,30% 20%,50% 0%,70% 20%,100% 30%,70% 40%,100% 50%,70% 60%,100% 70%,70% 80%,100% 100%)}.succulent-plant{position:relative;display:flex;flex-direction:column;align-items:center}.succulent-pot{width:30px;height:15px;border-radius:3px 3px 8px 8px}.succulent-rosette{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.succulent-leaf{position:absolute;width:10px;height:15px;border-radius:50% 50% 30% 30%;transform-origin:center bottom}.bamboo-plant,.bamboo-segment{position:relative;display:flex;flex-direction:column;align-items:center}.bamboo-stalk{width:12px;height:15px;border-radius:2px}.bamboo-node{width:14px;height:4px;border-radius:2px}.bamboo-leaves{position:absolute;top:-10px;left:50%;transform:translate(-50%)}.bamboo-leaf{position:absolute;width:20px;height:6px;border-radius:50%}.bamboo-leaf.leaf-1{transform:rotate(-45deg);left:-15px}.bamboo-leaf.leaf-2{transform:rotate(0);top:5px}.bamboo-leaf.leaf-3{transform:rotate(45deg);right:-15px}.vine-plant{position:relative;width:60px;height:80px}.vine-segment{position:absolute;width:4px;height:20px;border-radius:2px}.vine-segment.segment-1{bottom:0;left:50%;transform:translate(-50%)}.vine-segment.segment-2{bottom:18px;left:40%;transform:rotate(-20deg)}.vine-segment.segment-3{bottom:35px;left:55%;transform:rotate(15deg)}.vine-segment.segment-4{bottom:50px;left:45%;transform:rotate(-10deg)}.vine-segment .vine-leaf{position:absolute;width:12px;height:10px;border-radius:50%;top:0;left:100%}.vine-flower{position:absolute;width:10px;height:10px;border-radius:50%}.vine-flower.flower-1{top:15px;right:10px}.vine-flower.flower-2{top:35px;left:10px}.bonsai-plant{position:relative;display:flex;flex-direction:column;align-items:center}.bonsai-pot{width:35px;height:12px;border-radius:3px 3px 5px 5px}.bonsai-trunk{position:absolute;bottom:10px;width:8px;height:30px;border-radius:3px;transform:rotate(-5deg)}.bonsai-branch{position:absolute;top:5px;right:100%;width:15px;height:4px;border-radius:2px;transform:rotate(-20deg)}.bonsai-canopy{position:absolute;top:-25px;left:50%;transform:translate(-50%);width:50px;height:35px}.bonsai-foliage{position:absolute;border-radius:50%}.bonsai-foliage.foliage-1{width:25px;height:20px;top:10px;left:0}.bonsai-foliage.foliage-2{width:30px;height:22px;top:5px;right:0}.bonsai-foliage.foliage-3{width:20px;height:18px;top:0;left:15px}.terrarium-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden;perspective:1000px;perspective-origin:50% 50%}.sky-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#87ceeb,#a8d8ea,#b8e0f0 30%,#c8e8f5,#e8f4e8 70%,#d4e8d4);z-index:0;border-radius:inherit;overflow:hidden}.sky-clouds{position:absolute;top:0;left:0;width:100%;height:40%;overflow:hidden}.cloud{position:absolute;background:#ffffffd9;border-radius:50%;filter:blur(1px);animation:cloudFloat 20s linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:inherit}.cloud-1{width:40px;height:14px;top:15%;left:-50px;animation-duration:25s}.cloud-1:before{width:20px;height:18px;top:-10px;left:5px}.cloud-1:after{width:18px;height:14px;top:-6px;left:18px}.cloud-2{width:35px;height:12px;top:25%;left:-40px;animation-duration:30s;animation-delay:-10s;opacity:.8}.cloud-2:before{width:18px;height:16px;top:-8px;left:6px}.cloud-2:after{width:14px;height:12px;top:-5px;left:18px}.cloud-3{width:28px;height:10px;top:10%;left:-35px;animation-duration:35s;animation-delay:-18s;opacity:.7}.cloud-3:before{width:14px;height:12px;top:-6px;left:4px}.cloud-3:after{width:12px;height:10px;top:-4px;left:12px}@keyframes cloudFloat{0%{transform:translate(0)}to{transform:translate(280px)}}.sun{position:absolute;top:8%;right:12%;width:25px;height:25px;background:radial-gradient(circle,#fff9c4,#ffee58 40%,#ffd54f,#ffca28);border-radius:50%;box-shadow:0 0 15px #ffeb3bb3,0 0 30px #ffc10780,0 0 50px #ff98004d;animation:sunGlow 4s ease-in-out infinite;z-index:1}@keyframes sunGlow{0%,to{box-shadow:0 0 15px #ffeb3bb3,0 0 30px #ffc10780,0 0 50px #ff98004d}50%{box-shadow:0 0 20px #ffeb3bcc,0 0 40px #ffc10799,0 0 60px #ff980066}}.backdrop-hills{position:absolute;bottom:18%;left:0;width:100%;height:120px;z-index:1}.hill{position:absolute;bottom:0;border-radius:50% 50% 0 0}.hill-1{left:-10%;width:70%;height:80px;background:linear-gradient(180deg,#7cb342,#558b2f,#33691e)}.hill-2{right:-5%;width:60%;height:60px;background:linear-gradient(180deg,#8bc34a,#689f38,#558b2f)}.hill-3{left:20%;width:50%;height:45px;background:linear-gradient(180deg,#9ccc65,#7cb342)}.backdrop-bushes{position:absolute;bottom:24%;left:0;width:100%;height:30px;z-index:3}.bush{position:absolute;bottom:0;border-radius:50% 50% 40% 40%;box-shadow:inset 0 -3px 8px #0003}.bush-1{left:5%;width:20px;height:14px;background:linear-gradient(180deg,#81c784,#4caf50)}.bush-2{left:18%;width:15px;height:10px;background:linear-gradient(180deg,#a5d6a7,#66bb6a)}.bush-3{left:38%;width:18px;height:12px;background:linear-gradient(180deg,#81c784,#43a047)}.bush-4{left:55%;width:14px;height:9px;background:linear-gradient(180deg,#c8e6c9,#81c784)}.waterfall-container{position:absolute;right:8px;top:20%;width:50px;height:200px;z-index:4;transform:perspective(100px) rotateY(-8deg)}.waterfall-cliff{position:absolute;top:0;right:0;width:35px;height:100%;background:linear-gradient(90deg,#8d6e63,#6d4c41,#5d4037 60%,#4e342e);border-radius:15px 5px 10px 15px;box-shadow:inset -8px 0 15px #0006,inset 3px 0 8px #ffffff1a,-3px 4px 10px #0006}.waterfall-cliff:before{content:"";position:absolute;top:0;left:-8px;right:5px;height:18px;background:linear-gradient(180deg,#4caf50,#388e3c,#2e7d32);border-radius:8px 4px 50% 50%;box-shadow:0 3px 6px #0000004d}.waterfall-cliff:after{content:"";position:absolute;top:25%;left:-5px;width:12px;height:8px;background:linear-gradient(180deg,#66bb6a,#43a047);border-radius:50%;box-shadow:0 20px #4caf50,0 45px #81c784,0 70px #66bb6a}.pool-ripple{position:absolute;top:5px;right:20px;border:1px solid rgba(255,255,255,.5);border-radius:50%;animation:rippleExpand 2s ease-out infinite}.pool-ripple-1{animation-delay:0s}.pool-ripple-2{animation-delay:.5s}.pool-ripple-3{animation-delay:1s}@keyframes rippleExpand{0%{width:5px;height:3px;opacity:.9}to{width:35px;height:10px;opacity:0}}.waterfall-rocks{position:absolute;bottom:0;left:-20px;width:70px;height:35px}.waterfall-rock{position:absolute;background:linear-gradient(145deg,#78909c,#607d8b,#455a64);border-radius:50% 45% 55% 50%/50% 60% 45% 55%;box-shadow:1px 2px 4px #0006,inset -2px -2px 4px #0000004d,inset 2px 2px 4px #ffffff1a}.waterfall-rock-1{width:14px;height:10px;left:5px;bottom:8px}.waterfall-rock-2{width:11px;height:8px;right:8px;bottom:18px;border-radius:45% 55% 50% 50%/55% 50%}.waterfall-rock-3{width:9px;height:7px;left:25px;bottom:4px}.terrarium-jar{position:relative;width:320px;height:480px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transform-style:preserve-3d;transform:rotateX(5deg) rotateY(-5deg);animation:gentleSway 8s ease-in-out infinite}@keyframes gentleSway{0%,to{transform:rotateX(5deg) rotateY(-5deg)}50%{transform:rotateX(5deg) rotateY(5deg)}}.jar-lid{position:absolute;top:0;width:150px;height:45px;background:linear-gradient(180deg,#3a3a3a,#2a2a2a 30%,#1a1a1a,#2a2a2a 70%,#333);border-radius:10px 10px 5px 5px;z-index:10;transform:translateZ(20px);box-shadow:0 8px 16px #0006,inset 0 2px 6px #ffffff26,inset 0 -2px 4px #0000004d}.jar-lid:before{content:"";position:absolute;top:10px;left:15%;right:15%;height:4px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);border-radius:2px}.jar-lid:after{content:"";position:absolute;top:18px;left:15%;right:15%;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);border-radius:2px}.lid-knob{position:absolute;top:-12px;left:50%;transform:translate(-50%) translateZ(5px);width:30px;height:15px;background:linear-gradient(180deg,#444,#222);border-radius:5px 5px 3px 3px;box-shadow:0 2px 4px #0000004d}.jar-glass{position:relative;width:220px;height:450px;margin-top:35px;background:linear-gradient(90deg,#ffffff08,#ffffff1a 15%,#ffffff26 25%,#ffffff14,#ffffff1f,#ffffff0d);border:2px solid rgba(255,255,255,.2);border-radius:25px 25px 50px 50px;overflow:hidden;transform-style:preserve-3d;box-shadow:inset 0 0 80px #ffffff14,inset -30px 0 50px #ffffff0d,inset 30px 0 30px #0000001a,0 15px 50px #0000004d,0 5px 20px #0003}.jar-glass:before{content:"";position:absolute;top:15px;left:12px;width:35px;height:85%;background:linear-gradient(180deg,#fff3,#ffffff1f 30%,#ffffff0d 70%,#ffffff05);border-radius:20px;pointer-events:none;transform:translateZ(10px)}.jar-glass:after{content:"";position:absolute;top:25px;right:18px;width:18px;height:65%;border-radius:12px;pointer-events:none}.jar-glass-inner{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.1) 100%);pointer-events:none;z-index:100}.terrarium-soil{position:absolute;bottom:0;left:0;right:0;height:90px;z-index:8;background:linear-gradient(180deg,#4a3020,#3d2817 20%,#2a1a0f 50%,#1f140a);border-radius:0 0 48px 48px;transform:translateZ(-5px);box-shadow:inset 0 10px 20px #0000004d}.terrarium-moss{position:absolute;bottom:65px;left:12px;right:12px;height:35px;z-index:10;background:linear-gradient(180deg,#5a9c4f,#4a8c3f,#3d7a35 60%,#2d5a25);border-radius:60% 60% 30% 30%/100% 100% 30% 30%;box-shadow:inset 0 8px 20px #78c86466,inset 0 -8px 15px #0000004d,0 3px 8px #0003;transform:translateZ(5px)}.terrarium-moss:before{content:"";position:absolute;top:-5px;left:0;right:0;height:20px;background:radial-gradient(ellipse at 15% 50%,#6aac5f 0px,#6aac5f 6px,transparent 6px),radial-gradient(ellipse at 35% 40%,#5a9c4f 0px,#5a9c4f 8px,transparent 8px),radial-gradient(ellipse at 55% 55%,#7abc6f 0px,#7abc6f 5px,transparent 5px),radial-gradient(ellipse at 75% 45%,#5a9c4f 0px,#5a9c4f 7px,transparent 7px),radial-gradient(ellipse at 90% 50%,#6aac5f 0px,#6aac5f 5px,transparent 5px)}.terrarium-moss:after{content:"";position:absolute;top:5px;left:10px;right:10px;bottom:5px;background:radial-gradient(circle at 20% 40%,#7abc6f 0px,#7abc6f 2px,transparent 2px),radial-gradient(circle at 45% 60%,#8acc7f 0px,#8acc7f 2px,transparent 2px),radial-gradient(circle at 70% 35%,#6aac5f 0px,#6aac5f 3px,transparent 3px),radial-gradient(circle at 85% 55%,#7abc6f 0px,#7abc6f 2px,transparent 2px);border-radius:inherit}.terrarium-rocks{position:absolute;bottom:80px;left:0;right:0;height:40px;pointer-events:none;z-index:12}.rock{position:absolute;border-radius:50% 45% 55% 50%/50% 60% 45% 55%;box-shadow:2px 3px 5px #0006,inset -2px -2px 5px #0000004d,inset 2px 2px 5px #ffffff1a;transform:translateZ(8px)}.rock-1{width:18px;height:14px;left:20px;bottom:5px;background:linear-gradient(145deg,#9a9080,#706050,#504030)}.rock-2{width:14px;height:11px;right:35px;bottom:10px;background:linear-gradient(145deg,#a8a090,#807060,#605040);border-radius:45% 55% 50% 50%/55% 50%}.rock-3{width:10px;height:8px;left:50%;bottom:3px;background:linear-gradient(145deg,#888070,#605550)}.rock-4{width:12px;height:9px;left:45px;bottom:12px;background:linear-gradient(145deg,#b0a090,#908070)}.rock-5{width:8px;height:6px;right:55px;bottom:4px;background:linear-gradient(145deg,#7a7060,#504540)}.terrarium-crystals{position:absolute;bottom:85px;left:0;right:0;pointer-events:none;z-index:13}.crystal{position:absolute;transform:translateZ(12px)}.crystal-1{left:30px;bottom:0;width:8px;height:20px;background:linear-gradient(180deg,#c896ffe6,#9664c8cc,#643296b3);clip-path:polygon(50% 0%,100% 100%,0% 100%);box-shadow:0 0 10px #c896ff80,inset 0 0 5px #ffffff4d;animation:crystalGlow 3s ease-in-out infinite}.crystal-2{left:38px;bottom:0;width:6px;height:14px;background:linear-gradient(180deg,#b482ebd9,#8250b4bf);clip-path:polygon(50% 0%,100% 100%,0% 100%);box-shadow:0 0 8px #b482eb66;animation:crystalGlow 3s ease-in-out infinite .5s}.crystal-3{right:40px;bottom:0;width:7px;height:16px;background:linear-gradient(180deg,#96dcffe6,#64b4dccc,#3282aab3);clip-path:polygon(50% 0%,100% 100%,0% 100%);box-shadow:0 0 10px #96dcff80;animation:crystalGlow 4s ease-in-out infinite 1s}@keyframes crystalGlow{0%,to{opacity:.9;filter:brightness(1)}50%{opacity:1;filter:brightness(1.3)}}.terrarium-mushrooms{position:absolute;bottom:85px;left:0;right:0;pointer-events:none;z-index:14}.tiny-mushroom{position:absolute;transform:translateZ(10px)}.tiny-mushroom-stem{width:4px;height:8px;background:linear-gradient(90deg,#f5f0e0,#e0d8c8,#d0c8b8);border-radius:2px;margin:0 auto}.tiny-mushroom-cap{width:12px;height:7px;background:linear-gradient(180deg,#ff6b6b,#ee5a5a,#c44);border-radius:50% 50% 20% 20%/100% 100% 20% 20%;margin-bottom:-1px;box-shadow:inset 0 -3px 5px #0003}.tiny-mushroom-cap:before{content:"";position:absolute;top:2px;left:3px;width:3px;height:3px;background:#fffc;border-radius:50%}.tiny-mushroom-cap:after{content:"";position:absolute;top:3px;right:2px;width:2px;height:2px;background:#ffffffb3;border-radius:50%}.mushroom-1{right:25px;bottom:0}.mushroom-2{left:55px;bottom:0;transform:translateZ(10px) scale(.8)}.terrarium-twig{position:absolute;bottom:80px;left:65px;width:40px;height:50px;pointer-events:none;transform:translateZ(6px) rotate(-15deg);z-index:15}.twig-main{position:absolute;bottom:0;left:50%;width:4px;height:45px;background:linear-gradient(90deg,#5a4030,#4a3020,#3a2515);border-radius:2px;transform:translate(-50%)}.twig-branch{position:absolute;width:3px;background:linear-gradient(90deg,#5a4030,#3a2515);border-radius:2px}.twig-branch-1{top:10px;left:50%;height:15px;transform:rotate(40deg);transform-origin:bottom left}.twig-branch-2{top:25px;right:50%;height:12px;transform:rotate(-35deg);transform-origin:bottom right}.terrarium-firefly{position:absolute;width:6px;height:6px;background:radial-gradient(circle,#ffffaa 0%,#ffff00 40%,transparent 70%);border-radius:50%;pointer-events:none;animation:fireflyFloat 12s ease-in-out infinite;box-shadow:0 0 10px #ff0,0 0 20px #ff8;z-index:25;z-index:50}.firefly-1{top:120px;left:60px;animation-delay:0s}.firefly-2{top:150px;right:50px;animation-delay:-4s;width:5px;height:5px}@keyframes fireflyFloat{0%,to{transform:translate(0);opacity:.3}25%{transform:translate(20px,-30px);opacity:1}50%{transform:translate(-10px,-50px);opacity:.5}75%{transform:translate(15px,-20px);opacity:.9}}.terrarium-ladybug{position:absolute;bottom:95px;right:60px;width:10px;height:12px;pointer-events:none;transform:translateZ(15px);animation:ladybugWalk 20s linear infinite;z-index:16}.ladybug-body{width:10px;height:10px;background:linear-gradient(180deg,#f33,#c00);border-radius:50% 50% 45% 45%;position:relative;box-shadow:inset 0 2px 3px #ffffff4d,0 2px 3px #0000004d}.ladybug-body:before{content:"";position:absolute;top:2px;left:50%;transform:translate(-50%);width:1px;height:6px;background:#1a1a1a}.ladybug-body:after{content:"";position:absolute;top:3px;left:2px;width:2px;height:2px;background:#1a1a1a;border-radius:50%;box-shadow:4px 0 #1a1a1a,1px 3px #1a1a1a,3px 3px #1a1a1a}.ladybug-head{position:absolute;top:-3px;left:50%;transform:translate(-50%);width:5px;height:4px;background:#1a1a1a;border-radius:50% 50% 40% 40%}@keyframes ladybugWalk{0%{transform:translateZ(15px) translate(0)}25%{transform:translateZ(15px) translate(-20px)}50%{transform:translateZ(15px) translate(-20px) scaleX(-1)}75%{transform:translateZ(15px) translate(0) scaleX(-1)}to{transform:translateZ(15px) translate(0)}}.terrarium-snail{position:absolute;bottom:92px;left:80px;pointer-events:none;transform:translateZ(12px);animation:snailCrawl 30s linear infinite;z-index:16}.snail-shell{width:12px;height:12px;background:radial-gradient(ellipse at 40% 40%,#d4a574,#b8956a,#8b7355);border-radius:50%;position:relative;box-shadow:inset -2px -2px 4px #0000004d,inset 2px 2px 4px #fff3}.snail-shell:before{content:"";position:absolute;top:3px;left:3px;width:6px;height:6px;border:1px solid rgba(139,115,85,.5);border-radius:50%}.snail-body{position:absolute;bottom:-2px;left:-8px;width:15px;height:5px;background:linear-gradient(180deg,#b8a088,#9a8878);border-radius:5px 10px 3px 3px}.snail-body:before{content:"";position:absolute;left:-3px;top:-2px;width:4px;height:3px;background:#a89888;border-radius:50% 50% 30% 30%}.snail-antenna{position:absolute;left:-5px;top:-4px;width:1px;height:4px;background:#9a8878}.snail-antenna:after{content:"";position:absolute;top:-1px;left:-1px;width:3px;height:2px;background:#8a7868;border-radius:50%}.snail-antenna-2{left:-2px;height:3px}@keyframes snailCrawl{0%,to{transform:translateZ(12px) translate(0)}50%{transform:translateZ(12px) translate(30px)}}.terrarium-plant-area{position:absolute;bottom:90px;left:50%;transform:translate(-50%) translateZ(15px);display:flex;align-items:flex-end;justify-content:center;z-index:20}.empty-terrarium{color:#fff6;font-size:12px;text-align:center;padding:20px}.terrarium-water-effect{position:absolute;top:60px;left:0;right:0;height:220px;pointer-events:none;overflow:hidden;z-index:60}.water-drop{position:absolute;width:5px;height:10px;background:linear-gradient(180deg,#87cefae6,#64b4e6b3,#4fc3f780);border-radius:50%/60% 60% 40% 40%;animation:waterFall 1.5s ease-in forwards;box-shadow:0 0 5px #87cefa80}@keyframes waterFall{0%{transform:translateY(0) scale(1);opacity:.9}80%{opacity:.6}to{transform:translateY(280px) scale(.5);opacity:0}}.terrarium-mist{position:absolute;bottom:70px;left:15px;right:15px;height:180px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.1) 40%,rgba(255,255,255,.05) 100%);border-radius:50% 50% 0 0;opacity:0;animation:mistFade 5s ease-out forwards;pointer-events:none;z-index:55}@keyframes mistFade{0%{opacity:0;transform:translateY(10px)}20%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.terrarium-status{position:absolute;bottom:-60px;left:50%;transform:translate(-50%) translateZ(30px);display:flex;flex-direction:column;align-items:center;gap:10px}.status-bars{display:flex;gap:20px}.status-bar{display:flex;flex-direction:column;align-items:center;gap:5px}.status-label{font-size:10px;color:#fffc;text-transform:uppercase;letter-spacing:1.5px;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.5)}.status-track{width:70px;height:8px;background:#00000080;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 3px #0000004d}.status-fill{height:100%;border-radius:4px;transition:width .5s ease;box-shadow:0 0 8px currentColor}.status-fill.growth{background:linear-gradient(90deg,#4caf50,#8bc34a,#cddc39)}.status-fill.health{background:linear-gradient(90deg,#f44336,#ff9800,#4caf50)}.last-action{font-size:11px;color:#fff9;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.5)}@media (max-height: 600px){.terrarium-jar{transform:scale(.65) rotateX(5deg) rotateY(-5deg)}@keyframes gentleSway{0%,to{transform:scale(.65) rotateX(5deg) rotateY(-5deg)}50%{transform:scale(.65) rotateX(5deg) rotateY(5deg)}}}@media (max-height: 800px) and (min-height: 601px){.terrarium-jar{transform:scale(.8) rotateX(5deg) rotateY(-5deg)}@keyframes gentleSway{0%,to{transform:scale(.8) rotateX(5deg) rotateY(-5deg)}50%{transform:scale(.8) rotateX(5deg) rotateY(5deg)}}}.status-display{position:fixed;bottom:10px;left:10px;background:#000000b3;color:#fff;padding:8px 12px;border-radius:5px;font-size:12px;z-index:1000;pointer-events:none}.auth-prompt{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:auto}.auth-prompt-content{background:#0e0e10f2;border:2px solid #9147ff;border-radius:12px;padding:30px 40px;text-align:center;color:#fff;box-shadow:0 10px 40px #00000080}.auth-prompt h2{margin:0 0 10px;font-size:24px;color:#efeff1}.auth-prompt p{margin:0 0 20px;color:#adadb8;font-size:14px}.auth-button{display:inline-flex;align-items:center;gap:10px;background:#9147ff;color:#fff;border:none;padding:12px 24px;font-size:16px;font-weight:600;border-radius:6px;cursor:pointer;transition:background .2s}.auth-button:hover{background:#772ce8}.auth-button svg{flex-shrink:0}.auth-link{display:block;margin-top:15px;color:#9147ff;font-size:12px;text-decoration:none}.auth-link:hover{text-decoration:underline}.settings-toggle-btn{position:fixed;top:20px;right:20px;width:50px;height:50px;border-radius:50%;background:#1e1e1ee6;border:2px solid #9147ff;color:#fff;font-size:24px;cursor:pointer;z-index:9999;transition:all .2s ease;display:flex;align-items:center;justify-content:center;pointer-events:auto}.settings-toggle-btn:hover{background:#9147ff;transform:scale(1.1)}.settings-overlay{position:fixed;top:0;left:0;pointer-events:auto;right:0;bottom:0;background:#000c;z-index:10000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.settings-panel{background:#1f1f23;border-radius:12px;width:90%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080;border:1px solid #3d3d3d}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #3d3d3d}.settings-header h2{margin:0;color:#fff;font-size:20px;font-weight:600}.close-btn{background:none;border:none;color:#adadb8;font-size:28px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.close-btn:hover{color:#fff}.settings-tabs{display:flex;padding:0 24px;gap:8px;border-bottom:1px solid #3d3d3d;overflow-x:auto}.tab{background:none;border:none;color:#adadb8;padding:12px 16px;cursor:pointer;font-size:14px;font-weight:500;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}.tab:hover{color:#fff}.tab.active{color:#9147ff;border-bottom-color:#9147ff}.settings-content{flex:1;overflow-y:auto;padding:24px}.settings-section h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.settings-section h3:not(:first-child){margin-top:24px}.setting-item{margin-bottom:20px}.setting-item label{display:flex;justify-content:space-between;align-items:center;color:#efeff1;font-size:14px;margin-bottom:8px}.setting-value{color:#9147ff;font-weight:600;font-family:monospace}.setting-item input[type=range]{width:100%;height:6px;border-radius:3px;background:#3d3d3d;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.setting-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#9147ff;cursor:pointer;transition:transform .1s}.setting-item input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.setting-item input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#9147ff;cursor:pointer;border:none}.setting-hint{display:block;color:#adadb8;font-size:12px;margin-top:4px}.setting-item.checkbox label{justify-content:flex-start;gap:12px;cursor:pointer}.setting-item.checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#9147ff;cursor:pointer}.setting-item select{width:100%;padding:10px 12px;background:#0e0e10;border:1px solid #3d3d3d;border-radius:6px;color:#fff;font-size:14px;cursor:pointer}.setting-item select:focus{outline:none;border-color:#9147ff}.setting-row{display:flex;gap:16px}.setting-item.half{flex:1}.admin-actions{display:flex;flex-direction:column;gap:20px}.admin-action{background:#0e0e10;padding:16px;border-radius:8px;border:1px solid #3d3d3d}.admin-action h4{color:#fff;margin:0 0 12px;font-size:14px;font-weight:600}.admin-form{display:flex;gap:8px}.admin-form input[type=text]{flex:1;padding:8px 12px;background:#1f1f23;border:1px solid #3d3d3d;border-radius:4px;color:#fff;font-size:14px}.admin-form input[type=text]:focus{outline:none;border-color:#9147ff}.admin-form select{padding:8px 12px;background:#1f1f23;border:1px solid #3d3d3d;border-radius:4px;color:#fff;font-size:14px}.admin-form button{padding:8px 16px;background:#9147ff;border:none;border-radius:4px;color:#fff;font-weight:600;cursor:pointer;transition:background .2s}.admin-form button:hover{background:#772ce8}.danger-btn{width:100%;padding:10px 16px;background:#eb0400;border:none;border-radius:4px;color:#fff;font-weight:600;cursor:pointer;transition:background .2s}.danger-btn:hover{background:#bf0000}.critter-list{margin-top:12px;max-height:200px;overflow-y:auto;background:#0e0e10;border-radius:8px;border:1px solid #3d3d3d}.critter-list-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #3d3d3d}.critter-list-item:last-child{border-bottom:none}.critter-info{display:flex;align-items:center;gap:8px;color:#fff}.critter-type{color:#adadb8;font-size:12px}.remove-btn{padding:4px 12px;background:transparent;border:1px solid #eb0400;border-radius:4px;color:#eb0400;font-size:12px;cursor:pointer;transition:all .2s}.remove-btn:hover{background:#eb0400;color:#fff}.empty-list{color:#adadb8;text-align:center;padding:20px;font-size:14px}.create-critter-btn{padding:10px 20px;background:linear-gradient(135deg,#9147ff,#772ce8);border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.create-critter-btn:hover{background:linear-gradient(135deg,#a970ff,#8c45ff);transform:translateY(-1px);box-shadow:0 4px 12px #9147ff66}.settings-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #3d3d3d;background:#18181b;border-radius:0 0 12px 12px}.reset-btn{padding:10px 16px;background:transparent;border:1px solid #3d3d3d;border-radius:4px;color:#adadb8;font-size:14px;cursor:pointer;transition:all .2s}.reset-btn:hover{border-color:#9147ff;color:#fff}.save-area{display:flex;align-items:center;gap:12px}.save-success{color:#0f0;font-size:14px}.save-error{color:#eb0400;font-size:14px}.save-btn{padding:10px 24px;background:#9147ff;border:none;border-radius:4px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.save-btn:hover:not(:disabled){background:#772ce8}.save-btn:disabled{background:#3d3d3d;color:#adadb8;cursor:not-allowed}.settings-content::-webkit-scrollbar,.critter-list::-webkit-scrollbar{width:8px}.settings-content::-webkit-scrollbar-track,.critter-list::-webkit-scrollbar-track{background:#0e0e10}.settings-content::-webkit-scrollbar-thumb,.critter-list::-webkit-scrollbar-thumb{background:#3d3d3d;border-radius:4px}.settings-content::-webkit-scrollbar-thumb:hover,.critter-list::-webkit-scrollbar-thumb:hover{background:#9147ff}.help-section h3{color:#9147ff;border-bottom:1px solid #3d3d3d;padding-bottom:8px}.help-section h3:first-child{margin-top:0}.help-section h4{color:#efeff1;font-size:14px;font-weight:600;margin:16px 0 8px}.help-block{background:#0e0e10;border-radius:8px;padding:16px;margin-bottom:16px;border:1px solid #3d3d3d}.help-block p{color:#d3d3d3;font-size:14px;line-height:1.6;margin:0 0 12px}.help-block p:last-child{margin-bottom:0}.help-block strong{color:#efeff1}.help-command{display:flex;align-items:center;gap:16px;padding:8px 0;border-bottom:1px solid #2d2d2d}.help-command:last-child{border-bottom:none;padding-bottom:0}.help-command code{background:#18181b;color:#9147ff;padding:4px 10px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:13px;white-space:nowrap;min-width:140px}.help-command span{color:#adadb8;font-size:13px}.help-list{color:#d3d3d3;font-size:14px;line-height:1.8;margin:12px 0;padding-left:24px}.help-list li{margin-bottom:4px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stat-box{background:#0e0e10;border:1px solid #3d3d3d;border-radius:8px;padding:16px 12px;text-align:center}.stat-number{display:block;font-size:24px;font-weight:700;color:#4caf50;margin-bottom:4px}.stat-label{display:block;font-size:12px;color:#adadb8;text-transform:uppercase}.plant-list{margin-top:12px;max-height:200px;overflow-y:auto;background:#0e0e10;border-radius:8px;border:1px solid #3d3d3d}.plant-list-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #3d3d3d}.plant-list-item:last-child{border-bottom:none}.plant-info{display:flex;flex-direction:column;gap:2px;color:#fff}.plant-type{color:#8fbc8f;font-size:12px}.history-list{margin-top:12px;max-height:150px;overflow-y:auto;background:#0e0e10;border-radius:8px;border:1px solid #3d3d3d}.history-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid #3d3d3d;font-size:13px}.history-item:last-child{border-bottom:none}.action-type{background:#2d4a2d;color:#98fb98;padding:2px 8px;border-radius:4px;font-size:11px;text-transform:uppercase;font-weight:600}.action-user{color:#fff;font-weight:500}.action-plant{color:#adadb8}.action-btn{width:100%;padding:10px 16px;background:#4caf50;border:none;border-radius:4px;color:#fff;font-weight:600;cursor:pointer;transition:background .2s}.action-btn:hover{background:#388e3c}.settings-toggle-btn{background:#1a2f1ae6;border:2px solid #4caf50;font-size:12px;width:auto;padding:10px 16px;border-radius:8px}.settings-toggle-btn:hover{background:#4caf50}.tab.active{color:#4caf50;border-bottom-color:#4caf50}@media (max-width: 600px){.settings-panel{width:95%;max-height:90vh}.settings-tabs{padding:0 16px}.tab{padding:10px 12px;font-size:13px}.settings-content{padding:16px}.setting-row{flex-direction:column;gap:0}.settings-footer{flex-direction:column;gap:12px}.reset-btn,.save-btn{width:100%}.help-command{flex-direction:column;align-items:flex-start;gap:4px}.help-command code{min-width:auto}}*{margin:0;padding:0;box-sizing:border-box}body{background:transparent;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{width:100vw;height:100vh}