@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap');
:root{--ink:#203e38;--muted:#647770;--green:#225c50;--paper:#fffdf5;--line:#d7dfd3;--accent:#db744c;--map:#d7e7e2;font-family:'DM Sans','Noto Sans JP',sans-serif;font-size:16px;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--map)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #cf6a42;outline-offset:4px}button{color:inherit}a{color:inherit;text-decoration:none}#app{height:100svh;min-height:600px;position:relative;overflow:hidden}#world,#labels{position:absolute;inset:0}#world canvas{display:block;touch-action:none}#labels{pointer-events:none;overflow:hidden}.masthead{position:absolute;top:0;left:0;right:0;padding:25px 32px;display:flex;align-items:center;gap:36px;z-index:3;background:linear-gradient(#eef3eeda,transparent)}.brand{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.5px;line-height:1.5;flex-shrink:0}.brand b{font-weight:500;font-size:9px}.brand-mark{font-family:Georgia,serif;font-size:40px;letter-spacing:-5px;margin-right:5px}.title p{margin:0 0 6px;font-size:11px;letter-spacing:2.2px;font-weight:600}.title h1{margin:0;font-size:22px;font-weight:500;letter-spacing:.05em}.guide-link{margin-left:auto;padding:11px 16px;border-radius:6px;border:1px solid #aebfb2;background:#fbfcf68a;font-size:14px}.guide-link span{margin-left:15px}.map-topline{position:absolute;top:117px;left:32px;right:32px;display:flex;gap:20px;align-items:center;justify-content:space-between;pointer-events:none;font-size:11px;letter-spacing:1.7px}.map-note{font-size:11px;letter-spacing:0;color:#56746a}.place-card{position:absolute;right:28px;top:165px;width:276px;max-height:calc(100svh - 420px);overflow:auto;background:#fffdf5ed;border:1px solid #ffffffe3;border-radius:10px;box-shadow:0 12px 36px #44615012;padding:22px;backdrop-filter:blur(10px);z-index:4}.card-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px;font-size:11px;font-weight:700;letter-spacing:1.5px}.eyebrow{font-size:10px!important;letter-spacing:1.5px;color:#788a7a;font-weight:600;margin:0 0 10px!important}.place-card h2{font-size:25px;line-height:1.5;letter-spacing:-.03em;margin:0 0 15px}.place-card p{font-size:14px;line-height:1.9;margin:0 0 18px;color:#52645d}.place-meta{display:flex;justify-content:space-between;font-size:12px;padding:12px 0;border-block:1px solid var(--line);gap:10px}.place-meta span:last-child{color:#809084;font-size:10px;letter-spacing:1px}.text-link{font-size:13px;display:flex;justify-content:space-between;gap:10px;padding-top:13px;border-top:1px solid var(--line);color:var(--green)}#place-tips{font-size:12px;line-height:1.8;margin:15px 0;color:#6c7b70}.view-tools{position:absolute;right:28px;bottom:239px;display:flex;background:var(--paper);border-radius:6px;border:1px solid white;box-shadow:0 5px 20px #28544812;z-index:4}.view-tools button{width:43px;height:41px;border:0;background:transparent;font-size:21px}.view-tools button:hover{background:#e4eadc}.map-caption{position:absolute;left:34px;bottom:230px;display:flex;align-items:center;gap:12px;font-size:11px;color:#607b6f;pointer-events:none}.north{font-size:17px;font-family:Georgia,serif;color:var(--green)}.itinerary{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:min(950px,calc(100% - 64px));background:#fffdf5f5;border:1px solid #fff;border-radius:12px;box-shadow:0 16px 45px #28534816;padding:10px 12px 0;z-index:6;backdrop-filter:blur(12px)}.days{display:grid;grid-template-columns:.85fr 1.1fr 1.1fr 1.1fr;gap:6px}.days button{display:flex;align-items:center;gap:14px;text-align:left;border:0;border-radius:7px;background:transparent;padding:12px 14px;transition:background .2s}.days button[aria-selected=true]{background:#e4ead8}.days button:hover{background:#f0f2e9}.day-num{font-family:Georgia,serif;font-size:27px;color:#6f8264;line-height:1}.days button:first-child .day-num{font-family:inherit;font-size:13px;letter-spacing:1px}.days b{font-size:14px;display:block;margin-bottom:5px;font-weight:600;white-space:nowrap}.days small{font-size:10px;color:#879078;display:block;white-space:nowrap}.stops{min-height:48px;display:flex;align-items:center;gap:6px;padding:7px 9px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.welcome-stops{font-size:12px;color:#7a8873;display:flex;gap:24px;align-items:center;margin:auto}.welcome-stops i{font-style:normal;color:#c4caba}.stop{border:0;background:none;border-radius:30px;padding:6px 10px;font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:7px}.stop.selected{background:#225c50;color:#fff}.stop .dot{width:17px;height:17px;border:1px solid currentColor;border-radius:50%;display:inline-grid;place-items:center;font-size:10px}.stop:hover{background:#e4ead8;color:var(--ink)}.transport{height:55px;display:flex;gap:16px;align-items:center;padding:8px 10px;border-top:1px solid #e1e6da}.play-button{border:0;background:var(--green);color:#fff;border-radius:5px;font-size:12px;padding:9px 12px;display:flex;align-items:center;gap:9px;min-width:140px;justify-content:center}.transport input{flex:1;min-width:25px;accent-color:var(--green);height:3px;cursor:pointer}.transport output{font-size:11px;color:#7a897c;min-width:64px;font-variant-numeric:tabular-nums}.replay{border:0;background:transparent;font-size:23px}.transport select{background:none;border:0;font-size:12px;color:#697d70;cursor:pointer}.pin{position:absolute;left:0;top:0;transform:translate(-50%,-100%);pointer-events:auto;border:1px solid #fffffff0;border-radius:5px;background:#fffdf5ef;color:#274d3d;padding:6px 10px;font-size:12px;box-shadow:0 5px 12px #1e4d3a12;display:flex;align-items:center;gap:7px;white-space:nowrap;will-change:transform;transition:background .15s}.pin:hover,.pin.active{background:#225c50;color:#fff;border-color:#225c50}.pin .pin-dot{width:6px;height:6px;border-radius:100%;background:#d68152}.pin.region{font-size:13px;font-weight:600;padding:8px 13px}.pin.hidden{visibility:hidden;pointer-events:none}.river-label{position:absolute;color:#eaf9f4;font-size:12px;letter-spacing:5px;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;font-weight:600;text-shadow:0 1px 5px #376d6633}.status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:18px 28px;background:var(--paper);border-radius:8px;z-index:8;font-size:14px;max-width:90%;text-align:center;line-height:1.8}.status[hidden]{display:none}.icon-button{border:0;background:none;font-size:20px}.mobile-toggle{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-script{position:absolute;top:45%;left:10%;right:10%;background:white;padding:25px;text-align:center;z-index:10}.no-script a{text-decoration:underline}.night{--map:#233c43}.night .masthead{background:linear-gradient(#223c43e0,transparent);color:#fbf4de}.night .map-topline,.night .map-note,.night .map-caption,.night .north{color:#d0ddd4}.night .guide-link{background:#e3ede00a;border-color:#a5b6a84d}.night .pin{box-shadow:0 3px 12px #0003}.fallback #world{background:linear-gradient(155deg,#d1e1d9,#a8c8c1)}
@media(min-width:1600px){.place-card{right:42px;top:190px;width:310px;padding:27px}.place-card h2{font-size:29px}.place-card p{font-size:16px}.map-topline{top:132px}.masthead{padding:32px 42px}.title h1{font-size:27px}}
@media(max-width:1100px){.place-card{width:240px;right:20px;padding:18px;top:154px}.place-card h2{font-size:23px}.place-card p{font-size:13px}.itinerary{width:calc(100% - 40px)}.days button{padding:10px 9px;gap:9px}.days b{font-size:12px}.map-note{max-width:150px;line-height:1.5;text-align:right}}
@media(max-width:760px){#app{min-height:640px}.masthead{padding:19px 18px;gap:18px;align-items:flex-start}.brand{font-size:8px;gap:6px}.brand b{font-size:7px}.brand-mark{font-size:31px}.title p{font-size:8px;margin-bottom:5px;letter-spacing:1.8px}.title h1{font-size:16px;letter-spacing:0}.guide-link{font-size:0;padding:7px 9px;border:0;background:#fff9}.guide-link span{font-size:19px;margin:0}.map-topline{top:92px;left:19px;right:19px;font-size:9px}.map-note{font-size:9px;max-width:145px}.place-card{top:auto;bottom:227px;left:16px;right:16px;width:auto;max-height:165px;padding:13px 15px;border-radius:9px}.card-top{border:0;margin:0 0 6px;padding:0;font-size:9px}.mobile-toggle{display:block;line-height:20px}.eyebrow{display:none}.place-card h2{font-size:18px;margin:0 0 6px;line-height:1.3}.place-card h2 br{display:none}.place-card p{font-size:12px;line-height:1.65;margin:0 0 8px}.place-meta{border:0;padding:0;font-size:10px;justify-content:flex-start;gap:18px}.place-meta span:last-child{font-size:9px}#place-tips{display:none}.text-link{position:absolute;right:15px;bottom:13px;font-size:11px;padding:0;border:0;gap:8px}.place-card.collapsed #card-body{display:none}.place-card.collapsed{max-height:46px}.view-tools{right:17px;bottom:408px;flex-direction:column;border-radius:7px}.view-tools button{height:34px;width:34px;font-size:18px}.map-caption{left:20px;bottom:412px;max-width:130px;align-items:flex-start;font-size:9px;line-height:1.6;gap:8px}.north{font-size:15px;white-space:nowrap}.itinerary{bottom:12px;width:calc(100% - 24px);border-radius:10px;padding:7px 7px 0}.days{grid-template-columns:repeat(4,1fr);gap:3px}.days button{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:10px 8px}.day-num{font-size:22px}.days button:first-child .day-num{height:22px;display:flex;align-items:center;font-size:11px}.days b{font-size:10px;margin:0;white-space:normal;min-height:29px;line-height:1.45}.days small{display:none}.stops{height:40px;min-height:40px;padding-inline:0}.stop{font-size:11px;padding:5px 8px;gap:5px}.welcome-stops{font-size:10px;gap:12px}.transport{height:51px;padding:7px 3px;gap:9px}.play-button{font-size:10px;min-width:106px;padding:10px 7px;gap:5px}.transport output{font-size:9px;min-width:55px}.transport select{font-size:11px;max-width:39px}.replay{font-size:20px}.pin{font-size:10px;padding:5px 7px;gap:5px}.pin.region{font-size:11px;padding:6px 9px}.river-label{font-size:10px;letter-spacing:3px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
#world{inset:110px 310px 208px 0}
.mobile-hint{display:none}.transport input{height:32px}.replay{min-width:36px;min-height:40px}
@media(min-width:1600px){#world{right:360px}}
@media(max-width:1100px){#world{inset:110px 266px 208px 0}}
@media(max-width:760px){#world{inset:113px 0 385px 0}}
@media(max-height:730px) and (min-width:761px){.place-card{top:142px;max-height:calc(100svh - 345px)}.place-card h2{font-size:21px}.place-card p{font-size:12px}#place-tips{display:none}.map-topline{top:107px}.masthead{padding-block:18px}.itinerary{bottom:14px}.view-tools{bottom:227px}.map-caption{bottom:225px}#world{inset:102px 290px 200px 0}}
.place-card p{font-size:14px}.stop{font-size:14px}.days small{font-size:12px}.text-link{font-size:14px}.map-note{font-size:12px}.guide-link{font-size:14px}.play-button{font-size:14px;min-width:156px}.transport output{font-size:12px;min-width:70px}.transport select{font-size:14px}
@media(max-width:760px){.days b{font-size:12px}.place-card{max-height:184px}.place-card p{font-size:14px}.place-meta{font-size:12px}.place-meta span:last-child{display:none}.text-link{font-size:12px}.stop{font-size:12px}.play-button{font-size:12px;min-width:115px}.transport output{font-size:10px;min-width:57px}.transport select{font-size:12px}.map-note{font-size:10px}.guide-link{font-size:0}}
@media(max-width:760px){.desktop-hint{display:none}.mobile-hint{display:inline}.view-tools{right:12px;bottom:401px}.view-tools button{width:44px;height:44px}.card-top{min-height:30px}.mobile-toggle{width:44px;height:44px;margin:-10px -10px -4px 0}.stop{min-height:40px}.transport{gap:5px;height:56px}.transport select{min-height:44px}.replay{min-width:32px;min-height:44px}.play-button{min-width:108px;min-height:44px;padding-inline:6px}.guide-link{min-width:44px;min-height:44px;text-align:center}.pin{min-height:36px}.pin.region{min-height:40px}.map-caption{bottom:410px}.place-card.collapsed{max-height:58px}#app:has(.place-card.collapsed) #world{bottom:295px}#app:has(.place-card.collapsed) .view-tools{bottom:295px}#app:has(.place-card.collapsed) .map-caption{bottom:295px}}
@media(max-width:760px){.stops{height:48px;min-height:48px;padding-block:4px;overflow-y:hidden}}
@media(max-width:760px) and (max-height:740px){.view-tools{flex-direction:row}.map-caption{font-size:8px;max-width:120px}}

.embedded .masthead{display:none}.embedded .map-topline{top:18px;left:20px;right:20px}.embedded #world{top:42px}.embedded .place-card{top:70px;max-height:calc(100svh - 300px)}.embedded #app{min-height:0}.embedded .map-caption{max-width:170px}
@media(max-width:760px){.embedded .place-card{top:auto;max-height:184px}.embedded .map-caption{max-width:145px}.embedded .itinerary{width:calc(100% - 16px)}.embedded .transport{gap:4px}.embedded .play-button{min-width:102px}}