/* A room activity, not a form overlay. Props and actor share the room camera. */
#room[data-panel="plant"] :is(.amigo-stage,.plant) { left:var(--slot-left); top:var(--slot-top); width:var(--slot-width); height:var(--slot-height); right:auto; bottom:auto; transform:none; animation:none; transition:none; opacity:1; visibility:visible; }
#room[data-panel="plant"] .plant { pointer-events:auto; }
#room[data-panel="plant"] .plant::after { display:none; }
#room[data-panel="plant"] :is(.chair,.ball,.room-bath-basket,.room-wardrobe,.room-tarot-desk,.room-led) { visibility:hidden; pointer-events:none; }
#room[data-panel="plant"] .activity-panel { inset:0; width:100%; height:100%; max-height:none; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; pointer-events:none; transform:none; animation:none; overflow:hidden; }
#room[data-panel="plant"] .activity-panel header { position:absolute; top:10px; right:10px; margin:0; padding:0; background:none; pointer-events:auto; }
#room[data-panel="plant"] .activity-panel header > div { display:none; }
#room[data-panel="plant"] .panel-body { height:100%; overflow:hidden; }
#room[data-panel="plant"] .object-label { display:none; }
.garden-tools { position:absolute; bottom:10px; left:50%; transform:translateX(-50%); display:flex; align-items:center; justify-content:center; gap:24px; padding:4px 18px; pointer-events:auto; background:#fff8e9e8; border-radius:40px; box-shadow:0 6px 24px #573b2614; }
.garden-seed { width:48px; height:48px; border:0; border-radius:50%; background:#e9e5d6; font-size:29px; color:#ce856d; cursor:pointer; touch-action:manipulation; }
.garden-seed.active { background:#e2edda; box-shadow:inset 0 0 0 2px #92ac81; }
.garden-main-tool { display:grid; justify-items:center; }
.garden-main-tool small { font-size:11px; color:#61776c; line-height:16px; }
.garden-can { position:relative; width:94px; height:72px; padding:0; border:0; background:none; cursor:grab; touch-action:none; }
.garden-can img { width:100%; height:100%; object-fit:contain; transform:rotate(-5deg); transition:transform .15s; pointer-events:none; }
.garden-can.is-holding { cursor:grabbing; }
.garden-can.is-holding img { transform:rotate(-20deg) scale(.93); }
.garden-new { margin:8px 0; }
@media(min-width:600px) and (max-height:550px) {
  .garden-tools { left:auto; right:12px; top:50%; bottom:auto; transform:translateY(-50%); flex-direction:column; gap:6px; padding:12px; border-radius:32px; }
  #room[data-panel="plant"] .activity-panel header { left:10px; right:auto; }
}
#room[data-panel="plant"] .designer-watering-can { width:64%; height:60%; left:55%; top:-12%; }
#room[data-panel="plant"] .designer-water { width:7px; left:60%; top:23%; height:43%; background:repeating-linear-gradient(180deg,#b0e6ee 0 7px,transparent 7px 13px); border-radius:45%; }
#room[data-panel="plant"] .is-watering .designer-watering-can { opacity:1; transform:rotate(-18deg); animation:garden-pour .8s ease-in-out infinite alternate; }
#room[data-panel="plant"] .is-watering .designer-water { opacity:.9; animation:garden-stream .45s linear infinite; }
#room[data-panel="plant"] .is-watering .furniture-art { animation:garden-leaves .6s ease-in-out infinite alternate; }
.room[data-furniture-mode="designer"] .plant-art { display:block; pointer-events:none; }
.room[data-furniture-mode="designer"] .plant-art :is(.stem,.leaf,.pot) { display:none; }
.room[data-furniture-mode="designer"] .plant-art .bud { left:45%; top:12%; bottom:auto; width:16%; height:12%; }
.room[data-furniture-mode="designer"] .plant-art .bloom { left:40%; top:4%; bottom:auto; width:36%; height:30%; }
.room[data-furniture-mode="designer"] .plant-art .bloom::before { font-size:clamp(24px,4vw,44px); }
.room[data-furniture-mode="designer"] .plant-art[data-stage="3"] .bud { opacity:0; }
@keyframes garden-pour { to { transform:rotate(-22deg) translateY(-2px); } }
@keyframes garden-stream { to { background-position:0 13px; } }
@keyframes garden-leaves { to { transform:rotate(1.5deg); } }
@media(prefers-reduced-motion:reduce) { #room[data-panel="plant"] .is-watering :is(.designer-watering-can,.designer-water,.furniture-art) { animation:none; } }
.bgm-volume { display:flex; align-items:center; gap:10px; margin:10px 0 0; font-size:12px; }
.bgm-volume input { flex:1; min-width:0; height:32px; accent-color:#6c957c; }
.bgm-state { display:block; font-size:11px; color:var(--muted); margin:6px 0; }