#ascii-garden-wrap{
  position:relative;
  background:#1a1810;
  border-radius:var(--r-lg);
  overflow:hidden;
  cursor:none !important;
  border:1px solid #2e2a1e;
}
#ascii-garden{display:block;width:100%;height:420px;font-family:var(--font-mono);cursor:none !important}
#garden-hint{
  position:absolute;bottom:14px;right:18px;
  font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.25);pointer-events:none;
  transition:opacity .6s;
}
#garden-hint.is-gone{opacity:0}
/* clear button */
#garden-clear-btn{
  display:inline-flex;align-items:center;gap:7px;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);border:1px solid var(--line);border-radius:var(--r-pill);
  padding:8px 14px;background:none;cursor:pointer;
  transition:color var(--dur-fast),border-color var(--dur-fast);white-space:nowrap;
}
#garden-clear-btn:hover{color:var(--blue);border-color:var(--blue)}
#garden-clear-btn:disabled{opacity:.4;cursor:default}
/* bucket cursor — tilts when pouring */
#garden-cursor{
  position:fixed;z-index:9999;pointer-events:none;
  font-size:24px;line-height:1;
  transform:translate(-6px,-22px) rotate(0deg);
  transition:opacity .15s, transform .15s;
  opacity:0;
  display:block;
}
#garden-cursor.is-pouring{
  transform:translate(-6px,-22px) rotate(-45deg);
}