:root{color-scheme:light;--navy:#123148;--ink:#22303d;--muted:#5a6b7d;--surface:#fff;--base:#f4f8fc;--accent:#007f73;--line:#dce5eb;--yellow:#eaf99b;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--base);color:var(--ink)}button,select{font:inherit}button,select,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--navy);border-radius:9px;padding:11px 14px;line-height:1.4;min-height:44px}button:hover{border-color:var(--accent);background:#f0faf7}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #db9d00;outline-offset:3px}button:disabled{opacity:.6;cursor:wait}a{color:#126674;text-underline-offset:4px}h1,h2,h3,p{margin:0}h2{font-size:1.1rem;line-height:1.6}header{min-height:88px;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:var(--navy);color:white;gap:16px}.brand{display:flex;gap:14px;align-items:center}.brandmark{background:var(--yellow);color:var(--navy);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:2rem;font-weight:700}.eyebrow{font-size:.75rem;letter-spacing:.12em;font-weight:700;line-height:1.5}header .eyebrow{color:#bce3ee}h1{font-size:1.3rem;line-height:1.5;letter-spacing:.035em}.header-actions{display:flex;gap:18px;align-items:center}.demo-badge{font-size:.875rem;color:var(--yellow);border:1px solid #738958;border-radius:4px;padding:5px 9px}select{min-height:42px;border:1px solid #73818c;background:var(--navy);color:white;border-radius:8px;padding:8px}.notice{padding:10px 28px;background:#edf4d7;color:#354521;font-size:.875rem;line-height:1.7}main{display:grid;grid-template-columns:310px minmax(320px,1fr) 330px;min-height:calc(100dvh - 131px)}.explore,.guide{background:white}.explore{padding:26px 20px;border-right:1px solid var(--line)}.section-title .eyebrow{color:var(--accent)}.section-title h2{font-size:1.3rem;margin-top:9px}.section-title p{color:var(--muted);font-size:.875rem;margin:7px 0 23px}.routes{display:grid;gap:10px}.route-card{text-align:left;padding:14px 15px;display:grid;gap:6px}.route-card strong{font-size:1rem}.route-card small{font-size:.875rem;color:var(--muted)}.route-card[aria-pressed=true]{border:2px solid var(--accent);padding:13px 14px;background:#edf8f5}.route-card .route-num{font-size:.75rem;font-weight:700;letter-spacing:.12em;color:var(--accent)}.filter-title{display:flex;justify-content:space-between;align-items:center;margin:29px 0 12px}.filter-title span{font-size:.875rem;color:var(--muted)}.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px}.filters button{font-size:.875rem;padding:7px 10px;border-radius:30px;min-height:38px}.filters button[aria-pressed=true]{color:white;background:var(--navy);border-color:var(--navy)}.spot-list{display:grid;gap:6px}.spot-card{display:flex;text-align:left;gap:12px;border-color:transparent;padding:12px 8px;width:100%;align-items:center}.spot-card[aria-pressed=true]{background:#eaf4f9;border-color:#c6dce8}.spot-icon{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;background:#e5f1ef;border-radius:50%;font-size:.875rem;font-weight:700}.spot-card strong{display:block;font-size:.94rem;font-weight:600}.spot-card small{display:block;font-size:.8rem;color:var(--muted);margin-top:4px}.reference{margin-top:28px;font-size:.875rem;border-top:1px solid var(--line);padding-top:18px;line-height:1.7}.reference p{font-size:.8rem;color:var(--muted);margin-top:8px}.map-section{position:relative;min-height:620px;isolation:isolate;overflow:hidden;background:#dcebf0}#map{position:absolute;inset:0;z-index:0}.map-toolbar{position:absolute;left:20px;right:20px;top:20px;display:flex;gap:8px;align-items:center;pointer-events:none}.map-toolbar>*{pointer-events:auto}.map-toolbar button{box-shadow:0 3px 15px #12314814;font-size:.875rem}.map-tag{background:var(--navy);color:white;font-size:.75rem;font-weight:700;letter-spacing:.08em;padding:10px 12px;border-radius:5px;margin-right:auto}.map-legend{position:absolute;bottom:155px;left:22px;background:#fffffff2;padding:8px 12px;border-radius:6px;font-size:.8rem;display:flex;align-items:center;gap:9px}.dashed{display:block;width:24px;border-top:3px dashed #007f73}.tour-control{position:absolute;bottom:30px;left:22px;right:22px;background:white;border-radius:13px;box-shadow:0 10px 30px #12314825;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.tour-control .eyebrow{color:var(--accent);font-size:.7rem}.tour-control h2{font-size:1rem;margin:3px 0}.tour-control p{font-size:.8rem;color:var(--muted);line-height:1.6}.primary{background:var(--accent);border-color:var(--accent);color:white;font-weight:600}.primary:hover{color:white;background:#00685f}.tour-control button{font-size:.875rem;max-width:180px;flex-shrink:0}.guide{border-left:1px solid var(--line);display:flex;flex-direction:column}.guide-head{padding:28px 23px 24px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.guide-head .eyebrow{color:var(--accent);font-size:.65rem}.guide-head h2{font-size:1.2rem}.caption{font-size:.8rem;color:var(--muted);line-height:1.6}.voice-symbol{background:var(--navy);border-radius:50%;height:48px;width:48px;display:flex;align-items:center;justify-content:center;gap:3px;flex-shrink:0}.voice-symbol i{width:3px;background:var(--yellow);height:12px;border-radius:2px}.voice-symbol i:nth-child(2),.voice-symbol i:nth-child(4){height:20px}.voice-symbol i:nth-child(3){height:28px}.speaking .voice-symbol i{animation:voice .6s infinite alternate}.speaking .voice-symbol i:nth-child(2n){animation-delay:.3s}@keyframes voice{to{transform:scaleY(.35)}}.guide-content{padding:24px 23px;flex:1}.guide-label{font-size:.8rem;color:var(--muted);margin-bottom:7px}#spot-title{font-size:1.25rem;line-height:1.6}.spot-type{font-size:.8rem;color:var(--accent);margin:6px 0 19px}.bubble{background:var(--base);border:1px solid #e2eaf0;border-radius:2px 14px 14px 14px;padding:18px 16px;font-size:.94rem;line-height:1.9}.audio-controls{display:flex;gap:8px;margin-top:17px}.audio-controls .primary{flex:1}.audio-controls button{font-size:.875rem}#voice-status{min-height:24px;margin-top:6px}.ask-title{font-size:.875rem;margin:24px 0 10px}.quick-replies{display:grid;gap:8px}.quick-replies button{text-align:left;font-size:.875rem;line-height:1.6;background:#ffffffee}.reply{font-size:.875rem;line-height:1.8;margin-top:14px;border-left:3px solid var(--accent);padding-left:12px}.guide footer{padding:18px 23px;border-top:1px solid var(--line);font-size:.75rem;line-height:1.8;color:var(--muted)}.guide footer a{display:inline-block;margin-top:8px}.leaflet-container{font:inherit}.map-pin{border:3px solid white;border-radius:50%;width:34px;height:34px;background:var(--navy);color:white;display:grid;place-items:center;font-size:.875rem;font-weight:700;box-shadow:0 2px 8px #17344f50}.map-pin.active{background:var(--accent);outline:3px solid #ffffff90;transform:scale(1.13)}.leaflet-control-zoom{margin-bottom:195px!important}.leaflet-control-attribution{font-size:11px!important}.location-status,.map-error{position:absolute;top:78px;left:20px;right:20px;padding:12px;border-radius:8px;background:white;font-size:.875rem;line-height:1.6;box-shadow:0 5px 20px #12314820;z-index:1}.map-error{top:140px}.empty{font-size:.875rem;color:var(--muted);padding:12px}.skip{position:fixed;top:-80px;z-index:9999;background:white;padding:10px}.skip:focus{top:10px}[hidden]{display:none!important}@media(min-width:1450px){main{grid-template-columns:340px minmax(320px,1fr) 360px}.explore{padding:30px}.guide-content{padding:30px}}@media(max-width:1150px){main{grid-template-columns:275px minmax(280px,1fr)}.guide{grid-column:1/-1;display:grid;grid-template-columns:260px 1fr}.guide-head{border:0;align-self:start}.guide-content{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.guide-label,#spot-title,.spot-type,.bubble{grid-column:1}.audio-controls,#voice-status,.ask-title,.quick-replies,.reply{grid-column:2}.audio-controls{grid-row:1/3;margin-top:0;align-self:start}.ask-title{grid-row:3}.quick-replies{grid-row:4}.guide footer{grid-column:1/-1}.tour-control{display:block}.tour-control button{margin-top:10px;max-width:none}.map-legend{bottom:200px}.leaflet-control-zoom{margin-bottom:240px!important}}@media(max-width:700px){header{padding:15px 16px;align-items:flex-start}.brand{gap:9px}.brandmark{width:35px;height:35px;font-size:1.5rem}h1{font-size:1rem}header .eyebrow{font-size:.6rem}.header-actions{gap:6px;flex-direction:column-reverse;align-items:flex-end}.demo-badge{font-size:.7rem;padding:3px 5px}select{font-size:.875rem;min-height:36px;padding:5px}.notice{padding:9px 16px;font-size:.75rem}main{display:flex;flex-direction:column}.explore{padding:20px 16px}.section-title h2{font-size:1.2rem}.section-title p{margin-bottom:15px}.routes{grid-template-columns:1fr 1fr}.route-card strong{font-size:.94rem}.route-card small{font-size:.75rem}.filter-title{margin-top:20px}.spot-list{grid-template-columns:1fr 1fr;gap:4px}.spot-card{padding:9px 3px;gap:7px}.spot-card strong{font-size:.875rem}.spot-card small{font-size:.75rem}.reference{display:none}.map-section{min-height:540px}.map-toolbar{left:12px;right:12px;top:12px;gap:5px}.map-tag{padding:9px;font-size:.65rem}.map-toolbar button{padding:9px;font-size:.8rem}.tour-control{left:12px;right:12px;bottom:26px;padding:15px}.tour-control button{width:100%;margin-top:12px}.map-legend{bottom:205px;left:12px;font-size:.7rem}.guide{display:flex}.guide-head{padding:22px 20px}.guide-content{display:block;padding:0 20px 24px}.audio-controls{margin-top:16px}.guide footer{padding:18px 20px}.location-status{top:65px}.leaflet-control-zoom{margin-bottom:245px!important}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}

.demo-flow{display:flex;align-items:center;gap:14px;padding:10px 24px;background:white;border-bottom:1px solid var(--line);font-size:.85rem}.demo-flow span{margin-right:auto}.demo-flow button{font-size:.8rem}.facility-details{margin-bottom:18px;padding:14px;border:1px solid var(--line);border-radius:10px}.facility-details h4{margin:0 0 10px;font-size:.85rem}.facility-details dl{display:grid;grid-template-columns:1fr 1fr;margin:0;gap:9px;font-size:.8rem}.facility-details dd{margin:0;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:16px;padding:24px;max-width:540px;width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#12314888}dialog p{margin-top:14px;line-height:1.8;font-size:.94rem}.guide footer p+p{margin-top:10px}.filters button{min-height:44px}.map-pin{cursor:pointer}
@media(max-width:700px){.demo-flow{padding:10px 16px;flex-wrap:wrap;gap:8px}.demo-flow span{flex-basis:100%;font-size:.75rem}.section-title{display:none}.explore{display:contents}.routes{order:0;padding:14px 16px 4px;gap:8px}.filter-title{order:1;margin:12px 16px 8px}.filters{order:2;margin:0 16px 8px}#amenity-filters{order:3}.map-section{order:4;min-height:410px;margin:4px 12px 10px;border-radius:14px}.spot-list{order:5;margin:0 12px 16px;grid-template-columns:1fr;gap:5px}.guide{order:6;border-top:1px solid var(--line)}.reference{order:7}.tour-control{bottom:24px;padding:12px}.tour-control h2{font-size:.9rem}.map-legend{bottom:185px;font-size:.65rem;max-width:calc(100% - 24px)}.map-tag{display:none}.map-toolbar{justify-content:flex-end}.leaflet-control-zoom{margin-bottom:190px!important}.spot-card{padding:12px;gap:12px;background:white;border-color:var(--line)}.spot-card strong{font-size:.94rem}.spot-card small{font-size:.8rem}.guide-head{padding:18px}.guide-content{padding:0 18px 18px}#map-error{top:115px}.location-status{top:65px;left:12px;right:12px}.route-card{padding:10px}.route-card[aria-pressed=true]{padding:9px}.route-num{font-size:.65rem!important}.routes small{display:none}}
@media(min-width:701px){.demo-flow a{display:none}}

.back-map{display:block;margin:0 0 16px;font-size:.85rem}.guide-content[hidden]{display:none!important}@media(min-width:701px){.back-map{display:none}}

@media(min-width:1151px){.map-section{position:sticky;top:16px;height:calc(100dvh - 220px);min-height:620px;align-self:start}.tour-control{bottom:28px}}@media(min-width:701px) and (max-width:1150px){.guide{display:block}.guide-content{display:block}.guide-head{padding-bottom:18px}}

/* 2026-10-04: map-led place search and a compact, readable mobile flow. */
.search-box{margin-top:18px}.search-box label{display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.search-input{display:flex;gap:6px}.search-input input{min-width:0;flex:1;min-height:44px;border:1px solid #c2d1dc;border-radius:8px;padding:9px 11px;font:inherit;background:white;color:var(--ink)}.search-input button{padding:8px 10px;font-size:.875rem}.search-input input:focus-visible,#share-fallback:focus-visible{outline:3px solid #db9d00;outline-offset:2px}.selected-map-card{position:absolute;bottom:115px;left:20px;right:20px;z-index:2;padding:15px 17px;background:#fffffff5;border:1px solid #c9dce2;border-radius:12px;box-shadow:0 8px 22px #1231481a;display:grid;grid-template-columns:1fr auto;gap:5px 12px}.selected-map-card .eyebrow,.selected-map-card strong,.selected-map-card>span:not(.eyebrow){grid-column:1}.selected-map-card strong{font-size:1rem;line-height:1.5}.selected-map-card>span:not(.eyebrow){font-size:.875rem;color:var(--muted);line-height:1.5}.selected-map-card button{grid-column:2;grid-row:1/4;align-self:center;background:var(--navy);color:white;font-size:.875rem}.tour-control{bottom:22px;left:20px;right:20px;padding:12px 15px;gap:12px;border-radius:10px}.tour-control .eyebrow{display:none}.tour-control h2{font-size:.875rem}.tour-control p{font-size:.875rem}.tour-control button{font-size:.875rem;margin-top:0}.map-legend{bottom:245px;left:20px;font-size:.875rem}.share-controls{margin:14px 0}.share-controls button{width:100%;font-size:.875rem}.share-controls p{font-size:.875rem;line-height:1.6;margin-top:5px}#share-fallback{width:100%;font:inherit;margin-top:6px;padding:9px;border:1px solid var(--line);border-radius:6px}.facility-details dl{font-size:.875rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);line-height:1.6}.facility-details dd{overflow-wrap:anywhere}.caption,.guide-label,.spot-type,.spot-card small,.reference p{font-size:.875rem}.map-legend{max-width:calc(100% - 40px)}.leaflet-control-zoom{margin-bottom:265px!important}
@media(min-width:1151px){main{grid-template-columns:320px minmax(340px,1fr) 340px}.map-section{min-height:660px}.tour-control{bottom:22px}}
@media(min-width:701px) and (max-width:1150px){main{grid-template-columns:290px minmax(280px,1fr)}.tour-control{display:flex}.selected-map-card{bottom:155px}.tour-control button{max-width:130px}.map-legend{bottom:295px}.leaflet-control-zoom{margin-bottom:315px!important}}
@media(max-width:700px){.search-box{order:1;margin:10px 16px 8px}.filter-title{order:2;margin-top:10px}.filters{order:3}#amenity-filters{order:4}.map-section{order:5;min-height:470px}.spot-list{order:6}.guide{order:7}.routes{grid-template-columns:1fr 1fr}.route-card strong{font-size:.875rem;line-height:1.6}.route-num{font-size:.75rem!important}.notice{font-size:.875rem}.demo-flow span{font-size:.875rem}.demo-flow button,.demo-flow a{font-size:.875rem}.demo-badge{font-size:.75rem}.map-toolbar button{font-size:.875rem}.selected-map-card{bottom:119px;left:12px;right:12px;padding:12px;gap:4px;grid-template-columns:1fr}.selected-map-card .eyebrow{display:none}.selected-map-card strong{font-size:.94rem}.selected-map-card button{grid-column:1;grid-row:auto;min-height:40px;padding:8px;margin-top:4px}.selected-map-card>span:not(.eyebrow){font-size:.875rem}.tour-control{bottom:24px;left:12px;right:12px;padding:10px 12px;display:flex;gap:8px}.tour-control h2{font-size:.875rem}.tour-control p{display:none}.tour-control button{width:auto;max-width:145px;font-size:.875rem;padding:9px;margin:0}.map-legend{bottom:268px;left:12px;font-size:.75rem;max-width:calc(100% - 24px);align-items:flex-start}.leaflet-control-zoom{margin-bottom:290px!important}.guide-content{padding-top:6px}.spot-card strong,.bubble{font-size:1rem}.search-input input{font-size:1rem}.guide-head h2{font-size:1.1rem}}
@media(max-width:360px){header{padding:12px}.brandmark{display:none}.map-section{min-height:520px}.selected-map-card{bottom:135px}.map-legend{bottom:320px}.tour-control{display:block}.tour-control button{width:100%;max-width:none;margin-top:6px}.leaflet-control-zoom{margin-bottom:350px!important}}