.pasture-scene{background-image:url('/assets/pasture-ground.png')}
/* The field has a horizontal trough, independent of inventory illustrations. */
.pasture-feeder{position:absolute;left:50%;top:min(69.72%,calc(84% - var(--animal-size)*.60 - min(3.7125%,calc(var(--animal-size)*.21375)) - 1px));width:min(22%,calc(var(--animal-size)*1.9));height:auto;aspect-ratio:2.5;display:block;padding:0;margin:0;border:0;background:transparent;transform:translateX(-50%)}
.pasture-feeder{z-index:2;cursor:pointer}
.pasture-feeder .pasture-feeder-art{display:block;width:100%;height:100%;margin:0;max-width:none;background:none;border-radius:0;aspect-ratio:auto;filter:drop-shadow(0 3px 1px #18200c66)}
.pasture-feeder:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:7px}.pasture-feeder.is-empty{left:50%;top:71%;width:14%;height:11%;border:2px dashed #f3e6a177;border-radius:8px;background:#171d1233;color:#fff2bd;display:grid;place-content:center;gap:3px}.pasture-feeder-placeholder{font-size:24px;line-height:1}.pasture-feeder-empty-label{font-size:9px;text-shadow:0 1px 2px #000}
.feeder-rarity-legendary .tool-art{filter:drop-shadow(0 0 3px #ffe2a299) drop-shadow(0 0 8px #ffc24e66)}.feeder-rarity-mythic .tool-art{filter:drop-shadow(0 0 3px #b5f6ffaa) drop-shadow(0 0 7px #b974f988) drop-shadow(0 0 11px #fd92df55)}
.pasture-feeder-panel{margin:12px 0 0;padding:0;border:1px solid var(--border);border-radius:9px;background:#2c263e;scroll-margin-top:20px}.pasture-feeder-panel.needs-feeder{border-color:#a99455;background:#332f2b}.feeder-choices{margin:0;padding:0}.feeder-choices summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:52px;padding:9px 12px;cursor:pointer}.feeder-choices summary::-webkit-details-marker{display:none}.feeder-choices summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:8px}.feeder-summary-copy{flex:1;min-width:0;display:grid;gap:3px}.feeder-summary-copy b{font-size:12px;line-height:1.4}.feeder-summary-copy small{font-size:10px;line-height:1.45;color:var(--muted)}.feeder-toggle-label{font-size:11px;line-height:1.4;color:var(--lime);white-space:nowrap}.feeder-toggle-label>span{display:inline-block;font-size:13px;margin-left:3px}.feeder-choices[open] .feeder-toggle-label>span{transform:rotate(180deg)}.feeder-quick-buy{font-size:11px!important;line-height:1.4;min-height:30px;padding:6px 9px!important;margin:0!important;box-shadow:none!important;background:#52683c!important;color:#eefbdd!important}
.feeder-expanded{padding:12px;border-top:1px solid #82718f44}.feeder-expanded-actions{display:flex;gap:9px;flex-wrap:wrap}.feeder-expanded-actions .button{padding:7px 10px;min-height:32px;font-size:11px;box-shadow:none;margin:0}.feeder-expanded-actions .feeder-remove{background:transparent;color:var(--muted);border:1px solid #756781}.feeder-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;margin-top:11px}.feeder-choice{display:flex;align-items:center;gap:9px;border:1px solid #65556f;border-radius:7px;padding:9px;background:#211c3044;min-width:0}.feeder-choice-art{width:48px;height:46px;flex:none}.feeder-choice-art .tool-art{width:48px;height:46px;max-width:none;margin:0}.feeder-choice>div:nth-child(2){min-width:0;flex:1}.feeder-choice b{font-size:11px}.feeder-choice p{font-size:10px;line-height:1.45;margin:4px 0;color:var(--muted)}.feeder-choice small{font-size:9px;color:var(--muted)}.feeder-choice .button{font-size:10px;line-height:1.4;padding:7px 8px;min-height:32px;margin:0;box-shadow:none;white-space:normal}.feeder-choice-empty{font-size:11px;line-height:1.6;color:var(--muted);margin:11px 0 0}
.feeder-inventory-note{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 17px}.feeder-destination{display:grid;gap:7px;font-size:11px;line-height:1.5;text-align:left;color:var(--muted)}.feeder-destination select{width:100%;min-height:38px;border:1px solid #776582;border-radius:7px;background:#30283f;color:var(--text);padding:7px;font:inherit}.feeder-sale-note{font-size:10px;line-height:1.5;color:var(--muted);margin-top:5px}.feeder-inventory .tool-inventory-sale button:disabled{cursor:not-allowed;opacity:.45}
.pasture-layout .pasture-bottom{position:relative;inset:auto;z-index:auto;border:1px solid #514867;border-radius:0 0 10px 10px;margin:0 4px;padding:9px 12px;gap:10px;font-size:11px;flex-wrap:wrap}.pasture-layout .pasture-bottom>span{display:flex;align-items:center;gap:4px}.pasture-sign{z-index:20}
@media(max-width:760px){.pasture-feeder-panel{margin-top:9px}.feeder-choices summary{padding:9px 10px;gap:8px}.feeder-summary-copy b{font-size:11px}.feeder-summary-copy small{font-size:9px}.feeder-toggle-label{font-size:10px}.feeder-quick-buy{font-size:10px!important;padding:6px 8px!important}.feeder-expanded{padding:10px}.feeder-choice-grid{grid-template-columns:1fr}.feeder-choice{gap:7px;padding:8px}.feeder-choice-art,.feeder-choice-art .tool-art{width:40px;height:42px}.feeder-choice b{font-size:10px}.feeder-choice p{font-size:9px}.pasture-feeder-empty-label{font-size:7px}.pasture-feeder-placeholder{font-size:17px}.feeder-destination{font-size:10px}.pasture-layout .pasture-bottom{justify-content:center;font-size:9px;gap:6px;padding:7px}.pasture-layout .pasture-bottom .resource-icon{width:17px;height:17px}}

.pasture-scene .pasture-animal.eating .pasture-name{position:absolute;left:calc(100% + 4px);top:38px;bottom:auto;transform:none;white-space:nowrap;max-width:120px}


@media(max-width:760px){.pasture-layout .pasture-bottom{justify-content:space-between;flex-wrap:nowrap}}



@media(max-width:760px){
 .pasture-sign{padding:4px 6px;gap:2px;font-size:10px;line-height:1.2;max-width:110px}.pasture-sign span{font-size:8px;line-height:1.2}
 .pasture-scene .pasture-animal[data-pasture-slot="0"]{--home-x:12%!important;--home-y:23%!important}
 .pasture-scene .pasture-animal[data-pasture-slot="1"]{--home-x:48%!important;--home-y:8%!important}
 .pasture-scene .pasture-animal[data-pasture-slot="2"]{--home-x:73%!important;--home-y:20%!important}
 .pasture-scene .pasture-animal[data-pasture-slot="3"]{--home-x:12%!important;--home-y:52%!important}
 .pasture-scene .pasture-animal[data-pasture-slot="4"]{--home-x:32%!important;--home-y:31%!important}
 .pasture-scene .pasture-animal[data-pasture-slot="5"]{--home-x:73%!important;--home-y:51%!important}
 .pasture-scene .pasture-animal[data-pasture-slot="0"]:not(.eating):not(.drinking):not(.returning) .animal-bubble{top:-10px}
 .pasture-scene .pasture-animal:is([data-pasture-slot="3"],[data-pasture-slot="4"],[data-pasture-slot="5"]):not(.eating):not(.drinking):not(.returning) .animal-bubble{left:-24px;right:auto}
}




.pasture-scene .pasture-animal.eating .animal-bubble{left:calc(100% + 2px);right:auto;top:8px}

/* Eating indicators appear only once the animal has reached its food. */
.pasture-scene .pasture-animal.is-walking :is(.pasture-name,.animal-bubble){visibility:hidden}

.pasture-scene .pasture-animal.is-backing :is(.animal-walk-leg-front,.animal-walk-leg-back){animation-direction:reverse}