:root{--cream:#fff8ed;--paper:#fffdf8;--ink:#43251d;--coral:#f05c5e;--pink:#d81768;--orange:#f28a19;--mint:#4ea786;--purple:#7658a6;--line:#ead9c8;--shadow:0 18px 50px rgba(102,64,41,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,253,248,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(234,217,200,.9)}.nav{min-height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.04em}.brand-mark{width:38px;height:38px;border-radius:50% 50% 48% 52%;background:var(--coral);display:grid;place-items:center;color:white;font-size:20px;transform:rotate(-7deg)}.nav-links{display:flex;gap:8px;margin-left:auto}.nav-links a{padding:10px 15px;border-radius:999px;font-weight:700}.nav-links a:hover,.nav-links a.active{background:#ffe6dc;color:#b9344b}.socials{display:flex;gap:8px}.social{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:white;font-weight:900}.social.line{background:#18b64a}.social.fb{background:#287be0}.menu-btn{display:none;border:0;background:#ffe8dd;border-radius:12px;padding:8px 11px}
.hero{padding:52px 0 64px;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);z-index:-1}.hero:before{width:340px;height:340px;background:#ffdcd3;left:-160px;top:40px}.hero:after{width:290px;height:290px;background:#d8f1dc;right:-120px;bottom:10px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.75fr);gap:46px;align-items:center}.poster-shell{background:white;border-radius:34px;padding:14px;box-shadow:var(--shadow);transform:rotate(-.7deg);border:1px solid #f1dfcf}.poster-shell img{border-radius:24px;width:100%;max-height:760px;object-fit:contain;background:#fff8ef}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--pink);font-weight:900;letter-spacing:.12em}.hero-copy h1{font-size:clamp(40px,6vw,72px);line-height:1.06;margin:14px 0 20px;letter-spacing:-.04em}.hero-copy h1 span{color:var(--orange)}.lead{font-size:18px;color:#6d5148}.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.fact{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:17px}.fact b{display:block;font-size:18px}.fact small{color:#876b61}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 20px;font-weight:900;border:1px solid transparent}.btn.primary{background:var(--pink);color:white;box-shadow:0 10px 24px rgba(216,23,104,.2)}.btn.secondary{background:white;border-color:var(--line)}
.banner-hero{padding:34px 0 54px}.event-banner{position:relative;border-radius:32px;overflow:hidden;border:10px solid white;box-shadow:var(--shadow);background:white}.event-banner>img{width:100%;aspect-ratio:16/9;object-fit:cover}.banner-actions{position:absolute;left:4.5%;bottom:4.5%;display:flex;gap:10px}.banner-actions .btn{box-shadow:0 8px 24px rgba(72,39,27,.18)}
.section{padding:72px 0}.section.white{background:var(--paper)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-head h2,.page-title h1{font-size:clamp(32px,5vw,52px);line-height:1.12;margin:8px 0}.section-head p{margin:0;color:#81685f;max-width:620px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{background:white;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 9px 25px rgba(96,59,38,.06)}.feature .icon{font-size:30px}.feature h3{margin:9px 0 4px}.feature p{margin:0;color:#745e56;font-size:14px}.gift-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.gift-card{background:white;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.gift-card img{width:100%;aspect-ratio:1.28/1;object-fit:cover}.gift-card div{padding:20px 24px}.gift-card h3{margin:0}.gift-card p{margin:4px 0 0;color:#7f675d}
.page-hero{padding:64px 0 38px;background:linear-gradient(135deg,#fff3de,#ffe9e4 50%,#ebf5df)}.page-title{max-width:780px}.page-title p{font-size:18px;color:#735b52}.crumb{color:var(--pink);font-weight:800}.route-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);gap:26px;align-items:start}.map-card{position:sticky;top:104px;border-radius:28px;overflow:hidden;border:8px solid white;box-shadow:var(--shadow);background:white}.map-card iframe{width:100%;height:560px;border:0}.stops{display:grid;gap:14px}.stop{display:grid;grid-template-columns:56px 1fr auto;gap:16px;align-items:center;background:white;border:1px solid var(--line);border-radius:22px;padding:18px}.stop-no{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:#fff0d0;color:#c96b00;font-weight:900;font-size:20px}.stop h3{margin:0}.stop p{margin:2px 0;color:#7d665d;font-size:14px}.nav-arrow{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ffe5df;color:var(--pink);font-weight:900}.route-note{background:#3f9b7d;color:white;padding:24px;border-radius:24px;margin-top:18px}.route-note h3{margin:0 0 4px}.route-note p{margin:0;opacity:.92}
.walk-main{background:#fff7e9}.map-intro{padding:30px 0 20px;background:radial-gradient(circle at 9% 30%,#ffd8d0 0 20px,transparent 21px),radial-gradient(circle at 92% 20%,#dff2d7 0 30px,transparent 31px)}.map-intro-row{display:flex;align-items:end;justify-content:space-between;gap:24px}.map-intro h1{margin:5px 0 4px;font-size:clamp(28px,4vw,44px);line-height:1.2}.map-intro p{margin:0;color:#765f56}.map-legend{display:flex;gap:14px;flex-wrap:wrap;background:#fffdf8;padding:11px 15px;border-radius:999px;border:1px solid #f0d8c4;font-size:13px;font-weight:800}.map-legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:13px;height:13px;border-radius:50%;display:inline-block}.legend-dot.sight{background:#f28a19}.legend-dot.shop-dot{background:#3f9b7d}.legend-dot.me{background:#287be0;border:3px solid #b9d6ff}.live-map-shell{position:relative;width:min(1440px,calc(100% - 32px));height:min(72vh,760px);min-height:580px;margin:0 auto 56px;border:10px solid #fffdf8;border-radius:34px;overflow:hidden;box-shadow:0 18px 52px rgba(127,77,43,.16);background:#f4eadb}.live-map-shell:before,.live-map-shell:after{position:absolute;z-index:450;pointer-events:none;font-size:34px;filter:drop-shadow(0 3px 4px rgba(90,56,36,.15))}.live-map-shell:before{content:'✿';left:13px;bottom:12px;color:#ef6c75}.live-map-shell:after{content:'❀';right:360px;bottom:13px;color:#7ab48f}.live-map-shell #live-map{height:100%;width:100%;z-index:1}.festival-map-tiles{filter:saturate(.72) sepia(.08) brightness(1.06) contrast(.94)}.map-controls{position:absolute;z-index:500;left:18px;top:18px;display:flex;gap:8px}.locate-btn,.map-small-btn{border:0;background:#fffdf8;border-radius:999px;padding:11px 15px;font-weight:900;box-shadow:0 6px 20px rgba(52,37,29,.16);cursor:pointer}.locate-btn{background:#287be0;color:white}.locate-btn.following{background:#126bcd}.location-status{position:absolute;z-index:500;left:18px;top:70px;background:rgba(255,253,248,.94);border:1px solid #f2dcc9;border-radius:14px;padding:7px 11px;font-size:12px;color:#665049;max-width:290px;box-shadow:0 4px 14px rgba(52,37,29,.12)}.map-drawer{position:absolute;z-index:500;right:18px;top:18px;width:330px;max-height:calc(100% - 36px);background:rgba(255,253,248,.96);border:2px solid #f4d4c3;border-radius:26px;padding:14px;box-shadow:0 12px 36px rgba(104,62,38,.18);backdrop-filter:blur(10px);transition:transform .25s,opacity .25s}.map-drawer:before{content:'✿';position:absolute;right:15px;top:-19px;color:#ef6c75;font-size:31px}.drawer-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.drawer-tab{border:0;border-radius:14px;padding:9px;background:#f7eadb;font-weight:900;cursor:pointer}.drawer-tab.active{background:var(--pink);color:white}.map-list{display:grid;gap:6px;max-height:570px;overflow:auto}.map-list-item{display:grid;grid-template-columns:36px 1fr;gap:9px;text-align:left;width:100%;border:0;border-bottom:1px dashed #ead2c4;background:transparent;padding:9px 5px;cursor:pointer}.map-list-item:hover{background:#fff0e5}.list-num{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:white;font-weight:900}.list-num.sight{background:#f28a19}.list-num.shop{background:#3f9b7d}.map-list-item b{display:block}.map-list-item small{display:block;color:#7c655c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-toggle{display:none}.leaflet-div-icon{background:transparent;border:0}.shop-circle{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#3f9b7d;color:#fff;font-size:11px;font-weight:900;border:3px solid #fffdf8;box-shadow:0 3px 8px rgba(45,76,61,.28)}.flower-marker{position:relative;width:42px;height:42px;display:grid;place-items:center}.flower-marker:before,.flower-marker:after,.flower-marker i:before,.flower-marker i:after{content:'';position:absolute;width:22px;height:22px;border-radius:50%;background:#f28a19;border:2px solid #fffdf8}.flower-marker:before{left:2px;top:2px}.flower-marker:after{right:2px;top:2px}.flower-marker i:before{left:2px;bottom:2px}.flower-marker i:after{right:2px;bottom:2px}.flower-marker span{position:relative;z-index:2;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#dc5a67;color:white;font-size:12px;font-weight:900;border:2px solid #fffdf8;box-shadow:0 3px 9px rgba(76,46,34,.22)}.user-location{width:22px;height:22px;border-radius:50%;background:#287be0;border:4px solid white;box-shadow:0 0 0 8px rgba(40,123,224,.25),0 2px 9px rgba(0,0,0,.3)}.leaflet-popup-content-wrapper{border-radius:18px;background:#fffdf8;border:2px solid #f3d3c1}.leaflet-popup-tip{background:#fffdf8}.map-popup h3{margin:0 0 4px}.map-popup p{margin:2px 0;color:#6c574f}.map-popup a{display:inline-block;margin-top:8px;color:var(--pink);font-weight:900}
.tools{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:28px}.search{min-width:min(100%,360px);border:1px solid var(--line);background:white;padding:13px 17px;border-radius:999px;outline:none}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:white;padding:10px 17px;border-radius:999px;color:#634a42;cursor:pointer;font-weight:800}.filter.active{color:white;background:var(--mint);border-color:var(--mint)}.shops-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.shop{background:white;border:1px solid var(--line);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(90,55,38,.07)}.shop.hidden{display:none}.shop-photo{position:relative}.shop-photo img{width:100%;height:205px;object-fit:cover}.number{position:absolute;left:14px;top:14px;background:var(--pink);color:white;border-radius:999px;padding:5px 11px;font-weight:900}.tag{position:absolute;right:14px;top:14px;background:rgba(255,255,255,.94);border-radius:999px;padding:5px 11px;font-size:13px;font-weight:900}.shop-body{padding:19px;display:flex;flex-direction:column;flex:1}.shop h3{margin:0;font-size:22px}.meta{font-size:13px;color:#765f57;margin:7px 0}.intro{font-size:14px;color:#68534c;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.shop-actions{display:flex;gap:8px;margin-top:auto;padding-top:12px}.shop-actions a{flex:1;text-align:center;border-radius:12px;padding:9px 7px;background:#fff0e7;color:#a1423f;font-weight:800;font-size:14px}.empty{display:none;text-align:center;padding:60px;color:#81685f}.empty.show{display:block}
.footer{background:#3d2c26;color:#fff8ed;padding:45px 0 30px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:30px}.footer h3{margin:0 0 8px}.footer p{margin:3px 0;color:#e8d9cf}.footer-links{display:flex;gap:10px;justify-content:flex-end;align-items:start}.footer-links a{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:10px 16px}.ad{border-top:1px solid rgba(255,255,255,.16);margin-top:30px;padding-top:18px;text-align:right;color:#d9c7bc;font-size:13px}
@media(max-width:900px){.hero-grid,.route-grid{grid-template-columns:1fr}.poster-shell{max-width:680px;margin:auto}.map-card{position:relative;top:auto;order:-1}.map-card iframe{height:400px}.feature-grid{grid-template-columns:1fr 1fr}.shops-grid{grid-template-columns:1fr 1fr}.nav-links{position:absolute;display:none;top:76px;left:20px;right:20px;background:white;border:1px solid var(--line);border-radius:20px;padding:12px;box-shadow:var(--shadow);flex-direction:column}.nav-links.open{display:flex}.menu-btn{display:block;margin-left:auto}.socials{display:none}.map-intro-row{display:block}.map-legend{margin-top:14px;width:max-content;max-width:100%;border-radius:18px}.map-drawer{right:10px;top:auto;bottom:10px;width:calc(100% - 20px);max-height:43%;transform:translateY(calc(100% + 20px));opacity:0}.map-drawer.open{transform:none;opacity:1}.drawer-toggle{display:block;position:absolute;z-index:501;right:16px;bottom:16px;border:0;border-radius:999px;background:var(--pink);color:white;padding:11px 16px;font-weight:900;box-shadow:0 8px 24px rgba(77,39,34,.22)}.map-drawer.open+.drawer-toggle{bottom:calc(43% + 24px)}}
@media(max-width:620px){.wrap{width:min(100% - 26px,1160px)}.hero{padding-top:20px}.event-banner{border-width:6px;border-radius:20px}.event-banner>img{aspect-ratio:16/10}.banner-actions{position:static;background:white;padding:10px;justify-content:center}.banner-actions .btn{padding:10px 13px;font-size:14px}.hero-grid{gap:28px}.hero-copy h1{font-size:42px}.fact-grid,.feature-grid,.gift-grid,.shops-grid{grid-template-columns:1fr}.section{padding:52px 0}.section-head{display:block}.stop{grid-template-columns:48px 1fr}.stop .nav-arrow{grid-column:2}.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.ad{text-align:left}.map-card iframe{height:330px}.live-map-shell{width:100%;height:calc(100svh - 130px);min-height:580px;margin-bottom:28px;border-radius:0;border-width:0}.map-intro{padding:18px 0 12px}.map-intro h1{font-size:27px}.map-intro p{font-size:14px}.map-legend{font-size:12px}.map-controls{left:10px;top:10px}.location-status{left:10px;top:62px}.locate-btn,.map-small-btn{padding:10px 12px}.footer{margin-top:0}}

/* Single local map image: avoids incomplete third-party map tile loading. */
.live-map-shell{height:auto;min-height:0;aspect-ratio:1202/700}
.live-map-shell #live-map{position:absolute;inset:0;height:100%;width:100%;z-index:1}
.static-map-image{display:block;width:100%;height:100%;object-fit:fill}
.marker-layer{position:absolute;inset:0;z-index:20}
.map-attribution{position:absolute;z-index:490;left:8px;bottom:6px;padding:3px 6px;border-radius:5px;background:rgba(255,255,255,.82);color:#594e47;font-size:10px}
.map-attribution a{color:inherit}
.static-marker{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;cursor:pointer;font-family:inherit;transition:transform .16s,filter .16s}
.static-marker:hover,.static-marker:focus-visible{transform:translate(-50%,-50%) scale(1.18);filter:brightness(1.06);z-index:30}
.static-marker.shop{width:27px;height:27px;border:3px solid #fffdf8;border-radius:50%;background:#3f9b7d;color:#fff;font-size:11px;font-weight:900;box-shadow:0 3px 9px rgba(34,83,65,.35)}
.illustrated-map .static-marker.shop,.illustrated-map .list-num.shop,.illustrated-map .legend-dot.shop-dot{background:#df3f69}.illustrated-map .static-marker.shop{box-shadow:0 3px 9px rgba(130,33,67,.34)}.drawer-title{padding:6px 8px 12px;color:#c82f61;font-size:18px;font-weight:900;border-bottom:1px dashed #efc2c7}.legend-flower{color:#ef6c75;font-size:19px;line-height:1}.activity-marker{position:absolute;z-index:35;transform:translate(-50%,-50%);width:58px;height:58px;border:3px solid #fff;border-radius:50%;background:#ef6c75;color:white;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 16px rgba(139,48,72,.35)}.activity-marker:before{content:'✿';position:absolute;inset:-17px;color:#f6a055;font-size:82px;line-height:82px;z-index:-1;filter:drop-shadow(0 2px 3px rgba(90,56,36,.16))}.activity-marker span{font-size:12px;font-weight:900}.activity-marker:hover,.activity-marker:focus-visible{transform:translate(-50%,-50%) scale(1.1)}
.static-marker.sight{width:37px;height:37px;border:3px solid #fffdf8;border-radius:50%;background:#f28a19;color:#fff;font-size:13px;font-weight:900;box-shadow:0 3px 10px rgba(135,71,12,.35)}
.static-marker.sight:before{content:'✿';position:absolute;inset:-10px;color:#ef6c75;font-size:51px;line-height:51px;z-index:-1;filter:drop-shadow(0 2px 3px rgba(90,56,36,.18))}
.static-user-location{position:absolute;transform:translate(-50%,-50%);width:24px;height:24px;border:4px solid white;border-radius:50%;background:#287be0;box-shadow:0 0 0 8px rgba(40,123,224,.25),0 2px 9px rgba(0,0,0,.3);z-index:40}
.static-map-detail{position:absolute;z-index:510;left:50%;bottom:24px;transform:translateX(-50%);width:min(380px,calc(100% - 40px));padding:17px 48px 16px 18px;border:2px solid #f3d3c1;border-radius:19px;background:rgba(255,253,248,.97);box-shadow:0 10px 30px rgba(76,46,34,.22)}
.static-map-detail h3{margin:0 0 4px}.static-map-detail p{margin:3px 0;color:#6c574f}.static-map-detail a{display:inline-block;margin-top:8px;color:var(--pink);font-weight:900}
.static-map-detail b,.static-map-detail span{display:block}.static-map-detail span{margin-top:4px;color:#6c574f}
.static-map-detail .detail-close{position:absolute;right:12px;top:10px;width:31px;height:31px;border:0;border-radius:50%;background:#f7eadb;font-size:20px;cursor:pointer}

@media(max-width:620px){.live-map-shell{width:100%;height:auto;min-height:0;aspect-ratio:1202/700}.static-marker.shop{width:22px;height:22px;border-width:2px;font-size:9px}.static-marker.sight{width:29px;height:29px;border-width:2px;font-size:10px}.static-marker.sight:before{inset:-8px;font-size:40px;line-height:40px}.static-map-detail{bottom:54px}.map-attribution{font-size:8px}}

/* Hand-drawn interactive walking map */
.handdrawn-page{padding:30px 0 56px;background:#fff7e9}.map-page-head{margin-bottom:20px}.map-page-head h1{margin:4px 0;font-size:clamp(28px,4vw,46px);line-height:1.2}.map-page-head p{margin:0;color:#745e56}.interactive-map{position:relative;width:min(1680px,calc(100% - 24px));aspect-ratio:1680/960;margin:auto;overflow:hidden;border-radius:28px;box-shadow:0 18px 52px rgba(127,77,43,.17);background:#fffaf0}.interactive-map-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.hotspots{position:absolute;inset:0;z-index:12}.shop-hotspot{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;padding:0;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;background:#d93166;color:#fff;font-size:13px;font-weight:900;box-shadow:0 3px 9px rgba(116,27,59,.32);cursor:pointer;transition:transform .16s,box-shadow .16s}.shop-hotspot:hover,.shop-hotspot:focus-visible,.shop-hotspot.selected{transform:translate(-50%,-50%) scale(1.22);box-shadow:0 0 0 6px rgba(217,49,102,.2),0 4px 12px rgba(116,27,59,.35);z-index:5}.event-pin{position:absolute;z-index:13;left:46.2%;top:40.3%;transform:translate(-50%,-50%);width:58px;height:58px;border:3px solid #fff;border-radius:50%;background:#ef6c75;color:#fff;box-shadow:0 4px 14px rgba(139,48,72,.35);cursor:pointer}.event-pin:before{content:'✿';position:absolute;inset:-17px;color:#f28a19;font-size:82px;line-height:82px;z-index:-1}.event-pin span{font-size:11px;font-weight:900}.map-info-panel{position:absolute;z-index:8;left:68.5%;right:2.4%;top:4.2%;bottom:9.3%;padding:2.2% 1.8% 1.2%;display:flex;flex-direction:column}.map-event-title{color:#d91e61;text-align:center;font-size:clamp(20px,3.1vw,54px);font-weight:950;line-height:.9;letter-spacing:.02em}.map-event-title strong{color:#f27f19}.map-event-sub{margin:2.2% 0 2.5%;padding:5px 10px;border-radius:999px;background:#d93166;color:#fff;text-align:center;font-size:clamp(9px,1.05vw,18px);font-weight:900}.shop-mini-list{display:grid;grid-template-columns:1fr 1fr;column-gap:4%;overflow:hidden}.mini-shop{min-width:0;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:6px;padding:5px 2px;border:0;border-bottom:1px dashed #e7b9aa;background:transparent;text-align:left;cursor:pointer;color:#3f2923}.mini-shop b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#d93166;color:#fff;font-size:11px}.mini-shop span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(9px,.83vw,14px);font-weight:800}.mini-shop:hover,.mini-shop.selected{background:#ffe9e2;border-radius:8px}.event-location{margin-top:auto;border:2px dashed #ed8c53;border-radius:14px;background:rgba(255,250,240,.86);padding:8px;color:#df5d25;font-weight:900;font-size:clamp(9px,.9vw,15px);cursor:pointer}.map-art-footer{position:absolute;z-index:8;left:3%;right:2.5%;bottom:1.5%;height:5.5%;display:flex;align-items:center;gap:2.5%;color:#5b3a32;font-size:clamp(8px,.82vw,14px);font-weight:800}.map-art-footer strong{margin-left:auto;padding:3px 12px;border:2px solid #b7809c;border-radius:999px}.inmap-nav-card{position:absolute;z-index:30;left:2.5%;bottom:10%;width:min(360px,38%);padding:18px;border:2px solid #f0b69e;border-radius:20px;background:rgba(255,253,248,.97);box-shadow:0 12px 32px rgba(74,43,32,.2)}.inmap-nav-card h2{margin:1px 0;font-size:22px}.inmap-nav-card p{margin:3px 0;color:#71584f}.nav-close{position:absolute;right:9px;top:8px;width:30px;height:30px;border:0;border-radius:50%;background:#f7e6dc;cursor:pointer}.nav-metrics{display:flex;gap:8px;margin:10px 0}.nav-metrics>*{flex:1;padding:8px;border-radius:10px;background:#fff0e5;text-align:center}.start-inmap-nav,.stop-inmap-nav{width:100%;margin-top:10px;padding:10px;border:0;border-radius:12px;background:#287be0;color:#fff;font-weight:900;cursor:pointer}.stop-inmap-nav{background:#7658a6}.nav-status{font-size:12px}.route-layer{position:absolute;inset:0;width:100%;height:100%;z-index:10;pointer-events:none}.route-layer line{display:none;stroke:#287be0;stroke-width:7;stroke-linecap:round;stroke-dasharray:16 12;filter:drop-shadow(0 2px 2px rgba(255,255,255,.9))}.route-layer line.active{display:block;animation:route-dash 1s linear infinite}@keyframes route-dash{to{stroke-dashoffset:-28}}.map-user-dot{position:absolute;z-index:18;transform:translate(-50%,-50%);width:22px;height:22px;border:4px solid #fff;border-radius:50%;background:#287be0;box-shadow:0 0 0 8px rgba(40,123,224,.24),0 2px 8px rgba(0,0,0,.28)}
@media(max-width:900px){.interactive-map{width:100%;border-radius:0}.map-page-head{width:min(100% - 26px,1160px)}.shop-hotspot{width:25px;height:25px;border-width:2px;font-size:10px}.event-pin{width:40px;height:40px}.event-pin:before{inset:-12px;font-size:58px;line-height:58px}.mini-shop{grid-template-columns:21px 1fr;padding:2px 0;gap:3px}.mini-shop b{width:20px;height:20px;font-size:8px}.map-info-panel{padding-top:1.6%}.inmap-nav-card{left:2%;bottom:10%;width:48%;padding:12px}.inmap-nav-card h2{font-size:16px}.inmap-nav-card p,.nav-status{font-size:10px}.map-art-footer{gap:1.2%}}
@media(max-width:620px){.handdrawn-page{padding-top:18px}.interactive-map{min-width:920px;width:920px}.interactive-map-scroll{overflow-x:auto}.map-page-head h1{font-size:27px}.map-page-head p{font-size:14px}}
.interactive-map{aspect-ratio:1693/929}

/* V6: keep navigation details beside the map so they never cover markers. */
.interactive-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;width:min(1680px,calc(100% - 24px));margin:auto}
.interactive-map-layout .interactive-map{width:100%;margin:0}
.interactive-map-layout .inmap-nav-card{position:sticky;z-index:30;top:18px;left:auto;bottom:auto;width:auto;min-height:220px;padding:18px;border:2px solid #f0b69e;border-radius:20px;background:rgba(255,253,248,.97);box-shadow:0 12px 32px rgba(74,43,32,.2)}
.organizer-correction{position:absolute;z-index:2;left:7.2%;bottom:11.7%;padding:2px 8px;background:#fff0df;color:#7355a0;font-size:clamp(11px,1.55vw,26px);font-weight:800;line-height:1.25;white-space:nowrap}
.interactive-map-layout .map-art-footer{left:0;right:0;bottom:0;height:6.8%;padding:0 3%;background:#fff5e8}
@media(max-width:900px){.interactive-map-layout{display:flex;flex-direction:column;width:100%;gap:14px}.interactive-map-layout .inmap-nav-card{position:relative;top:auto;width:calc(100% - 26px);min-height:0;margin:0 auto;padding:14px}.interactive-map-layout .interactive-map{width:100%}}
@media(max-width:620px){.organizer-correction{display:none}.interactive-map-layout{overflow-x:auto}.interactive-map-layout .interactive-map{min-width:920px;width:920px}.interactive-map-layout .inmap-nav-card{position:sticky;left:13px;align-self:flex-start;width:calc(100vw - 26px);max-width:none}}

/* Exact approved artwork is the full background; controls are transparent hit areas. */
.interactive-map{aspect-ratio:1692/929}
.map-info-panel,.map-art-footer{display:none}
.shop-hotspot{width:46px;height:46px;border-color:transparent;background:transparent;color:transparent;box-shadow:none}
.shop-hotspot:hover,.shop-hotspot:focus-visible,.shop-hotspot.selected{background:rgba(255,255,255,.08);box-shadow:0 0 0 5px rgba(217,49,102,.28),0 0 0 2px #fff inset}
.event-pin{width:70px;height:70px;border-color:transparent;background:transparent;box-shadow:none;color:transparent}
.event-pin:before{display:none}.event-pin:hover,.event-pin:focus-visible{box-shadow:0 0 0 6px rgba(242,138,25,.3)}
@media(max-width:900px){.shop-hotspot{width:34px;height:34px}.event-pin{width:54px;height:54px}}

/* Corrected markers: visible, interactive, and placed inside the proper street block. */
.shop-hotspot{width:28px;height:28px;border:2px solid #fff;background:#d93166;color:#fff;font-size:11px;box-shadow:0 3px 9px rgba(116,27,59,.32)}
.shop-hotspot:hover,.shop-hotspot:focus-visible,.shop-hotspot.selected{background:#d93166;color:#fff;box-shadow:0 0 0 6px rgba(217,49,102,.22),0 4px 12px rgba(116,27,59,.35)}
.event-pin{width:58px;height:58px;border:3px solid #fff;background:#ef6c75;color:#fff;box-shadow:0 4px 14px rgba(139,48,72,.35)}
.event-pin:before{display:block}.event-pin:hover,.event-pin:focus-visible{box-shadow:0 0 0 7px rgba(242,138,25,.25),0 4px 14px rgba(139,48,72,.35)}
@media(max-width:900px){.shop-hotspot{width:25px;height:25px;border-width:2px;font-size:10px}.event-pin{width:40px;height:40px}}