.journey-trail{margin:24px 0 40px}.journey-intro{display:flex;align-items:center;gap:28px;padding:28px;background:#fff3d7;border-radius:24px;margin-bottom:24px}.journey-intro img{width:125px;height:160px;object-fit:cover;border-radius:18px}.journey-intro h2{margin:8px 0}.journey-intro .progress{max-width:430px;margin:12px 0}.mission-path{display:grid;gap:14px}.mission-step{display:flex;align-items:center;gap:18px;padding:22px;background:#fff;border:1px solid #dce6e9;border-radius:18px;position:relative}.mission-step .content{flex:1}.mission-step h3{margin:6px 0}.mission-step p{margin:6px 0 10px;color:#526875}.mission-marker{width:52px;height:52px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#e4effb;color:#276ea8}.mission-marker svg{width:25px;height:25px}.mission-step.complete .mission-marker{background:#dceee7;color:#28684a}.mission-step.pending{border-color:#e4b348;background:#fffaf0}.mission-step.available{border-color:#74a3cd;box-shadow:0 4px 16px #276ea80a}.mission-step.locked{background:#f2f5f6;border-style:dashed}.mission-step.locked .mission-marker{background:#e3e8eb;color:#667781}.mission-state{font-size:13px;font-weight:700;color:#526875}.complete .mission-state{color:#28684a}.journey-celebration{color:#28684a;font-weight:bold}@media(max-width:650px){.journey-intro{padding:20px;gap:14px;align-items:flex-start}.journey-intro img{width:72px;height:100px}.mission-step{padding:16px;gap:12px;flex-wrap:wrap}.mission-step .content{min-width:180px}.mission-step>.btn,.mission-step>.small{margin-left:64px}.journey-intro h2{font-size:21px}}