.garden-world:after{inset:43% -20% -20%;background:linear-gradient(150deg,#a6c3a6,#78a89c);box-shadow:inset 0 2px 0 #eaf3d84d}
.garden-world .garden-flower{width:60px;height:72px;z-index:1}
.garden-world .garden-flower svg{transform-origin:50% 95%}
.plant-list{max-height:none;overflow:visible;margin:26px 0;display:grid;gap:12px;min-width:0}
.plant-list>div{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:14px;align-items:center;padding:16px;border:1px solid #ffffff85;border-radius:22px;background:linear-gradient(125deg,#e8f0ef70,#ded7e955);box-sizing:border-box;min-width:0}
.plant-list>div>span{min-width:0;overflow-wrap:anywhere}
.plant-list .plant-phase{display:block;font:600 18px/1.3 Outfit,sans-serif;color:#30495a;margin-bottom:5px}
.plant-list .plant-action{display:block;font:500 18px/1.5 Manrope,sans-serif;color:#29384e}
.plant-list .plant-remove{display:grid;place-items:center;width:52px;height:52px;min-width:52px;padding:0;border:1px solid #fff9;border-radius:18px 23px 17px 23px;background:linear-gradient(145deg,#f5e5d7,#d9d9ed);color:#394762;box-shadow:inset 0 2px 2px #fffc,0 5px 14px #40536b18;touch-action:manipulation}
.plant-remove svg{width:27px;height:27px;display:block}
.plant-remove:hover{background:#f5daca;transform:translateY(-2px)}
.expression-controls .garden-promise{font:600 clamp(24px,2.5vw,31px)/1.4 Outfit,sans-serif!important;color:#28394e;margin:30px 0 8px;padding:20px 0 20px 20px;border-left:3px solid #f2deb6;text-wrap:pretty}
.expression-controls .practice-play{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:20px 22px;margin-top:24px;border:1px solid #fff9;border-radius:24px;background:linear-gradient(125deg,#fff0c7,#e8dfef);color:#30415b;font:600 23px/1.3 Outfit,sans-serif;text-align:left;box-shadow:inset 0 2px 1px #fffb,0 8px 24px #40516c1a}
.practice-play-icon{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:19px;background:linear-gradient(145deg,#ffffffcf,#d7e8ef);border:1px solid #fff;box-shadow:0 4px 12px #4c577422;color:#415a79}
.practice-play-icon svg{width:28px;height:28px;fill:currentColor}
.expression-controls .practice-play-note{font-size:18px!important;line-height:1.7!important;margin:24px 6px 10px;max-width:38ch;color:#34455e}
.practice-play:hover{filter:brightness(1.04)}
@media(max-width:700px){.garden-world .garden-flower{width:54px;height:64px}.plant-list>div{padding:14px;gap:12px}.plant-list .plant-action{font-size:18px}.expression-controls .practice-play{font-size:22px;padding:18px;gap:12px}.expression-controls .garden-promise{font-size:26px!important}}
@media(prefers-reduced-motion:reduce){.plant-remove:hover{transform:none}}

/* A deliberately scattered planting plan fills the hillside from side to side. */
.garden-world .garden-flower{width:74px;height:88px}
.garden-world .garden-flower svg{transform:rotate(var(--rose-lean,0deg)) scale(.88);transform-origin:50% 85%}
.garden-world .garden-flower.bloomed svg{transform:rotate(var(--rose-lean,0deg)) scale(1)}
@media(max-width:700px){.garden-world .garden-flower{width:64px;height:78px}}