/* An optional companion panel. The card viewport never changes size. */
.journey-summary{width:100%;display:flex;gap:16px;text-align:left;padding:15px 20px;margin:0 0 24px;background:var(--panel);border-color:var(--line);border-left:3px solid var(--accent);border-radius:10px}
.journey-emblem{color:#f2d59b;font-size:1.7rem;line-height:1}.journey-summary-copy{display:grid;gap:3px;flex:1}.journey-summary-copy>strong{font-size:1rem}.journey-summary-copy>span{font-size:.875rem;color:var(--muted)}
#journey-summary-progress{width:190px;max-width:25%}#journey-summary-progress progress{margin:0;height:5px}#journey-summary-progress small{display:block;text-align:right;color:var(--muted);font-size:.875rem}.journey-summary-link{font-size:.875rem;color:var(--accent);margin-left:12px}
.review-top-actions{display:flex;align-items:center;gap:8px}.journey-chip{border-color:var(--accent);color:var(--accent);font-size:.875rem;white-space:nowrap}.journey-chip>span:first-child{color:#f2d59b}
.journey-dialog{position:fixed;inset:0 0 0 auto;width:min(440px,100%);max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-left:1px solid var(--line);border-radius:0;background:var(--bg);color:var(--text);overflow:auto;overscroll-behavior:contain;box-shadow:-20px 0 60px #0005}
.journey-dialog::backdrop{background:#061218a6}.journey-dialog-heading{position:sticky;top:0;z-index:2;background:var(--bg);padding:20px 24px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.journey-dialog-heading h2{font:1.7rem Georgia,serif;margin:0}.journey-dialog-heading button{font-size:.875rem}.journey-dialog-heading .eyebrow{font-size:.75rem}
#journey-content,.journey-preferences{padding:22px 24px}.journey-rank{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 18px;align-items:center;padding:20px;background:var(--panel);border:1px solid var(--line);border-top:3px solid #e8c886;border-radius:12px;overflow-wrap:anywhere}.journey-level{width:78px;min-height:86px;border:1px solid #bba36e;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#203d43}.journey-level small{font-size:.75rem;color:#f5dca9;letter-spacing:.12em}.journey-level strong{font-size:2rem;line-height:1.3;color:#fff3d5;font-variant-numeric:tabular-nums}.journey-rank h3{font:1.45rem/1.3 Georgia,serif;margin:0 0 6px}.journey-rank p{font-size:.875rem;margin:0;color:var(--muted)}.journey-rank .eyebrow{font-size:.75rem;color:var(--accent);margin-bottom:6px}.journey-rank .eyebrow span{font-size:1.1rem;margin-left:8px}.journey-rank>progress{grid-column:1/-1;height:7px;margin:2px 0 0}.journey-rank-caption{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.875rem}.journey-rank .journey-congratulation{grid-column:1/-1;color:var(--accent);font-weight:600}
.journey-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:26px 0 14px}.journey-section-title h3{font-size:1.05rem;margin:0}.journey-section-title p{font-size:.875rem;color:var(--muted);margin:3px 0 0}.journey-section-title>span{font-size:.875rem;color:var(--muted)}.journey-section-title>strong{font-size:1.8rem;color:var(--accent);white-space:nowrap}.journey-section-title>strong>span{font-size:1rem;color:var(--muted)}
.journey-quest{padding:16px;margin-bottom:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.journey-quest-top{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.journey-check{color:var(--muted);line-height:1;font-size:1.1rem}.journey-quest h3{font-size:1rem;margin:0;flex:1}.journey-xp{font-size:.875rem;color:#f2d59b;white-space:nowrap}.journey-quest p{font-size:.9375rem;color:var(--muted);margin:8px 0 0}.journey-quest progress{height:5px;margin:12px 0 4px}.journey-progress-caption{font-size:.875rem;display:flex;justify-content:space-between;gap:8px;color:var(--muted)}.journey-progress-caption strong{color:var(--accent);font-weight:500}.journey-quest.is-complete{border-color:var(--accent)}.is-complete .journey-check{color:var(--accent)}.journey-alternative{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}.journey-alternative>span{display:block}.journey-alternative progress{height:3px;margin:6px 0 0}.journey-set{font-size:.875rem;text-align:center;color:var(--muted);margin:14px 0 6px}.journey-set.is-complete{color:var(--accent);font-weight:600}.journey-reset{text-align:center;color:var(--muted);font-size:.75rem;margin:0}
.journey-lap{border-block:1px solid var(--line);margin-top:24px;padding:18px 0}.journey-lap .journey-section-title{margin:0 0 8px}.journey-lap .journey-section-title>span{font-size:1.5rem;color:#f2d59b}.journey-lap p{font-size:.9375rem;margin:0}.journey-lap progress{height:5px;margin:10px 0}.journey-lap small{display:block;color:var(--muted);font-size:.875rem}
.journey-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;text-align:center}.journey-week>div{display:flex;flex-direction:column;align-items:center;gap:6px}.journey-week span,.journey-week small{font-size:.75rem;color:var(--muted)}.journey-week b{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;height:32px;width:32px;font-size:1rem;font-weight:500}.journey-week .is-active b{background:var(--accent);border-color:var(--accent);color:var(--ink)}.journey-week .is-today b{outline:2px solid var(--accent);outline-offset:3px}.journey-momentum>p{font-size:.875rem;color:var(--muted);margin:16px 0 0}
.journey-badge{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.journey-badge-icon{display:grid;place-items:center;align-self:start;height:40px;border:1px solid var(--line);border-radius:12px;font-size:1.3rem;color:var(--muted)}.journey-badge.is-earned .journey-badge-icon{border-color:#c5aa71;background:#3b3524;color:#ffe0a3}.journey-badge-title{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.journey-badge h3{font-size:.9375rem;margin:0}.journey-badge-title>span{font-size:.875rem;color:var(--accent)}.journey-badge p{font-size:.875rem;color:var(--muted);margin:4px 0 0}.journey-badge progress{height:4px;margin:10px 0 3px}.journey-badge small{font-size:.875rem;color:var(--muted)}.journey-unlimited{font-size:.875rem;color:var(--accent);text-align:center;margin:20px 0 0}
.journey-preferences{border-top:1px solid var(--line);padding-bottom:max(32px,env(safe-area-inset-bottom))}.journey-preferences>label{font-size:.9375rem}.journey-preferences select{margin:8px 0}.journey-preferences .check{margin:20px 0}.journey-preferences details{border-top:1px solid var(--line);padding-top:18px;font-size:.875rem;color:var(--muted)}.journey-preferences summary{color:var(--text);cursor:pointer;font-size:.9375rem}.journey-preferences details p{margin:14px 0 0}
@keyframes journey-glow{0%,100%{box-shadow:0 0 0 0 #a0e5c700}50%{box-shadow:0 0 0 4px #a0e5c755;border-color:#f2d59b}}.journey-celebrate{animation:journey-glow 1.2s ease-in-out 3}
:root[data-theme=light] .journey-emblem,:root[data-theme=light] .journey-chip>span:first-child,:root[data-theme=light] .journey-xp,:root[data-theme=light] .journey-lap .journey-section-title>span{color:#825613}:root[data-theme=light] .journey-dialog,:root[data-theme=light] .journey-dialog-heading{background:var(--bg)}:root[data-theme=light] .journey-level{background:#f8edce}:root[data-theme=light] .journey-level strong,:root[data-theme=light] .journey-level small{color:#614315}:root[data-theme=light] .journey-badge.is-earned .journey-badge-icon{background:#f7e8bf;color:#614315}
@media(max-width:800px){.journey-summary{padding:13px 14px;gap:12px}.journey-summary-link{display:none}#journey-summary-progress{max-width:30%;width:130px}.journey-summary-copy>span{font-size:.875rem}.review-top-actions{gap:6px}}
@media(max-width:500px){#journey-summary-progress{display:none}.journey-dialog-heading,#journey-content,.journey-preferences{padding-left:18px;padding-right:18px}.journey-rank{padding:16px;gap:12px}.journey-level{width:68px}.journey-week{gap:4px}.journey-rank-caption{flex-wrap:wrap}body.reviewing .review-top>.review-top-actions{width:auto;flex:none}body.reviewing .journey-chip{padding:6px 8px;min-height:36px}.journey-chip>span:first-child{display:none}}
@media(prefers-reduced-motion:reduce){.journey-celebrate{animation:none;border-color:var(--accent)}}

/* Reward palettes are scoped to achievements, including the compact buttons. */
[data-journey-theme]{--journey-metal:#e8c886;--journey-deep:#203d43;--journey-wash:#f8edce;--journey-dark:#614315;--journey-light:#fff3d5}
[data-journey-theme=lagoon]{--accent:#78e5e2;--journey-metal:#9dece6;--journey-deep:#163b4a;--journey-light:#d7fcf8;--journey-wash:#def5f2;--journey-dark:#14534e}
[data-journey-theme=amber]{--accent:#f1cb82;--journey-metal:#f1cb82;--journey-deep:#46341d;--journey-light:#fff0c9;--journey-wash:#fff0d4;--journey-dark:#755012}
[data-journey-theme=violet]{--accent:#c6b7ff;--journey-metal:#c6b7ff;--journey-deep:#322b4c;--journey-light:#e8ddff;--journey-wash:#eee7ff;--journey-dark:#574184}
[data-journey-theme=rose]{--accent:#f4b5cb;--journey-metal:#f4b5cb;--journey-deep:#442b3a;--journey-light:#ffe2ec;--journey-wash:#fce5ee;--journey-dark:#85415c}
[data-journey-theme=glacier]{--accent:#a6d5ff;--journey-metal:#a6d5ff;--journey-deep:#22374c;--journey-light:#e1f1ff;--journey-wash:#e2efff;--journey-dark:#285d89}
[data-journey-theme=sunset]{--accent:#ffb996;--journey-metal:#ffb996;--journey-deep:#472e25;--journey-light:#ffddc4;--journey-wash:#ffeadc;--journey-dark:#814728}
[data-journey-theme=aurora]{--accent:#c5eaa0;--journey-metal:#dcc5ff;--journey-deep:#2d3d32;--journey-light:#e7f6db;--journey-wash:#e9f4dc;--journey-dark:#465e26}
:root[data-theme=light] [data-journey-theme]:not([data-journey-theme=atlas]){--accent:var(--journey-dark)}
.journey-dialog{width:min(480px,100%)}
.journey-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:12px 24px 0;background:var(--bg)}
.journey-tabs button{min-width:0;min-height:44px;padding:9px 6px;font-size:.875rem;border-color:transparent;border-radius:8px 8px 0 0;color:var(--muted)}
.journey-tabs button[aria-selected=true]{color:var(--accent);background:var(--panel);border-color:var(--line);border-bottom:2px solid var(--accent)}
.journey-tabs span{display:inline-block;font-size:.75rem;line-height:1.5;margin-left:3px;padding:0 5px;border-radius:6px;background:var(--line);color:var(--text)}
.journey-save-note{margin:0;padding:12px 24px 0;font-size:.875rem;color:var(--accent)}.journey-save-note:empty{display:none}
.journey-rank{border-top-color:var(--journey-metal)}
.journey-level{background:var(--journey-deep);border-color:var(--journey-metal);padding:8px 0}
.journey-level .journey-equipped-emblem{font-size:1.5rem;line-height:1.2;color:var(--journey-light)}
.journey-level strong,.journey-level small{color:var(--journey-light)}
.journey-customize{font-size:.8rem;padding:3px 0;min-height:32px;border:0;border-radius:2px;color:var(--accent);margin-top:6px;background:transparent;text-align:left}
.journey-showcase{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px;min-width:0}
.journey-showcase-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.75rem;color:var(--muted);margin-bottom:8px}
.journey-showcase-label button{font-size:.8rem;min-height:32px;padding:2px 10px;color:var(--accent)}
.journey-showcase-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.journey-showcase-slots>div,.journey-showcase-slots>button{min-width:0;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:5px;min-height:94px;padding:10px 5px;overflow-wrap:anywhere;background:transparent}
.journey-showcase-slots .journey-showcase-badge{border-color:var(--journey-metal);background:var(--journey-deep);color:var(--journey-light)}
.journey-showcase-slots span{font-size:1.5rem;line-height:1.1}.journey-showcase-slots strong{font-size:.75rem;font-weight:500;line-height:1.35}.journey-showcase-slots small{font-size:.7rem;line-height:1.3}.journey-showcase-empty{color:var(--muted);border-style:dashed!important}
.journey-intro,.journey-empty,.journey-seals>p{font-size:.9375rem;color:var(--muted);line-height:1.55}
.journey-filter{display:flex;align-items:center;gap:12px;font-size:.875rem;color:var(--muted);margin:16px 0}.journey-filter select{margin:0;min-height:42px;flex:1;min-width:0;font-size:.875rem}
.journey-badge-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.journey-badge-actions button{font-size:.8rem;min-height:36px;padding:6px 10px}
.journey-badge-actions button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--panel)}
.journey-badge.is-earned .journey-badge-icon{background:var(--journey-deep);color:var(--journey-light);border-color:var(--journey-metal)}
.journey-tracking-note{font-size:.8rem;color:var(--muted);line-height:1.55;margin-top:20px}
.journey-target{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:24px}
.journey-target>.eyebrow{font-size:.75rem;color:var(--accent);margin:0}.journey-target .journey-section-title{margin:8px 0 10px}.journey-target .journey-section-title h3{font-size:1rem}.journey-target>progress{height:6px;margin:0}.journey-target>p:not(.eyebrow){font-size:.875rem;color:var(--muted);margin:8px 0}.journey-target>button{font-size:.8rem;min-height:36px;margin-top:6px}
.journey-next-reward{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.journey-next-reward>div{min-width:0;flex:1}.journey-next-reward strong{display:block;font-size:.875rem;font-weight:500}.journey-next-reward small{display:block;font-size:.75rem;color:var(--muted);margin-top:4px}.journey-next-reward button{font-size:.8rem;min-height:36px;padding:6px 10px}
.journey-reward{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}
.journey-reward-symbol,.journey-swatches{width:40px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;color:var(--muted);overflow:hidden;flex-shrink:0}
.journey-reward-symbol{font:1.5rem Georgia,serif}.journey-swatches i{flex:1;height:100%}.journey-reward.is-unlocked .journey-reward-symbol{color:var(--journey-light);border-color:var(--journey-metal);background:var(--journey-deep)}
.journey-reward h3{font-size:.9375rem;line-height:1.4;margin:4px 0}.journey-reward p{font-size:.8rem;line-height:1.45;color:var(--muted);margin:4px 0}.journey-reward small{font-size:.75rem;color:var(--muted);line-height:1.4;display:block}.journey-reward progress{height:4px;margin:7px 0 4px}.journey-reward button{font-size:.8rem;padding:6px 9px;min-height:36px}.journey-reward button[aria-pressed=true]{color:var(--accent);opacity:1;border-color:var(--accent)}
.journey-seals{border:1px solid var(--journey-metal);border-radius:12px;background:var(--panel);padding:16px;margin-top:26px}.journey-seals .journey-section-title{margin:0 0 10px}.journey-seals>progress{height:6px;margin:12px 0 0}.journey-seals>button{font-size:.875rem;min-height:40px}.journey-seal-row{display:flex;justify-content:center;gap:12px;margin:20px 0}.journey-seal{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px double var(--journey-metal);border-radius:50%;width:100px;aspect-ratio:1;color:var(--journey-light);background:var(--journey-deep);padding:8px}.journey-seal>span{font-size:1.1rem}.journey-seal strong{font-size:1.25rem;line-height:1.2}.journey-seal small{font-size:.6rem}
.journey-dialog button:focus-visible,.journey-dialog select:focus-visible,.journey-reward:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
:root[data-theme=light] .journey-level,:root[data-theme=light] .journey-showcase-slots .journey-showcase-badge,:root[data-theme=light] .journey-badge.is-earned .journey-badge-icon,:root[data-theme=light] .journey-reward.is-unlocked .journey-reward-symbol,:root[data-theme=light] .journey-seal{background:var(--journey-wash);color:var(--journey-dark)}
:root[data-theme=light] .journey-level strong,:root[data-theme=light] .journey-level small,:root[data-theme=light] .journey-level .journey-equipped-emblem{color:var(--journey-dark)}
.reduce-motion .journey-celebrate{animation:none;border-color:var(--accent)}
@media(max-width:500px){.journey-tabs{padding-inline:18px}.journey-save-note{padding-inline:18px}.journey-reward{gap:9px;grid-template-columns:34px minmax(0,1fr) auto}.journey-reward-symbol,.journey-swatches{width:34px;height:38px}.journey-showcase-slots{gap:5px}.journey-showcase-slots strong{font-size:.7rem}.journey-seal{width:85px}.journey-seal-row{gap:8px}}
@media(max-width:350px){.journey-reward{grid-template-columns:34px minmax(0,1fr)}.journey-reward>button{grid-column:2;justify-self:start}.journey-rank{padding:12px}.journey-next-reward{flex-wrap:wrap}.journey-seal{width:74px}}

.journey-road{padding:20px;background:var(--soft);border:1px solid var(--line);border-radius:14px;margin:20px 0 28px}.journey-road>h3{font-family:Georgia,serif;font-size:1.5rem}.journey-road>p{line-height:1.55;color:var(--muted)}.journey-road-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.journey-road-stop{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:14px 8px;gap:5px}.journey-road-stop>span{font-size:1.4rem;color:var(--muted)}.journey-road-stop strong{font-size:.85rem}.journey-road-stop small{font-size:.7rem;color:var(--muted)}.journey-road-stop.is-earned{border-color:var(--accent)}.journey-road-stop.is-earned>span{color:var(--accent)}@media(max-width:520px){.journey-road-grid{grid-template-columns:1fr 1fr}}
