#upgrades-dialog{width:min(1040px,96vw);height:min(660px,94dvh);max-height:94dvh;padding:24px;overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at 20% 80%,#1e3940,#11232d 70%)}
#upgrades-dialog[open]{display:flex;flex-direction:column;gap:18px}#upgrades-dialog .dialog-top{flex:none;margin:0;display:flex;align-items:center;gap:18px;height:auto}#upgrades-dialog .dialog-top>div{flex:1}#upgrades-dialog h2{font:38px/1 'Barlow Condensed',sans-serif;margin:7px 0 0}#upgrade-budget{font:18px 'Barlow Condensed',sans-serif;color:#c4ef91;white-space:nowrap}
#evolution-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;flex:none;border-bottom:1px solid #38515a;padding-bottom:12px}#evolution-categories button{display:flex;align-items:center;justify-content:center;gap:9px;background:transparent;border:1px solid transparent;border-radius:12px;padding:12px 8px;color:#9fb7c0;font-size:15px;min-height:44px}#evolution-categories button>span{font-size:24px}#evolution-categories button small{font:11px 'IBM Plex Mono',monospace;opacity:.7}#evolution-categories button[aria-pressed=true]{color:#d7f8b4;background:#b3e88314;border-color:#b3e88360}
#upgrades-dialog .evolution-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(245px,1fr);flex:1;min-height:0;height:auto;gap:24px}#upgrades.category-map{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:18px;background:radial-gradient(ellipse,#a4dcb908,transparent 65%)}
#upgrades-dialog #evolution-detail{display:flex;flex-direction:column;gap:15px;border-left:1px solid #38515a;padding:12px 0 8px 24px;height:100%;overflow:visible;min-height:0;align-self:stretch}.detail-title{display:flex;align-items:center;gap:13px}.detail-title>span{font-size:36px;color:#c4ee92}.detail-title small{font:11px 'IBM Plex Mono',monospace;color:#98b3bd}#upgrades-dialog #evolution-detail h3{font:30px/1.05 'Barlow Condensed',sans-serif;margin:6px 0 0}#upgrades-dialog #evolution-detail p{font-size:15px;line-height:1.5;margin:0;color:#b7ccd1}#upgrades-dialog .tree-requires{margin:0;border:0;padding:0;display:flex;flex-wrap:wrap;gap:7px}#upgrades-dialog .tree-requires>small{flex-basis:100%;font-size:11px;letter-spacing:1px;color:#90aab4}#upgrades-dialog .tree-requires button{display:inline-block;margin:0;padding:6px 8px;border-radius:8px;background:#8ab8a414;color:#cce5b4;font-size:12px}#upgrades-dialog .tree-requires>span{font-size:12px;color:#9eb7c0}#upgrades-dialog #evolution-detail .primary{margin-top:auto;min-height:44px;font-size:14px;flex:none}
@media(max-height:550px){#upgrades-dialog{padding:14px 18px;height:95dvh;max-height:95dvh;border-radius:18px}#upgrades-dialog[open]{gap:9px}#upgrades-dialog .dialog-top .eyebrow{display:none}#upgrades-dialog h2{font-size:27px;margin:0}#upgrades-dialog .dialog-top .close{height:30px;width:30px}#evolution-categories{padding-bottom:7px;gap:6px}#evolution-categories button{padding:4px 8px;min-height:38px;font-size:13px}#evolution-categories button>span{font-size:20px}#upgrades-dialog .evolution-layout{grid-template-columns:minmax(0,1.55fr) minmax(225px,1fr);gap:15px}#upgrades-dialog #evolution-detail{gap:9px;padding:3px 0 0 15px}.detail-title>span{font-size:27px}#upgrades-dialog #evolution-detail h3{font-size:24px;margin:4px 0 0}#upgrades-dialog #evolution-detail p{font-size:12px;line-height:1.35}#upgrades-dialog .tree-requires button{font-size:11px;padding:4px 6px}#upgrades-dialog #evolution-detail .primary{min-height:38px;font-size:12px}}
@media(max-height:350px){#upgrades-dialog[open]{gap:5px}#upgrades-dialog{padding:10px 15px}#upgrades-dialog #evolution-detail{gap:6px}#upgrades-dialog #evolution-detail p{font-size:11px}.detail-title>span{display:none}#upgrades-dialog #evolution-detail h3{font-size:21px}}
#upgrades-dialog .live-event.compact{position:absolute;top:16px;right:115px;bottom:auto;width:230px;max-height:40px;padding:7px 10px;border-radius:10px;overflow:hidden}#upgrades-dialog .live-event.compact h3,#upgrades-dialog .live-event.compact #event-countdown{display:none}#upgrades-dialog .live-event.compact .event-live-top{gap:8px}#upgrades-dialog .live-event.compact .event-live-top>span{font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#upgrades-dialog .live-event.compact #minimize-event{font-size:11px;min-height:24px}#upgrades-dialog .live-event:not(.compact){z-index:3}
@media(max-width:750px) and (orientation:landscape){#upgrades-dialog .evolution-layout{grid-template-columns:minmax(0,1.45fr) minmax(230px,1fr);gap:10px}#upgrades-dialog #evolution-detail{padding-left:12px;gap:6px}#upgrades-dialog #evolution-detail p{font-size:11px;line-height:1.3}#upgrades-dialog #evolution-detail h3{font-size:21px}.detail-title>span{display:none}#upgrades-dialog .tree-requires{gap:4px}#upgrades-dialog .tree-requires button{padding:3px 5px;font-size:11px}#upgrades-dialog #evolution-detail .primary{min-height:36px}#evolution-categories button{gap:6px;font-size:11px}#evolution-categories button small{font-size:11px}#upgrades-dialog .live-event.compact{right:120px;width:190px}}

.upgrade-forecast{display:block;color:#e4c98d;font-size:11px;line-height:1.35}@media(max-height:550px){#upgrades-dialog #evolution-detail{gap:6px}.upgrade-forecast{font-size:11px;line-height:1.25}}

.upgrade-forecast.applied{color:#c4ef91}