.ss-garden-wrap{width:100%;max-width:110rem;container-type:inline-size}.ss-garden{--plot:clamp(20px, min(6cqi, 6.2vh), 110px);align-items:center;gap:calc(var(--plot) * .12);padding:calc(var(--plot) * .3);border-radius:var(--radius-lg);background:linear-gradient(#f3efe4,#ece3d2);flex-direction:column;display:flex}.ss-garden-bed{gap:calc(var(--plot) * .1);justify-content:center;display:flex}.ss-garden-plot{width:var(--plot);flex-direction:column;align-items:center;line-height:1;display:flex}.ss-garden-bed-space .ss-garden-plot{width:calc(var(--plot) * 3)}.ss-garden-plot-wide{width:calc(var(--plot) * 1.7)}.ss-garden-plot .ss-flower{width:var(--plot);height:calc(var(--plot) * 1.4);overflow:visible}.ss-garden-key{font:700 calc(var(--plot) * .26) / 1 var(--font-mono);color:var(--color-text);margin-top:2px}.ss-garden-plot-soil .ss-garden-key{color:var(--color-text-muted);font-weight:400}.ss-garden-dots{font-size:calc(var(--plot) * .2);letter-spacing:1px;color:color-mix(in srgb, var(--finger) 50%, #3d3d3d);min-height:1em}@media (prefers-reduced-motion:no-preference){.ss-flower-opening .ss-flower-head{transform-origin:20px 18px;animation:1.4s cubic-bezier(.2,.8,.2,1) both ss-open}.ss-flower-opening .ss-flower-stem{transform-origin:20px 49px;animation:.9s ease-out both ss-rise}}@keyframes ss-open{0%{opacity:0;transform:scale(.2)rotate(-40deg)}to{opacity:1;transform:none}}@keyframes ss-rise{0%{transform:scaleY(.8)}to{transform:none}}.ss-meadow{--m:clamp(16px, 2.6cqi, 40px);aspect-ratio:16/8;border-radius:var(--radius-lg);background:linear-gradient(#f6f1e3 0%,#eef2e2 45%,#e3ecd4 100%);width:100%;max-height:62vh;position:relative;overflow:hidden}.ss-meadow-land{width:100%;height:100%;position:absolute;inset:0}.ss-meadow-plant{line-height:1;position:absolute;transform:translate(-50%,-100%)}.ss-garden-moment{text-align:center;flex-direction:column;align-items:center;gap:.8rem;display:flex}.ss-garden-moment .ss-flower{width:clamp(90px,16vh,150px);height:auto}.ss-done-flower{place-items:center;display:grid}.ss-done-flower .ss-flower{width:clamp(64px,12vh,120px);height:auto;overflow:visible}
