body.hex-screen-ui #hub-dialog[data-tab=journey][open]{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:48px minmax(0,1fr)!important}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-tabs{display:none!important}
body.hex-screen-ui #hub-dialog[data-tab=journey]>.hub-heading{position:static!important;inset:auto!important;width:100%!important;height:48px!important;min-height:0!important;grid-column:1/-1!important;grid-row:1!important;padding:3px 10px!important;gap:8px!important;flex-wrap:nowrap!important}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-title{font-size:22px!important;line-height:1!important;margin:0!important}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content{grid-column:1/-1!important;grid-row:2!important;display:block!important;min-height:0!important;padding:8px 12px!important;overflow:hidden!important}
body.hex-screen-ui #hub-dialog #hub-content .rw-room{height:100%;position:relative;display:grid;grid-template-rows:26px 80px minmax(0,1fr) 44px;gap:8px;color:#fff0d7}
body.hex-screen-ui #hub-dialog #hub-content .rw-room *{box-sizing:border-box}
body.hex-screen-ui #hub-dialog #hub-content .rw-room button{min-height:44px!important;padding:6px 12px!important;border:1px solid #bea0dc!important;border-bottom:5px solid #382345!important;border-radius:14px!important;background:linear-gradient(#75518e,#463056)!important;color:#fff0d7!important;font:bold 14px 'Trebuchet MS',sans-serif!important;cursor:pointer}
body.hex-screen-ui #hub-dialog #hub-content .rw-room button:focus-visible{outline:3px solid #fce095;outline-offset:2px}
body.hex-screen-ui #hub-dialog #hub-content .rw-room button:disabled{cursor:default;opacity:.6}
body.hex-screen-ui #hub-dialog #hub-content .rw-summary{display:flex;align-items:center;gap:14px;min-width:0}
body.hex-screen-ui #hub-dialog #hub-content .rw-summary strong{font-size:18px;white-space:nowrap;color:#fde39e}
body.hex-screen-ui #hub-dialog #hub-content .rw-summary span{font-size:13px;white-space:nowrap}
body.hex-screen-ui #hub-dialog #hub-content .rw-summary progress{flex:1;min-width:30px;height:10px;accent-color:#fcdc87}
body.hex-screen-ui #hub-dialog #hub-content .rw-track{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;min-height:0}
body.hex-screen-ui #hub-dialog #hub-content .rw-rail{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:3px 4px 5px;scrollbar-width:thin;scrollbar-color:#d7b2ff #211832;align-items:stretch}
body.hex-screen-ui #hub-dialog #hub-content .rw-node{flex:0 0 116px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:1fr 1fr;align-items:center;gap:2px 4px;position:relative}
body.hex-screen-ui #hub-dialog #hub-content .rw-node>span{grid-row:1/3}
body.hex-screen-ui #hub-dialog #hub-content .rw-node svg,body.hex-screen-ui #hub-dialog #hub-content .rw-node img{width:30px!important;height:30px!important;object-fit:contain}
body.hex-screen-ui #hub-dialog #hub-content .rw-node strong{font-size:13px;white-space:nowrap}
body.hex-screen-ui #hub-dialog #hub-content .rw-node small{font-size:11px}
body.hex-screen-ui #hub-dialog #hub-content .rw-node.rw-ready{border-color:#9af7f1!important}
body.hex-screen-ui #hub-dialog #hub-content .rw-node[aria-pressed=true]{background:linear-gradient(#fff2b5,#e7ba67)!important;color:#3a2932!important;border-bottom-color:#9b623c!important}
body.hex-screen-ui #hub-dialog #hub-content .rw-node.rw-claimed{filter:saturate(.4)}
body.hex-screen-ui #hub-dialog #hub-content .rw-stage{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:14px;min-height:0;padding:8px 14px;border:2px solid #b79ada;border-radius:22px;background:radial-gradient(ellipse at 20% 30%,#71519688,transparent 60%),linear-gradient(130deg,#362849,#211c37);box-shadow:0 5px #171129}
body.hex-screen-ui #hub-dialog #hub-content .rw-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;gap:3px;text-align:center}
body.hex-screen-ui #hub-dialog #hub-content .rw-art{min-height:36px;flex:1;max-height:120px;width:100%;display:flex;justify-content:center;align-items:center}
body.hex-screen-ui #hub-dialog #hub-content .rw-art svg,body.hex-screen-ui #hub-dialog #hub-content .rw-art img{height:100%!important;width:100%!important;max-width:155px;object-fit:contain;filter:drop-shadow(0 6px 10px #10092077)}
body.hex-screen-ui #hub-dialog #hub-content .rw-hero h3{margin:0!important;font-size:18px!important;line-height:1.1!important}
body.hex-screen-ui #hub-dialog #hub-content .rw-hero small{font-size:12px;color:#dbc9ec}
body.hex-screen-ui #hub-dialog #hub-content .rw-detail{display:grid;grid-template-rows:auto minmax(0,1fr) 44px;gap:5px;min-height:0}
body.hex-screen-ui #hub-dialog #hub-content .rw-state{font-size:16px;color:#fff0b5}
body.hex-screen-ui #hub-dialog #hub-content .rw-loot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:8px;min-height:0;overflow-y:auto;scrollbar-width:thin}
body.hex-screen-ui #hub-dialog #hub-content .rw-loot .reward-currency,body.hex-screen-ui #hub-dialog #hub-content .rw-credit-loot{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;border:1px solid #c4abd355;border-radius:12px;padding:6px;background:#17112966;min-width:0}
body.hex-screen-ui #hub-dialog #hub-content .rw-loot svg,body.hex-screen-ui #hub-dialog #hub-content .rw-loot img{width:26px!important;height:26px!important;flex:none;object-fit:contain}
body.hex-screen-ui #hub-dialog #hub-content .rw-loot span{display:flex;flex-direction:column;min-width:0}
body.hex-screen-ui #hub-dialog #hub-content .rw-loot b{font-size:20px;line-height:1.1;color:#fff0b5}
body.hex-screen-ui #hub-dialog #hub-content .rw-loot small{font-size:11px;line-height:1.1}
body.hex-screen-ui #hub-dialog #hub-content .rw-bonus{grid-column:1/-1;font-size:13px;margin:0;text-align:center;color:#ffe398}
body.hex-screen-ui #hub-dialog #hub-content .rw-claim:not(:disabled){background:linear-gradient(#fde4a5,#eac665)!important;color:#352718!important;border-color:#fde9b4!important;border-bottom-color:#7c6445!important}
body.hex-screen-ui #hub-dialog #hub-content .rw-claim::after{display:none!important}
body.hex-screen-ui #hub-dialog #hub-content .rw-footer{display:flex;align-items:center;gap:10px;justify-content:space-between}
body.hex-screen-ui #hub-dialog #hub-content .rw-cue{font-size:12px;color:#d5c5e6}
body.hex-screen-ui #hub-dialog #hub-content .rw-panel{position:absolute;inset:0;z-index:4;display:grid;grid-template-rows:44px minmax(0,1fr);gap:10px;background:#27203c;border-radius:18px;padding:8px}
body.hex-screen-ui #hub-dialog #hub-content .rw-panel[hidden]{display:none}
body.hex-screen-ui #hub-dialog #hub-content .rw-panel-top{display:flex;align-items:center;gap:16px}
body.hex-screen-ui #hub-dialog #hub-content .rw-panel-top h3{font-size:20px;margin:0}
body.hex-screen-ui #hub-dialog #hub-content .rw-panel-body{min-height:0;overflow-y:auto;scrollbar-width:thin;padding:2px 6px 12px}
body.hex-screen-ui #hub-dialog #hub-content .rw-credit-count,body.hex-screen-ui #hub-dialog #hub-content .rw-help p{font-size:14px;line-height:1.5;margin:8px 0}
body.hex-screen-ui #hub-dialog #hub-content .rw-room #journey-spell-picker{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;align-items:start}
body.hex-screen-ui #hub-dialog #hub-content .rw-room .spell-credit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:none;padding:4px}
body.hex-screen-ui #hub-dialog #hub-content .rw-room .spell-credit-choice{height:110px;min-height:110px!important;padding:6px!important;gap:3px;overflow:hidden}
body.hex-screen-ui #hub-dialog #hub-content .rw-room .spell-credit-choice img{width:36px!important;height:36px!important;object-fit:contain}
body.hex-screen-ui #hub-dialog #hub-content .rw-room .spell-credit-choice strong{font-size:12px;line-height:1.1}
body.hex-screen-ui #hub-dialog #hub-content .rw-room .spell-credit-choice small{font-size:11px}
body.hex-screen-ui #hub-dialog #hub-content .rw-room .spell-credit-confirm{position:sticky;top:0;padding:12px;margin:0;font-size:14px;line-height:1.3}
body.hex-screen-ui #hub-dialog #hub-content .rw-room .spell-credit-confirm h3{font-size:18px;margin:0}
body.hex-screen-ui #hub-dialog #hub-content .rw-room .spell-credit-confirm p{font-size:14px;line-height:1.3;margin:8px 0}
body.hex-screen-ui #hub-dialog #hub-content .rw-room .credit-success{grid-column:1/-1;padding:10px;font-size:16px}
@media(max-height:360px){body.hex-screen-ui #hub-dialog #hub-content .rw-room{grid-template-rows:22px 66px minmax(0,1fr) 44px;gap:6px}body.hex-screen-ui #hub-dialog #hub-content .rw-stage{padding:6px 12px}body.hex-screen-ui #hub-dialog #hub-content .rw-hero h3{font-size:16px!important}body.hex-screen-ui #hub-dialog #hub-content .rw-state{font-size:14px}body.hex-screen-ui #hub-dialog #hub-content .rw-loot{gap:4px}}
/* A restrained academy ledger, shared by desktop and phone. */
body.hex-screen-ui #hub-dialog[data-tab=journey]{background:linear-gradient(#201a2bed,#211a30ed),url('art/academy-honors.svg') center/cover!important;color:#ede1d0;border-color:#b49a68!important}
body.hex-screen-ui #hub-dialog[data-tab=journey]>.hub-heading{background:#211a30!important;border-bottom:1px solid #b49a6855!important}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-title{font-family:Georgia,serif!important;color:#f0d8a4!important}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content{background:transparent!important}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-room{grid-template-rows:32px 72px minmax(0,1fr) 44px;gap:12px;max-width:1180px;margin:auto;color:#ede1d0}
body.hex-screen-ui #hub-dialog[data-tab=journey] button,body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-room button{border:1px solid #a68a60!important;border-bottom:2px solid #594330!important;border-radius:10px!important;background:linear-gradient(#47384d,#2d2339)!important;color:#eddbb6!important;font-family:Georgia,serif!important;box-shadow:0 2px 5px #100a2244}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-room button:focus-visible{outline:2px solid #efd5a0;outline-offset:2px}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-room button:hover:not(:disabled){border-color:#e3c48b!important;filter:brightness(1.1)}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-summary{border-bottom:1px solid #ad93603d;padding-bottom:7px}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-summary strong{color:#edd5a3;font-family:Georgia,serif}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-summary span{color:#c9bed0;font-size:12px}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-summary progress{height:6px;accent-color:#d2b477;border:0;border-radius:5px;overflow:hidden}
.rw-summary progress::-webkit-progress-bar{background:#151021}.rw-summary progress::-webkit-progress-value{background:linear-gradient(90deg,#927348,#e9d29a)}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-rail{gap:8px;scrollbar-color:#a78b5e #211832}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-node{flex-basis:126px;border-color:#79654d!important;background:#211a2ecc!important}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-node[aria-pressed=true]{background:linear-gradient(#e4cea1,#b99461)!important;color:#2c2034!important;border-color:#f2deb0!important;box-shadow:0 0 0 2px #b49a6820}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-node.rw-ready{border-color:#efcf87!important;box-shadow:inset 0 0 12px #e2bc5425}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-stage{border:1px solid #b49a68;border-bottom:3px solid #665039;border-radius:16px;background:linear-gradient(#211a32b8,#211a32e8),url('art/academy-honors.svg') center/cover;box-shadow:inset 0 0 0 3px #1c172880,inset 0 0 0 4px #d1b98625,0 7px 18px #100a2244;padding:18px;gap:24px}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-hero{border-right:1px solid #b49a683d;padding-right:20px}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-hero h3{font-family:Georgia,serif!important;color:#f0d8a4}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-state{font:700 16px Georgia,serif;color:#e6cea0}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-loot{grid-template-columns:repeat(2,minmax(0,1fr))}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-loot .reward-currency{border:1px solid #9a805444;border-radius:8px;background:#19132299;padding:10px}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-claim:not(:disabled){background:linear-gradient(#e8d3a3,#ba955e)!important;color:#302337!important;border-color:#f0dcae!important}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-footer{border-top:1px solid #b49a6833;padding-top:4px}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-cue{color:#b8aabd}
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-panel{background:linear-gradient(#211a32e8,#211a32f5),url('art/academy-honors.svg') center/cover;border:1px solid #b49a68;color:#ede1d0}
@media(max-height:500px){body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-room{grid-template-rows:24px 60px minmax(0,1fr) 36px;gap:5px}body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-stage{padding:8px 12px;gap:12px}body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-hero{padding-right:10px}body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-footer button{min-height:32px!important;padding:3px 10px!important}body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-state{font-size:13px}body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-loot .reward-currency{padding:4px}body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-hero h3{font-size:15px!important}}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content .rw-room{grid-template-rows:32px 72px minmax(0,1fr) 44px;gap:12px}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content .rw-stage{padding:18px;gap:24px}
@media(max-height:500px){body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content .rw-room{grid-template-rows:24px 56px minmax(0,1fr) 34px;gap:5px}body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content .rw-stage{padding:6px 10px;gap:12px}body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content .rw-room button{font-size:12px!important}body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content .rw-hero h3{font-size:14px!important}body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content .rw-hero small{font-size:10px}body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content .rw-art{min-height:0}body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content .rw-detail{grid-template-rows:auto minmax(0,1fr) 34px}body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content .rw-claim{min-height:34px!important;padding:3px!important}body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content .rw-loot b{font-size:17px}body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content .rw-node{flex-basis:126px}}
@media(max-height:500px){body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey][open]{grid-template-rows:48px minmax(0,1fr)!important}body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey]>.hub-heading{height:48px!important;min-height:48px!important;padding:3px 10px!important}body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content{padding:6px 10px!important}body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content .rw-room{grid-template-rows:22px 52px minmax(0,1fr) 32px;gap:4px}body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content .rw-loot .reward-currency{min-height:30px;padding:2px}body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content .rw-loot .reward-currency svg{width:20px!important;height:20px!important}body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content .rw-loot .reward-currency small{font-size:10px!important}}
@media(max-height:400px){body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content .rw-state{display:none}body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content .rw-detail{grid-template-rows:minmax(30px,1fr) 30px;gap:3px}body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content .rw-claim{min-height:30px!important}body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content .rw-loot{overflow:auto;gap:4px}body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content .rw-loot .reward-currency small{display:none!important}body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content .rw-stage{padding:4px 10px}body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=journey] #hub-content .rw-bonus{font-size:10px}}

/* A milestone only shows currencies it actually awards. */
body.hex-screen-ui #hub-dialog[data-tab=journey] #hub-content .rw-loot:not(:has(.reward-currency.shards)) .reward-currency.coins{grid-column:1 / -1}
/* Coin and shard amounts on each road tile carry their own small icons, so the tile art never reads as the amount's currency. */
body.hex-screen-ui #hub-dialog #hub-content .rw-node small .rw-tile-loot{display:inline-flex;align-items:center;gap:1px;white-space:nowrap;vertical-align:middle}
body.hex-screen-ui #hub-dialog #hub-content .rw-node small svg.rw-mini{width:11px!important;height:11px!important;margin-right:2px;flex:none}
/* Narrow tiles keep the amounts; collected/ready still shows through the tile's colour and the detail panel. */
@media(max-width:1000px){body.hex-screen-ui #hub-dialog #hub-content .rw-node small .rw-tile-state{display:none}}