/* Compact gardens built only from independently movable image parts. */
.microgarden-guide{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:15px 18px;margin:0 0 22px;border:1px solid #c2d6be;border-radius:12px;background:#e7f0e3}
.microgarden-guide p:first-child{font-size:1rem;color:#264a36;max-width:550px}
.microgarden-guide p:last-child{font-size:.875rem;color:#516d54;max-width:300px;line-height:1.7}
.living-garden .plant-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.living-garden .plant-grid[data-active=foods]{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.living-garden .plant-card{overflow:hidden;transform-style:flat}
.living-garden .plant-card:hover{transform:none}
.living-garden .micro-garden{height:255px;position:relative;isolation:isolate;overflow:hidden;--micro-x:0px;--micro-y:0px;--rig-size:260px;--micro-tint:166,215,144;background:radial-gradient(ellipse at 73% 24%,#457355,#163c2d 58%,#08251f)}
.micro-garden[data-micro-kind=fig]{--micro-tint:208,165,205;background:radial-gradient(ellipse at 72% 26%,#52603e,#29362c 54%,#1c2725)}
.micro-garden[data-micro-kind=dates]{--micro-tint:241,201,125;background:radial-gradient(ellipse at 72% 24%,#756842,#364c35 56%,#12352b)}
.micro-garden[data-micro-kind=honey]{--micro-tint:255,211,131;background:radial-gradient(ellipse at 60% 28%,#896536,#4c3823 58%,#2f2c21)}
.micro-garden[data-micro-kind=lavender]{--micro-tint:210,185,240;background:radial-gradient(ellipse at 70% 30%,#646174,#333c3e 60%,#1a302e)}
.micro-garden[data-micro-kind=chamomile]{background:radial-gradient(ellipse at 75% 20%,#70835c,#304e3b 58%,#18382e)}
.micro-garden:after{z-index:2;pointer-events:none;background:linear-gradient(#05291d26,transparent 42%,#06241917)}
.micro-composition,.micro-artwork{position:absolute;inset:0;display:block;pointer-events:none}
.micro-sunlight{position:absolute;inset:-12%;background:radial-gradient(ellipse at 80% 13%,rgba(var(--micro-tint),.35),transparent 48%),linear-gradient(120deg,transparent 30%,rgba(var(--micro-tint),.12) 49%,transparent 70%);mix-blend-mode:screen;animation:micro-sun 11s ease-in-out infinite alternate}
.micro-parallax{display:block;position:absolute;inset:0;transform:translate3d(var(--micro-x),var(--micro-y),0);transition:transform .35s ease-out}
.micro-rig-space{position:absolute;width:var(--rig-size);aspect-ratio:1;left:50%;top:0;transform:translateX(-50%)}
.micro-wind,.micro-rig{display:block;position:absolute;inset:0;transform-origin:10% 25%}
.micro-wind{animation:micro-branch-wind 7s ease-in-out infinite alternate;animation-delay:var(--micro-phase,0s)}
.micro-rig{transform-origin:15% 34%}
.micro-sprite{display:block;width:100%;height:100%;background-image:url('assets/microgarden-atlas.png');background-size:300% 200%;background-repeat:no-repeat;filter:drop-shadow(0 5px 5px #05201752)}
.micro-sprite[data-sprite=mint]{background-position:0 0}
.micro-sprite[data-sprite=chamomile]{background-position:50% 0}
.micro-sprite[data-sprite=lavender]{background-position:100% 0}
.micro-sprite[data-sprite=honey]{background-position:0 100%}
.micro-sprite[data-sprite=oliveBranch],.micro-sprite[data-sprite=figBranch],.micro-sprite[data-sprite=datesBranch],.micro-sprite[data-sprite=dipper],.micro-sprite[data-sprite=comb],.micro-sprite[data-sprite=bee]{background-image:url('assets/microgarden-branches.png')}
.micro-sprite[data-sprite=oliveBranch]{background-position:0 0}
.micro-sprite[data-sprite=figBranch]{background-position:50% 0}
.micro-sprite[data-sprite=datesBranch]{background-position:100% 0}
.micro-sprite[data-sprite=dipper]{background-position:0 100%}
.micro-sprite[data-sprite=comb]{background-position:50% 100%}
.micro-sprite[data-sprite=bee]{background-position:100% 100%}
.micro-sprite[data-sprite=olive],.micro-sprite[data-sprite=fig],.micro-sprite[data-sprite=dates]{background-image:url('assets/garden-fruits.png')}
.micro-sprite[data-sprite=olive]{background-size:313.469388% 100%;background-position:0 50%}
.micro-sprite[data-sprite=fig]{background-size:260.338983% 100%;background-position:52.854123% 50%}
.micro-sprite[data-sprite=dates]{background-size:352.293578% 100%;background-position:100% 50%}
.micro-branch,.micro-dipper{position:absolute;inset:0}
.micro-fruit-slot{position:absolute;left:var(--fruit-x);top:var(--fruit-y);width:var(--fruit-w);aspect-ratio:490/1024;transform:translate(-64%,-17%);z-index:2}
.micro-garden[data-micro-kind=fig] .micro-fruit-slot{aspect-ratio:590/1024}
.micro-garden[data-micro-kind=dates] .micro-fruit-slot{aspect-ratio:436/1024}
.micro-fruit-swing,.micro-drop-body{display:block;width:100%;height:100%;transform-origin:64% 17%}
.micro-fruit-swing{animation:micro-pendulum 4.6s ease-in-out infinite alternate;animation-delay:var(--fruit-phase,0s)}
.micro-garden[data-micro-kind=fig] .micro-rig-space{top:-10px}
.micro-garden[data-micro-kind=dates] .micro-rig-space{left:calc(50% - 15px);top:-4px}
.micro-garden[data-micro-kind=dates] .micro-wind{transform-origin:75% 86%;animation-duration:9s}
.micro-garden[data-micro-kind=honey] .micro-rig-space{top:-45px}
.micro-garden[data-micro-kind=honey] .micro-wind{transform-origin:89% 10%;animation-duration:8s}
.micro-honey-slot{position:absolute;left:24%;top:79%;width:30%;aspect-ratio:1;transform:translate(-50%,-4%)}
.micro-honey-slot .micro-drop-body{transform-origin:50% 4%}
.micro-honeycomb{position:absolute;right:6%;bottom:8%;width:46%;max-width:150px;aspect-ratio:1;animation:micro-comb 9s ease-in-out infinite alternate}
.micro-stem{position:absolute;bottom:-12%;width:79%;max-width:250px;aspect-ratio:1;transform-origin:50% 95%;animation:micro-stem-wind 7s ease-in-out infinite alternate}
.micro-stem-0{left:-28%;opacity:.65;filter:blur(.55px);animation-duration:10s;animation-delay:-3s}
.micro-stem-1{left:27%;bottom:-8%;width:82%;animation-delay:-1.5s}
.micro-stem-2{left:1%;bottom:-18%;width:77%;animation-duration:8.5s;animation-delay:-5s}
.micro-stem-bend{display:block;width:100%;height:100%;transform-origin:50% 95%}
.micro-bee-flight{position:absolute;left:48%;top:34%;width:48px;height:48px;animation:micro-bee 12s ease-in-out infinite}
.micro-dust{position:absolute;inset:0}
.micro-mote{position:absolute;left:var(--mote-x);top:var(--mote-y);width:3px;height:3px;border-radius:50%;background:rgba(var(--micro-tint),.9);box-shadow:0 0 7px 2px rgba(var(--micro-tint),.22);animation:micro-air 8s ease-in-out infinite;animation-delay:var(--mote-delay)}
.micro-vignette{position:absolute;inset:0;box-shadow:inset 0 -38px 45px -35px #071f19b0,inset 0 0 30px #082d251f}
.micro-garden .specimen-number{z-index:5;top:14px;left:16px;right:12px;font-size:.75rem;line-height:1.6;letter-spacing:.065em;pointer-events:none}
.micro-garden .plant-part{z-index:5;bottom:14px;left:15px;right:auto;pointer-events:none;background:#f3fbf1ed}
.micro-action{position:absolute;z-index:6;right:12px;bottom:10px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;padding:0;background:#082f28ed;color:#e7f5dd;border:1px solid #d5ecc79e;box-shadow:0 5px 18px #06271b66;font-size:1.6rem;line-height:1}
.micro-action[hidden],.micro-fallback[hidden]{display:none}
.micro-action:hover,.micro-action:focus-visible{background:#245a40;border-color:#f0ffe7}
.micro-action[aria-disabled=true]{cursor:default}
.micro-fallback{position:absolute;inset:35% 18px auto;color:#e6eed9;font-size:1rem;line-height:1.7;z-index:4}
.micro-unavailable .micro-artwork{opacity:.15}
.micro-wind,.micro-fruit-swing,.micro-stem,.micro-bee-flight,.micro-honeycomb,.micro-sunlight,.micro-mote{animation-play-state:paused}
.micro-active .micro-wind,.micro-active .micro-fruit-swing,.micro-active .micro-stem,.micro-active .micro-bee-flight,.micro-active .micro-honeycomb,.micro-active .micro-sunlight,.micro-active .micro-mote{animation-play-state:running}
.garden-paused .micro-garden *,.garden-hidden .micro-garden *{animation-play-state:paused!important}
.garden-paused .micro-parallax{transform:none;transition:none}
@keyframes micro-branch-wind{from{transform:rotate(-3.5deg) translateY(1px)}to{transform:rotate(3.5deg) translateY(-3px)}}
@keyframes micro-pendulum{from{transform:rotate(-7deg)}to{transform:rotate(6deg)}}
@keyframes micro-stem-wind{from{transform:rotate(-5deg)}to{transform:rotate(5deg)}}
@keyframes micro-comb{from{transform:translateY(1px) rotate(-1deg)}to{transform:translateY(-2px) rotate(1deg)}}
@keyframes micro-sun{from{opacity:.5;transform:translateX(-7px)}to{opacity:1;transform:translateX(9px)}}
@keyframes micro-bee{0%,100%{transform:translate3d(0,0,0) rotate(-10deg)}25%{transform:translate3d(27px,-24px,0) rotate(9deg)}50%{transform:translate3d(37px,13px,0) rotate(15deg)}75%{transform:translate3d(-18px,20px,0) rotate(-13deg)}}
@keyframes micro-air{0%,100%{transform:translate3d(0,0,0);opacity:.2}50%{transform:translate3d(8px,-18px,0);opacity:.65}}
@media(max-width:1180px){.living-garden .plant-grid[data-active=foods]{grid-template-columns:repeat(2,minmax(0,1fr))}.living-garden .micro-garden{height:230px;--rig-size:235px}}
@media(max-width:850px){.living-garden .plant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.living-garden .micro-garden{height:250px;--rig-size:255px}.microgarden-guide{display:block}.microgarden-guide p:last-child{max-width:none;margin-top:7px}}
@media(max-width:620px){.living-garden .plant-grid,.living-garden .plant-grid[data-active=foods]{grid-template-columns:1fr;gap:24px}.living-garden .micro-garden{height:260px;--rig-size:270px}.micro-parallax{transition:none}.micro-mote:nth-child(4){display:none}.microgarden-guide{padding:15px 17px}}
@media(max-width:360px){.living-garden .micro-garden{height:235px;--rig-size:235px}}
@media(prefers-reduced-motion:reduce){.micro-garden *{animation:none!important;transition:none!important}.micro-parallax{transform:none!important}}