/* Snack Time Picks — theme styles */
.scene.themed { background:linear-gradient(180deg,#CDE9F7 0%, #D9EFC9 44%, #A9D89A 45%, #8FC98A 100%); }

.friend-holder { position:absolute; left:50%; top:8%; transform:translateX(-50%);
  width:min(44vw,270px); aspect-ratio:1; z-index:4; }
.friend-holder img, .friend-holder svg { width:100%; height:100%; object-fit:contain;
  filter:drop-shadow(0 6px 12px rgba(30,42,74,.25)); }
.friend-holder.opening { animation:hz-lean .4s ease-in-out; }
@keyframes hz-lean { 0%,100%{transform:translateX(-50%) scale(1)} 50%{transform:translateX(-50%) scale(1.07)} }
.friend-holder.chewing { animation:hz-chew .22s ease-in-out 3; }
@keyframes hz-chew { 0%,100%{transform:translateX(-50%) scaleY(1)} 50%{transform:translateX(-50%) scaleY(.93)} }
.friend-holder.full { animation:hz-happy 1s ease-in-out infinite; }
@keyframes hz-happy { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(-10px)} }

.ask { position:absolute; left:50%; transform:translateX(-50%);
  top:calc(8% + min(44vw,270px) + 4px); z-index:6; width:min(560px,calc(100% - 24px));
  text-align:center; margin:0; font-family:var(--lw-font-display, inherit); font-weight:800;
  color:var(--navy); font-size:clamp(1rem,4vw,1.4rem);
  background:rgba(255,251,245,.94); border-radius:18px; padding:10px 14px; box-shadow:0 4px 12px rgba(30,42,74,.18); }
.ask-row { position:absolute; left:50%; transform:translateX(-50%);
  top:calc(8% + min(44vw,270px) + 4px + 3.6rem); z-index:6; }

#scene-pick .choice-row { position:absolute; left:50%; transform:translateX(-50%);
  bottom:max(14px, env(safe-area-inset-bottom)); z-index:7; width:calc(100% - 20px); }

@media (max-height:660px) {
  .friend-holder { width:min(34vw,190px); }
  .ask { top:calc(8% + min(34vw,190px) + 2px); font-size:1rem; padding:8px 12px; }
  .ask-row { top:calc(8% + min(34vw,190px) + 2px + 3rem); }
}
@media (prefers-reduced-motion:reduce) { .friend-holder.full { animation:none } }