.upgrade-dialog{width:min(890px,96vw);max-height:92dvh;padding:13px 15px;border:4px solid #33452b;background:#e4e8b3}.upgrade-dialog .dialog-top h2{font-size:21px}.upgrade-dialog .dialog-top p{font-size:10px;color:#536540;margin-top:3px}.upgrade-layout{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;margin-top:10px}.family-rack{display:grid;gap:4px;align-content:start}.family-choice{display:grid;grid-template-columns:33px 1fr;align-items:center;gap:3px;background:transparent url('../assets/garden/seed-classic.png') center/100% 100%;min-height:52px;padding:5px;color:#fff9cb;font-size:11px;font-weight:900;text-shadow:1px 1px #274d32}.family-choice img{width:33px;height:36px;object-fit:contain}.family-choice[aria-pressed=true]{outline:2px solid #ffdc65;outline-offset:-2px;background-image:url('../assets/garden/seed-select.png'),url('../assets/garden/seed-classic.png')}.upgrade-content{min-width:0}.family-summary{font-size:11px;color:#384d2e;background:#cdd99a;padding:7px 9px;border:1px solid #93a66a;line-height:1.6}.family-summary b{font-size:13px}.family-summary span{display:block;color:#67774f;font-size:10px}.tree-scroll{overflow:auto;max-height:54dvh;padding:10px 2px 8px;scrollbar-width:thin}.upgrade-tree{display:flex;align-items:center;gap:14px;width:max-content;min-width:100%}.tree-branch{display:flex;align-items:center;gap:14px}.tree-children{border-left:2px solid #7b9153;display:flex;flex-direction:column;gap:8px;padding-left:12px}.tree-children>.tree-branch{position:relative}.tree-children>.tree-branch:before{content:'';position:absolute;width:12px;height:2px;background:#7b9153;left:-12px;top:50%}.upgrade-node{width:126px;min-height:94px;background:transparent url('../assets/garden/seed-classic.png') center/100% 100%;color:#fff6c4;padding:6px 7px;text-align:center;display:grid;justify-items:center;grid-template-columns:45px 1fr;gap:3px;font-size:10px;text-shadow:1px 1px #253e28;flex-shrink:0}.upgrade-node img{width:45px;height:50px;object-fit:contain;grid-row:1/3}.upgrade-node strong{font-size:10px;line-height:1.4}.upgrade-node .node-price{font-size:10px;color:#ffeb82}.upgrade-node small{grid-column:1/3;font-size:8px}.upgrade-node.active{outline:2px solid #ffdb65;outline-offset:-2px}.upgrade-node.variant small{color:#ffd59d}.upgrade-description{font-size:11px;line-height:1.65;background:#f3f1cd;border:2px solid #b0be7f;padding:8px 10px;margin-top:4px;min-height:76px;color:#425235}.upgrade-description strong{display:block;font-size:13px;color:#33452b}.upgrade-description .path-cost{color:#65743f}.upgrade-note{font-size:10px;color:#6c734e;margin-top:8px}.upgrade-dialog a{color:#416c31}.upgrade-failure{color:#933e2a;font-size:12px;padding:15px}
.branch-dialog{width:min(630px,94vw);padding:15px;background:#e4e8b3;border:4px solid #33452b}.branch-dialog .dialog-top h2{font-size:19px}.branch-summary{font-size:12px;color:#425235;margin:10px 0}.branch-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:8px}.branch-choice{padding:12px 10px;display:grid;justify-items:center;gap:6px;background:transparent url('../assets/garden/seed-classic.png') center/100% 100%;color:#fff7c8;text-shadow:1px 1px #284527;min-height:235px}.branch-choice img{width:72px;height:78px;object-fit:contain}.branch-choice strong{font-size:14px}.branch-choice span{font-size:11px;color:#fff099}.branch-choice small{font-size:11px;line-height:1.5}.branch-choice em{font-size:11px;font-style:normal;color:#ffdc65}.branch-choice:disabled{opacity:.55;cursor:not-allowed}.tree-branch:has(>.tree-children)>.upgrade-node{position:relative}.tree-branch:has(>.tree-children)>.upgrade-node:after{content:'';position:absolute;right:-16px;top:50%;width:14px;height:2px;background:#7b9153}
@media(max-width:650px){.upgrade-dialog{padding:10px}.upgrade-dialog .dialog-top h2{font-size:17px}.upgrade-layout{grid-template-columns:75px minmax(0,1fr);gap:6px}.family-choice{grid-template-columns:1fr;font-size:9px;min-height:62px}.family-choice img{height:30px;width:30px;justify-self:center}.upgrade-node{width:116px}.upgrade-tree,.tree-branch{gap:9px}.tree-children{padding-left:9px}.tree-children>.tree-branch:before{left:-9px;width:9px}.tree-branch:has(>.tree-children)>.upgrade-node:after{right:-11px;width:9px}.tree-scroll{max-height:47dvh}}