.journey-map{margin:24px 0}.map-intro{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:24px 28px;background:#fff5dd;border:1px solid #efdfb8;border-radius:24px}.map-intro>div{flex:1;max-width:660px}.map-intro h2{margin:8px 0}.map-intro p{color:#526875;margin-bottom:14px}.map-intro .progress{margin-top:12px}.map-intro>img{width:110px;height:145px;object-fit:contain}.map-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:24px 0 18px}.map-place-nav{display:flex;gap:12px;flex-wrap:wrap}.map-place-nav button{display:flex;align-items:center;gap:8px;min-height:46px;padding:12px 18px;border:1px solid #d9e5de;border-radius:30px;background:white;color:#334f40;font-size:14px;font-weight:800}.map-place-nav button:hover{background:#e8f1e8}.map-legend{display:flex;gap:18px;flex-wrap:wrap;margin:22px 0;font-size:12px;color:#526875}.map-legend>span{display:flex;align-items:center;gap:7px}.map-legend i{height:11px;width:11px;border-radius:50%;display:block}.legend-done{background:#467e5b}.legend-current{background:#e7b242}.legend-pending{background:#c77d39}.legend-locked{background:#aeb8b1}.map-world{max-width:900px;margin:auto}.map-region{border:1px solid #dbe4cf;border-radius:28px;overflow:hidden;background:#f0f5df;scroll-margin-top:110px}.map-place{height:240px;position:relative;background:#fff7e8;overflow:hidden}.map-place>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right 47%}.map-place:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fffbf2fa 0%,#fffbf2eb 30%,#fffbf283 51%,transparent 70%);pointer-events:none}.map-place-copy{position:relative;z-index:1;padding:30px;width:55%}.map-place h2{font-size:29px;color:var(--region-color);margin:9px 0}.map-place p{font-size:14px;color:#40545d;max-width:290px}.map-region-status{display:inline-flex;align-items:center;gap:7px;margin-top:15px;font-size:12px;font-weight:800;color:#3f6548;background:#ffffffdb;border:1px solid #dde7d2;padding:7px 11px;border-radius:30px}.map-region-status svg{width:16px}.region-locked .map-place>img{filter:saturate(.45);opacity:.72}.region-complete .map-region-status{background:#dceee0;color:#28563a}.map-ground{position:relative;height:500px;background:radial-gradient(ellipse at 10% 80%,#dfecc9 0,transparent 40%),radial-gradient(ellipse at 90% 20%,#d8eac4 0,transparent 35%),#f0f5df;overflow:hidden}.map-roads{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.map-roads path{fill:none;stroke-linecap:round}.map-road-base{stroke:#e5d7ae;stroke-width:28}.map-road{stroke-width:9;vector-effect:non-scaling-stroke}.map-road.open{stroke:#78a87e}.map-road.locked{stroke:#b6b9a4;stroke-width:5;stroke-dasharray:2 15}.map-stops{list-style:none;padding:0;margin:0;position:absolute;inset:0}.map-stop{position:absolute;left:var(--stop-x);top:calc(var(--stop-y) - 32px);width:178px;margin-left:-89px;text-align:center;scroll-margin-top:150px}.map-node{position:relative;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border:5px solid #fffdf3;border-radius:50%;background:#e7e9dc;color:#5d6d61;box-shadow:0 4px 0 #b1bba5,0 7px 12px #4c62451a;transition:transform .2s,box-shadow .2s;font:inherit}.map-node:not(:disabled):hover{transform:translateY(-4px);box-shadow:0 7px 0 #a1b897,0 12px 20px #4c62452b}.map-number{font-weight:900;font-size:24px}.map-node-badge{position:absolute;right:-8px;bottom:-5px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fffdf3;border:2px solid currentColor}.map-node-badge svg{width:15px;height:15px;stroke-width:2.5}.map-stop.complete .map-node{background:#4d8761;color:#fff;box-shadow:0 4px 0 #2c5c3b,0 8px 15px #38563726}.map-stop.complete .map-node-badge{color:#356d48}.map-stop.available .map-node{background:#f1c453;color:#63490f;box-shadow:0 4px 0 #b58b25,0 0 0 7px #f6db8d6e}.map-stop.pending .map-node{background:#e8af6b;color:#6d431d;box-shadow:0 4px 0 #b77c3d}.map-stop.locked .map-node{opacity:1;border-color:#f8f9f0;color:#68776a}.map-stop-caption{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;gap:3px;margin-top:13px;color:#2b4c35}.map-stop-caption strong{font-size:14px;line-height:1.3;max-width:168px;border-radius:7px;background:#f0f5dff2;padding:3px 7px}.map-stop-caption>span{font-size:11px;line-height:1.35;max-width:160px;background:#f0f5dff2;border-radius:5px;padding:2px 5px;color:#526853}.map-stop.is-current .map-stop-caption>span{color:#6b4c16;background:#fff1c3;font-weight:800;padding:4px 9px}.map-stop.locked .map-stop-caption strong{color:#5b6d5a}.map-scenery{position:absolute;inset:0;pointer-events:none}.map-tree{position:absolute;color:#8bb47d;opacity:.6}.map-tree svg{height:80px;width:80px;stroke-width:1.2}.tree-one{left:5%;top:185px}.tree-two{right:3%;top:312px}.map-flower{position:absolute;font-size:38px;color:#dfab76;opacity:.7}.flower-one{left:11%;top:382px}.flower-two{right:12%;top:35px}.map-pond{position:absolute;left:4%;top:25px;width:100px;height:52px;transform:rotate(-24deg);background:#cce4de;border:7px solid #e6efdb;border-radius:60% 40% 65% 35%;opacity:.7}.map-bridge{height:56px;display:flex;align-items:center;justify-content:center;position:relative;color:#a9bba1}.map-bridge>span{width:8px;height:100%;border-left:5px dotted #b3bfa7}.map-bridge>svg{position:absolute;width:22px;height:22px;background:var(--paper);padding:2px}.map-bridge.open{color:#4c835d}.map-bridge.open>span{border-left:6px solid #78a87e}.map-footer{display:flex;align-items:flex-start;justify-content:center;gap:10px;margin:24px auto;max-width:720px;font-size:14px;color:#526875;text-align:center}.map-footer svg{margin-top:3px}@media(max-width:650px){.map-intro{padding:18px;gap:10px}.map-intro h2{font-size:20px}.map-intro p{font-size:14px}.map-intro>img{width:68px;height:100px}.map-controls{gap:10px}.map-controls>.btn{width:100%;justify-content:center}.map-place-nav{gap:7px}.map-place-nav button{font-size:11px;padding:9px 10px;gap:5px;flex:1;justify-content:center;line-height:1.3;border-radius:16px}.map-place-nav svg{width:17px;height:17px}.map-legend{gap:10px 14px;font-size:10px}.map-region{border-radius:22px}.map-place{height:280px;display:flex;flex-direction:column}.map-place>img{position:relative;inset:auto;order:1;width:100%;height:145px;object-position:right 50%}.map-place-copy{order:2;width:100%;padding:12px 18px;background:#fff9eb}.map-place:after{display:none}.map-place h2{font-size:22px;margin:5px 0}.map-place p{display:none}.map-place .eyebrow{font-size:10px}.map-region-status{font-size:10px;margin-top:7px;padding:5px 8px}.map-region-status svg{width:13px;height:13px}.map-ground{height:500px}.map-node{width:58px;height:58px}.map-number{font-size:22px}.map-node-badge{width:24px;height:24px;right:-6px;bottom:-4px}.map-stop{width:134px;margin-left:-67px}.map-stop-caption{margin-top:12px}.map-stop-caption strong{font-size:12px;max-width:132px;padding:3px 4px}.map-stop-caption>span{font-size:10px;max-width:130px}.map-tree svg{height:45px;width:45px}.map-pond{width:60px;height:35px;left:1%}.map-flower{font-size:27px}.map-footer{font-size:12px;text-align:left}.tree-two{right:1%}.map-bridge{height:44px}}@media(prefers-reduced-motion:reduce){.map-node{transition:none}}
@media(min-width:801px){.child:has(.journey-map) .sidebar{position:sticky;top:78px;height:calc(100vh - 78px);min-height:0;align-self:start}}