.journey-panel{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.5fr);gap:18px;margin:0 0 20px;background:#fff9e9;border:1px solid #c4cba5;border-radius:18px;padding:16px 20px;box-shadow:0 5px 15px #304c3b0a}
.scene[data-location=marsh] .hotspot{z-index:5}
@media(min-width:651px){.scene[data-location=marsh] .hotspot{width:56px;min-width:56px}.scene[data-location=marsh] .hotspot .hotspot-label{max-width:110px}}
@media(max-width:650px){.scene[data-location=marsh] .hotspot[data-action=bridge]{top:calc(50% + 115px)!important;left:43%!important}.scene[data-location=marsh] .hotspot[data-action=takeMoonstone]{top:calc(50% + 115px)!important;left:81%!important}.scene[data-location=marsh] .quest-leaders{display:none}}
.journey-panel[hidden]{display:none}.journey-friend{display:flex;align-items:center;gap:14px;border-right:1px solid #d5d9bc;padding-right:18px}.journey-friend img{width:78px;height:86px;object-fit:contain;flex-shrink:0;background:#f1f1d9;border-radius:15px}.journey-friend b{display:block;font-size:18px;line-height:1.35;overflow-wrap:anywhere}.journey-friend .eyebrow{font-size:11px;margin:0 0 4px;letter-spacing:1px}.friend-pencil{padding:5px 0;background:none;border:0;color:#5e3f87;font-size:14px;text-decoration:underline;text-underline-offset:3px;text-align:left;min-height:36px}.friend-pencil span{font-size:12px}.journey-task{display:grid;grid-template-columns:1fr auto;gap:4px 18px;align-items:center}.journey-task h2{font-size:20px;line-height:1.25;margin:0;letter-spacing:0}.journey-task p{font-size:15px;line-height:1.45;margin:0;grid-column:1;color:#47594d}.journey-task button{grid-column:2;grid-row:1/3;max-width:195px;min-height:48px;font-size:15px;padding:11px 17px}.intro-friend{display:flex;align-items:center;gap:16px;margin:12px 0 18px;text-align:left}.intro-friend img{width:84px;height:98px;object-fit:contain;flex-shrink:0}.intro-friend p{margin:0!important}.moonlight-friend-card{display:flex;gap:18px;align-items:center;background:#eef0d7;border:1px solid #c2cba5;border-radius:16px;padding:16px;margin:18px 0}.moonlight-friend-card img{width:100px;height:110px;object-fit:contain;flex-shrink:0}.moonlight-friend-card b{display:block;overflow-wrap:anywhere}.moonlight-friend-card p{font-size:16px;line-height:1.5;margin:6px 0 0}.friend-home{position:absolute;left:27%;bottom:8%;width:18%;height:31%;display:flex;align-items:center;justify-content:end;flex-direction:column;z-index:2}.friend-home img{height:100%;max-height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 6px 3px #112c4559)}.friend-home span{font-size:13px;background:#fff9df;padding:3px 8px;border:1px solid #a9b978;border-radius:10px;max-width:130px;text-align:center;overflow-wrap:anywhere}.quest-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.quest-leaders path{stroke:#ffdc79;stroke-width:2;stroke-dasharray:5 8;opacity:.55;fill:none}.quest-leaders circle{fill:#ffe8a0;opacity:.75}.hotspot.nav-target .orb{outline:3px solid #fff2a6;outline-offset:5px}.intro-card{max-height:calc(100% - 12px);overflow:auto}.journey-panel~.game-frame .scene{scroll-margin-top:14px}
@media(max-width:900px){.journey-panel{grid-template-columns:minmax(185px,.75fr) minmax(0,1.4fr);padding:14px 16px}.journey-friend img{width:62px;height:74px}.journey-task{grid-template-columns:1fr}.journey-task button{grid-column:1;grid-row:auto;max-width:none;justify-self:start;margin-top:6px}.journey-friend b{font-size:16px}}
@media(max-width:650px){.journey-panel{grid-template-columns:1fr;gap:12px;margin-bottom:14px;padding:13px 15px;border-radius:14px}.journey-friend{border-right:0;border-bottom:1px solid #d5d9bc;padding:0 0 10px;gap:12px}.journey-friend img{width:54px;height:62px}.journey-friend .eyebrow{font-size:10px}.journey-friend b{font-size:16px}.friend-pencil{font-size:14px;padding:3px 0;min-height:30px}.journey-task{gap:5px}.journey-task h2{font-size:18px}.journey-task p{font-size:15px}.journey-task button{font-size:15px;min-height:44px;margin-top:4px;width:100%}.intro-friend{gap:10px;margin:9px 0 12px}.intro-friend img{width:58px;height:72px}.intro-friend p{font-size:15px!important;line-height:1.5!important}.intro-card h2{font-size:28px}.moonlight-friend-card{padding:12px;gap:12px}.moonlight-friend-card img{width:76px;height:90px}.moonlight-friend-card p{font-size:15px}.friend-home{left:27%;width:21%;height:31%}.friend-home span{font-size:11px;max-width:90px}}
