/* Landscape expedition: scenery is native SVG; account/reward controls remain DOM. */
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road{
 display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;grid-template-rows:76px minmax(0,1fr) 46px!important;gap:12px!important;position:relative;isolation:isolate;
}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome{grid-column:1/-1;grid-row:1;padding:0 8px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome h2{font:700 30px Georgia,serif!important;color:#f6e5b9!important;text-shadow:0 3px 0 #1d112c}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-track{
 grid-column:1;grid-row:2!important;display:flex!important;align-items:center!important;gap:12px!important;padding:16px calc(50% - 140px)!important;padding-inline:calc((100% - 280px)/2)!important;
 border:1px solid #8c729a66!important;border-radius:26px!important;box-shadow:inset 0 0 70px #0e0b2388,0 5px 0 #160e2599!important;
 background:radial-gradient(ellipse at 45% 105%,#9181b455,transparent 55%),radial-gradient(circle at 70% 14%,#dbcab015 0 36px,transparent 37px),radial-gradient(circle at 15% 25%,#edd2a544 0 1px,transparent 2px),radial-gradient(circle at 60% 65%,#cfb8e044 0 1px,transparent 2px),linear-gradient(160deg,#292840,#382c4e 55%,#1a1930)!important;
 background-size:auto,auto,121px 91px,157px 117px,auto!important;scroll-snap-type:x proximity!important;cursor:grab;user-select:none;scrollbar-width:thin!important;scrollbar-color:#b39767 #21162d!important;touch-action:pan-x!important;
}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-track.is-dragging{cursor:grabbing;scroll-snap-type:none!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-stop{
 position:relative!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;flex:0 0 280px!important;min-width:280px!important;height:100%!important;max-height:430px!important;padding:12px 6px!important;gap:5px!important;scroll-snap-align:center!important;border-radius:20px!important;overflow:visible!important;opacity:.78;transition:opacity .2s,background .2s;
}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-stop::before{content:'';position:absolute;left:75%;top:54%;width:60%;height:35px;border-top:2px dashed #c1a87666;border-radius:50%;pointer-events:none;z-index:-1;transform:rotate(-8deg)}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-stop:last-child::before{display:none}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-stop[aria-pressed=true]{opacity:1;background:radial-gradient(ellipse at 50% 58%,#d4b97619,transparent 65%)!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-stop:hover{opacity:1}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-stop:focus-visible{outline:2px solid #edd2a5!important;outline-offset:-3px}
.island-stage{position:relative;display:block;width:100%;height:250px;flex:0 1 250px;min-height:110px;filter:drop-shadow(0 12px 12px #0b09265e)}
.island-terrain{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-crest{
 position:absolute!important;left:50%!important;top:20%!important;transform:translate(-50%,-35%)!important;width:58px!important;height:58px!important;min-height:0!important;padding:5px!important;border:1px solid #edd092!important;background:linear-gradient(#6a5289,#352747)!important;box-shadow:0 4px 0 #20182e,0 0 25px #e8c88f33!important;border-radius:16px!important;overflow:hidden!important;box-sizing:border-box!important;
}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-crest img,body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-crest svg{width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important;object-fit:contain!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-crest.path-reward-medallion{width:80px!important;height:80px!important;top:25%!important;border-radius:20px!important;background:radial-gradient(#8c6b9f,#372547)!important;border:2px solid #e4c98b!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-rating{font-size:12px!important;line-height:18px!important;padding:4px 14px!important;border-radius:8px!important;border:1px solid #a7896477!important;background:#291d3ae6!important;color:#dec798!important;letter-spacing:.05em}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-name{font:bold 23px/1.2 Georgia,serif!important;white-space:normal!important;max-width:260px!important;padding:2px 6px!important;color:#fff0c9!important;background:none!important;text-shadow:0 3px 0 #24152e!important;overflow:visible!important}
.island-state{color:#bca7d0;font:bold 10px/16px system-ui;letter-spacing:.15em;min-height:22px;padding:3px 12px;box-sizing:border-box;border:1px solid transparent;border-radius:20px}
.is-current .island-state{background:#edd2a5;color:#493350;border-color:#edd2a5;box-shadow:0 3px 0 #493350}.is-ready:not(.is-current) .island-state{background:#edcf8d;color:#39263f}.is-reached:not(.is-current):not(.is-ready) .island-state{color:#edd2a5}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-panel{
 grid-column:2!important;grid-row:2/4!important;display:flex!important;flex-direction:column!important;min-height:0!important;gap:0!important;background:radial-gradient(ellipse at 50% 0,#74518755,transparent 60%),linear-gradient(#372541,#21182f)!important;border:1px solid #ad8caa!important;border-bottom:5px solid #150d21!important;border-radius:23px!important;box-shadow:0 8px 22px #0b071c66!important;
}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary{flex:0 0 auto!important;width:auto!important;display:flex!important;flex-direction:column!important;border-right:0!important;border-bottom:1px solid #bca07044!important;padding:12px!important;gap:4px!important;background:none!important;overflow:hidden!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary::before{opacity:.3}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary .path-selected-art{display:grid!important;width:94px!important;height:76px!important;flex:0 0 76px!important;max-height:76px!important;min-height:0!important;overflow:hidden!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary h2{font-size:24px!important;line-height:1.1!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary :is(strong,p){font-size:12px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-rewards{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:10px 14px!important;gap:8px!important;overflow:hidden!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-loot{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;text-align:center!important;padding:0!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-loot>p{font-size:12px!important;line-height:1.5!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-reward-title{font-size:17px!important;margin:4px 0 12px!important;color:#e8cf95!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-earned-label{font-size:12px;margin:8px 0}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-toolbar{grid-column:1!important;grid-row:3!important;align-items:stretch!important;gap:7px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-toolbar button{font-size:12px!important;padding:8px 12px!important;min-width:44px!important;border-radius:12px!important;flex:0 0 auto!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-toolbar .path-my-rank{flex:1!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-toolbar .path-jump{flex:1!important;background:linear-gradient(#edd2a5,#ad85bf)!important;color:#2c2634!important;border-color:#edd2a5!important;border-bottom-color:#ad85bf!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-toolbar button:disabled{opacity:.35!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-summary .road-exclusive-tag{font-size:10px!important;padding:3px 8px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-loot .mastery-prize-choices{display:flex!important;gap:6px!important}
@media(max-width:1000px){body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road{grid-template-columns:minmax(0,1fr) 270px!important}.island-stage{height:215px;flex-basis:215px}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-stop{flex-basis:240px!important;min-width:240px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-track{padding-inline:calc((100% - 240px)/2)!important}}
@media(max-height:620px){body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road{grid-template-rows:58px minmax(0,1fr) 36px!important;gap:7px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome h2{font-size:23px!important}.island-stage{height:185px;flex-basis:185px}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary .path-selected-art{height:50px!important;flex-basis:50px!important;max-height:50px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary{padding:8px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary h2{font-size:20px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-toolbar button{padding:5px 8px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-name{font-size:20px!important}}
@media(max-height:450px){body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road{grid-template-rows:46px minmax(0,1fr) 32px!important;gap:5px!important}.island-stage{height:116px;flex-basis:116px;min-height:60px}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-stop{gap:1px!important;padding:3px!important;min-width:200px!important;flex-basis:200px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-track{padding:4px calc((100% - 200px)/2)!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-crest{width:36px!important;height:36px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-crest.path-reward-medallion{width:50px!important;height:50px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary .path-selected-art{display:none!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-name{font-size:16px!important}.island-state{font-size:8px;line-height:11px;min-height:17px}body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome h2{display:none!important}body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-change{min-height:36px!important;padding:7px 14px!important}}
@media(prefers-reduced-motion:reduce){.island-road *{scroll-behavior:auto!important;transition:none!important}}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-stop::before{z-index:0;opacity:.7}.island-stage{z-index:1}.island-state{position:relative;z-index:2}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-stop[aria-pressed=true] .island-stage{animation:road-island-hover 5s ease-in-out infinite}
@keyframes road-island-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-stop[aria-pressed=true] .island-stage{animation:none}}
/* The scene is the page, not a card. Details float above it on demand. */
body #hub-dialog[data-tab=ranks][open]{background:radial-gradient(ellipse at 50% 105%,#87709e44,transparent 65%),radial-gradient(circle at 80% 20%,#d3c8bd0d 0 68px,transparent 69px),linear-gradient(155deg,#19182e,#332442 60%,#1a1830)!important}
body #hub-dialog[data-tab=ranks][open] #hub-content{padding:0!important;margin:0!important;max-width:none!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road{grid-template-columns:1fr!important;grid-template-rows:76px minmax(0,1fr) 60px!important;gap:0!important;height:100%!important;padding:0!important;background:radial-gradient(circle at 30% 20%,#e1ddaa44 0 1px,transparent 2px) 0 0/147px 109px,radial-gradient(circle at 60% 65%,#cfb8e033 0 1px,transparent 2px) 0 0/197px 153px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome{padding:8px 28px!important;position:relative;z-index:3;background:linear-gradient(#21182d88,transparent)}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-track{grid-column:1!important;grid-row:2!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;scrollbar-width:none!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-track::-webkit-scrollbar{display:none}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-stop::before{display:none!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-toolbar{grid-column:1!important;grid-row:3!important;justify-self:center!important;width:min(640px,90%)!important;padding:7px 0 12px!important;z-index:3}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-panel{display:none!important;position:absolute!important;inset:88px 20px 68px auto!important;width:300px!important;z-index:5!important;backdrop-filter:blur(18px);background:linear-gradient(#382944ee,#21182ef5)!important;box-shadow:0 18px 60px #0b071c99!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road.is-details-open .path-panel{display:flex!important}
.island-hide-details{align-self:stretch;background:transparent!important;border:0!important;border-bottom:1px solid #ad8ca344!important;border-radius:0!important;color:#d7c8e4!important;font-size:11px!important;padding:9px!important;cursor:pointer}
.island-connector{position:absolute;left:78%;top:42%;width:calc(44% + 12px);height:70px;z-index:-1;pointer-events:none}.island-connector svg{width:100%;height:100%;overflow:visible}.island-connector path{fill:none;stroke-linecap:round}.link-shadow{stroke:#0c0a22;stroke-width:8;opacity:.45}.link-dormant{stroke:#a387bc;stroke-width:2;stroke-dasharray:4 7;opacity:.42}.link-lit{stroke:#edd2a5;stroke-width:3}.link-aura{stroke:#edd2a5;stroke-width:10;opacity:.32;filter:blur(4px)}.is-linked .link-lit{stroke:#f2e3a8;filter:drop-shadow(0 0 5px #edd2a5)}.is-linked .link-aura{stroke:#e7dc9c;opacity:.4}.is-linking .link-aura{animation:road-link-breathe 3s ease-in-out infinite}.island-connector[data-progress="0"] :is(.link-lit,.link-aura){display:none}
@keyframes road-link-breathe{0%,100%{opacity:.22}50%{opacity:.55}}
@media(max-height:620px){body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road{grid-template-rows:58px minmax(0,1fr) 44px!important}.island-connector{height:50px}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-panel{inset:64px 12px 48px auto!important;width:270px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-toolbar{padding:4px 0 6px!important}.island-hide-details{padding:5px!important}}
@media(max-height:450px){body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road{grid-template-rows:46px minmax(0,1fr) 38px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome{padding:4px 16px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-panel{inset:48px 10px 40px auto!important;width:250px!important}.island-connector{height:32px}}
@media(prefers-reduced-motion:reduce){.is-linking .link-aura{animation:none}}
body.hex-screen-ui #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content:has(.island-road){padding:0!important;margin:0!important;overflow:hidden!important}
/* Larger landmarks and rank badges; short landscape screens spend space on scenery. */
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road{--island-width:380px}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-track{padding:10px calc((100% - var(--island-width))/2)!important;gap:20px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-stop{flex-basis:var(--island-width)!important;min-width:var(--island-width)!important;max-height:560px!important;height:100%!important;padding:8px 6px!important;gap:6px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .island-stage{height:330px!important;flex:1 1 330px!important;min-height:0!important;max-height:330px!important;width:100%!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-crest{width:82px!important;height:82px!important;border-radius:20px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-crest.path-reward-medallion{width:100px!important;height:100px!important;border-radius:23px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-name{font-size:28px!important;max-width:350px!important;line-height:1.15!important;flex-shrink:0!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-rating{font-size:14px!important;line-height:20px!important;flex-shrink:0!important}
.island-connector{width:calc(44% + 20px)}
@media(max-height:620px){body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road{--island-width:310px}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .island-stage{height:250px!important;max-height:250px!important;flex-basis:250px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-crest{width:68px!important;height:68px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-crest.path-reward-medallion{width:84px!important;height:84px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-name{font-size:23px!important}}
@media(max-height:450px){body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road{--island-width:260px;grid-template-rows:36px minmax(0,1fr) 44px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-track{padding-block:2px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-stop{padding:2px 4px!important;gap:2px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .island-stage{height:200px!important;max-height:200px!important;flex-basis:200px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-crest{width:54px!important;height:54px!important;top:22%!important;border-radius:13px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-crest.path-reward-medallion{width:68px!important;height:68px!important;border-radius:17px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-name{font-size:18px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-rating{font-size:11px!important;line-height:14px!important;padding:3px 10px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-toolbar{padding:3px 0 5px!important}.island-state{font-size:9px;line-height:12px;min-height:18px;padding:3px 8px}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-panel{inset:38px 8px 48px auto!important}}
@media(max-width:600px) and (orientation:portrait){body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road{--island-width:300px;grid-template-rows:72px minmax(0,1fr) 52px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome{padding:6px 12px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome h2{font-size:22px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome p{font-size:10px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-change{font-size:11px!important;padding:8px 12px!important;min-height:40px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-panel{inset:80px 10px 60px!important;width:auto!important}body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-toolbar button{font-size:10px!important;min-width:32px!important;padding:6px!important}}
/* Rank crests float freely; reward artifacts retain their distinct display setting. */
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-crest:not(.path-reward-medallion){border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;padding:0!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-crest:not(.path-reward-medallion)::after{display:none!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-crest:not(.path-reward-medallion)::before{content:'';position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(ellipse,#c6aedc35,transparent 68%);filter:blur(4px);pointer-events:none;z-index:-1}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-crest:not(.path-reward-medallion) :is(img,svg){filter:drop-shadow(0 7px 3px #0a071cb3) drop-shadow(0 0 8px #c0a1e04d)!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .is-reached .path-crest:not(.path-reward-medallion) :is(img,svg){filter:drop-shadow(0 7px 3px #0a071cb3) drop-shadow(0 0 11px #edd2a578)!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-stop.is-reached[aria-pressed=true] .path-crest:not(.path-reward-medallion)::before{background:radial-gradient(ellipse,#e7deb55c,#c3a0e322 45%,transparent 72%)}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-stop.is-reached[aria-pressed=true] .path-crest:not(.path-reward-medallion) :is(img,svg){filter:drop-shadow(0 9px 4px #0a071cbb) drop-shadow(0 0 14px #ecd6a780)!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-panel{grid-row:auto!important;grid-column:auto!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .road-welcome{min-height:0!important;height:100%!important;box-sizing:border-box!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome-copy>small{display:block!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .island-hide-details{min-height:32px!important;height:32px!important;flex:0 0 32px!important}
@media(max-height:450px){body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-panel{inset:2px 8px 48px auto!important;width:min(300px,48vw)!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary{padding:5px 8px!important;gap:2px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary h2{font-size:17px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary :is(strong,p){font-size:10px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary progress{margin:2px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome-copy>small{font-size:9px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome p{font-size:9px!important}}
/* Offscreen shells retain layout/accessibility, but have no SVG/image descendants. */
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-stop:not(.is-visible){visibility:hidden!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-stop *,body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-stop::before,body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-stop::after{animation-play-state:paused!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road:not(.road-suspended) .path-stop.is-visible[aria-pressed=true] *{animation-play-state:running!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road.road-suspended *{animation-play-state:paused!important}
/* A brief summon on arrival; the selected island alone keeps its idle motion. */
.island-arrival{position:absolute;inset:0;opacity:0;pointer-events:none}
.island-arrival.is-arrived{opacity:1;animation:road-materialize 460ms cubic-bezier(.2,.75,.25,1) both}
.island-arrival::after{content:'';position:absolute;left:15%;right:15%;bottom:12%;height:18%;border:2px solid #edd2a5;border-radius:50%;opacity:0;pointer-events:none}
.island-arrival.is-arrived::after{animation:road-summon-ring 520ms ease-out both}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road:not(.road-suspended) .path-stop.is-visible .island-arrival.is-arrived,
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road:not(.road-suspended) .path-stop.is-visible .island-arrival.is-arrived::after{animation-play-state:running!important}
@keyframes road-materialize{0%{opacity:0;transform:translateY(16px) scale(.94)}70%{opacity:1;transform:translateY(-2px) scale(1.008)}100%{opacity:1;transform:none}}
@keyframes road-summon-ring{0%{opacity:0;transform:scale(.65)}25%{opacity:.65}100%{opacity:0;transform:scale(1.15)}}
@media(prefers-reduced-motion:reduce){.island-arrival.is-arrived,.island-arrival.is-arrived::after{animation:none!important}}
/* Wide treasure drawer: separate milestone identity from readable reward choices. */
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-panel{inset:auto 16px 62px!important;width:auto!important;max-width:920px!important;margin-inline:auto!important;height:min(370px,calc(100% - 76px))!important;border-radius:24px!important;backdrop-filter:none!important;background:radial-gradient(ellipse at 0 0,#604373,transparent 65%),#251b35!important;overflow:hidden!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road.is-details-open .path-panel{display:grid!important;grid-template-columns:210px minmax(0,1fr)!important;grid-template-rows:38px minmax(0,1fr)!important;animation:road-drawer-in 200ms ease-out}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .island-hide-details{grid-column:1/-1!important;height:38px!important;min-height:38px!important;text-align:right!important;padding:8px 18px!important;font-size:12px!important;color:#e4d4f1!important;background:#ffffff08!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary{grid-column:1!important;grid-row:2!important;justify-content:center!important;align-items:center!important;text-align:center!important;padding:16px!important;gap:7px!important;border-bottom:0!important;border-right:1px solid #bba0d02e!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary::before{display:none!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary .path-selected-art{display:grid!important;width:88px!important;height:74px!important;max-height:74px!important;flex:0 0 74px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary h2{font-size:25px!important;line-height:1.1!important;margin:0!important;overflow-wrap:anywhere}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary :is(strong,p){font-size:12px!important;margin:0!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary progress{width:100%!important;height:8px!important;margin:5px 0!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-rewards{grid-column:2!important;grid-row:2!important;min-width:0!important;padding:14px 18px!important;gap:6px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-loot{overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:thin}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-reward-title{font-size:16px!important;text-align:left!important;margin:0 0 10px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .atlas-loot,body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .mastery-prize{display:block!important;height:auto!important;min-height:0!important;padding:0!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .mastery-prize-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;height:auto!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .mastery-prize-card{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;min-width:0!important;height:auto!important;min-height:132px!important;padding:8px 6px!important;gap:4px!important;border-radius:14px!important;box-sizing:border-box!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .mastery-prize-art{display:block!important;flex:0 0 68px!important;width:100%!important;height:68px!important;min-height:68px!important;max-height:none!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .mastery-prize-art :is(img,svg,canvas){width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .mastery-prize-card strong{font-size:14px!important;line-height:17px!important;white-space:normal!important;overflow-wrap:anywhere!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .mastery-prize-card small{display:block!important;font-size:10px!important;line-height:13px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .atlas-gift{display:flex!important;align-items:stretch!important;gap:8px!important;margin:10px 0 0!important;height:auto!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .atlas-currency{display:flex!important;flex:2!important;gap:8px!important;min-width:0!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .reward-currency,body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .atlas-chest{display:flex!important;align-items:center!important;justify-content:center!important;flex:1!important;min-width:0!important;gap:6px!important;padding:8px!important;border-radius:12px!important;box-sizing:border-box!important;height:auto!important;background:#ffffff06!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .reward-currency :is(svg,img),body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .atlas-chest img{width:30px!important;height:30px!important;flex:0 0 30px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .reward-currency b{font-size:17px!important;line-height:20px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .reward-currency small{display:block!important;font-size:9px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .atlas-chest strong{font-size:11px!important;line-height:14px!important;white-space:normal!important;overflow-wrap:normal!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-footer{flex:0 0 auto!important;min-height:0!important;padding:0!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-footer:has(.path-claim:empty){display:none!important}
@keyframes road-drawer-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-height:450px){
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-panel{inset:3px 8px 48px!important;height:auto!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road.is-details-open .path-panel{grid-template-columns:170px minmax(0,1fr)!important;grid-template-rows:32px minmax(0,1fr)!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .island-hide-details{height:32px!important;min-height:32px!important;padding:5px 12px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary{padding:10px!important;gap:4px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary h2{font-size:20px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary .path-selected-art{height:48px!important;flex-basis:48px!important;max-height:48px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-rewards{padding:8px 12px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .mastery-prize-card{min-height:100px!important;padding:5px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .mastery-prize-art{height:46px!important;min-height:46px!important;flex-basis:46px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .mastery-prize-card strong{font-size:12px!important;line-height:14px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .atlas-gift{margin-top:6px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .reward-currency,body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .atlas-chest{padding:5px!important}
}
@media(max-width:600px) and (orientation:portrait){
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-panel{inset:12px 8px 60px!important;height:auto!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road.is-details-open .path-panel{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:36px auto minmax(0,1fr)!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary{grid-column:1!important;grid-row:2!important;display:grid!important;grid-template-columns:64px 1fr!important;gap:4px 12px!important;text-align:left!important;padding:12px!important;border-right:0!important;border-bottom:1px solid #bba0d02e!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary .path-selected-art{grid-column:1!important;grid-row:1/5!important;width:60px!important;height:60px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary h2{font-size:22px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-summary>:not(.path-selected-art){grid-column:2!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-rewards{grid-column:1!important;grid-row:3!important;padding:12px!important}
}
@media(prefers-reduced-motion:reduce){body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road.is-details-open .path-panel{animation:none!important}}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .atlas-gift{flex-direction:row!important;flex-wrap:nowrap!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .atlas-loot{max-height:none!important;overflow:visible!important}
/* One simple choice at a time; all nine roads remain reachable. */
.road-picker.road-picker-simple{width:min(520px,94vw);padding:22px;display:flex;flex-direction:column;gap:0}
.road-picker-simple>small{order:0}.road-picker-simple>h2{order:1}.road-picker-simple>p:not(.road-picker-explanation){order:2;margin:2px 0 16px}
.road-picker-simple .road-picker-modes{order:3;display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#170f25;padding:5px;border-radius:16px}
.road-picker-modes button{min-height:46px;border:1px solid transparent;border-radius:12px;background:transparent;color:#c9b7da;font-size:17px;font-weight:bold;cursor:pointer}
.road-picker-modes button[aria-pressed=true]{background:linear-gradient(#edd2a5,#edd2a5);color:#2a2632;border-color:#edd2a5;box-shadow:0 3px 0 #ad85bf}
.road-picker-simple .road-picker-explanation{order:4;margin:14px 0 8px;font-size:12px;line-height:1.4;color:#d6c6e1}
.road-picker-simple .road-picker-controls{order:5;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#ccb9da;margin-bottom:8px}
.road-picker-controls select{padding:7px 10px;background:#30233e;border:1px solid #886b9c;border-radius:9px;color:#f3e8ff;font:inherit}
.road-picker-simple .road-picker-grid{order:6;display:block;margin:4px 0 16px}
.road-picker-simple .road-picker-group{display:block;padding:0;border:0;background:none}
.road-picker-simple .road-picker-group>h3,.road-picker-simple .road-picker-group>p{display:none}
.road-picker-simple [hidden]{display:none!important}
.road-picker-simple .road-picker-sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.road-picker-simple .road-picker-tile{padding:16px 6px;gap:8px;border-radius:16px;min-height:126px;box-sizing:border-box;background:radial-gradient(ellipse at top,#70508466,transparent),#30223f}
.road-picker-simple .road-picker-tile[aria-pressed=true]{background:radial-gradient(ellipse at top,#ad85bf44,transparent),#493350;border-color:#edd2a5}
.road-picker-simple .road-picker-tile img{width:52px;height:52px}
.road-picker-simple .road-picker-tile strong{font-size:21px}.road-picker-simple .road-picker-tile small{font-size:11px}
.road-picker-simple .road-picker-close{order:7;background:transparent;color:#cebbdf;border:1px solid #846492;padding:10px}
@media(max-height:500px){.road-picker.road-picker-simple{padding:12px 18px;max-height:94vh}.road-picker-simple>small{display:none}.road-picker-simple h2{font-size:24px;margin:0 0 4px}.road-picker-simple>p:not(.road-picker-explanation){display:none}.road-picker-modes button{min-height:36px;font-size:15px}.road-picker-simple .road-picker-explanation{margin:8px 0 5px}.road-picker-simple .road-picker-tile{min-height:88px;padding:7px;gap:4px}.road-picker-simple .road-picker-tile img{width:34px;height:34px}.road-picker-simple .road-picker-tile strong{font-size:17px}.road-picker-simple .road-picker-grid{margin-bottom:8px}.road-picker-simple .road-picker-close{padding:7px}}
.island-road [data-road-trail]{display:block;width:100%!important;height:100%!important;object-fit:contain}
.island-road [data-road-celebration]{display:block;width:100%!important;height:100%!important;object-fit:contain}

/* The selected team size is the road's identity, including short landscape screens. */
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome-copy{display:flex!important;align-items:center;gap:14px;min-width:0;--mode-accent:#edd2a5}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome-copy[data-mode=online]{--mode-accent:#99dfff}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome h2.road-team-size{display:flex!important;align-items:center;justify-content:center;flex:none;margin:0!important;padding:6px 14px!important;min-width:72px;box-sizing:border-box;font:900 36px/1.1 Georgia,serif!important;color:var(--mode-accent)!important;border-left:3px solid var(--mode-accent);background:linear-gradient(90deg,#edd2a520,transparent);text-shadow:0 3px 0 #161022,0 0 18px #edd2a524!important}
.road-mode-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.road-mode-name{font-size:17px;line-height:1.15;color:var(--mode-accent)}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-mode-context{font-size:11px!important;letter-spacing:.025em!important;color:#e3d8ed!important;text-transform:none!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-mode-progress{font-size:11px!important;line-height:1.2;color:#b7a7c9!important}
@media(max-height:450px),(max-width:600px){body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome-copy{gap:8px}body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome h2.road-team-size{font-size:27px!important;min-width:57px;padding:3px 8px!important}.road-mode-name{font-size:13px}body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-mode-context{font-size:9px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-mode-progress{display:none!important}}
/* Larger carved controls, with stable touch targets and no idle animation. */
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road{grid-template-rows:84px minmax(0,1fr) 76px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-change,body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-toolbar button{min-height:50px!important;border-radius:14px!important;border:1px solid #bb9dcf!important;border-bottom:4px solid #21132e!important;background:linear-gradient(165deg,#705581,#453053)!important;color:#fff0d1!important;box-shadow:inset 0 1px 0 #eed9ff40,0 4px 9px #0a071a55!important;font-weight:800!important;font-size:15px!important;padding:10px 20px!important;line-height:1.15!important;transition:filter .15s,transform .15s}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-change{min-width:158px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-change::after{content:' ▾';color:#edd2a5;margin-left:8px}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-toolbar{width:min(800px,94%)!important;gap:10px!important;padding:8px 0 14px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-toolbar .path-jump{background:linear-gradient(155deg,#edd2a5,#edd2a5)!important;color:#302735!important;border-color:#edd2a5!important;border-bottom-color:#ad85bf!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road :is(.road-change,.path-toolbar button):hover:not(:disabled){filter:brightness(1.12)}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road :is(.road-change,.path-toolbar button):active:not(:disabled){transform:translateY(2px)}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road :is(.road-change,.path-toolbar button):focus-visible{outline:3px solid #edd2a5!important;outline-offset:3px}
@media(max-height:450px),(max-width:600px){body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road{grid-template-rows:56px minmax(0,1fr) 58px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-change,body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-toolbar button{min-height:44px!important;font-size:12px!important;padding:7px 10px!important;border-radius:11px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-change{min-width:120px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-toolbar{gap:6px!important;padding:5px 0 9px!important}}

/* Center road identity over the journey where attention already lands. */
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome{justify-content:center!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome-copy{position:absolute;left:50%;transform:translateX(-50%);flex-direction:column!important;gap:2px!important;text-align:center;max-width:calc(100% - 350px)}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome h2.road-team-size{border:0!important;background:none!important;padding:0!important;min-width:0;font-size:40px!important;line-height:1!important;text-shadow:0 3px 0 #161022,0 0 22px #edd2a555!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-mode-copy{align-items:center;gap:2px}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-mode-name{font-size:16px;white-space:nowrap}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-mode-context{font-size:10px!important;white-space:nowrap}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-mode-progress{display:none!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-change{margin-left:auto!important}
@media(max-height:450px),(max-width:600px){body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome-copy{max-width:calc(100% - 260px);gap:1px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome h2.road-team-size{font-size:29px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-mode-name{font-size:12px}body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-mode-context{display:none!important}}
@media(max-width:480px) and (orientation:portrait){body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road{grid-template-rows:110px minmax(0,1fr) 58px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome-copy{top:4px;max-width:100%}body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-change{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);margin:0!important;min-height:40px!important}}

/* Static wizard sanctum replaces the shared constellation layer on rank roads. */
body.hex-screen-ui #hub-dialog#hub-dialog[open][data-tab=ranks]{background:#101d25 url('art/road-runic-sanctum.svg?v=teal-2') center/cover no-repeat!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road{background:none!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome{background:linear-gradient(#101d2566,transparent)!important}

body.hex-screen-ui #hub-dialog#hub-dialog[open][data-tab=ranks]{background:#160e22 url('art/road-runic-sanctum.svg?v=purple-runes-3') center/cover no-repeat!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-stop{opacity:1!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome{background:linear-gradient(#160e2266,transparent)!important}
body #hub-dialog[data-tab=ranks][open] button:focus-visible{outline:2px solid #efd4a7!important;outline-offset:2px!important;border-color:#efd4a7!important;box-shadow:0 0 0 2px #efd4a733!important}
.road-picker-simple .road-picker-tile>img{width:150px!important;max-width:100%!important;height:78px!important;object-fit:contain!important}
@media(max-height:450px){.road-picker-simple .road-picker-tile>img{width:110px!important;height:54px!important}}

body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .island-reward-backdrop{display:none!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:4!important;background:#090511b8!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;box-shadow:none!important;cursor:pointer}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road.is-details-open .island-reward-backdrop{display:block!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .island-road.is-details-open .path-panel{z-index:5!important}

/* Fit the measured road panel, not just the device viewport. Older flex rules
   allowed fixed labels/buttons to consume the entire island stage. */
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road.path-compact{grid-template-rows:48px minmax(0,1fr) 52px!important;--island-width:250px}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .island-road.path-compact .path-track{padding-block:0!important;align-items:stretch!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .island-road.path-compact .path-stop{display:grid!important;grid-template-rows:18px minmax(0,1fr) 18px 22px!important;align-items:center!important;justify-items:center!important;gap:2px!important;padding:2px 4px!important;min-height:0!important;box-sizing:border-box!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .island-road.path-compact .island-stage{height:100%!important;min-height:0!important;max-height:none!important;width:100%!important;align-self:stretch!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .island-road.path-compact .path-crest{width:42px!important;height:42px!important;top:28%!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .island-road.path-compact .path-crest.path-reward-medallion{width:48px!important;height:48px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .island-road.path-compact .path-crest img{width:100%!important;height:100%!important;object-fit:contain}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .island-road.path-compact .path-name{font-size:16px!important;line-height:20px!important;margin:0!important;padding:0!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .island-road.path-compact .path-rating{font-size:10px!important;line-height:14px!important;padding:1px 8px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .island-road.path-compact .island-state{font-size:9px!important;line-height:14px!important;min-height:0!important;padding:1px 7px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .island-road.path-compact .road-welcome h2.road-team-size{font-size:25px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .island-road.path-compact .road-mode-name{font-size:11px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .island-road.path-compact .road-mode-context{display:none!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .island-road.path-compact .road-change{min-height:38px!important;padding:6px 12px!important;font-size:12px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .island-road.path-compact .path-toolbar{padding:4px 0!important;gap:6px!important}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .island-road.path-compact .path-toolbar button{min-height:44px!important;padding:7px 12px!important;font-size:12px!important}
@media(max-height:600px){body.hex-screen-ui #hub-dialog#hub-dialog[data-tab=ranks][open]>.hub-heading{height:48px!important;min-height:48px!important;padding:5px 16px!important;gap:12px!important;box-sizing:border-box!important}body.hex-screen-ui #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-title{font-size:23px!important}body.hex-screen-ui #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-close{min-height:36px!important;padding:6px 16px!important;font-size:14px!important}}
body #hub-dialog#hub-dialog[data-tab=ranks][open] #hub-content .island-road.path-compact .path-stop{grid-template-columns:minmax(0,1fr)!important;justify-content:stretch!important}

/* Browsing a future milestone is not reaching it. Keep depth, not earned glow. */
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-stop:not(.is-reached) .path-crest:not(.path-reward-medallion)::before{display:none!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple.island-road .path-stop:not(.is-reached) .path-crest:not(.path-reward-medallion) :is(img,svg){filter:drop-shadow(0 7px 3px #0a071cb3)!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .path-stop:not(.is-reached)[aria-pressed=true]{background:radial-gradient(ellipse at 50% 58%,#ad85bf12,transparent 65%)!important}

/* Actual progress stays in the fixed header, independent of the browsed island. */
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome-copy{flex-direction:row!important;align-items:center!important;gap:12px!important;max-width:calc(100% - 300px)}
body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-mode-context{display:none!important}
.road-position{display:flex;flex-direction:column;align-items:center;gap:2px;max-width:100%;color:#e9d7ff;line-height:1.15}
.road-position-ranks{font-size:12px;font-weight:600;white-space:normal;text-wrap:balance}
.road-position-caption{font-size:12px;color:#edd2a5;font-variant-numeric:tabular-nums}
.road-position-meter{display:block;width:min(220px,100%);height:4px;margin:2px 0 0;border:0;border-radius:4px;overflow:hidden;background:#21162f;accent-color:#d6aff3}
.road-position-meter::-webkit-progress-bar{background:#21162f}.road-position-meter::-webkit-progress-value{background:linear-gradient(90deg,#9674c7,#efcde9);border-radius:4px}
@media(max-height:450px),(max-width:700px){body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome-copy{max-width:calc(100% - 220px);gap:7px!important}.road-position-ranks,.road-position-caption{font-size:10px}.road-position{gap:1px}.road-position-meter{height:3px}}
@media(max-width:480px) and (orientation:portrait){body #hub-dialog[data-tab=ranks][open] #hub-content .island-road .road-welcome-copy{width:96%;max-width:96%;top:3px}.road-position-ranks,.road-position-caption{font-size:11px}}

body #hub-dialog[data-tab=ranks] .road-position-meter{height:4px!important;min-height:4px!important;padding:0!important;margin:2px 0 0!important;border-radius:4px!important}
@media(min-height:451px) and (min-width:701px){.road-position-ranks,.road-position-caption{font-size:13px}}