body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content:has(>.rr-road){display:block!important;overflow:hidden!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-road{height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:36px 76px minmax(0,1fr)!important;gap:8px!important;color:#fff0d7!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-road *{box-sizing:border-box!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-top{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-top button{min-height:36px!important;border:1px solid #c4a1e9!important;border-bottom:4px solid #432654!important;background:linear-gradient(#765299,#493064)!important;color:#fff0d7!important;border-radius:11px!important;font-size:14px!important;font-weight:800!important;padding:4px 12px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-arrow{min-width:42px!important;font-size:22px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-top button:disabled{opacity:.4!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-instruction{font-size:14px!important;font-weight:800!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-gifts{margin-left:auto!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-rail{position:relative!important;display:flex!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important;scrollbar-color:#bf97e8 #241732!important;padding:2px 2px 5px!important;background:linear-gradient(transparent 44%,#82629d 44%,#82629d 47%,transparent 47%)!important;scroll-snap-type:x proximity!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-rank{position:relative!important;flex:0 0 124px!important;min-height:64px!important;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;grid-template-rows:26px 24px!important;align-content:center!important;align-items:center!important;gap:0 5px!important;padding:4px 6px!important;background:linear-gradient(#594575,#30233f)!important;color:#eee2ff!important;border:1px solid #9d80bb!important;border-bottom:4px solid #241431!important;border-radius:12px!important;text-align:left!important;scroll-snap-align:center!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-rank[aria-pressed=true]{background:linear-gradient(#f6dfa0,#cbaa63)!important;color:#352638!important;border-color:#fff1b9!important;border-bottom-color:#8c6333!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-rank.rr-current:not([aria-pressed=true]){border-color:#fcdd88!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-mini{grid-column:1!important;grid-row:1/3!important;display:flex!important;align-items:center!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-mini :is(img,svg){width:34px!important;height:40px!important;object-fit:contain!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-rank strong{font-size:12px!important;line-height:13px!important;white-space:normal!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-rank small{font-size:11px!important;line-height:12px!important;white-space:normal!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-stage{display:grid!important;grid-template-columns:minmax(160px,.75fr) minmax(0,2fr)!important;gap:10px!important;min-height:0!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-hero{display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;grid-template-rows:auto auto auto auto minmax(0,1fr)!important;align-content:start!important;gap:5px 7px!important;overflow-y:auto!important;padding:10px!important;border:2px solid #bc92df!important;border-bottom:5px solid #684084!important;border-radius:17px!important;background:radial-gradient(ellipse at 20% 10%,#9062bb66,transparent 75%),#30213f!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-emblem{grid-column:1!important;grid-row:1/4!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-emblem :is(img,svg){width:60px!important;height:68px!important;object-fit:contain!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-hero h2{grid-column:2!important;grid-row:1!important;font-size:18px!important;line-height:1.1!important;margin:0!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-requirement{grid-column:2!important;grid-row:2!important;font-size:13px!important;color:#fce094!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-state{grid-column:2!important;grid-row:3!important;font-size:12px!important;color:#d8c7ea!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-status{grid-column:1/-1!important;grid-row:4!important;font-size:13px!important;line-height:1.3!important;margin:3px 0!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-claim{grid-column:1/-1!important;grid-row:4!important;min-height:40px!important;padding:6px!important;background:linear-gradient(#fce29d,#e0bd60)!important;color:#3e3022!important;border:1px solid #feeec4!important;border-bottom:4px solid #7a6242!important;border-radius:11px!important;font-size:14px!important;font-weight:800!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-rules{grid-column:1/-1!important;grid-row:5!important;font-size:12px!important;line-height:1.4!important;margin:2px 0!important;color:#d8c7ea!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-rules summary{cursor:pointer!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-rules p{font-size:13px!important;line-height:1.4!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-rewards{display:grid!important;grid-template-rows:24px minmax(0,1fr) 22px!important;gap:5px!important;min-height:0!important;padding:8px!important;border:1px solid #9d7bbc!important;border-bottom:5px solid #453154!important;border-radius:17px!important;background:linear-gradient(145deg,#443351,#241c33)!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-rewards h3{font-size:14px!important;line-height:22px!important;margin:0!important;color:#ffedbd!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-list{min-height:0!important;overflow-y:auto!important;scrollbar-width:thin!important;scrollbar-color:#bf97e8 #241732!important;overscroll-behavior:contain!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-loot{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;align-items:start!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-loot>span{display:flex!important;align-items:center!important;gap:6px!important;min-height:54px!important;padding:5px!important;background:#a88bcc16!important;border:1px solid #c6a6e233!important;border-radius:10px!important;min-width:0!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-loot>span img{width:34px!important;height:34px!important;object-fit:contain!important;flex:none!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-loot>span small{font-size:12px!important;line-height:14px!important;color:#fff0d7!important;overflow-wrap:anywhere!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-cue{font-size:12px!important;color:#d9c7ef!important;line-height:20px!important;border-top:1px solid #b28fc433!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-loot:has(.rr-gift){display:block!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-gift{display:flex!important;flex-direction:column!important;gap:8px!important;padding:3px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-currency{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-currency .reward-currency{flex:1!important;min-width:100px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:6px 10px!important;border:1px solid #cba759!important;border-radius:11px!important;background:#271d37!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-currency .reward-currency.shards{border-color:#75c5c4!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-currency svg{width:25px!important;height:25px!important;flex:none!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-currency .reward-currency>span{display:flex!important;flex-direction:column!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-currency b{font-size:20px!important;line-height:22px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-currency small{font-size:12px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-chest{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;background:#bba0d51a!important;border-radius:12px!important;padding:4px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-chest img{width:52px!important;height:44px!important;object-fit:contain!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-chest strong{font-size:15px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-coin-gift{flex-direction:row!important;align-items:center!important;justify-content:center!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-coin-gift svg{width:42px!important;height:42px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-coin-gift strong{font-size:25px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-road button:focus-visible{outline:2px solid #fcdf91!important;outline-offset:2px!important}
@media(max-width:700px){body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rr-loot{grid-template-columns:repeat(2,minmax(0,1fr))!important}}