/* Let the next action and its reward lead each screen, without giant banners. */
.journey-screen[data-mode=missions] .missions-hero{
  display:inline-flex; width:fit-content; min-height:0; margin:0 0 4px;
  padding:5px 11px; border:1px solid #7fdcff; border-radius:14px;
  background:#153b84; box-shadow:0 3px #08245c;
}
.journey-screen[data-mode=missions] .missions-hero-copy{display:none}
.journey-screen[data-mode=missions] .missions-hero-trophy{gap:7px;font-size:12px}
.journey-screen[data-mode=missions] .missions-hero-trophy>.ui-art{width:34px;height:34px}
.journey-screen[data-mode=missions] .missions-hero-trophy strong{max-width:none}
.journey-screen[data-mode=missions] .missions-heading{margin-top:13px}
.journey-screen[data-mode=missions] .missions-heading p{display:none}
.journey-screen[data-mode=missions] .missions-heading-long{margin-top:24px}

/* The level badge, progress and next gift are distinct, compact pieces. */
.journey-screen .xp-v2 .xp-adventure-hero{
  grid-template-columns:88px minmax(220px,520px) minmax(140px,190px);
  justify-content:start; gap:12px; width:fit-content; max-width:100%;
  min-height:0; padding:0; overflow:visible; border:0; border-radius:0;
  background:none; box-shadow:none;
}
.journey-screen .xp-v2 .xp-adventure-hero:before{content:none}
.journey-screen .xp-v2 .xp-level-badge{width:84px;height:84px}
.journey-screen .xp-v2 .xp-level-badge strong{font-size:42px}
.journey-screen .xp-v2 .xp-level-progress{
  min-width:0; padding:12px 16px; border:2px solid #71caff; border-radius:17px;
  background:linear-gradient(135deg,#215ab0,#173680); box-shadow:0 4px #081f5b;
}
.journey-screen .xp-v2 .xp-level-progress h3{font-size:clamp(18px,1.6vw,23px)}
.journey-screen .xp-v2 .xp-level-progress p,.journey-screen .xp-v2 .xp-hero-kicker{display:none}
.journey-screen .xp-v2 .xp-next-prize{min-height:0;padding:8px 12px}
.journey-screen .xp-v2 .xp-next-art>.ui-art{width:45px;height:45px}
.journey-screen .xp-v2 .xp-road-kicker,.journey-screen .xp-v2 .xp-road-hint{display:none}
.journey-screen .xp-v2 .xp-more:not([open]){width:fit-content;max-width:100%}
.journey-screen .xp-v2 .xp-stones{width:min(100%,720px)}

/* The reward trail already has selectable cards; keep its navigation concise. */
.reward-trail .trail-heading-kicker,.reward-trail .trail-heading p{display:none}
.reward-trail .trail-caption{margin:2px 0 6px}

/* The pickaxe challenge keeps a compact task and a clear illustration. */
.journey-screen[data-mode=festival] .challenge-heading>span{display:none}
.journey-screen[data-mode=festival] .challenge-task{width:min(100%,620px);align-self:start}
.journey-screen[data-mode=festival] .challenge-note{max-width:620px;text-align:left}

@media(max-width:650px){
  .journey-screen[data-mode=missions] .missions-hero{min-height:0;padding:5px 9px}
  .journey-screen[data-mode=missions] .missions-hero-trophy{flex-direction:row;text-align:left;font-size:11px}
  .journey-screen[data-mode=missions] .missions-hero-trophy>.ui-art{width:32px;height:32px}
  .journey-screen .xp-v2 .xp-adventure-hero{width:100%;grid-template-columns:68px minmax(0,1fr);gap:10px}
  .journey-screen .xp-v2 .xp-level-badge{width:64px;height:64px;border-radius:17px}
  .journey-screen .xp-v2 .xp-level-badge strong{font-size:34px}
  .journey-screen .xp-v2 .xp-level-progress{padding:9px 11px}
  .journey-screen .xp-v2 .xp-next-prize{grid-column:1/-1;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:start;gap:8px;min-height:0;padding:6px 10px;text-align:left}
  .journey-screen .xp-v2 .xp-next-art>.ui-art{width:34px;height:34px}
  .journey-screen .xp-v2 .xp-next-prize>span,.journey-screen .xp-v2 .xp-next-prize small{font-size:10px}
  .journey-screen .xp-v2 .xp-next-prize strong{font-size:13px}
}