/* A faithful web adaptation of the Legacy window shown in the game client. */
.professions-page{--profession-gold:#d8b674;--profession-line:#a48a4d55;--profession-copy:#cfc3ab}
.professions-page [hidden]{display:none!important}
.profession-page-heading{padding:28px 0 22px}
.profession-page-heading h1{font:600 clamp(27px,3vw,40px)/1.35 var(--display);color:#efdaa7;margin:7px 0 10px;letter-spacing:0}
.profession-page-heading>div>p:last-child{color:#c6baa2;font-size:14px;line-height:1.8;max-width:80ch}
.profession-page-heading .eyebrow{font-size:9px;letter-spacing:2.4px;color:#bd9e63}
.profession-global-actions{display:flex;justify-content:space-between;align-items:center;gap:13px 24px;flex-wrap:wrap;padding:0 0 22px;margin-bottom:17px}
.profession-global-actions>p{font-size:11px;line-height:1.8;color:#b7a98e}
.profession-global-actions>div{display:flex;flex-wrap:wrap;gap:8px}
.profession-global-actions .button{min-height:44px;font-size:11px;white-space:normal}
.profession-section{margin:0 0 11px;scroll-margin-top:calc(var(--beta-banner-height,58px) + 16px)}

/* Thin bronze frame, recessed title bar and the three circular branch selectors. */
.legacy-planner{position:relative;width:min(100%,1040px);margin:0 auto;padding:4px;border:2px solid #887650;background:#2b2115;box-shadow:0 0 0 1px #100b04,inset 0 0 0 1px #c1ab78,inset 0 0 0 3px #3c2c18,0 12px 34px #0009}
.legacy-window-title{position:relative;height:25px;display:flex;justify-content:center;align-items:center;border:1px solid #4b3b22;border-top-color:#b3945a;background:linear-gradient(#2e2112,#110d08 65%,#271b0d);box-shadow:inset 0 -1px #9d825041}
.legacy-window-title h2{font:500 13px/1.5 var(--display);color:#d4b06a;letter-spacing:.4px;text-shadow:0 1px #000}
.legacy-window-crest{position:absolute;left:-14px;top:-12px;width:47px;height:53px;z-index:2;fill:#55492c;stroke:#ad9667;stroke-width:2;filter:drop-shadow(0 2px 2px #000)}
.legacy-window-crest path:nth-child(2){fill:#786e56;stroke:#29251a}
.legacy-toolbar{min-height:69px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 15px 10px 121px;border:1px solid #0e0c07;border-bottom-color:#645c4c;background:linear-gradient(100deg,#342f28,#292822 80%);box-shadow:inset 0 1px #6b655238,inset 0 -2px #191813}
.legacy-resource{display:flex;align-items:center;gap:9px;position:relative;flex-wrap:wrap;min-width:0;color:#e1dac5}
.legacy-total-marker{position:absolute;left:-34px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:27px;height:35px;border:2px solid #a78d54;border-radius:5px 5px 45% 45%;background:linear-gradient(#373327,#11130f);box-shadow:0 0 0 2px #191710;color:#d4bc7e;font:500 18px/1 var(--display)}
.legacy-total-marker:before{content:'♛';position:absolute;top:-20px;left:0;width:23px;text-align:center;color:#a48750;font-size:25px;line-height:1}
.legacy-resource p{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;background:#0e100dbd;padding:5px 10px;border-radius:4px;font:14px/1.5 Georgia,serif}
.legacy-resource #legacy-remaining,.legacy-resource .legacy-lp{color:#76dc68;font-family:'DM Sans',sans-serif;font-weight:600;font-size:14px}
.legacy-resource small{color:#aa9c7e;font-size:10px;line-height:1.6}
.legacy-search-label{position:relative;display:block;width:215px;max-width:42%;flex:none}
.legacy-search-label svg{position:absolute;left:7px;top:50%;transform:translateY(-50%);width:15px;height:15px;fill:none;stroke:#ac9c7c;stroke-width:1.7;pointer-events:none}
.legacy-search-label input{width:100%;min-width:0;min-height:35px;padding:5px 8px 5px 28px;background:#141512;border:1px solid #74654a;border-radius:4px;box-shadow:inset 0 1px 3px #0009;color:#e0d4ba;font-size:12px}
.legacy-search-label input::placeholder{color:#a8997a}
.legacy-search-label input:disabled{opacity:.7}
.legacy-planning-note{font-size:11px;line-height:1.8;margin:0 0 10px;color:#c2b596}
.legacy-window-body{display:grid;grid-template-columns:145px minmax(0,1fr);background:radial-gradient(ellipse at 47% 45%,#2c22157a,transparent 64%),#211b12;border:1px solid #100d08;border-top:0;box-shadow:inset 0 1px 15px #09070399;min-height:390px}
.legacy-branch-tabs{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;padding:28px 10px;border-right:3px solid #5c5647;box-shadow:inset -2px 0 2px #0008,2px 0 3px #0707038c;background:linear-gradient(90deg,#211b12,#2b261d7a 60%,#17171066)}
.legacy-branch-tabs button{display:block;position:relative;flex:none;width:76px;height:77px;padding:0;border:0;background:transparent;border-radius:50%;isolation:isolate;min-width:44px;min-height:44px;opacity:.8}
.legacy-branch-tabs button>img{display:block;width:100%;height:100%;object-fit:contain;border-radius:48%}
.legacy-branch-tabs button:before{content:'';position:absolute;inset:2px 3px 6px;border:2px solid #6b6558;border-radius:50%;box-shadow:0 2px 5px #000a;z-index:1;pointer-events:none}
.legacy-branch-tabs button[aria-selected='true']{opacity:1}
.legacy-branch-tabs button[aria-selected='true']:before{border-color:#ffff82;box-shadow:0 0 0 2px #fff12a,0 0 8px 3px #faf02aaa,0 0 19px #fff52c82}
.legacy-branch-tabs button:hover{opacity:1}
.legacy-branch-tabs button:disabled{cursor:wait}
#legacy-tree{min-width:0}
.legacy-branch-panel{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:center;min-height:390px;padding:23px 18px;outline-offset:-5px}
.legacy-branch-identity{text-align:center;align-self:center;min-width:0;padding-bottom:7px}
.legacy-branch-identity h3{font:500 18px/1.5 Georgia,serif;color:#e1dac9;margin:0 0 12px;text-shadow:0 2px 2px #000}
.legacy-medallion{position:relative;width:153px;max-width:88%;margin:0 auto}
.legacy-medallion>img{display:block;width:100%;height:auto;border-radius:47%;filter:drop-shadow(0 4px 5px #0008)}
.legacy-branch-count{position:absolute;left:var(--legacy-badge-left,53%);top:var(--legacy-badge-top,89%);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid #797969;border-radius:50%;box-shadow:0 0 0 2px #141711,0 2px 5px #0009;background:#070b07;color:#80e96f;font:400 25px/1 'DM Sans',sans-serif;z-index:2}
.legacy-branch-tabs .legacy-branch-count{width:21px;height:21px;border-width:1px;box-shadow:0 0 0 1px #11170d;font-size:14px}
#legacy-tree .legacy-board-scroll{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;padding:6px 0;scrollbar-color:#8b7045 #171912;scrollbar-width:thin}
#legacy-tree .board.legacy-board{--legacy-cell:80px;--legacy-row:80px;position:relative;display:grid;grid-template-columns:repeat(var(--legacy-columns),var(--legacy-cell));grid-template-rows:repeat(var(--legacy-rows),var(--legacy-row));grid-auto-rows:var(--legacy-row);gap:0;width:calc(var(--legacy-columns)*var(--legacy-cell));padding:0;margin:0}
.legacy-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.legacy-link{stroke:#514b36;stroke-width:3;fill:none;filter:drop-shadow(0 1px 1px #090a05)}
.legacy-link.met,.legacy-link.active{stroke:#a8985a}
.legacy-node-shell{position:relative;display:flex;align-items:center;justify-content:center;z-index:1;min-width:0}
#legacy-tree .legacy-node{width:48px;height:48px;border:2px solid #847960;border-radius:6px;box-shadow:0 0 0 2px #0f100c,0 3px 6px #000b,inset 0 0 2px #ddd0b26b;background:#171710;flex:none;align-self:center;touch-action:pan-x pan-y pinch-zoom}
#legacy-tree .legacy-node img{border-radius:3px;width:44px;height:44px;object-fit:cover;filter:grayscale(.9) brightness(.66)}
#legacy-tree .legacy-node:disabled{opacity:.68}
#legacy-tree .legacy-node.available{border-color:#c5c2a4}
#legacy-tree .legacy-node.available img{filter:saturate(.6) brightness(.85)}
#legacy-tree .legacy-node.invested,#legacy-tree .legacy-node.is-allocated{border-color:#95c477;box-shadow:0 0 0 2px #14180d,0 0 10px #93aa5366}
#legacy-tree .legacy-node.full,#legacy-tree .legacy-node.is-max{border-color:#ead27c;box-shadow:0 0 0 2px #281e0c,0 0 15px #d8a34844}
#legacy-tree .legacy-node.invested img,#legacy-tree .legacy-node.full img,#legacy-tree .legacy-node.is-allocated img,#legacy-tree .legacy-node.is-max img{filter:none}
#legacy-tree .legacy-node[data-allocatable='false']{border-color:#534c3c;background:#1f2018}
#legacy-tree .legacy-node[data-allocatable='false'] img{filter:grayscale(1) brightness(.9)}
#legacy-tree .legacy-node[data-search-match='true'],#legacy-tree .legacy-node.search-match{border-color:#f7d58b;box-shadow:0 0 0 3px #d8b95d66,0 0 16px #eed56d66}
#legacy-tree .legacy-node:hover,#legacy-tree .legacy-node.selected{border-color:#ffdfa5;box-shadow:0 0 0 2px #0b1112,0 0 17px #d8a34855}
#legacy-tree .rank{background:#13170f;border:1px solid #a58e50;border-radius:2px;right:-5px;bottom:-6px;min-width:28px;height:18px;font-size:10px;color:#e2c78e}
#legacy-tree [data-allocatable='false'] .rank{color:#a79f85;border-color:#665d46;background:#17180fe6}
.legacy-bottom-bar{display:flex;justify-content:center;align-items:center;min-height:57px;padding:10px 15px 16px;background:#211b12;border:1px solid #514b36;border-top:0;box-shadow:inset 0 -2px #100b06}
.legacy-bottom-bar .button{min-height:34px;padding:6px 27px;border:1px solid #7d7662;border-radius:2px;box-shadow:inset 0 0 0 2px #161916,inset 0 0 0 3px #8d8b6a22;background:linear-gradient(#4c4b38,#2c2c20);font:12px/1.5 Georgia,serif;color:#dacfae}
.legacy-bottom-bar .button:hover{border-color:#b5a36e;background:linear-gradient(#615a3e,#363020)}
.legacy-planner-footer{max-width:1040px;margin:0 auto;padding:15px 2px;font-size:10px;line-height:1.8;color:#b8a78a}
.legacy-footer-reports{display:flex;justify-content:space-between;align-items:center;gap:18px}
.legacy-footer-reports>p:first-child{max-width:70ch}
.legacy-footer-reports>p:last-child{color:#d3b780;min-width:125px;text-align:right}
.profession-controls-help{justify-content:space-between;margin:0 2px 23px;line-height:1.8}
.profession-state-note{font-size:12px;line-height:1.9;color:#bea882;margin:13px 0 23px;max-width:98ch}

/* Documented bonuses and permanent HTML descriptions remain readable without JS. */
.profession-notebook{position:relative;margin:25px 0 30px;padding:28px 31px;border:7px solid transparent;border-image:url('/assets/ui/frame.svg') 18 stretch;background:linear-gradient(#e8cf91ed,#d4b16ded),url('/assets/ui/parchment.webp') center/cover;color:#4b3417;box-shadow:0 10px 24px #0005;scroll-margin-top:calc(var(--beta-banner-height,58px) + 15px)}
.profession-notebook>header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #96723a5c;padding-bottom:18px;margin-bottom:18px}
.profession-notebook .eyebrow{color:#806030;font-size:8px;letter-spacing:1.7px}
.profession-notebook h2{font:600 24px/1.5 var(--display);color:#4c2e0b;margin-top:6px}
.profession-notebook>header>p{font-size:11px;line-height:1.8;color:#72542b;text-align:right}
.profession-notebook p{font-size:13px;line-height:1.9}
.profession-summary-empty{color:#70572f}
.profession-notebook h3,.profession-notebook h4{font:600 16px/1.5 var(--display);color:#4d310e;margin:0 0 8px}
.profession-notebook ul{padding-left:20px;margin:12px 0}
.profession-notebook li{font-size:13px;line-height:1.9;margin-bottom:10px}
.profession-notebook img{max-width:40px;max-height:40px;vertical-align:middle;margin-right:10px}
.profession-notebook .bonus-entry{border-color:#99743f55}
.profession-notebook .bonus-entry p{color:#584121}
.profession-bonus-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 34px}
.profession-bonus-content>.profession-summary-empty:only-child{grid-column:1/-1}
.profession-bonus-content>ul{list-style:none;padding:0;margin:0;display:contents}
.profession-bonus-content li{border-bottom:1px solid #99743f55;padding-bottom:15px}
.profession-bonus-content .profession-bonus-value{color:#593408;font:600 21px/1.4 var(--display)}
.profession-subheading{margin-bottom:20px}
.profession-subheading h2,.profession-subheading h3{font:600 24px/1.45 var(--display);color:#dfc591;margin:5px 0 10px}
.profession-subheading .eyebrow{font-size:9px;color:#aa915b;letter-spacing:1.7px}
.profession-subheading>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#b9ab8f;max-width:90ch}
.profession-reference{margin-top:31px}
.profession-reference-group{margin:25px 0 34px}
.profession-reference-group>h3{font:500 19px/1.5 var(--display);color:#d9bc80;margin:0 0 15px}
.profession-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;align-items:start}
.profession-reference-entry{border-bottom:1px solid var(--profession-line);min-width:0;scroll-margin-top:calc(var(--beta-banner-height,58px) + 16px)}
.profession-reference-entry summary{display:flex;align-items:center;gap:12px;min-height:68px;list-style:none;cursor:pointer;padding:13px 4px;font:500 14px/1.6 var(--display);color:#d9c69e}
.profession-reference-entry summary::-webkit-details-marker{display:none}
.profession-reference-entry summary:before{content:'+';font:400 21px/1 var(--display);color:#b19b69;min-width:12px}
.profession-reference-entry[open] summary:before{content:'−'}
.profession-reference-entry summary img{flex:none;border:1px solid #8c7445;width:32px;height:32px}
.profession-reference-entry summary small{margin-left:auto;font:10px/1.7 'DM Sans',sans-serif;color:#b4a183;max-width:100px;text-align:right}
.profession-reference-copy{padding:0 5px 22px;font-size:13px;line-height:1.9;color:#c7bda8}
.profession-reference-copy>p{margin-bottom:13px}
.profession-reference-copy ol{padding-left:20px;margin:14px 0}
.profession-reference-copy li{margin-bottom:16px;padding-left:5px}
.profession-reference-copy strong{font-weight:600;color:#d8bf90}
.profession-reference-copy li p{margin:6px 0 0}
.profession-reference-copy .profession-reference-note{font-size:11px;line-height:1.9;color:#af9c7d;margin-top:16px}

.profession-evidence,.profession-videos{margin:48px 0;scroll-margin-top:calc(var(--beta-banner-height,58px) + 16px)}
.profession-capture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.profession-capture{margin:0;min-width:0}
.profession-capture h3{font:500 18px/1.5 var(--display);color:#d6bb83;margin:0 0 14px}
.profession-capture>a{display:block;position:relative;border:1px solid #a1844b88;background:#0e151a;box-shadow:0 7px 20px #0005}
.profession-capture img{width:100%;height:auto;display:block}
.profession-capture>a>span{position:absolute;bottom:9px;right:9px;color:#ecd3a1;background:#11191dea;border:1px solid #a4864b;padding:4px 8px;font-size:10px;line-height:1.8}
.profession-capture figcaption{font-size:12px;line-height:1.9;color:#bcae92;margin-top:12px}
.profession-videos .news-video-copy p{line-height:1.9}
.profession-videos .video-play>img{width:100%;height:100%;object-fit:cover}
.profession-videos .play-caption{font-size:11px}
.profession-next{padding:26px 0;border-top:1px solid var(--profession-line);margin:35px 0}
.profession-next h2{font:600 24px/1.5 var(--display);color:#dbc18c;margin-bottom:18px}
.profession-next nav{display:flex;flex-wrap:wrap;gap:8px 34px}
.profession-next a{display:inline-flex;align-items:center;min-height:44px;color:#c6ae7b;font-size:12px}
.profession-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.professions-page a:focus-visible,.professions-page button:focus-visible,.professions-page summary:focus-visible,.professions-page input:focus-visible,.legacy-board-scroll:focus-visible{outline:2px solid #ffe2a1;outline-offset:5px}
.profession-notebook a:focus-visible,.profession-notebook button:focus-visible{outline-color:#684117}
.professions-page dialog{border:2px solid #a88a4d;border-radius:2px;background:linear-gradient(#29251c,#181811);color:#d5c8ac}
.professions-page dialog .dialog-header h2{font-family:var(--display);color:#e0c58f}
.professions-page dialog textarea{width:100%;resize:vertical;min-height:85px;border-radius:0;border-color:#8d754e77}
.professions-page dialog .icon-button{min-width:44px;min-height:44px}
.professions-page dialog button{white-space:normal}
.professions-page dialog #professions-share-status{min-height:1.6em;margin-top:12px;color:#cfbd93}

@media(max-width:1050px){
 .legacy-toolbar{padding-left:109px}
 .legacy-window-body{grid-template-columns:113px minmax(0,1fr)}
 .legacy-branch-panel{grid-template-columns:210px minmax(0,1fr);padding-inline:12px}
 .legacy-medallion{width:135px}
 #legacy-tree .board.legacy-board{--legacy-cell:73px;--legacy-row:77px}
 .profession-capture-grid{gap:24px}
}
@media(max-width:780px){
 .profession-page-heading{padding:22px 0}.profession-page-heading h1{font-size:30px}.profession-page-heading>div>p:last-child{font-size:13px}
 .profession-global-actions>div{width:100%}.profession-global-actions{margin-bottom:9px}
 .legacy-toolbar{padding-left:66px;gap:12px}.legacy-resource p{font-size:12px;gap:4px}.legacy-resource small{font-size:9px}.legacy-search-label{width:183px;max-width:39%}.legacy-search-label input{font-size:11px}
 .legacy-window-body{grid-template-columns:85px minmax(0,1fr)}.legacy-branch-tabs{gap:22px;padding-inline:6px}.legacy-branch-tabs button{width:60px;height:61px}
 .legacy-branch-panel{grid-template-columns:146px minmax(0,1fr);padding:18px 8px;min-height:352px}.legacy-medallion{width:112px}.legacy-branch-identity h3{font-size:15px;margin-bottom:10px}.legacy-branch-count{width:29px;height:29px;font-size:21px}
 #legacy-tree .board.legacy-board{--legacy-cell:62px;--legacy-row:72px}
 .profession-notebook{padding:23px 24px}.profession-notebook h2{font-size:22px}.profession-reference-grid{gap:0 22px}
}
@media(max-width:620px){
 .profession-page-heading h1{font-size:28px}.profession-page-heading .eyebrow{font-size:8px;letter-spacing:1.8px}
 .profession-global-actions .button{padding:10px 12px;font-size:10px;flex:1 1 auto}.profession-global-actions .button.primary{flex-basis:100%}.profession-global-actions>p{font-size:10px}
 .legacy-planner{padding:3px}.legacy-toolbar{flex-wrap:wrap;padding:13px 14px 11px 46px;gap:9px 14px}.legacy-resource{flex:1 1 auto;gap:6px}.legacy-resource p{padding:3px 6px}.legacy-resource small{font-size:9px}.legacy-search-label{width:100%;max-width:none;margin-left:-28px}.legacy-search-label input{min-height:38px;font-size:12px}
 .legacy-planning-note{font-size:10px;line-height:1.8}
 .legacy-window-body{grid-template-columns:72px minmax(0,1fr);min-height:375px}.legacy-branch-tabs{gap:24px}.legacy-branch-tabs button{width:53px;height:54px}.legacy-branch-tabs .legacy-branch-count{width:18px;height:18px;font-size:12px}
 .legacy-branch-panel{display:flex;flex-direction:column;justify-content:center;gap:9px;min-height:375px;padding:15px 10px 10px}.legacy-branch-identity{display:flex;align-items:center;justify-content:center;gap:15px;padding:0;width:100%}.legacy-branch-identity h3{font-size:16px;margin:0;order:2}.legacy-medallion{width:73px;margin:0;max-width:none;flex:none}.legacy-branch-count{width:21px;height:21px;border-width:1px;box-shadow:0 0 0 1px #16170f;font-size:15px}
 #legacy-tree .legacy-board-scroll{width:100%;padding:5px 0}#legacy-tree .board.legacy-board{--legacy-cell:57px;--legacy-row:63px;margin:0 auto}#legacy-tree .legacy-node{width:44px;height:44px}#legacy-tree .legacy-node img{width:40px;height:40px}#legacy-tree .rank{right:-3px;bottom:-5px;font-size:9px;min-width:26px;height:17px}
 .legacy-bottom-bar{padding:8px 10px 13px;min-height:57px}.legacy-bottom-bar .button{min-height:44px;padding:7px 17px;font-size:12px}
 .legacy-planner-footer{padding:12px 2px;font-size:9px}.legacy-footer-reports{align-items:start;flex-direction:column;gap:7px}.legacy-footer-reports>p:last-child{text-align:left}
 .profession-controls-help{font-size:10px;margin-bottom:18px}.profession-notebook{padding:19px 17px;border-width:6px}.profession-notebook>header{align-items:start;flex-direction:column;gap:10px}.profession-notebook>header>p{text-align:left;font-size:10px}.profession-notebook h2{font-size:21px}.profession-notebook p,.profession-notebook li{font-size:12px}.profession-bonus-content{grid-template-columns:1fr;gap:15px}
 .profession-reference-grid{grid-template-columns:1fr}.profession-reference-entry summary{font-size:13px;gap:10px}.profession-reference-entry summary small{font-size:9px}.profession-reference-copy{font-size:12px}.profession-subheading h2,.profession-subheading h3{font-size:21px}.profession-subheading .eyebrow{font-size:8px}.profession-state-note{font-size:11px}
 .profession-capture-grid{grid-template-columns:1fr;gap:28px}.profession-capture h3{font-size:17px}.profession-capture figcaption{font-size:11px}.profession-next h2{font-size:21px}.profession-next nav{flex-direction:column;gap:2px}.profession-next a{font-size:12px}
}
@media(max-width:390px){
 .legacy-window-body{grid-template-columns:58px minmax(0,1fr)}.legacy-branch-tabs{padding-inline:3px}.legacy-branch-tabs button{width:46px;height:47px}.legacy-branch-panel{padding-inline:5px}.legacy-branch-identity{gap:9px}.legacy-branch-identity h3{font-size:14px}.legacy-medallion{width:67px}
 #legacy-tree .board.legacy-board{--legacy-cell:51px;--legacy-row:63px}
 .legacy-resource p{font-size:11px}.legacy-resource small{display:block}.legacy-resource #legacy-remaining,.legacy-resource .legacy-lp{font-size:12px}.legacy-window-title h2{font-size:12px}
 .profession-page-heading h1{font-size:26px}.profession-notebook{padding:17px 13px}.profession-notebook h2{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.professions-page *,.professions-page *::before,.professions-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#legacy-tree .legacy-node.is-search-miss{opacity:.25}#legacy-tree .legacy-node.is-search-miss:hover,#legacy-tree .legacy-node.is-search-miss:focus-visible{opacity:1}
#legacy-bonus-summary{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:flex-end;max-width:65%}#legacy-bonus-summary:empty{display:none}#legacy-bonus-summary p{font-size:11px;line-height:1.7;color:#694920}#legacy-bonus-summary strong{display:block;font:600 17px/1.5 var(--display);color:#4b2f0e}#legacy-bonus-summary span{display:block;font-size:10px;color:#73562b}
@media(max-width:620px){#legacy-bonus-summary{max-width:none;justify-content:flex-start;gap:12px}#legacy-bonus-summary strong{font-size:15px}}

/* Each source crop has its own badge origin; the live count covers its original zero. */
#legacy-panel-professions,[data-legacy-branch='professions']{--legacy-badge-left:52.75%;--legacy-badge-top:88.6%}
#legacy-panel-adventure,[data-legacy-branch='adventure']{--legacy-badge-left:47.25%;--legacy-badge-top:81%}
#legacy-panel-resourcefulness,[data-legacy-branch='resourcefulness']{--legacy-badge-left:50.55%;--legacy-badge-top:82.1%}
.legacy-medallion>img,.legacy-branch-tabs button>img{clip-path:circle(47% at 50% 47%)}
.legacy-branch-tabs [data-legacy-branch='adventure']:before{inset:1px 7px 10px 1px}
.legacy-branch-tabs [data-legacy-branch='resourcefulness']:before{inset:0 3px 9px}
