.offline-road-sizes{display:flex;gap:8px;margin:0 0 10px;justify-content:center}.offline-road-sizes button{padding:7px 18px;border:1px solid #755b91;border-radius:20px;background:#281d38;color:#e7d8f2}.offline-road-sizes button[aria-pressed=true]{background:#edd2a5;color:#271d38;border-color:#edd2a5}.duo-road{color:#eee2f6;max-width:1080px;margin:auto}.duo-road header{text-align:center}.duo-road header small{color:#ceb18b;letter-spacing:.2em}.duo-road header h2{font-size:30px;margin:7px 0}.duo-road header p,.duo-road-note{color:#bcaacc;font-size:13px}.duo-road-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.duo-road-card{border:1px solid #745786;border-radius:18px;background:radial-gradient(ellipse at 50% 30%,#67437b66,transparent 65%),#241b32;padding:18px;display:flex;flex-direction:column;text-align:center;align-items:center}.duo-road-card>small{color:#dbbc83;letter-spacing:.12em;font-size:10px}.duo-road-card>img{width:100%;height:180px;object-fit:contain;filter:drop-shadow(0 7px 8px #100a1c99)}.duo-road-card h3{margin:4px 0;font-size:23px}.duo-road-card p{font-size:12px;color:#c9b5d6;min-height:32px;max-width:230px}.duo-road-card strong{font-size:13px;color:#e8cf97}.duo-road-card progress{width:90%;height:6px;margin:13px 0;accent-color:#edd2a5}.duo-road-card button{margin-top:auto;width:100%;padding:10px;border:1px solid #edd2a5;border-radius:10px;background:#edd2a5;color:#271b35;font-weight:bold}.duo-road-card button:disabled{background:#382947;color:#c7b5d4;border-color:#6a527d}.duo-road-note{text-align:center;margin:14px 0}@media(max-height:620px){.offline-road-sizes{margin-bottom:4px}.offline-road-sizes button{padding:4px 12px}.duo-road header h2{font-size:21px;margin:3px}.duo-road header p{margin:4px}.duo-road-grid{margin-top:8px;gap:9px}.duo-road-card{padding:8px}.duo-road-card>img{height:86px}.duo-road-card h3{font-size:17px}.duo-road-card p{display:none}.duo-road-card progress{margin:6px 0}.duo-road-card button{padding:6px;font-size:11px}.duo-road-note{margin:7px 0;font-size:11px}}@media(max-width:520px) and (min-height:621px){.duo-road-grid{grid-template-columns:1fr}.duo-road-card>img{height:130px}}
/* One destination, one reward spotlight, one continuous trail. */
body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple{grid-template-rows:88px minmax(0,1fr) 36px 138px!important;gap:10px!important}
.road-welcome{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 12px;color:#f7ebd5}.road-welcome small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#edd2a5}.road-welcome h2{font-size:30px;margin:3px 0;font-family:Georgia,serif}.road-welcome p{margin:0;font-size:13px;color:#cdb9df}
body #hub-dialog .road-change{flex-shrink:0;background:#49315e!important;color:#f8e7c9!important;border:1px solid #ac88c4!important;border-bottom:4px solid #21132e!important;border-radius:14px!important;padding:12px 22px!important;font-size:14px!important;min-height:48px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-panel{grid-row:2!important;grid-template-columns:minmax(220px,.9fr) minmax(0,1.3fr)!important;background:radial-gradient(ellipse at 20% 30%,#88629e66,transparent 55%),#2a1d3b!important;border:1px solid #b390c8!important;box-shadow:0 5px 0 #160e23,0 15px 30px #100b1a66!important;border-radius:24px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-summary{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;padding:12px!important;background:radial-gradient(ellipse,#a580bc33,transparent 70%)!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-selected-art{width:140px!important;height:125px!important;max-height:35vh!important;flex:0 1 125px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-selected-art img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 8px 12px #140b26aa)}
body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-summary h2{font-family:Georgia,serif!important;font-size:27px!important;margin:2px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-toolbar{grid-row:3!important;justify-content:space-between!important}.road-simple .path-chapters{display:none!important}body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-chapters{display:none!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-track{grid-row:4!important;padding:6px 18px!important;border-radius:18px!important;background:linear-gradient(transparent 49%,#a9905666 49%,#a9905666 51%,transparent 51%),#21182f!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-chapter-divider{display:none!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-stop{height:116px!important;min-height:0!important;gap:4px!important;padding:4px!important;flex-basis:115px!important;min-width:115px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-crest{width:60px!important;height:60px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-crest img{width:52px!important;height:52px!important}
.road-earned-label{display:block;color:#edd2a5;margin-top:12px;font-size:14px}.road-picker{width:min(510px,90vw);box-sizing:border-box;padding:26px;border:1px solid #bc95d5;border-radius:24px;background:radial-gradient(ellipse at top,#5d3d76,#24172f 75%);color:#f8ebd3;box-shadow:0 20px 90px #080510cc}.road-picker::backdrop{background:#0c0716c9;backdrop-filter:blur(6px)}.road-picker>small{color:#edd2a5;letter-spacing:.18em;font-size:10px}.road-picker h2{font:32px Georgia;margin:8px 0}.road-picker>p{font-size:13px;color:#c9b5d8;line-height:1.5}.road-picker-card{width:100%;display:flex;align-items:center;gap:18px;text-align:left;margin:10px 0;padding:12px;border:1px solid #826496;border-radius:15px;background:#30223f;color:#f5e6ce;cursor:pointer}.road-picker-card[aria-pressed=true]{border-color:#edd2a5;background:#493350}.road-picker-card img{width:58px;height:58px;object-fit:contain}.road-picker-card strong{display:block;font-size:18px}.road-picker-card small{display:block;margin-top:5px;color:#ccb9da;font-size:12px}.road-picker-close{width:100%;padding:12px;background:#edd2a5;color:#261b34;border:0;border-radius:12px;font-weight:bold;cursor:pointer}
@media(max-height:620px){body #hub-dialog[data-tab=ranks][open] #hub-content .path-road.road-simple{grid-template-rows:66px minmax(0,1fr) 30px 98px!important;gap:6px!important}.road-welcome h2{font-size:24px}.road-welcome p{font-size:11px}.road-welcome small{font-size:10px}body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-stop{height:80px!important;gap:2px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-crest{width:38px!important;height:38px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-crest img{width:34px!important;height:34px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-selected-art{height:76px!important;flex-basis:76px!important}body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-summary h2{font-size:21px!important}.road-picker{padding:16px}.road-picker-card{margin:6px 0;padding:8px}.road-picker-card img{height:42px;width:42px}}
body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .road-welcome{width:100%!important;max-width:none!important;box-sizing:border-box!important;text-align:left!important;justify-content:space-between!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-summary .path-selected-art{display:grid!important;max-width:180px!important;margin:0 auto!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-loot>p{line-height:1.6!important;color:#d8c5e5!important;max-width:460px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-summary .path-selected-art{overflow:hidden!important;flex-shrink:0!important;min-height:0!important;border:0!important;background:radial-gradient(ellipse,#bd92e333,transparent 70%)!important;box-shadow:none!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-summary .path-selected-art img{display:block!important;min-height:0!important;max-height:100%!important;max-width:100%!important;align-self:center!important}
/* Reward medallions: actual trophies in an engraved setting, bounded to the rail. */
body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-crest.path-reward-medallion{box-sizing:border-box!important;overflow:hidden!important;border-radius:16px!important;border:2px solid #d8bb7c!important;background:radial-gradient(ellipse at 30% 20%,#9573b8,#372044 65%)!important;box-shadow:inset 0 0 0 3px #35203f,inset 0 0 0 4px #c6a66b66,0 4px 0 #160d23!important;padding:5px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-crest.path-reward-medallion img,body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-crest.path-reward-medallion svg{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-width:0!important;min-height:0!important;object-fit:contain!important;filter:drop-shadow(0 2px 2px #100a20aa)}
body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-stop .path-name{font-size:12px!important;line-height:15px!important;white-space:nowrap!important;max-width:112px!important;overflow:hidden!important;text-overflow:ellipsis!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-rating{font-size:13px!important;line-height:17px!important}
body #hub-dialog[data-tab=ranks][open] #hub-content .road-simple .path-stop[aria-pressed=true] .path-reward-medallion{border-color:#edd2a5!important;box-shadow:inset 0 0 0 3px #35203f,inset 0 0 0 4px #edd2a555,0 3px 0 #160d23,0 0 12px #edd2a533!important}
.road-picker{width:min(760px,94vw);max-height:92vh;overflow:auto}.road-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.road-picker-group{background:#21172e88;border:1px solid #806090;border-radius:16px;padding:12px}.road-picker-group h3{font-size:17px;margin:0;color:#eed8b2}.road-picker-group>p{font-size:11px;color:#c5afd7;min-height:28px;margin:6px 0 10px}.road-picker-sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.road-picker-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 3px;background:#3a294b;border:1px solid #836099;border-bottom:3px solid #130b1d;border-radius:12px;color:#f1e3ca;cursor:pointer;min-width:0}.road-picker-tile img{width:40px;height:40px;object-fit:contain}.road-picker-tile strong{font-size:15px}.road-picker-tile small{font-size:9px;white-space:nowrap}.road-picker-tile[aria-pressed=true]{background:#493350;border-color:#edd2a5;color:#edd2a5}.road-picker-tile:hover{background:#63437a}.road-picker-tile:focus-visible{outline:3px solid #e5d098;outline-offset:2px}.road-picker .road-picker-note{font-size:11px}.road-availability{display:block;letter-spacing:0!important;text-transform:none!important;margin-top:3px}
@media(max-width:620px){.road-picker-grid{grid-template-columns:1fr;gap:7px;margin:10px 0}.road-picker-group{display:grid;grid-template-columns:130px 1fr;gap:0 8px;padding:9px}.road-picker-group>p{grid-column:1;margin:4px 0;min-height:0}.road-picker-sizes{grid-column:2;grid-row:1/3}.road-picker-tile img{width:28px;height:28px}.road-picker-tile{gap:3px;padding:5px}.road-picker-group h3{font-size:15px}}
@media(max-height:500px) and (min-width:621px){.road-picker{padding:16px}.road-picker-grid{margin:10px 0}.road-picker-tile img{width:30px;height:30px}.road-picker>p{margin:6px 0}.road-picker h2{font-size:26px}}