#experiment-root[data-unit="plants"]{--unit-accent:#27864b}
.plant-specimen{position:relative;margin:8px auto;padding:8px;max-width:280px;min-width:0;border:2px solid #bbdbc4;border-radius:22px;background:linear-gradient(#f0faf4,#e1f3e5);text-align:center}
.plant-diagram{position:relative;max-width:240px;margin:auto}.plant-diagram>svg{display:block;width:100%;height:auto;max-height:250px}.plant-shoot{transform-origin:120px 216px;transition:transform .5s ease;transform-box:view-box}.plant-wilted .plant-shoot{transform:rotate(17deg) scaleY(.78);filter:saturate(.6)}.plant-shoot.lean-left{transform:rotate(-19deg)}.plant-shoot.lean-right{transform:rotate(19deg)}
.plant-moist{background:linear-gradient(#f0faf4,#bce4ed)}.plant-sunny{background:linear-gradient(#fff4b0,#e1f3e5)}.plant-icon{width:38px;height:38px;vertical-align:middle;flex-shrink:0}.plant-sun{position:absolute;right:8px;top:8px;width:48px;height:48px}.plant-air-note{display:block;font-size:.9rem;color:#245635}.plant-specimen figcaption{font-weight:800;color:#245635;padding-top:6px;overflow-wrap:anywhere}
.plant-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.plant-pair>section{text-align:center;min-width:0}.plant-pair>.plant-specimen:only-child{grid-column:1/-1;width:100%;box-sizing:border-box}.plant-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:14px 0}.plant-choices button{display:flex;align-items:center;gap:8px;justify-content:center}.plant-state{padding:10px;border-radius:12px;background:#e5f5e9;color:#245635;font-weight:700;text-align:center}
.plant-matching{display:grid;grid-template-columns:minmax(130px,1fr) minmax(220px,2fr);gap:16px;max-width:640px;margin:auto}.plant-labels{display:flex;flex-direction:column;gap:12px;justify-content:center}.plant-matching .plant-specimen{width:100%;box-sizing:border-box}.plant-target{position:absolute;width:44px;height:44px;min-height:44px;padding:0;border:3px solid #fff;border-radius:50%;background:#086bdc;color:white;font-weight:900;box-shadow:0 2px 4px #163b5d66;transform:translate(-50%,-50%)}.plant-target.matched{background:#26873e}.part-root{left:50%;top:88%}.part-stem{left:50%;top:65%}.part-leaf{left:30%;top:43%}.part-flower{left:50%;top:19%}.plant-part-ring{position:absolute;width:56px;height:56px;transform:translate(-50%,-50%);border:4px solid #086bdc;box-shadow:0 0 0 4px #ffe273;border-radius:50%;pointer-events:none}
.plant-light-box{position:relative;padding:8px 50px;border:3px solid #b3d5ed;border-radius:20px;background:#eef7ff}.side-sun{position:absolute;top:20px;width:60px;text-align:center;font-size:.85rem;font-weight:800}.side-left{left:0}.side-right{right:0}.side-sun .plant-icon{width:48px;height:48px}.plant-air .plant-shoot{animation:plant-breeze 1.2s ease-in-out 1}@keyframes plant-breeze{50%{transform:rotate(3deg)}}
@media(max-width:500px){.plant-matching{grid-template-columns:1fr}.plant-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.plant-pair{gap:6px}.plant-pair .plant-specimen{padding:4px}.plant-pair figcaption{font-size:.85rem}.plant-pair button{padding:8px;font-size:.9rem}.plant-choices button{flex:1 1 120px}.plant-light-box{padding:8px 38px}.side-sun{width:46px}.side-sun .plant-icon{width:40px}.plant-matching .plant-specimen{max-width:280px}}
@media(prefers-reduced-motion:reduce){.plant-shoot{transition:none!important;animation:none!important}}

.plant-sun.sun-left{left:8px;right:auto}