.produce { display:inline-block; width:42px; height:42px; background-image:url('assets/steder/gullakergarden/farm-produce-v1.webp'); background-size:300% 200%; background-repeat:no-repeat; vertical-align:middle; }
.produce.apple { background-position:0 0; }.produce.pear { background-position:50% 0; }.produce.carrot { background-position:100% 0; }.produce.sprout { background-position:0 100%; }.produce.cabbage { background-position:50% 100%; }.produce.seeds { background-position:100% 100%; }
#orchard-game .fruit-tree .produce { width:70px; height:70px; }#orchard-game .basket-fruits .produce { width:34px; height:34px; }#orchard-game .basket-tools .produce { width:30px; height:30px; }
#orchard-game .orchard-header { height:auto; padding:0; border:0; }
#orchard-game .orchard-footer { display:block; }
#orchard-offer .farm-choices { grid-template-columns:repeat(3,1fr); }
@media(max-height:550px){#orchard-game .fruit-tree .produce{width:36px;height:36px}#orchard-game .basket-fruits .produce{width:23px;height:23px}#orchard-game .basket-tools .produce{width:24px;height:24px}}

/* Equal space on both sides centers the task on the scene, not the remaining row. */
#orchard-game .orchard-header,#feeding-game .feeding-header{display:grid;grid-template-columns:155px minmax(0,1fr) 155px;gap:8px;align-items:start}
#orchard-game .orchard-order,#feeding-game .feeding-note{grid-column:2;margin:0 auto;width:100%;box-sizing:border-box}
@media(max-width:800px){#orchard-game .orchard-header,#feeding-game .feeding-header{grid-template-columns:95px minmax(0,1fr) 95px;gap:4px}}