/* Character windows belong to the shop, with a counter across each portrait. */
.grove-shop-front { display: grid; grid-template-columns: 260px minmax(0,1fr); gap: 24px; align-items: center; margin-bottom: 23px; }
.shopkeeper-portrait { margin: 0; overflow: hidden; border: 2px solid #796c57; border-radius: 17px; background: #f7f0da; box-shadow: 0 3px 0 #8f826940; }
.shopkeeper-stage { position: relative; width: 100%; aspect-ratio: 4/3; overflow: hidden; background: #afbea7; }
.shopkeeper-stage canvas { display: block; width: 100%; height: 100%; touch-action: pan-y; }
.shopkeeper-portrait figcaption { padding: 11px 13px 12px; border-top: 1px solid #d2c5a4; color: #5b6250; }
.shopkeeper-portrait figcaption strong { display: block; margin: 0 0 4px; color: #4b5945; font-size: 14px; }
.shopkeeper-portrait figcaption span { display: block; min-height: 2.7em; font-size: 11px; font-weight: 600; line-height: 1.4; }
.shopkeeper-portrait[data-shopkeeper="nanny"] { border-color: #767688; background: #f1efe2; }
.shopkeeper-portrait[data-shopkeeper="nanny"] figcaption strong { color: #615477; }
.grove-shop-front .grove-shop-intro { flex-direction: column; align-items: stretch; justify-content: center; margin: 0; gap: 22px; }
.grove-shop-front .grove-search { width: 100%; max-width: 450px; }
.grove-shop-front .grove-egg-welcome { grid-template-columns: .85fr 1fr; gap: 16px; padding: 20px 23px; }
.grove-shop-front .grove-egg-display { min-height: 180px; }
.grove-shop-front .grove-egg-display .hatchery-egg { width: 68px; height: 92px; }
.grove-shop-front .grove-egg-display .chumkin-egg-art { width: 100%; height: 100%; transform: none; }
.grove-shop-front .grove-egg-display .hatchery-egg:nth-child(2) { transform: translateY(-8px) scale(1.12); }
.grove-shop-front .grove-egg-welcome h2 { font-size: clamp(26px,2.6vw,34px); }
.grove-shop-front .grove-egg-welcome h2 br { display: inline; }
@media (max-width: 900px) and (min-width: 641px) {
 .grove-shop-front { grid-template-columns: 220px minmax(0,1fr); gap: 16px; }
 .grove-shop-front .grove-egg-welcome { grid-template-columns: 1fr; text-align: center; padding: 16px; }
 .grove-shop-front .grove-egg-display { display: none; }
 .grove-shop-front .grove-egg-welcome p, .grove-shop-front .grove-egg-welcome .button { margin-inline: auto; }
}
@media (max-width: 640px) {
 .grove-shop-front { grid-template-columns: 1fr; gap: 16px; margin-bottom: 18px; }
 .shopkeeper-portrait { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(0,1fr); border-radius: 14px; }
 .shopkeeper-stage { align-self: stretch; aspect-ratio: 4/3; }
 .shopkeeper-portrait figcaption { display: flex; flex-direction: column; justify-content: center; padding: 11px; border-top: 0; border-left: 1px solid #d2c5a4; }
 .shopkeeper-portrait figcaption strong { font-size: 13px; }
 .shopkeeper-portrait figcaption span { min-height: 0; font-size: 11px; }
 .grove-shop-front .grove-shop-intro { gap: 14px; }
 .grove-shop-front .grove-egg-welcome { grid-template-columns: 1fr; text-align: center; gap: 0; padding: 18px; }
 .grove-shop-front .grove-egg-display { min-height: 110px; }
 .grove-shop-front .grove-egg-display .hatchery-egg { width: 47px; height: 64px; }
 .grove-shop-front .grove-egg-welcome h2 { margin-top: 5px; }
}