#orchard-offer .farm-choices { display:grid; grid-template-columns:1fr 1fr; gap:14px; clear:both; }
#orchard-offer .farm-choices button { padding:14px; min-height:94px; font-size:17px; }
#orchard-offer .farm-choices small { display:block; font:normal 13px/1.4 sans-serif; margin-top:8px; }
#feeding-game[open] { position:fixed; inset:0; transform:none; margin:0; width:100vw; height:100dvh; max-width:none; max-height:none; padding:0; border:0; border-radius:0; background:#425038 url('assets/feeding-yard-v1.png') center/cover; color:#fff0ce; overflow:auto; }
#feeding-game::backdrop { background:#172a21; }
.feeding-layout { min-height:100%; box-sizing:border-box; padding:16px 24px; display:flex; flex-direction:column; gap:12px; background:linear-gradient(#19282033,transparent 55%,#172c2166); }
.feeding-header { display:flex; gap:16px; align-items:flex-start; }
.feeding-header>button { background:#19362dec; color:#fff0ce; flex-shrink:0; }
.feeding-note { margin:0 auto; width:min(740px,100%); text-align:center; padding:12px 24px; background:linear-gradient(110deg,#e7ce98,#fff0c8,#e2c38b); border:2px solid #a4804d; border-radius:7px 16px 8px 12px; box-shadow:0 4px 15px #19231366; }
#feeding-game .eyebrow { font-size:11px; color:#6b5030; letter-spacing:2px; }
#feeding-game h2 { font:700 28px Georgia; margin:4px 0 8px; color:#392b1d; }
#feeding-game #feeding-request { color:#392b1d; font-size:20px; line-height:1.4; margin:0; }
#feeding-pens { display:flex; align-items:flex-end; justify-content:space-evenly; gap:35px; flex:1; margin:0 auto; width:min(1100px,100%); min-height:220px; }
.feeding-pen { flex:1; min-width:0; max-width:480px; text-align:center; }
#feeding-game .feeding-pen h3 { display:table; margin:0 auto 6px; padding:5px 14px; font:bold 17px sans-serif; color:#fff0ce; border-radius:8px; background:#18372ae8; }
.feeding-rabbits { display:flex; justify-content:center; align-items:flex-end; height:120px; }
.feeding-rabbits img { width:clamp(32px,6.2vw,88px); max-width:16%; height:100%; object-fit:contain; filter:drop-shadow(0 7px 3px #241b1b66); }
.feeding-rabbits img:nth-child(even) { transform:scaleX(-1); }
.feed-basket { width:100%; max-width:320px; height:100px; position:relative; display:block; margin:0 auto; padding:8px 32px; border:2px solid transparent; border-radius:18px; background:url('assets/orchard-basket-v1.png') center/100% 100% no-repeat; }
.feed-basket:hover:not(:disabled) { border-color:#ffe9aa; background-color:#fff0b422; }
.feed-portions { display:flex; flex-wrap:wrap; justify-content:center; align-content:center; gap:3px; position:absolute; top:18%; left:20%; right:20%; height:45%; }
.feed-portions i { width:13px; height:9px; border-radius:45%; background:radial-gradient(ellipse at 35% 30%,#edd68c,#a6803e); box-shadow:0 1px 2px #32210b; }
.feed-amount { position:absolute; bottom:8%; left:50%; transform:translateX(-50%); white-space:nowrap; padding:4px 12px; border-radius:7px; background:#2c2c20f0; color:#fff0ce; font-weight:bold; }
#feeding-game .feed-return { min-height:44px; font-size:14px; padding:6px 14px; background:#21392de8; color:#fff0ce; }
.feeding-supply { width:min(1050px,100%); box-sizing:border-box; margin:0 auto; padding:8px 16px; background:#1c382ced; border:1px solid #c8ad68; border-radius:12px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px 24px; }
.feeding-scoops { display:flex; gap:8px; align-items:center; }
#feeding-game .feeding-scoops button { min-height:44px; padding:6px 12px; font-size:16px; background:#344d3e; color:#fff0ce; }
#feeding-game .feeding-scoops button[aria-pressed=true] { background:#e2c889; color:#233429; outline:2px solid #fff0c0; }
#feeding-help { flex-basis:100%; text-align:center; font-size:14px; }
#feeding-game .feeding-footer { display:block; padding:8px 16px; margin:0; text-align:center; background:#142e25f2; border-radius:12px; }
#feeding-game #feeding-feedback { color:#fff0ce; font-size:16px; margin:0 0 7px; min-height:22px; }
.feeding-footer>div { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }
#feeding-game button { min-height:44px; }
.feeding-footer button { padding:8px 16px; }
#feeding-game button:focus-visible { outline:3px solid #ffe9aa; outline-offset:3px; }
#feeding-game [hidden] { display:none!important; }
@media(prefers-reduced-motion:no-preference) { .feeding-pen.fed .feeding-rabbits img { animation:rabbit-happy 650ms ease-in-out 2; animation-delay:var(--rabbit-delay); }@keyframes rabbit-happy { 50% { translate:0 -8px; } } }
@media(max-height:550px) {
 .feeding-layout { padding:6px 10px; gap:5px; }.feeding-header { gap:8px; }.feeding-header>button { padding:5px 8px; font-size:12px; }.feeding-note { padding:5px 12px; }#feeding-game h2 { font-size:18px; margin:2px; }#feeding-game .eyebrow { font-size:9px; letter-spacing:1px; }#feeding-game #feeding-request { font-size:14px; line-height:1.25; }
 #feeding-pens { min-height:135px; gap:12px; }.feeding-rabbits { height:48px; }.feeding-rabbits img { max-width:14%; }#feeding-game .feeding-pen h3 { font-size:12px; padding:2px 9px; margin:0; }.feed-basket { height:48px; max-width:230px; }.feed-portions { top:10%; }.feed-portions i { width:9px; height:6px; }.feed-amount { font-size:12px; padding:2px 8px; bottom:3%; }#feeding-game .feed-return { font-size:11px; padding:3px 8px; }
 .feeding-supply { padding:3px 8px; gap:3px 12px; font-size:12px; }.feeding-scoops { gap:5px; }#feeding-game .feeding-scoops button { font-size:12px; padding:4px 8px; }#feeding-help { display:none; }#feeding-game .feeding-footer { padding:4px 8px; }#feeding-game #feeding-feedback { font-size:12px; line-height:1.3; min-height:16px; margin-bottom:3px; }.feeding-footer button { font-size:12px; padding:5px 9px; }
}
@media(max-width:500px) { .feeding-header { flex-direction:column; }.feeding-note { box-sizing:border-box; }.feeding-layout { padding:8px; }#feeding-pens { gap:8px; }.feeding-supply { padding:7px; }.feeding-scoops { gap:4px; }#feeding-game #feeding-request { font-size:16px; }.feeding-rabbits { height:78px; }#orchard-offer .farm-choices { grid-template-columns:1fr; } }
/* Override the site's navigation header dimensions inside this activity. */
#feeding-game .feeding-header { height:auto; padding:0; border:0; flex-shrink:0; }
#feeding-game .feeding-footer .quiet { color:#f5e6bd; }
@media(max-height:550px) {
 .feeding-pen { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:2px 5px; }
 #feeding-game .feeding-pen h3,.feeding-rabbits { grid-column:1 / -1; }
 .feeding-rabbits { height:46px; }
 .feed-basket { height:48px; padding:3px 10px; }
 #feeding-game .feed-return { font-size:11px; line-height:1.2; }
 #feeding-pens { min-height:116px; }
}

/* The entire basket adds. Removing is a separate control outside its hit area. */
#feeding-game .feed-basket { position:relative; display:block; width:100%; height:170px; max-width:370px; padding:0; margin:0 auto; border:0; background:url('assets/orchard-basket-v1.png') center/100% 100% no-repeat; color:#fff3d4; }
#feeding-game .feed-basket:hover:not(:disabled) { filter:brightness(1.12); }
#feeding-game .feed-portions { position:absolute; inset:7% 12% 35%; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; pointer-events:none; gap:0; }
#feeding-game .feed-portions .produce { width:32px; height:32px; flex-shrink:0; }
#feeding-game .feed-count { position:absolute; bottom:32px; left:50%; transform:translateX(-50%); background:#2f2b20ed; padding:3px 10px; border-radius:6px; white-space:nowrap; font-size:17px; }
#feeding-game .feed-add-label { position:absolute; bottom:2px; left:50%; transform:translateX(-50%); background:#35543f; border-radius:6px; padding:3px 12px; white-space:nowrap; font-size:16px; }
#feeding-game .feed-return { display:block; margin:6px auto 0; min-height:44px; min-width:110px; padding:4px 10px; font-size:15px; background:#23372f; color:#fff0cf; }
#feeding-stock-bits { display:flex; flex-wrap:wrap; justify-content:center; max-width:660px; margin:0 auto; }
#feeding-stock-bits .produce { width:22px; height:22px; }
#feeding-help:empty,#feeding-feedback:empty { display:none; }
.feeding-demo { display:none; }
@media(max-height:550px) {
 #feeding-game .feeding-pen { display:block; } #feeding-pens { min-height:160px; }
 #feeding-game .feed-basket { height:100px; max-width:250px; }
 #feeding-game .feed-portions { inset:0 8% 44%; }
 #feeding-game .feed-portions .produce { width:20px; height:20px; }
 #feeding-game .feed-count { font-size:12px; bottom:26px; }
 #feeding-game .feed-add-label { font-size:12px; bottom:1px; }
 #feeding-game .feed-return { margin-top:2px; min-height:36px; font-size:12px; }
 #feeding-stock-bits .produce { width:13px; height:13px; }
 .feeding-rabbits { height:36px; }
}