.mastery-chapters{display:flex;gap:8px;margin:4px 0 8px}.mastery-chapters button{flex:1;min-width:0;padding:8px;border:1px solid #bca1e0;background:#251b3c;color:#f0dfb5;border-radius:9px;font-weight:bold}.mastery-chapters button[aria-pressed=true]{background:linear-gradient(110deg,#493469,#244358);border-color:#ffe0a0;box-shadow:inset 0 -2px #e8bb71}.rr-road[data-chapter="1"] .rr-emblem{filter:drop-shadow(0 0 12px #7b77be55)}.rr-rank[hidden]{display:none!important}.mastery-choice{display:flex;flex-direction:column;gap:5px;margin:8px 0;font-size:12px;color:#f5deb0}.mastery-choice select{max-width:100%;padding:7px;background:#241936;color:#fff0cf;border:1px solid #b59bd0;border-radius:6px}.mastery-choice small{font-size:10px;opacity:.8}.rr-road{min-height:0}.rr-road>.mastery-chapters{flex-shrink:0}@media(max-height:450px){.mastery-chapters button{padding:4px;font-size:11px}.mastery-choice{margin:3px 0;gap:2px}.mastery-choice select{padding:3px}}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-road:has(>.mastery-chapters){grid-template-rows:36px 36px 76px minmax(0,1fr)!important}body.hex-screen-ui .rr-hero{overflow-y:auto!important} @media(max-height:500px){body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-road:has(>.mastery-chapters){grid-template-rows:28px 30px 52px minmax(0,1fr)!important;gap:4px!important}}
body.hex-screen-ui #hub-dialog[data-tab=ranks][open] #hub-content .rr-road:has(>.mastery-chapters){grid-template-rows:40px 36px 76px minmax(0,1fr)!important}body.hex-screen-ui #hub-dialog[data-tab=ranks][open] #hub-content .rr-rank[hidden]{display:none!important}body.hex-screen-ui #hub-dialog[data-tab=ranks][open] .rr-hero h2{overflow-wrap:anywhere!important;font-size:16px!important}body.hex-screen-ui #hub-dialog[data-tab=ranks][open] .mastery-choice{grid-column:1/-1!important}body.hex-screen-ui #hub-dialog[data-tab=ranks][open] .mastery-chapters button{font-size:12px!important;min-height:0!important;padding:5px!important} @media(max-height:500px){body.hex-screen-ui #hub-dialog[data-tab=ranks][open] #hub-content .rr-road:has(>.mastery-chapters){grid-template-rows:28px 32px 64px minmax(0,1fr)!important;gap:4px!important}}
body.hex-screen-ui #hub-dialog[data-tab=ranks][open] #hub-content .rr-hero{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:6px!important;overflow-x:hidden!important}body.hex-screen-ui #hub-dialog[data-tab=ranks][open] #hub-content .rr-hero h2{overflow-wrap:normal!important;width:100%!important;font-size:16px!important}body.hex-screen-ui #hub-dialog[data-tab=ranks][open] #hub-content .rr-loot:has(.rr-gift)>.rank-keepsake{display:none!important}body.hex-screen-ui #hub-dialog[data-tab=ranks][open] #hub-content .rr-hero .rr-rules{width:100%!important}@media(max-height:500px){body.hex-screen-ui #hub-dialog[data-tab=ranks][open] #hub-content .rr-emblem :is(img,svg){height:46px!important;width:46px!important}}
body.hex-screen-ui #hub-dialog[data-tab=ranks][open] #hub-content .mastery-chapters{height:100%!important;margin:0!important;align-items:stretch!important;gap:6px!important}body.hex-screen-ui #hub-dialog[data-tab=ranks][open] #hub-content .mastery-chapters button{height:100%!important;min-height:24px!important;line-height:1.1!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important;padding:2px 6px!important}
.atlas-stop[hidden]{display:none!important}
/* Keep each rank label inside its own row, including the longest chapter titles. */
body.hex-screen-ui #hub-dialog[data-tab=ranks][open] #hub-content .rr-rank{
 flex:0 0 176px!important;min-width:176px!important;min-height:58px!important;
 grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:18px 28px!important;
 gap:2px 7px!important;padding:5px 8px!important;align-content:center!important;
}
body.hex-screen-ui #hub-dialog[data-tab=ranks][open] #hub-content .rr-rank strong{
 grid-column:2!important;grid-row:1!important;font-size:14px!important;line-height:18px!important;
 white-space:nowrap!important;margin:0!important;min-width:0!important;
}
body.hex-screen-ui #hub-dialog[data-tab=ranks][open] #hub-content .rr-rank small{
 grid-column:2!important;grid-row:2!important;font-size:12px!important;line-height:14px!important;
 white-space:normal!important;overflow-wrap:normal!important;margin:0!important;min-width:0!important;align-self:start!important;
}

body.hex-screen-ui #hub-dialog[data-tab=ranks][open] #hub-content .mastery-prize{margin:0 0 10px!important;text-align:center!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks][open] #hub-content .mastery-prize header{display:block!important;padding:4px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks][open] #hub-content .mastery-prize header small{color:#e6c47e!important;letter-spacing:2px!important;font-size:9px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks][open] #hub-content .mastery-prize header h3{font-size:18px!important;line-height:24px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks][open] #hub-content .mastery-prize header p{font-size:12px!important;margin:2px!important;color:#d7c5e6!important}
.mastery-prize-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mastery-prize-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:10px 6px;border:1px solid #827095;border-radius:12px;background:radial-gradient(ellipse at 50% 35%,#79599a66,transparent),#241931;cursor:pointer;color:#fff0ce}.mastery-prize-card:has(input:checked){border:2px solid #ffe2a0;background:radial-gradient(ellipse at 50% 35%,#997d4555,transparent),#33213f;box-shadow:inset 0 0 18px #f0cd7520}.mastery-prize-card input{position:absolute;opacity:0;width:1px;height:1px}.mastery-prize-card:focus-within{outline:2px solid #b8e9ff;outline-offset:2px}.mastery-prize-card strong{font-size:13px}.mastery-prize-card small{font-size:10px;color:#d9c3e9}.mastery-prize-art{display:block;width:100%;height:96px}.mastery-prize-art :is(img,svg,canvas){width:100%!important;height:100%!important;object-fit:contain!important}.mastery-prize-pick{border-top:1px solid #ffffff22;width:100%;font-size:10px;padding-top:5px}.mastery-prize-card:has(input:checked) .mastery-prize-pick{font-size:0}.mastery-prize-card:has(input:checked) .mastery-prize-pick:after{content:'✓ Selected';font-size:10px;color:#ffe3a1}.mastery-fixed-prize{display:flex;align-items:center;gap:12px;padding:10px;background:#6a4e8222;border:1px solid #c7a777;border-radius:12px}.mastery-fixed-prize :is(img,svg){width:80px;height:70px}.mastery-fixed-prize small{font-size:11px}.rr-list>.rr-claim{width:100%;margin-top:10px!important;position:sticky;bottom:0}.mastery-prize-grid:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-height:500px){.mastery-prize-art{height:65px}.mastery-prize-card{padding:6px 4px}.mastery-prize-card strong{font-size:11px}}

@media(max-height:500px){body.hex-screen-ui #hub-dialog[data-tab=ranks][open] #hub-content .mastery-prize header{display:none!important}.mastery-prize-art{height:48px!important}.mastery-prize-grid{gap:5px}.mastery-prize-card{gap:3px!important}}
@media(max-height:500px){body.hex-screen-ui #hub-dialog[data-tab=ranks][open] #hub-content .rr-rewards{grid-template-rows:18px minmax(0,1fr) 14px!important;gap:3px!important;padding:4px!important}body.hex-screen-ui #hub-dialog[data-tab=ranks][open] #hub-content .rr-rewards h3{font-size:13px!important;line-height:18px!important}.mastery-prize-art{height:28px!important}.mastery-prize-pick{display:none!important}.mastery-prize-card{padding:4px!important}.mastery-prize-card small{font-size:9px!important}}