/* Journey is a separate activity in the mobile web playtest shell. */
.journey-overview{display:grid;grid-template-columns:auto auto 1fr;gap:32px;align-items:center;padding:22px 25px;margin-bottom:20px;border:1px solid var(--dash-border);border-radius:12px;background:var(--dash-surface)}
.journey-overview strong{display:block;color:#ffd264;font-size:32px;font-variant-numeric:tabular-nums;letter-spacing:-1px}.journey-overview small{color:#929fb6;font-size:18px;font-weight:400}.journey-overview span{display:block;font-size:11px;color:#adbad0;letter-spacing:1px;margin-top:5px}.journey-overview p{justify-self:end;max-width:265px;color:#aab8cd;font-size:14px;line-height:1.6;margin:0}
.journey-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:20px;align-items:start}.journey-brief{border:1px solid #7be4f54a;border-radius:14px;overflow:hidden;background:#101926;min-width:0}.journey-art{height:140px;background:linear-gradient(0deg,#101926,transparent),url('assets/neon-city.webp') center 45%/cover;display:flex;align-items:flex-end;padding:0 25px 13px}.journey-art span{font-size:12px;color:#b8ebf5;letter-spacing:2px;text-transform:uppercase;font-weight:700}.journey-brief-copy{padding:10px 25px 24px}.journey-brief-copy>.mini-label{color:#98b6cb;letter-spacing:1.5px;margin:0 0 9px;font-size:11px}.journey-brief h3{font-size:32px;line-height:1.08;letter-spacing:-.8px;margin:0 0 10px}.journey-brief-copy>p:not(.mini-label){font-size:14px;line-height:1.6;color:#afbed3}.journey-meta{display:flex;gap:10px;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff15;padding:8px 0 14px;margin-bottom:4px}.journey-meta>span{font-size:12px;color:#a5b4c8}.journey-meta strong{font-size:23px;color:#ffd264;letter-spacing:3px;white-space:nowrap}.journey-goals{list-style:none;margin:0;padding:0}.journey-goals li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #ffffff0c;font-size:13px;line-height:1.5;color:#cbd7e6}.journey-goals li>span:first-child{color:#65758b;font-size:23px}.journey-goals li.earned>span:first-child{color:#ffd264}.journey-goals small{color:#89dec7;margin-left:auto;font-size:11px}.journey-brief-copy>p.journey-tip{border-left:2px solid #72d6e2;padding-left:11px;font-size:12px;margin:17px 0 20px;color:#b7c6d9}.journey-brief .primary-button,.journey-brief .secondary-button{width:100%;justify-content:center;font-size:14px;min-height:48px;margin:0 0 9px}.journey-brief .primary-button:disabled{opacity:.5;cursor:default}.journey-brief-copy>p.journey-start-note{font-size:12px;color:#b9c8d9;margin:5px 0 14px}.journey-brief-copy>p.journey-reward{font-size:12px;color:#91a6be;margin:12px 0 0}.journey-reward b{font-weight:500;color:#e3c978}
.journey-chapters{display:grid;grid-template-columns:1fr 1fr;gap:15px}.journey-chapter{--chapter-color:#7be4f5;border:1px solid #ffffff17;border-radius:12px;overflow:hidden;background:#0e1522;min-width:0}.journey-chapter-header{padding:20px 17px 16px;background-size:cover;background-position:center;min-height:114px}.journey-chapter-header>span{font-size:10px;letter-spacing:1.3px;color:var(--chapter-color)}.journey-chapter h3{font-size:19px;margin:10px 0 6px;letter-spacing:-.3px}.journey-chapter-header p{font-size:12px;color:#a9b9cd;margin:0;line-height:1.5}.journey-stage-list{padding:7px}.journey-stage{display:grid;grid-template-columns:25px minmax(0,1fr);gap:0 6px;text-align:left;width:100%;border:1px solid transparent;background:none;padding:10px 7px;border-radius:7px;color:#d6e1ed;min-height:65px}.journey-stage+.journey-stage{margin-top:3px}.journey-stage:hover{background:#ffffff08}.journey-stage[aria-pressed=true]{background:#7be4f510;border-color:#7be4f575}.journey-stage>span:first-child{grid-row:span 2;color:var(--chapter-color);font-size:12px;line-height:1.6;font-variant-numeric:tabular-nums}.journey-stage strong{font-size:12px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}.journey-stage small{font-size:11px;color:#ffd264;letter-spacing:1.2px;margin-top:3px}.journey-stage.locked strong{color:#a1aec1}.journey-stage.locked small{color:#8797ac;letter-spacing:0}.journey-local{font-size:12px;color:#92a4bc;line-height:1.7;margin:20px 0 0;max-width:850px}
.journey-hud{position:absolute;left:22px;right:22px;bottom:52px;z-index:2;max-width:360px;border:1px solid #e9c36344;border-radius:7px;background:#101a29e8;padding:8px 11px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;pointer-events:none}.journey-hud strong{color:#ffd264;font-size:16px;letter-spacing:2px}.journey-hud>span{font-size:12px;color:#d5dfed;line-height:1.4}.journey-hud>i{grid-column:1/-1;display:block;height:3px;background:#ffffff1b;border-radius:2px;overflow:hidden}.journey-hud b{display:block;height:100%;background:#ffd264;width:0}.journey-result{margin:14px 0;padding:13px;border-top:1px solid #ffd26444;border-bottom:1px solid #ffd26444}.journey-result>strong{font-size:30px;letter-spacing:5px;color:#ffd264}.journey-result p{font-size:12px;line-height:1.6;color:#ccd5e4;margin:7px 0 0}.main-nav [role=tablist]{max-width:100%;overflow-x:auto}
@media(max-width:850px){.journey-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.journey-chapters{grid-template-columns:1fr}.journey-stage-list{display:grid;grid-template-columns:1fr}.journey-chapter-header{min-height:90px;padding:15px 17px}.journey-stage{min-height:57px}.journey-stage+.journey-stage{margin-top:0}.journey-overview{gap:23px}}
@media(max-width:650px){.main-nav [role=tablist]{display:flex;width:100%}.main-nav button{flex:1 0 auto;min-width:0;font-size:12px;padding:7px 3px;gap:3px}.journey-layout{grid-template-columns:1fr;gap:18px}.journey-chapters{grid-template-columns:1fr 1fr;gap:10px}.journey-overview{grid-template-columns:1fr 1fr;gap:15px;padding:20px}.journey-overview p{grid-column:1/-1;justify-self:start;max-width:none;font-size:13px}.journey-overview strong{font-size:29px}.journey-overview span{font-size:10px;letter-spacing:.6px}.journey-art{height:112px;padding-left:21px}.journey-brief-copy{padding:10px 21px 21px}.journey-brief h3{font-size:29px}.journey-chapter-header{padding:16px 12px}.journey-chapter h3{font-size:17px}.journey-stage-list{padding:4px}.journey-stage{grid-template-columns:19px minmax(0,1fr);gap:0 4px;padding:10px 5px;min-height:65px}.journey-stage strong{font-size:12px}.journey-stage>span:first-child{font-size:11px}.journey-hud{left:13px;right:13px;bottom:47px;padding:7px 9px;max-width:325px}.journey-hud>span{font-size:12px}}
@media(max-width:360px){.journey-chapters{grid-template-columns:1fr}.journey-chapter-header{min-height:82px}.journey-stage{grid-template-columns:26px 1fr;min-height:60px}.journey-stage strong{font-size:14px}.journey-stage>span:first-child{font-size:12px}}

.journey-brief{scroll-margin-top:75px}
@media(max-height:580px) and (orientation:landscape){.journey-result{grid-column:1/-1}}
