/* A 24-plot garden remains readable on narrow screens and keyboard friendly. */
#garden-panel .garden-body{padding-top:12px;gap:14px;overscroll-behavior:contain}
#garden-panel .growth-tabs{flex-shrink:0}
#garden-panel .shop-tab-active{color:#30271b;text-shadow:none}
.garden-growth-summary{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:16px;background:#e5ebd9;color:#354d33}
.garden-growth-summary strong{font-size:18px}
.garden-growth-summary span{font-size:13px;line-height:1.5}
.garden-batch-actions{display:flex;gap:8px;flex-wrap:wrap}
.garden-batch-actions button{flex:1 1 130px;min-height:44px;font-size:13px;white-space:normal;padding:9px 12px;line-height:1.35}
#garden-panel button:disabled{opacity:.55;cursor:default}
#garden-panel .seed-chip{min-height:40px;font-size:13px}
.garden-seed-select{min-height:44px;flex:1;min-width:0;padding:8px 12px;border:1px solid #b5c09d;border-radius:12px;background:#fffdf8;color:#354d33;font-family:inherit;font-weight:700;font-size:14px}
.garden-seed-select:focus-visible{outline:3px solid #375b37;outline-offset:3px}
#garden-panel .plots-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
#garden-panel .plot-card{position:relative;border-style:solid;border-color:#d0dabf;min-height:150px}
#garden-panel .plot-card.shop-card-disabled{background:#f0eee4;border-style:dashed;opacity:.8;min-height:94px}
.plot-number{font-size:12px;font-weight:800;letter-spacing:.02em;color:#4d6145}
#garden-panel .plot-status{font-size:13px;line-height:1.4}
#garden-panel .plot-name,#garden-panel .market-name{font-size:14px}
#garden-panel .plot-card .recipe-action{min-height:42px;white-space:normal;line-height:1.3;width:100%;font-size:12px}
#garden-panel .market-buy{min-height:42px;min-width:66px}
#garden-panel button:focus-visible,#expansion-toolbar button:focus-visible{outline:3px solid #375b37;outline-offset:3px}
#expansion-toolbar{flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100vw - 24px)}
#expansion-toolbar .selection-name{margin-right:0}
.expansion-stage{font-size:12px;line-height:1.4;color:#526149;flex-basis:100%;text-align:center;order:5}
@media(max-width:360px){#garden-panel .plots-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#garden-panel .garden-body{padding-left:10px;padding-right:10px}.garden-batch-actions button{flex-basis:100%}}