.wcd-garden{display:grid;gap:10px;padding:12px;border:1px solid rgba(54,111,70,.16);border-radius:20px;background:linear-gradient(165deg,rgba(253,255,243,.96),rgba(226,246,225,.94));box-shadow:0 10px 24px rgba(35,76,49,.07)}
.wcd-garden-scene{position:relative;display:grid;min-height:92px;overflow:hidden;place-items:end center;padding:14px 12px 10px;border-radius:16px;background:linear-gradient(180deg,#cceee8 0 54%,#9dcc7e 55% 72%,#7eab65 73% 100%)}
.wcd-garden-sun{position:absolute;top:8px;right:10px;font-size:1.05rem;filter:drop-shadow(0 2px 4px rgba(255,212,78,.28))}
.wcd-garden-stage-icon{position:relative;z-index:2;font-size:2.65rem;line-height:1;filter:drop-shadow(0 5px 5px rgba(44,77,45,.18));transform-origin:center bottom;animation:wcd-garden-grow .5s ease-out both}
.wcd-garden-ground{position:absolute;left:10px;right:10px;bottom:6px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:4px;pointer-events:none}
.wcd-garden-milestone{display:grid;width:21px;height:21px;place-items:center;border-radius:50%;background:rgba(255,255,255,.8);font-size:.74rem;font-weight:900;box-shadow:0 2px 6px rgba(34,64,42,.11)}
.wcd-garden-milestone.is-locked{color:rgba(51,82,61,.34);background:rgba(255,255,255,.45)}
.wcd-garden-copy{display:grid;gap:6px}.wcd-garden-copy h3,.wcd-garden-copy p{margin:0}.wcd-garden-copy h3{color:#17452f;font-size:1rem}.wcd-garden-copy p{color:#5e7669;font-size:.7rem;line-height:1.4}.wcd-garden-copy p strong{color:#2c6543}
.wcd-garden-unlocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.wcd-garden-unlocks>span{display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;padding:6px;border:1px solid rgba(54,99,69,.11);border-radius:11px;background:rgba(255,255,255,.66)}.wcd-garden-unlocks>span.is-locked{opacity:.5}.wcd-garden-unlocks b{font-size:.76rem}.wcd-garden-unlocks small{overflow:hidden;color:#587065;font-size:.55rem;font-weight:780;line-height:1.15;text-overflow:ellipsis}
.wcd-milestone-celebration{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(175,137,39,.22);border-radius:16px;background:linear-gradient(135deg,#fff9d7,#eaf8df);box-shadow:0 8px 18px rgba(93,87,36,.1);animation:wcd-milestone-pop .42s ease-out both}.wcd-milestone-celebration strong{display:block;color:#4d6334;font-size:.8rem}.wcd-milestone-celebration p{margin:2px 0 0;color:#66704b;font-size:.68rem;line-height:1.35}.wcd-milestone-burst{flex:0 0 auto;font-size:1.45rem}
@keyframes wcd-garden-grow{from{opacity:.2;transform:translateY(6px) scale(.86)}to{opacity:1;transform:none}}@keyframes wcd-milestone-pop{from{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:390px){.wcd-garden-unlocks{grid-template-columns:repeat(2,minmax(0,1fr))}.wcd-garden-scene{min-height:86px}}
@media(prefers-reduced-motion:reduce){.wcd-garden-stage-icon,.wcd-milestone-celebration{animation:none}}