.intro h1 { font-size:34px; }
.care-strip { display:flex;justify-content:space-between;align-items:center;gap:25px;margin:23px 0 7px;padding:16px 20px;border:1px solid #dfe3ce;border-radius:18px;background:#f9f8ee; }
.care-copy { display:flex;align-items:center;gap:16px; }
.care-symbol { font-size:31px;color:#9db476; }
.care-copy h2 { font-size:13px;font-weight:600;margin:0 0 8px;color:#536d46; }
.care-copy p { margin:0;font-size:11px;color:#88957a;line-height:1.6; }
.water-button { display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;min-width:135px;padding:11px 16px;border:1px solid #b9ccad;border-radius:25px;background:#e8efd8;font-size:12px;color:#506d48; }
.water-button svg { width:23px;height:23px; }
.water-button:not(:disabled):hover { background:#dde8c8; }
.water-button:disabled { opacity:.72;background:#f0f1e5;border-color:#d6deca;color:#88967b; }
.garden-wrap { margin-top:0;height:450px; }
.scene-caption { top:16px; }
.scene-actions { position:absolute;right:0;top:4px;display:flex;gap:17px;z-index:2; }
.scene-actions .new-button { position:static;min-height:40px;padding:8px 0;font-size:10px; }
.scene-actions #newGarden { color:#a0aa91; }
.care-ring { fill:#d4dfa0;fill-opacity:.25;stroke:#b2c285;stroke-width:2;stroke-dasharray:4 4;animation:care-breathe 2.8s ease-in-out infinite; }
#world[data-growth-stage="3"] .care-ring { stroke:#d8ac9c;fill:#ecc3a4; }
.grow-arrival { transform-box:fill-box;transform-origin:center bottom;animation:unfurl .9s ease-out both; }
.water-can { animation:water-appear 1.8s ease-out both; }
.droplet { animation:water-drop 1.1s ease-in infinite; }
.droplet.second { animation-delay:.2s; }
.droplet.third { animation-delay:.4s; }
.bloom-sparks { animation:bloom-glimmer 1.8s ease-out both; }
.prototype-note { text-decoration:none; }
.prototype-note:hover { color:#738562; }
@keyframes care-breathe { 50% { opacity:.4; } }
@keyframes unfurl { from { transform:scale(.91);opacity:.7; } to { transform:scale(1);opacity:1; } }
@keyframes water-appear { 0%,100% { opacity:0; } 15%,75% { opacity:1; } }
@keyframes water-drop { from { transform:translateY(-5px);opacity:0; } 25% { opacity:.85; } to { transform:translateY(40px);opacity:0; } }
@keyframes bloom-glimmer { 0%,100% { opacity:0; } 40% { opacity:1; } }
@media(max-width:760px) {
  .intro h1 { font-size:27px; }
  .care-strip { margin-top:17px;padding:13px 12px;gap:10px;border-radius:15px; }
  .care-copy { gap:8px; }
  .care-symbol { display:none; }
  .care-copy h2 { font-size:11px;line-height:1.5;margin-bottom:5px; }
  .care-copy p { font-size:10px; }
  .water-button { min-width:113px;font-size:10px;padding:10px 12px;gap:5px; }
  .water-button svg { width:20px;height:20px; }
  .garden-wrap { height:350px; }
  .scene-caption { top:14px;font-size:8px; }
  .scene-actions { top:0;gap:11px; }
  .scene-actions .new-button { font-size:8px; }
  .scene-actions #startScene { max-width:130px;white-space:normal;text-align:right;line-height:1.4; }
}
@media(max-width:370px) {
  .intro h1 { font-size:24px; }
  .garden-wrap { height:320px; }
  .water-button { min-width:106px;padding-inline:9px; }
  .care-copy p { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) {
  .care-ring,.grow-arrival,.water-can,.droplet,.bloom-sparks { animation:none!important; }
  .water-can,.droplet,.bloom-sparks { opacity:.8; }
}