/* Picnic family: the cloth is scenery; the packet, basket and friend are toys.
   The shared composition sheet retains ownership of the prompt above it. */
.lg-app .lg-play[data-activity="feed"] .play-stage {
  width:min(660px,100%); min-height:0; max-height:520px; background:none;
  overflow:visible; mask-image:none; -webkit-mask-image:none;
  border:0; box-shadow:none; border-radius:0; margin:0 auto 28px;
}
.lg-app .lg-play[data-activity="feed"] .feed-scene {
  position:relative; width:100%; height:100%; display:grid; grid-template-columns:minmax(0,1fr);
  grid-template-rows:minmax(90px,1fr) 116px 112px;
  justify-items:center; align-items:center; gap:8px; padding:8px 16px 24px;
}
.lg-app .lg-play[data-activity="feed"] .feed-creature {
  position:relative; width:100%; height:100%; max-height:228px; min-height:0; z-index:1;
  display:flex; justify-content:center; align-self:end;
  padding:0; margin:0; border:0; background:none; cursor:pointer;
}
.lg-app .lg-play[data-activity="feed"] .feed-creature > :is(svg,.lg-animal) {
  height:100%!important; width:auto!important; max-width:100%; max-height:none;
}
.lg-app .lg-play[data-activity="feed"] .feed-basket {
  position:relative; width:184px; height:114px; max-height:none; min-height:0;
  border:0; border-radius:24px; padding:0; background:none;
  overflow:visible; opacity:1; filter:none; z-index:2;
}
.lg-app .lg-play[data-activity="feed"] .feed-basket > svg,
.feed-basket-front > svg { display:block; width:100%; height:100%; }
.feed-basket-front { position:absolute; inset:0; pointer-events:none; }
.lg-app .lg-play[data-activity="feed"] .feed-basket.is-ready,
.lg-app .lg-play[data-activity="feed"] .feed-basket.is-near {
  outline:3px solid #4e9677; outline-offset:4px;
  filter:drop-shadow(0 3px 2px rgb(74 54 32 / .16));
}
.lg-app .lg-play[data-activity="feed"] .feed-basket.is-filled { filter:none; }
.lg-app .lg-play[data-activity="feed"] .feed-creature.is-near > :is(svg,.lg-animal) {
  outline:3px solid #4e9677; outline-offset:4px; border-radius:45%;
}
.lg-app .lg-play[data-activity="feed"] .feed-delivered {
  width:46%; left:27%; bottom:40%; transform:none;
}
.lg-app .lg-play[data-activity="feed"] .feed-basket.is-filled .feed-delivered { transform:rotate(-5deg); }
.lg-app .lg-play[data-activity="feed"] .feed-tray {
  display:flex; align-items:center; justify-content:center; box-sizing:border-box;
  align-self:stretch; min-height:0; margin:0; gap:8px; padding:8px 10px 14px;
  width:100%; max-width:470px; border:3px solid #4a3620; border-bottom-width:6px;
  border-radius:22px 22px 28px 28px;
  background:linear-gradient(#e5dcc8 0 7%,#a89478 7% 20%,#2f5c46 20% 78%,#a89478 78% 95%,#4a3620 95%);
  box-shadow:0 5px 0 #4a3620,inset 0 3px 0 #fffaf0;
}
.lg-app .lg-play[data-activity="feed"] .feed-food {
  width:clamp(48px,18vw,76px); max-width:none; flex:0 1 76px;
  min-width:44px; max-height:100%; animation:none; transition:none;
  border-radius:12px; filter:drop-shadow(0 3px 1px rgb(74 54 32 / .16));
}
.lg-app .lg-play[data-activity="feed"] .feed-food[aria-pressed="true"] { outline:3px solid #4e9677; outline-offset:3px; }
.lg-app .lg-play[data-activity="feed"] .feed-food.is-flying { z-index:5; }
.lg-app .lg-play[data-activity="feed"] .feed-food.is-dragging { z-index:6; }
.lg-app .lg-play[data-activity="feed"] .feed-finish {
  position:absolute; bottom:24px; height:112px; left:16px; right:16px;
  display:flex; justify-content:center; align-items:center; gap:24px; z-index:4;
}
.lg-app .lg-play[data-activity="feed"] .feed-finish[hidden] { display:none; }
.lg-app .lg-play[data-activity="feed"] .is-delivered .feed-tray {
  pointer-events:none;
}
.lg-app .lg-play[data-activity="feed"] .is-delivered .feed-food:not(.is-flying) { visibility:hidden; }
.lg-app .lg-play[data-activity="feed"] .feed-next { min-width:88px; height:62px; padding:8px 20px; }
.lg-app .lg-play[data-activity="feed"] .feed-replay { width:56px; height:56px; }
.lg-app .lg-play[data-activity="feed"] .feed-creature:focus-visible { outline:4px solid var(--lg-focus); outline-offset:3px; border-radius:30px; }
.lg-app .lg-play[data-activity="feed"] .lg-activity-art > .is-picnic-flowers { left:0; bottom:14%; width:clamp(42px,12%,70px); }
@media(max-height:650px) and (orientation:portrait) {
  .lg-app .lg-play[data-activity="feed"] .play-stage { margin-bottom:20px; max-height:none; }
  .lg-app .lg-play[data-activity="feed"] .feed-scene { grid-template-rows:minmax(72px,1fr) 80px 76px; gap:3px; padding:0 12px 12px; }
  .lg-app .lg-play[data-activity="feed"] .feed-basket { width:130px; height:80px; }
  .lg-app .lg-play[data-activity="feed"] .feed-food { width:48px; flex-basis:48px; }
  .lg-app .lg-play[data-activity="feed"] .feed-tray { padding:4px 8px 6px; }
  .lg-app .lg-play[data-activity="feed"] .feed-finish { bottom:12px; height:76px; }
  .lg-app .lg-play[data-activity="feed"] .feed-next { height:52px; }
}
@media(max-height:450px) and (orientation:landscape) {
  .lg-app .lg-play[data-activity="feed"] .play-stage { max-height:none; margin-bottom:8px; }
  .lg-app .lg-play[data-activity="feed"] .feed-scene { grid-template-columns:30% minmax(0,1fr); grid-template-rows:minmax(76px,1fr) 78px; gap:2px 8px; padding:0 18px 12px; }
  .lg-app .lg-play[data-activity="feed"] .feed-creature { grid-column:1; grid-row:1 / 3; height:88%; align-self:center; }
  .lg-app .lg-play[data-activity="feed"] .feed-basket { grid-column:2; grid-row:1; width:124px; height:77px; align-self:end; }
  .lg-app .lg-play[data-activity="feed"] .feed-tray { grid-column:2; grid-row:2; padding:3px 8px; }
  .lg-app .lg-play[data-activity="feed"] .feed-food { width:48px; flex-basis:48px; }
  .lg-app .lg-play[data-activity="feed"] .feed-finish { left:33%; right:18px; bottom:12px; height:78px; }
  .lg-app .lg-play[data-activity="feed"] .feed-next { height:52px; }
  .lg-app .lg-play[data-activity="feed"] .lg-activity-art > .is-picnic-flowers { width:38px; bottom:0; }
}