.garten{--ph:min(44vh, 310px);--wurzel-tiefe:calc(var(--ph) * .3066);--band:clamp(140px, 19vh, 185px);--kopfraum:1rem;--g-stecker:#523c26c7;--g-stecker-aktiv:#382716f2;position:relative}.garten[data-variant=voll]{--ph:min(56vh, 460px);--band:clamp(130px, 20vh, 180px)}html.dark .garten{--g-stecker:#d8c7ac9e;--g-stecker-aktiv:#f3e6cef2}.beet-marke{width:clamp(96px,11vw,132px);height:calc(var(--ph) * .52);padding-bottom:calc(var(--band) - var(--wurzel-tiefe) * .42);pointer-events:none;user-select:none;flex-direction:column;flex:none;justify-content:flex-end;align-self:end;align-items:center;margin:0 clamp(.5rem,1.4vw,1.25rem);display:flex}.beet-marke__brett{background:color-mix(in srgb, var(--marke) 88%, #3a2a18);color:#fff;letter-spacing:.02em;text-align:center;text-wrap:balance;border-radius:4px;order:-1;max-width:100%;padding:.42rem .6rem;font-size:.72rem;font-weight:600;line-height:1.15;transform:rotate(-1.6deg);box-shadow:0 2px 5px #00000047}.beet-marke__pfahl{background:linear-gradient(to bottom, color-mix(in srgb, var(--marke) 55%, #4a3722), #4a3722);border-radius:2px;flex:auto;width:6px;min-height:2.2rem}.garten-scroller{width:100vw;max-width:100vw;height:calc(var(--ph) + var(--band) - var(--wurzel-tiefe) + var(--kopfraum));cursor:grab;scroll-snap-type:x proximity;scrollbar-width:none;background:0 0;margin-inline:calc(50% - 50vw);overflow:auto hidden}.garten-scroller::-webkit-scrollbar{display:none}.garten-scroller.zieht{cursor:grabbing;scroll-snap-type:none}.garten-strip{width:max-content;min-width:100%;height:100%;padding:0 max(6vw, 40px) calc(var(--band) - var(--wurzel-tiefe));align-items:flex-end;margin:0;list-style:none;display:flex;position:relative}.garten-strip:before{content:"";height:var(--band);background-image:var(--g-soil);background-position:0 100%;background-repeat:repeat-x;background-size:auto 100%;position:absolute;bottom:0;left:0;right:0;mask-image:linear-gradient(#0000 0,#000 12px)}.garten-slot{z-index:2;margin:0 calc(var(--ph) * -.16);pointer-events:none;position:relative}.garten-slot.hinten{z-index:1}.garten-slot:has(.garten-pflanze.aktiv){z-index:6}.garten-pflanze{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;scroll-snap-align:center;pointer-events:none;background:0 0;border:0;margin:0;padding:0;transition:opacity .4s,filter .4s;display:block;position:relative}.garten-pflanze .hit{pointer-events:auto;position:absolute;inset:10% 25% 5%}.garten-pflanze:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;border-radius:12px}.garten-pflanze svg.pflanze{height:var(--ph);transform-origin:50% 69.34%;width:auto;transform:var(--t,none);pointer-events:none;transition:transform .35s;display:block;overflow:visible}.garten-pflanze svg.pflanze *{pointer-events:visiblePainted}.garten-slot.hinten svg.pflanze{--t:translateY(calc(var(--ph) * -.042)) scale(.82);filter:saturate(.8)brightness(1.05);opacity:.96}.garten-pflanze.aktiv svg.pflanze{filter:none;opacity:1;transform:scale(1.08)}.garten-slot.hinten .garten-pflanze.aktiv svg.pflanze{transform:translateY(calc(var(--ph) * -.018)) scale(.98)}.garten-strip.auswahl .garten-pflanze:not(.aktiv){opacity:.42;filter:saturate(.6)}.garten .pflanze .wurzeln{transition:opacity .5s}.garten-pflanze.aktiv .wurzeln{opacity:.95}.slot-schild{margin-left:calc(-1 * var(--schild-x,30px));left:50%;bottom:calc(var(--wurzel-tiefe) + 6px);transform-origin:50% calc(100% + 26px);transform:translateX(-50%) rotate(var(--tilt,0deg));z-index:4;pointer-events:auto;cursor:pointer;background:linear-gradient(#fff 0%,#f4f2ec 100%);border:1px solid #3c301e1f;border-radius:11px;flex-direction:column;align-items:center;gap:4px;padding:9px 13px 11px;transition:transform .3s,box-shadow .3s;display:flex;position:absolute;box-shadow:0 5px 12px -3px #0006,0 1px 2px #0000002e,inset 0 1px #fffffff2}.slot-schild__icon{width:clamp(38px,5.2vh,50px);height:auto}.slot-schild__name{letter-spacing:.01em;white-space:nowrap;color:#2f2a22;font-size:11.5px;font-weight:600}.slot-schild:after{content:"";clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);background:linear-gradient(#f0eee7 0%,#cfccc2 60%,#b4b0a4 100%);width:6px;height:clamp(22px,5vh,32px);position:absolute;top:calc(100% - 1px);left:50%;transform:translate(-50%);box-shadow:0 1px 2px #0003}.garten-slot.hinten .slot-schild{bottom:calc(var(--wurzel-tiefe) + 12px);transform:translateX(-50%) rotate(var(--tilt,0deg)) scale(.88)}.garten-pflanze.aktiv .slot-schild{transform:translateX(-50%) translateY(-2px) rotate(var(--tilt,0deg)) scale(1.06);box-shadow:0 8px 18px -4px #0000007a,0 1px 2px #0003,inset 0 1px #fffffff2}.garten-slot.hinten .garten-pflanze.aktiv .slot-schild{transform:translateX(-50%) translateY(-2px) rotate(var(--tilt,0deg)) scale(.96)}.garten .pflanze .sway{transform-box:fill-box;transform-origin:50% 100%;animation:garten-sway var(--sway-dur,6s) ease-in-out var(--sway-delay,0s) infinite alternate}@keyframes garten-sway{0%{transform:rotate(-.8deg)}to{transform:rotate(.9deg)}}.garten-pflanze:hover .sway,.garten-pflanze:focus-visible .sway{animation:garten-sway var(--sway-dur,6s) ease-in-out var(--sway-delay,0s) infinite alternate, garten-raschel var(--raschel-dur,1s) ease-out 1;animation-composition:add}@keyframes garten-raschel{0%{transform:rotate(0)}18%{transform:rotate(var(--raschel-amp,1.6deg))}42%{transform:rotate(calc(var(--raschel-amp,1.6deg) * -.66))}66%{transform:rotate(calc(var(--raschel-amp,1.6deg) * .4))}84%{transform:rotate(calc(var(--raschel-amp,1.6deg) * -.18))}to{transform:rotate(0)}}.g-wackel{transform-box:fill-box}.g-wackel--blatt{transform-origin:0%}.g-wackel--bluete{transform-origin:50% 100%}.g-wackel--drift{animation:garten-blatt-idle calc(var(--ww-dur,.9s) * 5) ease-in-out calc(var(--ww-delay,0s) * -23) infinite alternate}@keyframes garten-blatt-idle{0%{transform:rotate(calc(var(--ww-amp,6deg) * -.26))}to{transform:rotate(calc(var(--ww-amp,6deg) * .26))}}.garten-pflanze:hover .g-wackel,.garten-pflanze:focus-visible .g-wackel{animation:garten-blattwackel var(--ww-dur,.9s) ease-in-out var(--ww-delay,0s) 1}@keyframes garten-blattwackel{0%{transform:rotate(0)}22%{transform:rotate(var(--ww-amp,6deg))}48%{transform:rotate(calc(var(--ww-amp,6deg) * -.55))}72%{transform:rotate(calc(var(--ww-amp,6deg) * .28))}to{transform:rotate(0)}}.garten-panel{z-index:70;background:color-mix(in srgb, var(--color-paper) 82%, transparent);backdrop-filter:saturate(180%)blur(18px);border:1px solid color-mix(in srgb, var(--color-ink) 14%, transparent);width:min(320px,100vw - 28px);max-height:calc(100vh - 40px);box-shadow:0 22px 56px -24px color-mix(in srgb, var(--color-ink) 60%, transparent);border-radius:1.1rem;padding:1.05rem 1.15rem 1.15rem;animation:.28s garten-panel-auf;position:fixed;top:50%;right:16px;overflow-y:auto;transform:translateY(-50%)}@keyframes garten-panel-auf{0%{opacity:0;transform:translateY(-50%)translate(14px)}}.garten-panel__zu{width:1.9rem;height:1.9rem;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:1.25rem;line-height:1;position:absolute;top:.7rem;right:.7rem}.garten-panel__zu:hover,.garten-panel__zu:focus-visible{background:color-mix(in srgb, var(--color-ink) 8%, transparent);color:var(--color-ink);outline:none}.garten-panel__head{align-items:center;gap:.7rem;padding-right:1.8rem;display:flex}.garten-panel__icon{object-fit:contain;flex-shrink:0;width:2.7rem;height:2.7rem}.garten-panel__heading{flex-direction:column;gap:.3rem;min-width:0;display:flex}.garten-panel__name{font-family:var(--font-serif);color:var(--color-ink);margin:0;font-size:1.35rem;line-height:1.1}.garten-panel__status{letter-spacing:.1em;text-transform:uppercase;color:var(--status-color,var(--color-muted));background:color-mix(in srgb, var(--status-color,var(--color-muted)) 16%, transparent);border-radius:999px;align-self:flex-start;padding:.18rem .5rem;font-size:.62rem;font-weight:700;line-height:1}.garten-panel__status[data-status=live]{--status-color:#00c013}.garten-panel__status[data-status=beta]{--status-color:#f60}.garten-panel__status[data-status=alpha]{--status-color:#f0a}.garten-panel__status[data-status=invite-only]{--status-color:#004cff}.garten-panel__lead{border-left:2.5px solid var(--brand,var(--color-accent));color:var(--color-ink);text-wrap:balance;margin:.85rem 0 0;padding-left:.65rem;font-size:.98rem;line-height:1.4}.garten-panel__actions{gap:.5rem;margin-top:1rem;display:flex}.garten-panel__btn{border:1px solid color-mix(in srgb, var(--color-ink) 20%, transparent);color:var(--color-ink);font:inherit;cursor:pointer;background:0 0;border-radius:9999px;flex:1;justify-content:center;align-items:center;padding:.55rem .8rem;font-size:.88rem;font-weight:500;line-height:1;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.garten-panel__btn:hover{background:color-mix(in srgb, var(--color-ink) 8%, transparent)}.garten-panel__btn--primary{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper)}.garten-panel__btn--primary:hover{background:color-mix(in srgb, var(--color-ink) 86%, transparent)}.garten-panel__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.garten-panel__more{border-top:1px solid var(--color-rule);margin-top:1rem}.garten-panel__more-sum{cursor:pointer;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);justify-content:space-between;align-items:center;padding:.7rem 0 .2rem;font-size:.7rem;font-weight:600;list-style:none;display:flex}.garten-panel__more-sum::-webkit-details-marker{display:none}.garten-panel__more-sum:after{content:"";border-bottom:2px solid;border-right:2px solid;width:.5rem;height:.5rem;transition:transform .2s;transform:rotate(45deg)}.garten-panel__more[open] .garten-panel__more-sum:after{transform:rotate(-135deg)}.garten-werte{flex-direction:column;gap:.5rem;margin:.5rem 0 .2rem;display:flex}.garten-wert{grid-template-columns:22px auto 1fr;align-items:center;gap:.5rem;display:grid}.garten-wert svg{width:19px;height:19px}.garten-wert dt{color:var(--color-ink);font-size:.76rem;font-weight:600}.garten-wert dd{color:var(--color-muted);margin:0;font-size:.74rem;line-height:1.3}.garten-feld{border-top:1px dashed var(--color-rule);flex-direction:column;gap:4px;margin-top:14px;padding-top:12px;display:flex}.garten-feld__label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-muted);justify-content:space-between;font-size:.72rem;font-weight:600;display:flex}.garten-feld input[type=range]{accent-color:var(--color-accent);height:26px;margin:0}.garten-panel__cta{border:1px solid color-mix(in srgb, var(--color-ink) 20%, transparent);width:100%;color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;border-radius:9999px;justify-content:center;align-items:center;gap:.4rem;margin-top:.9rem;padding:.55rem 1rem;font-size:.85rem;line-height:1;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.garten-panel__cta:hover{color:var(--color-ink);border-color:var(--color-ink)}.garten-panel__cta:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (width<=700px){.garten{--ph:min(40vh, 270px);--band:clamp(90px, 13vh, 120px)}.garten[data-variant=voll]{--ph:min(46vh, 340px);--band:clamp(110px, 17vh, 150px)}.garten-panel{top:auto;left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom));width:auto;max-height:56vh;padding:14px 16px 12px;animation:.28s garten-panel-hoch;transform:none}.garten-panel__name{font-size:1.3rem}.garten-werte{gap:6px;margin-top:11px;padding-top:10px}.garten-wert svg{width:21px;height:21px}@keyframes garten-panel-hoch{0%{opacity:0;transform:translateY(18px)}}}@media (prefers-reduced-motion:reduce){.garten .pflanze .sway,.garten-pflanze:hover .sway,.garten-pflanze:focus-visible .sway,.g-wackel--drift,.garten-pflanze:hover .g-wackel,.garten-pflanze:focus-visible .g-wackel,.garten-panel{animation:none}.garten-pflanze,.garten-pflanze svg.pflanze,.garten .pflanze .wurzeln,.garten-pflanze .slot-name{transition:none}.garten-scroller{scroll-behavior:auto}}