body #hub-dialog[data-tab=ranks][open] #hub-content:has(>.path-road){display:block!important;overflow:hidden!important;min-height:0!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road{height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:40px minmax(130px,.45fr) minmax(0,1fr)!important;gap:12px!important;color:#fff0cf!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-toolbar{display:flex!important;align-items:stretch!important;gap:10px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-chapters{display:flex!important;gap:6px!important;flex:1!important;min-width:0!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-toolbar button{min-height:0!important;padding:6px 12px!important;border:1px solid #aa8cb8!important;border-bottom:3px solid #4c315d!important;border-radius:12px!important;background:linear-gradient(#604574,#34233f)!important;color:#ecd9b3!important;font-size:13px!important;line-height:1.2!important;box-shadow:none!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-chapters button{flex:1!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-toolbar button[aria-pressed=true]{background:linear-gradient(110deg,#f4d99a,#c1a061)!important;color:#332039!important;border-color:#ffe7af!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-track{position:relative!important;display:flex!important;align-items:center!important;gap:22px!important;overflow-x:auto!important;overflow-y:hidden!important;min-height:0!important;padding:8px 30px!important;scrollbar-width:thin!important;scrollbar-color:#d2ad6d #291b38!important;background:linear-gradient(transparent 48%,#be975c 49%,#be975c 51%,transparent 52%),radial-gradient(ellipse at center,#75528d35,transparent 75%)!important;overscroll-behavior:contain!important;touch-action:pan-x!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-stop{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;flex:0 0 130px!important;min-width:130px!important;gap:3px!important;min-height:0!important;height:100%!important;padding:3px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#d9c7e6!important;text-align:center!important;transform:none!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-stop[hidden]{display:none!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-crest{display:flex!important;align-items:center!important;justify-content:center!important;width:66px!important;height:66px!important;flex-shrink:0!important;border:1px solid #9f7fb0!important;border-radius:50%!important;background:radial-gradient(#594069,#27182e)!important;box-shadow:0 0 0 5px #21172c!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-crest img{width:58px!important;height:58px!important;object-fit:contain!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-stop[aria-pressed=true] .path-crest{border:2px solid #ffe2a1!important;box-shadow:0 0 0 5px #21172c,0 0 22px #e8bd6e66!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-stop.is-ready .path-crest{border-color:#ffe9a9!important;box-shadow:0 0 16px #efd88866!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-rating{font-size:12px!important;line-height:16px!important;color:#e5c687!important;background:#24192f!important;padding:0 6px!important;border-radius:6px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-name{font-size:13px!important;line-height:16px!important;white-space:normal!important;max-width:130px!important;background:#261c34!important;padding:0 3px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-state{font-size:10px!important;line-height:12px!important;min-height:12px!important;color:#e7c88e!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-treasure{font-size:32px!important;color:#f5d493!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-panel{display:grid!important;grid-template-columns:minmax(180px,.7fr) minmax(0,2fr)!important;min-height:0!important;overflow:hidden!important;border:1px solid #b692c5!important;border-bottom:4px solid #6c487d!important;border-radius:18px!important;background:radial-gradient(ellipse at top left,#70518a44,transparent 65%),#2b2037!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-summary{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:14px!important;text-align:center!important;border-right:1px solid #b69a7033!important;min-height:0!important;overflow:auto!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-eyebrow{font-size:9px!important;letter-spacing:1.4px!important;color:#e3c58d!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-selected-art img{width:66px!important;height:66px!important;object-fit:contain!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-summary h2{font-size:20px!important;line-height:1.1!important;margin:0!important;color:#ffe8ae!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-summary strong{font-size:13px!important;color:#ddc29a!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-summary p{font-size:12px!important;line-height:1.3!important;margin:0!important;color:#c8b5d5!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-rewards{display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;min-height:0!important;padding:12px!important;gap:8px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot{min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin!important;scrollbar-color:#b391ce #2b2037!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot>.atlas-loot{display:block!important;padding:0!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .rank-keepsake{text-align:center!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .rank-keepsake img{width:70px!important;height:70px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .atlas-loot:has(.atlas-gift)>.rank-keepsake{display:none!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .atlas-gift{display:flex!important;flex-direction:column!important;gap:8px!important;padding:8px 0!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .atlas-currency{display:flex!important;gap:8px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .reward-currency{display:flex!important;align-items:center!important;gap:8px!important;flex:1!important;min-width:0!important;padding:8px!important;background:#21182c!important;border:1px solid #b0966355!important;border-radius:10px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .reward-currency svg{width:28px!important;height:28px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .reward-currency span{display:flex!important;flex-direction:column!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .reward-currency b{font-size:20px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .reward-currency small{font-size:11px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .atlas-chest{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;border-radius:10px!important;background:#d6b98b16!important;padding:6px!important;font-size:13px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .atlas-chest img{width:50px!important;height:42px!important;object-fit:contain!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border-top:1px solid #b39a7433!important;padding-top:5px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-hint{font-size:10px!important;color:#c7b0d1!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-claim-button{background:linear-gradient(#ffe7ac,#c9a46a)!important;color:#36253a!important;border:1px solid #ffe9b6!important;border-bottom:3px solid #846038!important;border-radius:10px!important;padding:8px 16px!important;font-weight:bold!important;font-size:14px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .mastery-prize header{text-align:center!important;padding:2px 0 8px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .mastery-prize header h3{font-size:18px!important;margin:3px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .mastery-prize header small{font-size:9px!important;letter-spacing:1px!important;color:#dac084!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .mastery-prize header p{font-size:11px!important;margin:2px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-stop:focus-visible{outline:2px solid #ffe5a3!important;outline-offset:-2px!important}
@media(max-height:500px){body #hub-dialog[data-tab=ranks][open] #hub-content .path-road{grid-template-rows:30px 98px minmax(0,1fr)!important;gap:5px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-crest{width:40px!important;height:40px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-crest img{width:36px!important;height:36px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-name{font-size:11px!important;line-height:12px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-stop{flex-basis:115px!important;min-width:115px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-track{gap:15px!important;padding:4px 16px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-selected-art{display:none!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-summary{padding:6px!important;gap:4px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-summary h2{font-size:15px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-rewards{padding:5px 8px!important;gap:3px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .mastery-prize header{display:none!important}}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot>.atlas-loot{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-legacy-note{font-size:11px!important;color:#d2bfdc!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-legacy-seal{width:48px!important;height:48px!important;object-fit:contain!important}
/* A reward-led showcase; gold is reserved for the two chapter finales. */
body #hub-dialog[data-tab=ranks] .path-reward-title{font-size:22px!important;color:#ffe8ad!important;margin:0 0 12px!important;text-align:center}
body #hub-dialog[data-tab=ranks] .path-panel.is-grand{border-color:#e2bc67!important;background:radial-gradient(ellipse at top right,#74533555,transparent 65%),#32223f!important;box-shadow:inset 0 0 24px #e9bd6415}
body #hub-dialog[data-tab=ranks] .path-reward-progress{width:100%;height:10px;accent-color:#e7c47f}
body #hub-dialog[data-tab=ranks] .path-next-prize{display:block;margin:20px auto 0;padding:12px 20px;border:1px solid #cfb37c;border-radius:12px;background:#55406c;color:#ffe9ba}
@media(max-height:500px){body #hub-dialog[data-tab=ranks] .path-reward-title{font-size:16px!important;margin-bottom:6px!important}}

/* Quiet, illustrated reward gallery. Amounts and artwork lead; supporting copy is minimal. */
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road{grid-template-rows:44px 135px minmax(0,1fr)!important;gap:14px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-toolbar button{font-size:16px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-name,body #hub-dialog[data-tab=ranks][open] #hub-content .path-rating{font-size:14px!important;line-height:18px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-panel{background:radial-gradient(ellipse at 15% 40%,#80629444,transparent 50%),linear-gradient(135deg,#392748,#241c34)!important;border:1px solid #c5a571!important;border-bottom:4px solid #735477!important;border-radius:24px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-summary{gap:12px!important;background:radial-gradient(ellipse at center,#bda0d018,transparent 65%)}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-selected-art{display:grid!important;place-items:center;width:120px;height:120px;border:1px solid #e7c48955;border-radius:50%;background:radial-gradient(#86659466,#261a3588);box-shadow:0 0 32px #a880ce25,inset 0 0 25px #d9ba8512}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-selected-art img{width:94px!important;height:94px!important;filter:drop-shadow(0 4px 10px #0006)}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-summary h2{font-size:26px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-summary strong,body #hub-dialog[data-tab=ranks][open] #hub-content .path-summary p{font-size:16px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-rewards{padding:20px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-reward-title{font-size:24px!important;margin-bottom:18px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .mastery-prize-art{height:132px!important;filter:drop-shadow(0 8px 12px #0005)}
body #hub-dialog[data-tab=ranks][open] #hub-content .mastery-prize-card{padding:16px 10px!important;gap:8px!important;border-radius:18px!important;background:radial-gradient(ellipse at 50% 30%,#8b66a950,transparent 70%),#261c35!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .mastery-prize-card:has(input:checked){border-color:#ffe1a0!important;box-shadow:inset 0 0 25px #f5c86d22,0 0 14px #f5c86d15!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .mastery-prize-card:has(input:checked):after{content:'✓';position:absolute;right:10px;top:8px;color:#ffe3a1;font-size:21px}
body #hub-dialog[data-tab=ranks][open] #hub-content .mastery-prize-card strong{font-size:17px!important;line-height:1.2!important;text-align:center}
body #hub-dialog[data-tab=ranks][open] #hub-content .mastery-prize-card small{font-size:14px!important;color:#dcc3e8!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .reward-currency{justify-content:center!important;padding:16px!important;background:linear-gradient(120deg,#58436755,#231a31)!important;border-radius:16px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .reward-currency small{display:none!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .reward-currency b{font-size:28px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .reward-currency svg{width:38px!important;height:38px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .atlas-chest{padding:16px!important;font-size:19px!important;border:1px solid #d2b17c33;background:radial-gradient(ellipse at center,#ba945735,transparent 80%)!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .atlas-chest img{width:100px!important;height:85px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-footer:has(.path-claim:empty) .path-hint:empty{display:none}
@media(max-height:500px){
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road{grid-template-rows:36px 100px minmax(0,1fr)!important;gap:6px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-selected-art{width:64px;height:64px}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-selected-art img{width:52px!important;height:52px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-summary{gap:6px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-summary h2{font-size:20px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-summary strong,body #hub-dialog[data-tab=ranks][open] #hub-content .path-summary p{font-size:14px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-rewards{padding:10px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-reward-title{font-size:20px!important;margin-bottom:10px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .mastery-prize-art{height:88px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .mastery-prize-card{padding:10px 8px!important}
}

/* Each selected reward bundle fits in its panel; only the rank track scrolls. */
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot{display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:8px!important;overflow:hidden!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-reward-title{grid-row:1;margin:0!important;font-size:22px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot>.atlas-loot{grid-row:2;display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;gap:8px!important;min-height:0!important;height:100%!important;overflow:hidden!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot>.atlas-loot:not(:has(.mastery-prize,.mastery-fixed-prize)){grid-template-rows:minmax(0,1fr)!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .mastery-prize,body #hub-dialog[data-tab=ranks][open] #hub-content .mastery-prize-grid{height:100%!important;min-height:0!important;margin:0!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .mastery-prize-card{display:grid!important;grid-template-rows:minmax(0,1fr) auto auto!important;justify-items:center!important;min-height:0!important;padding:8px!important;gap:3px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .mastery-prize-art{height:100%!important;min-height:0!important;width:100%!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .atlas-gift{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:8px!important;padding:0!important;min-height:0!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .atlas-currency{flex:1!important;min-width:0!important;gap:8px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .reward-currency{padding:8px!important;gap:6px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .reward-currency b{font-size:24px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .atlas-chest{flex:1!important;min-width:0!important;padding:6px!important;font-size:16px!important;gap:8px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .atlas-chest img{width:56px!important;height:48px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-footer:has(.path-claim:empty){display:none!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-rewards:has(.path-claim:empty){grid-template-rows:minmax(0,1fr)!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-summary{overflow:hidden!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-selected-art{flex-shrink:1;min-height:0;max-height:35%}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-selected-art img{height:100%!important;max-width:100%}
body #hub-dialog[data-tab=ranks][open] #hub-content .mastery-fixed-prize{min-height:0!important;overflow:hidden;justify-content:center}
body #hub-dialog[data-tab=ranks][open] #hub-content .mastery-fixed-prize :is(img,svg){height:100%!important;max-height:110px;width:90px!important}
@media(max-height:500px){
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road{grid-template-rows:32px 76px minmax(0,1fr)!important;gap:5px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-track{padding:2px 12px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-crest{width:32px!important;height:32px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-crest img{width:28px!important;height:28px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-rewards{padding:8px!important;gap:4px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot{gap:4px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-reward-title{font-size:18px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot>.atlas-loot{gap:4px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .mastery-prize-card{padding:4px 6px!important;gap:2px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .mastery-prize-card strong{font-size:14px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .mastery-prize-card small{font-size:12px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .reward-currency{padding:4px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .reward-currency b{font-size:20px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .reward-currency svg{width:24px!important;height:24px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .atlas-chest{padding:3px!important;font-size:14px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .atlas-chest img{width:40px!important;height:32px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-summary{gap:4px!important}
}

body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-panel .path-loot>.atlas-loot{grid-area:2 / 1 / 3 / 2!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;align-content:stretch!important;width:100%!important;height:100%!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-panel .path-loot>.path-reward-title{grid-area:1 / 1 / 2 / 2!important}

body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-panel .path-loot:not(:has(>.path-reward-title)){grid-template-rows:minmax(0,1fr) auto!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-panel .path-loot:not(:has(>.path-reward-title))>.atlas-loot{grid-area:1 / 1 / 2 / 2!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .rank-keepsake{min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot .rank-keepsake :is(p,small){display:none!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-next-prize{margin:0!important;padding:8px!important}

/* Larger academy rank plaques and illustrated treasure tiles. */
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road{grid-template-rows:48px minmax(165px,.65fr) minmax(0,1fr)!important;gap:12px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-track{gap:18px!important;padding:12px 24px!important;border:1px solid #bda06b88!important;border-radius:20px!important;background:linear-gradient(transparent 49%,#b9975966 49%,#b9975966 51%,transparent 51%),radial-gradient(ellipse at top,#82639244,transparent 65%),#241c34!important;box-shadow:inset 0 0 0 5px #d4b87708,inset 0 0 40px #110d2088!important;outline:none}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-track:focus-visible{outline:2px solid #f2d69d;outline-offset:2px}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-stop{flex:0 0 168px!important;min-width:168px!important;padding:8px 12px!important;gap:7px!important;border:1px solid #a489b455!important;border-radius:16px!important;background:linear-gradient(145deg,#60437366,#251a35ee)!important;box-shadow:inset 0 0 0 4px #d0b48808!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-stop[aria-pressed=true]{border-color:#f0d092!important;background:radial-gradient(ellipse at center,#a88a4d44,transparent),linear-gradient(145deg,#665074,#30243c)!important;box-shadow:inset 0 0 0 3px #efd19420,0 0 18px #c3a06525!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-rating{font-size:17px!important;line-height:21px!important;background:none!important;letter-spacing:.5px}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-name{font-size:16px!important;line-height:19px!important;max-width:160px!important;background:none!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-crest{width:86px!important;height:86px!important;border-radius:18px!important;transform:rotate(0deg);background:radial-gradient(#8f6fb244,#20162dee)!important;box-shadow:inset 0 0 0 4px #dbc39312,0 4px 12px #0005!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-crest img{width:76px!important;height:76px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-stop[aria-pressed=true] .path-crest{box-shadow:inset 0 0 0 4px #ebcb8920,0 0 18px #e8bd6e44!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-treasure{font-size:52px!important;text-shadow:0 0 18px #ecca7f88}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot>.atlas-loot:not(:has(.mastery-prize,.mastery-fixed-prize)) .atlas-gift{gap:12px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot>.atlas-loot:not(:has(.mastery-prize,.mastery-fixed-prize)) .reward-currency{flex-direction:column!important;gap:12px!important;background:radial-gradient(ellipse at 50% 35%,#9e7f5833,transparent 75%),linear-gradient(#49375288,#24192f)!important;border-color:#bca17566!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot>.atlas-loot:where(:not(:has(.mastery-prize,.mastery-fixed-prize))) .reward-currency svg.reward-icon{width:clamp(44px,8vh,88px)!important;height:clamp(44px,8vh,88px)!important;filter:drop-shadow(0 5px 12px #f3c56633);flex-shrink:1!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot>.atlas-loot:where(:not(:has(.mastery-prize,.mastery-fixed-prize))) .reward-currency b.reward-amount{font-size:32px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot>.atlas-loot:not(:has(.mastery-prize,.mastery-fixed-prize)) .atlas-chest{flex-direction:column!important;gap:10px!important;background:radial-gradient(ellipse at center,#bc946140,transparent 70%),linear-gradient(#59436277,#21172e)!important;border-color:#d8b87988!important;border-radius:18px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot>.atlas-loot:where(:not(:has(.mastery-prize,.mastery-fixed-prize))) .atlas-chest img.atlas-chest-art{width:clamp(90px,16vh,160px)!important;height:clamp(60px,12vh,115px)!important;filter:drop-shadow(0 0 16px #c9a3f344);flex-shrink:1!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-reward-progress{appearance:none;border:1px solid #c5a77555;border-radius:8px;background:#1f182b;overflow:hidden;height:9px}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-reward-progress::-webkit-progress-bar{background:#1f182b;border-radius:8px}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-reward-progress::-webkit-progress-value{background:linear-gradient(90deg,#b697d4,#f2d596);border-radius:8px}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-reward-progress::-moz-progress-bar{background:linear-gradient(90deg,#b697d4,#f2d596);border-radius:8px}
@media(max-height:500px){
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road{grid-template-rows:32px 112px minmax(0,1fr)!important;gap:6px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-track{padding:6px 12px!important;gap:12px!important;border-radius:14px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-stop{flex-basis:138px!important;min-width:138px!important;padding:4px 8px!important;gap:3px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-crest{width:48px!important;height:48px!important;border-radius:12px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-crest img{width:44px!important;height:44px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-rating{font-size:15px!important;line-height:17px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-name{font-size:14px!important;line-height:16px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-treasure{font-size:36px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-summary .path-selected-art{display:none!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot>.atlas-loot:not(:has(.mastery-prize,.mastery-fixed-prize)) .reward-currency{gap:4px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot>.atlas-loot:where(:not(:has(.mastery-prize,.mastery-fixed-prize))) .reward-currency svg.reward-icon{width:36px!important;height:36px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot>.atlas-loot:where(:not(:has(.mastery-prize,.mastery-fixed-prize))) .reward-currency b.reward-amount{font-size:24px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot>.atlas-loot:not(:has(.mastery-prize,.mastery-fixed-prize)) .atlas-chest{gap:4px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-loot>.atlas-loot:where(:not(:has(.mastery-prize,.mastery-fixed-prize))) .atlas-chest img.atlas-chest-art{width:86px!important;height:55px!important}
}

body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-loot .atlas-chest img,body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-loot .reward-currency svg{max-width:none!important;max-height:none!important}

body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-loot .reward-currency svg{flex-basis:auto!important}

/* Small engraved corners and raised plaque shadows, without additional labels. */
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-stop{isolation:isolate;box-shadow:0 5px 0 #171020,0 9px 12px #08061088,inset 0 1px 0 #dec4f12b,inset 0 0 0 4px #d0b48808!important;transition:border-color .16s,box-shadow .16s}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-stop::before{content:'';position:absolute;inset:7px;pointer-events:none;border-radius:9px;background:linear-gradient(#c9ad7866,#c9ad7866) left top/15px 1px no-repeat,linear-gradient(#c9ad7866,#c9ad7866) left top/1px 15px no-repeat,linear-gradient(#c9ad7866,#c9ad7866) right top/15px 1px no-repeat,linear-gradient(#c9ad7866,#c9ad7866) right top/1px 15px no-repeat,linear-gradient(#c9ad7844,#c9ad7844) left bottom/10px 1px no-repeat,linear-gradient(#c9ad7844,#c9ad7844) right bottom/10px 1px no-repeat}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-stop[aria-pressed=true]{box-shadow:0 5px 0 #3b2947,0 10px 16px #08061099,0 0 24px #e7c27830,inset 0 1px 0 #fff0c577,inset 0 0 0 3px #efd19420!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-stop[aria-pressed=true]::before{filter:brightness(1.7)}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-crest{position:relative}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-crest::after{content:'';position:absolute;inset:5px;border:1px solid #f3dba51b;border-radius:12px;pointer-events:none}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-stop[aria-pressed=true] .path-crest::after{border-color:#f3dba55a}
@media(hover:hover){body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-stop:hover{border-color:#dcc399!important;box-shadow:0 5px 0 #26182f,0 9px 14px #08061099,inset 0 1px 0 #f5d9a344,0 0 15px #bea0d41c!important}}
@media(prefers-reduced-motion:reduce){body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-stop{transition:none}}

/* Circular rank medallions on one continuous chapter track. */
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-stop,body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-stop:hover,body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-stop[aria-pressed=true]{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-stop::before{display:none}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-crest{border-radius:50%!important;box-shadow:0 5px 0 #171020,0 10px 16px #09061299,inset 0 0 0 5px #d7bd9012!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-crest::after{border-radius:50%!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-stop[aria-pressed=true] .path-crest{box-shadow:0 5px 0 #35233e,0 10px 16px #09061299,0 0 24px #eccb8455,inset 0 0 0 5px #eed09422!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-stop:hover .path-crest{border-color:#e6cb96!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-chapter-divider{flex:0 0 205px;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:#f1d697;border-left:1px solid #caac6c88;border-right:1px solid #caac6c88;background:radial-gradient(ellipse at center,#b5985444,transparent 75%),#281e35;font-size:16px;position:relative}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-chapter-divider strong{font-size:21px;color:#ffe3a3}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-chapter-rune{font-size:42px;text-shadow:0 0 16px #f2cc7566}
@media(max-height:500px){body #hub-dialog[data-tab=ranks][open] #hub-content .path-chapter-divider{flex-basis:170px;gap:4px;font-size:14px}body #hub-dialog[data-tab=ranks][open] #hub-content .path-chapter-divider strong{font-size:18px}body #hub-dialog[data-tab=ranks][open] #hub-content .path-chapter-rune{font-size:27px}}

body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-crest{width:100px!important;height:100px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-crest img{width:88px!important;height:88px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-crest>.menu-hover-sheen{border-radius:50%!important;clip-path:circle(50%)}
@media(max-height:500px){body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-crest{width:58px!important;height:58px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-crest img{width:52px!important;height:52px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road{grid-template-rows:32px 122px minmax(0,1fr)!important}}

/* Chapter II carries Mythweaver-like jewel gradients with a distinct palette per rank. */
body #hub-dialog[data-tab=ranks] .path-stop[data-mastery="4500"]{--rank-edge:#c7a2ff;--rank-glow:#7c54b855}
body #hub-dialog[data-tab=ranks] .path-stop[data-mastery="5000"]{--rank-edge:#8cdfee;--rank-glow:#358cad55}
body #hub-dialog[data-tab=ranks] .path-stop[data-mastery="5500"]{--rank-edge:#eeb1b8;--rank-glow:#b46b7955}
body #hub-dialog[data-tab=ranks] .path-stop[data-mastery="6000"]{--rank-edge:#a5dddc;--rank-glow:#548cba55}
body #hub-dialog[data-tab=ranks] .path-stop[data-mastery="6500"]{--rank-edge:#e9b0e5;--rank-glow:#9b51b555}
body #hub-dialog[data-tab=ranks] .path-stop[data-mastery="7000"]{--rank-edge:#ead393;--rank-glow:#b5925255}
body #hub-dialog[data-tab=ranks] .path-stop[data-mastery="7500"]{--rank-edge:#efd3ed;--rank-glow:#a37ea955}
body #hub-dialog[data-tab=ranks] .path-stop[data-mastery="8000"]{--rank-edge:#ffe6ad;--rank-glow:#b6a2df66}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-stop[data-mastery] .path-crest{border-color:var(--rank-edge,#9f7fb0)!important;background:radial-gradient(ellipse at 35% 25%,var(--rank-glow,#8f6fb244),#20162dee 80%)!important;box-shadow:0 5px 0 #171020,0 10px 16px #09061299,0 0 18px var(--rank-glow,transparent),inset 0 0 0 5px #d7bd9012!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-stop[data-mastery][aria-pressed=true] .path-crest{border-color:#ffe2a1!important;box-shadow:0 5px 0 #35233e,0 10px 16px #09061299,0 0 24px #eccb8455,inset 0 0 0 5px #eed09422!important}

/* Reserved early colors, with richer finishes earned later. */
body #hub-dialog[data-tab=ranks] .path-stop[data-mastery="4500"]{--rank-edge:#96bea6;--rank-glow:transparent}
body #hub-dialog[data-tab=ranks] .path-stop[data-mastery="5000"]{--rank-edge:#d6a171;--rank-glow:transparent}
body #hub-dialog[data-tab=ranks] .path-stop[data-mastery="5500"]{--rank-edge:#8eb9df;--rank-glow:transparent}
body #hub-dialog[data-tab=ranks] .path-stop[data-mastery="6000"]{--rank-edge:#b7e7f3;--rank-glow:#397b9b44}
body #hub-dialog[data-tab=ranks] .path-stop[data-mastery="6500"]{--rank-edge:#edb4d4;--rank-glow:#9b427644}
body #hub-dialog[data-tab=ranks] .path-stop[data-mastery="7000"]{--rank-edge:#ffe19a;--rank-glow:#a77a3244}
body #hub-dialog[data-tab=ranks] .path-stop[data-mastery="7500"]{--rank-edge:#edf0f5;--rank-glow:#93758244}
body #hub-dialog[data-tab=ranks] .path-stop[data-mastery="8000"]{--rank-edge:#fff0bc;--rank-glow:#668c9f44}

/* Badge-specific light replaces generic circular menu effects. */
body #hub-dialog[data-tab=ranks] .path-stop[data-mastery="7500"]{--rank-edge:#fbd2ed;--rank-glow:#b14e9666}
body #hub-dialog[data-tab=ranks] .path-crest>.menu-hover-sheen{display:none!important}

/* Quiet gilded engravings: static artwork, no animation or input interception. */
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road :is(.path-panel,.path-summary,.reward-currency,.atlas-chest){position:relative;isolation:isolate}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road :is(.path-panel,.reward-currency,.atlas-chest)::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:url('art/academy-rune-border.svg') center/100% 100% no-repeat}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-panel::before{background:url('art/academy-gold-runes.svg') right center/auto 100% no-repeat;opacity:.8}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-summary::before{content:'';position:absolute;inset:8px;border-radius:14px;pointer-events:none;z-index:-1;background:url('art/academy-gold-runes.svg') center/auto 100% no-repeat;opacity:.85}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road .path-track{background:url('art/academy-rune-border.svg') left center/460px 100% repeat-x,linear-gradient(transparent 49%,#b9975966 49%,#b9975966 51%,transparent 51%),radial-gradient(ellipse at top,#82639244,transparent 65%),#241c34!important}