/* Existing painted surfaces, with a compact reward / requirements layout. */
.play-screen dialog[data-kind="upgrade"]{width:min(690px,calc(100vw - 24px))}
.play-screen [data-kind="upgrade"] .dialog-heading{padding-bottom:6px}
.garden-upgrade{text-align:left}
.upgrade-levels{display:flex;align-items:center;justify-content:center;gap:15px;font-size:13px;color:#809074;margin:1px 0 20px}
.upgrade-levels strong{color:#3f6950;font-size:15px}
.upgrade-level-arrow{font-family:Arial,sans-serif;font-size:23px;line-height:1;color:#99a583}
.upgrade-columns{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:27px;align-items:start}
.upgrade-reward{min-width:0;text-align:center;display:grid;justify-items:center;align-content:start}
.upgrade-kicker{font-size:9px;letter-spacing:1.4px;color:#899578;margin:2px 0 10px;font-weight:600}
.upgrade-flower{width:116px;height:118px;display:grid;place-items:center}
.upgrade-flower>.crop-art{display:block;width:100%;height:100%;margin:0}
.upgrade-flower-name h3{font-family:'Playfair Display',Georgia,serif;font-size:25px;line-height:1.25;margin:9px 0 5px;color:#3f6249}
.upgrade-flower-name .crop-role{font-size:10px}
.upgrade-gifts{list-style:none;display:grid;gap:4px;margin:13px 0 0;padding:0;text-align:left;font-size:11px;color:#667b57}
.upgrade-gifts li{display:flex;align-items:center;gap:7px;min-height:25px}
.upgrade-gifts b{font-weight:600;color:#496542}
.upgrade-costs{min-width:0}
.upgrade-cost-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 11px}
.upgrade-cost-heading h3{font-size:13px;font-weight:600;margin:0;color:#4c6546}
.upgrade-cost-heading>span{font-size:10px;color:#81906e;white-space:nowrap}
.upgrade-resource-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.upgrade-resource{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:68px;padding:8px 11px;border:7px solid transparent;border-image:var(--ui-slot) 210 fill/15px stretch}
.upgrade-resource-art{display:grid;place-items:center;min-width:0}
.upgrade-resource-art>.crop-art{width:36px;height:41px;margin:0}
.upgrade-resource-info{display:flex;flex-direction:column;gap:5px;min-width:0}
.upgrade-resource-info>strong{font-size:12px;line-height:1.4;font-weight:600}
.upgrade-resource-info>small{font-size:9px;line-height:1.45;color:#839174}
.upgrade-resource-count{display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:13px;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums}
.upgrade-resource-target{color:#879377;font-size:10px}
.upgrade-resource-count>small{font-size:9px;color:#537e4c;font-weight:600}
.upgrade-resource.is-missing .upgrade-resource-count b,.upgrade-resource.is-missing .upgrade-resource-count>small{color:#ad623d}
.upgrade-spend-note{font-size:10px;line-height:1.5;color:#879177;text-align:center;margin:10px 0 0}
.play-screen [data-kind="upgrade"] #panel-actions{padding-top:16px;gap:8px}
.play-screen [data-kind="upgrade"] .upgrade-missing{margin:0;font-size:11px;line-height:1.6;color:#7d8067}
.play-screen [data-kind="upgrade"] .upgrade-missing.is-missing b{color:#a26641;font-weight:600}
.play-screen [data-kind="upgrade"] .upgrade-missing.is-ready{color:#4c784a}
.play-screen [data-kind="upgrade"] #confirm-upgrade{min-width:230px;min-height:43px}
.play-screen [data-kind="upgrade"] #confirm-upgrade:disabled{opacity:.68;filter:saturate(.4)}
.play-screen [data-kind="upgrade"] #panel-message:not(:empty){text-align:center}
@media(max-width:760px) and (orientation:portrait),(max-width:1024px) and (max-height:600px) and (orientation:landscape){
 .play-screen dialog[data-kind="upgrade"]{width:min(740px,calc(var(--play-width) - 22px));max-width:calc(var(--play-width) - 22px)}
 .play-screen [data-kind="upgrade"] .dialog-heading{min-height:30px;padding-bottom:3px;padding-top:0}
 .upgrade-levels{font-size:10px;gap:11px;margin:0 0 6px}
 .upgrade-levels strong{font-size:12px}.upgrade-level-arrow{font-size:18px}
 .upgrade-columns{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px;align-items:center}
 .upgrade-reward{grid-template-columns:78px minmax(0,1fr);align-items:center;column-gap:10px;row-gap:5px;text-align:left;padding-top:3px}
 .upgrade-kicker{grid-column:1/-1;justify-self:start;font-size:8px;letter-spacing:1px;margin:0 0 4px}
 .upgrade-flower{width:78px;height:85px;grid-row:2/4}
 .upgrade-flower-name{justify-self:start}.upgrade-flower-name h3{font-size:20px;margin:0 0 5px}
 .upgrade-flower-name .crop-role{font-size:9px}
 .upgrade-gifts{grid-column:2;margin:0;gap:2px;justify-self:start;font-size:9px}
 .upgrade-gifts li{gap:4px;min-height:21px}.upgrade-gifts .ui-icon{width:20px;height:20px}
 .upgrade-cost-heading{margin-bottom:5px}.upgrade-cost-heading h3{font-size:11px}.upgrade-cost-heading>span{font-size:9px}
 .upgrade-resource-list{gap:4px}
 .upgrade-resource{min-height:43px;grid-template-columns:26px minmax(0,1fr) auto;gap:7px;padding:4px 9px;border-width:5px;border-image-width:12px}
 .upgrade-resource-art>.ui-icon{width:26px;height:26px}.upgrade-resource-art>.crop-art{width:26px;height:30px}
 .upgrade-resource-info{gap:1px}.upgrade-resource-info>strong{font-size:11px}.upgrade-resource-info>small{font-size:8px}
 .upgrade-resource-count{gap:1px;font-size:11px}.upgrade-resource-count>small,.upgrade-resource-target{font-size:8px}
 .upgrade-spend-note{display:none}
 .play-screen [data-kind="upgrade"] #panel-actions{padding-top:7px;gap:3px}
 .play-screen [data-kind="upgrade"] .upgrade-missing{font-size:10px;line-height:1.4}
 .play-screen [data-kind="upgrade"] #confirm-upgrade{min-height:35px;min-width:220px}
}