.upgrade-intro{font-size:18px;line-height:1.7;max-width:750px;margin:24px 0 36px}.workshop-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:32px}.workshop-picker>label{font-size:12px;font-weight:700;display:block;margin-bottom:10px}.workshop-picker>select{width:100%;padding:12px 8px;border:1px solid #bdb5a5;background:#f6f2e8;color:#30362b;font:inherit;font-size:14px}.workshop-picker nav{margin-top:24px}.workshop-picker h2{font-family:inherit;font-size:10px;letter-spacing:2px;margin:24px 0 10px;color:#767a70}.workshop-picker nav a{display:flex;align-items:center;gap:10px;padding:9px;font-size:13px;border-left:2px solid transparent}.workshop-picker img{object-fit:contain;background:#e8e0d2}.workshop-picker a[aria-current=page]{border-color:#ae4c34;background:#e9dfcc;color:#853b29;font-weight:700}.workshop-main{min-width:0}.upgrade-root{display:flex;align-items:center;gap:22px;background:#2c3228;color:#f4eedf;padding:26px 30px;border:1px solid #2c3228;position:relative}.upgrade-root>img{object-fit:contain;padding:8px;background:#e9dfc9}.upgrade-root h2{font-size:38px;color:#fff4df;margin:8px 0}.upgrade-root p{font-size:13px;opacity:.7}.upgrade-root>a{font-size:12px;margin-left:auto;white-space:nowrap;color:#e2c196}.upgrade-root .eyebrow{color:#d3b592;font-size:10px}.upgrade-branches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding-top:35px;position:relative}.upgrade-branches:before{content:"";position:absolute;top:17px;left:10%;right:10%;height:1px;background:#b8aa92}.upgrade-root:after{content:"";position:absolute;height:18px;width:1px;background:#b8aa92;bottom:-19px;left:50%}.upgrade-branches button{position:relative;display:flex;flex-direction:column;gap:10px;text-align:left;background:#f4eee1;border:1px solid #c6baa4;padding:16px 12px;color:#30362b;cursor:pointer}.upgrade-branches button:before{content:"";position:absolute;width:1px;height:18px;top:-19px;left:50%;background:#b8aa92}.upgrade-branches button[aria-selected=true]{background:#8e402d;border-color:#8e402d;color:#fff8e7}.branch-number{font-size:10px;letter-spacing:1px;opacity:.65}.upgrade-branches strong{font-size:14px}.upgrade-branches small{font-size:11px;opacity:.75}.tree-key{font-size:11px;color:#797d71;line-height:1.6;margin:14px 0 30px;max-width:650px}.upgrade-panel[hidden]{display:none}.branch-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #bdb29f;padding-top:25px;margin-top:10px}.branch-heading h2{font-size:34px;margin:8px 0}.branch-heading p{font-size:14px;color:#72766b}.branch-count{font-size:36px;color:#9b4631;text-align:center}.branch-count small{display:block;letter-spacing:1px;font-size:9px;color:#74796d}.tier-path{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:25px 0 32px}.tier-path>a{background:#eae2d3;border-top:3px solid #9e7950;display:flex;flex-direction:column;padding:15px 12px;gap:12px;min-width:0}.tier-tag{font-size:10px;letter-spacing:1px;color:#89643f}.tier-path strong{font-size:15px;line-height:1.4}.tier-open{font-size:11px;margin-top:auto;color:#9b4631}.effect-path{grid-template-columns:repeat(2,minmax(0,1fr))}.effect-path p{font-size:14px;line-height:1.7}.comparison-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px}.comparison-heading h3{font-size:25px}.comparison-heading label{display:flex;gap:10px;align-items:center;font-size:12px}.comparison-heading select{font:inherit;padding:9px;background:#f6f2e8;border:1px solid #c6baa4}.comparison-help{font-size:12px;line-height:1.7;color:#707569;margin:14px 0}.upgrade-table-scroll{overflow:auto;border:1px solid #c6baa4}.upgrade-table-scroll table{width:100%;border-collapse:collapse;font-size:13px;min-width:620px}.upgrade-table-scroll th,.upgrade-table-scroll td{padding:13px 15px;border-bottom:1px solid #d3c9b6;text-align:left;line-height:1.6;min-width:92px}.upgrade-table-scroll thead{background:#30362b;color:#f4eedf}.upgrade-table-scroll thead a{color:inherit}.upgrade-table-scroll th:first-child{min-width:220px}.upgrade-table-scroll tbody th{font-weight:400;background:#eee7d9}.upgrade-table-scroll td{font-variant-numeric:tabular-nums}.upgrade-table-scroll tr[hidden]{display:none}.rarity{display:block;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#818474}.rarity-uncommon{color:#447348}.rarity-rare{color:#426c90}.rarity-epic{color:#875998}.workshop-guide{display:flex;flex-direction:column;gap:10px;border-top:1px solid #c6baa4;margin-top:35px;padding:24px 0;color:#99402d}.workshop-guide span{font-size:10px;letter-spacing:2px}.workshop-guide strong{font-size:22px;font-family:Georgia,serif}@media(max-width:1200px){.workshop-layout{grid-template-columns:155px minmax(0,1fr);gap:22px}.upgrade-root{padding:20px}.upgrade-root>a{display:none}.tier-path{grid-template-columns:repeat(3,minmax(0,1fr))}.effect-path{grid-template-columns:repeat(2,minmax(0,1fr))}.upgrade-branches{gap:5px}.upgrade-branches button{padding:13px 8px}.upgrade-branches strong{font-size:12px}}@media(max-width:700px){.workshop-layout{grid-template-columns:1fr;gap:20px}.workshop-picker nav{display:none}.upgrade-intro{font-size:16px;margin:20px 0 24px}.upgrade-root{padding:19px 16px;gap:16px}.upgrade-root>img{width:70px;height:70px}.upgrade-root h2{font-size:32px}.upgrade-root p{font-size:11px}.upgrade-root .eyebrow{font-size:9px}.upgrade-branches{overflow-x:auto;grid-template-columns:repeat(5,112px);padding-bottom:8px}.upgrade-branches:before{left:56px;right:auto;width:468px}.upgrade-branches strong{font-size:13px}.tree-key{margin-bottom:22px}.branch-heading h2{font-size:29px}.tier-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tier-path strong{font-size:14px}.comparison-heading{align-items:flex-start;flex-direction:column}.effect-path{grid-template-columns:1fr}.upgrade-table-scroll th,.upgrade-table-scroll td{padding:11px}.branch-count{font-size:30px}}.upgrade-root p{color:#e9dfcb;opacity:1}.upgrade-table-scroll thead th{color:#f4eedf}@media(max-width:700px){.page:has(.workshop-layout) .title-row h1{font-size:32px}.upgrade-branches button{gap:6px;padding:11px 9px}.upgrade-branches .branch-number{display:none}.tier-path:not(.effect-path){display:flex;overflow-x:auto;padding-bottom:10px}.tier-path:not(.effect-path)>a{flex:0 0 130px}.upgrade-intro{margin:16px 0 20px}}
