#upgrades-dialog{--skill:#b9e986;--skill-dim:#b9e98624;border-color:#8eae9a55;background:linear-gradient(130deg,#142d32,#091b24 65%);box-shadow:0 28px 100px #000b}
#upgrades-dialog[data-tone=autonomy]{--skill:#ecbd78;--skill-dim:#ecbd7824}#upgrades-dialog[data-tone=collapse]{--skill:#ff947c;--skill-dim:#ff947c24}#upgrades-dialog[data-tone=defense]{--skill:#80ced7;--skill-dim:#80ced724}
#upgrades-dialog .dialog-top h2{letter-spacing:.02em}#upgrade-budget{padding:8px 12px;background:#b9e98612;border:1px solid #b9e98640;border-radius:6px}
#evolution-categories{gap:4px;border:0;padding:0;background:#06171d66;border-radius:7px}
#evolution-categories button{border-radius:5px;position:relative;min-height:44px}#evolution-categories button[aria-pressed=true]{background:var(--skill-dim);border-color:transparent;color:var(--skill);box-shadow:inset 0 -2px var(--skill)}
#upgrades.category-map{border:1px solid #829b9130;border-radius:8px;background:radial-gradient(ellipse at center,var(--skill-dim),transparent 75%),radial-gradient(#aacbc51c .8px,transparent .8px);background-size:auto,16px 16px}
.skill-icon{width:32px;height:32px;display:block}
#upgrades-dialog #evolution-detail{border:1px solid #75938e33;border-radius:8px;background:linear-gradient(145deg,var(--skill-dim),#0a1d2588);padding:16px;gap:10px}
.skill-state{font:11px var(--mono);letter-spacing:.07em;color:var(--skill)}.skill-state.is-locked{color:#a0b6bb}.detail-title>span{color:var(--skill)}#upgrades-dialog .detail-title h3{margin:4px 0 0}.detail-title .skill-icon{width:38px;height:38px}
#upgrades-dialog .tree-requires button{border:1px solid #89aca744;border-radius:4px;color:#ccdfdb;background:#071a2355;min-height:30px}#upgrades-dialog .upgrade-forecast{padding:7px 9px;border-left:2px solid var(--skill);background:#05151c66;color:#e1dfc7}#upgrades-dialog #evolution-detail .primary{background:var(--skill);color:#112729;min-height:44px;border-radius:5px}#upgrades-dialog #evolution-detail .primary:disabled{background:#284048;color:#aec0c4;opacity:1}
#upgrades-dialog button:focus-visible{outline:2px solid #fff1c8;outline-offset:3px}
@media(max-height:550px){#upgrades-dialog{padding:10px 14px}#upgrades-dialog[open]{gap:7px}#upgrades-dialog .dialog-top{gap:10px}#upgrade-budget{padding:5px 8px;font-size:16px}#upgrades-dialog .evolution-layout{gap:10px;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr)}#upgrades-dialog #evolution-detail{padding:10px;gap:6px}.skill-icon{width:25px;height:25px}#upgrades-dialog .detail-title h3{font-size:22px}#upgrades-dialog #evolution-detail p{font-size:11px;line-height:1.3}#upgrades-dialog .upgrade-forecast{font-size:11px;padding:5px 7px}#upgrades-dialog .tree-requires{gap:4px}#upgrades-dialog .tree-requires>small{display:none}#upgrades-dialog .tree-requires button{min-height:25px;padding:3px 5px;font-size:11px}.skill-state{font-size:11px}#evolution-categories button{min-height:44px}#upgrades-dialog .dialog-top .close{min-width:44px;min-height:44px}#upgrades-dialog #live-event.compact{position:absolute;top:10px;right:145px;bottom:auto;width:150px;margin:0;padding:3px 6px;z-index:4}#upgrades-dialog:has(#live-event:not([hidden])) #evolution-specialize{position:absolute;left:160px;top:10px;width:44px;min-height:44px;font-size:0}#upgrades-dialog:has(#live-event:not([hidden])) #evolution-specialize::after{content:'⟁';font-size:22px}}


@media(max-height:400px){#upgrades-dialog #evolution-detail{padding:8px;gap:4px}#upgrades-dialog #evolution-detail p{font-size:11px;line-height:1.25}#upgrades-dialog .detail-title h3{font-size:20px}#upgrades-dialog .upgrade-forecast{font-size:11px;line-height:1.2;padding:4px 6px}#upgrades-dialog .tree-requires button{min-height:23px}#upgrades-dialog .skill-state{font-size:11px}}

.specialization-choice{font-size:11px;color:var(--skill);line-height:1.3}@media(max-height:550px){.specialization-choice{font-size:11px}}