#mapdlg{--card:#1d233008;--card-on:#b8282e0f;width:min(1240px,100vw - 32px);height:calc(100vh - 48px);box-sizing:border-box;border:1px solid var(--line);background:radial-gradient(120% 80% at 0% 0%, #b8282e0a, transparent 60%), var(--sheet);-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);height:calc(100dvh - 48px);color:var(--ink);font-family:var(--font);opacity:0;transition:opacity .35s ease, transform .45s cubic-bezier(.2, .7, .2, 1), overlay .45s allow-discrete, display .45s allow-discrete;border-radius:20px;padding:16px 20px 18px;overflow:hidden;transform:translateY(10px)scale(.985);box-shadow:0 24px 70px #0000008c}#mapdlg[open]{opacity:1;flex-direction:column;display:flex;transform:none}@starting-style{#mapdlg[open]{opacity:0;transform:translateY(10px)scale(.985)}}#mapdlg::backdrop{background:#05040380}.map-head{align-items:center;gap:14px;margin-bottom:14px;padding:0 44px 12px 2px;display:flex;position:relative}.map-head:after{content:"";background:repeating-linear-gradient(90deg, var(--stitch) 0 7px, transparent 7px 13px);height:1px;position:absolute;bottom:0;left:0;right:0}.map-logo{filter:drop-shadow(0 2px 6px #0006);flex:none;width:40px;height:40px}.map-titles h2{letter-spacing:.01em;margin:0;font-size:22px;font-weight:500}.map-titles p{color:var(--ink-dim);margin:2px 0 0;font-size:13px}#mapdlg .close{position:absolute;top:0;right:0}.map-body{flex:1;gap:18px;min-height:0;display:flex}.map-frame{background:#d6cdb8;border-radius:14px;flex:auto;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #3c2c1859,inset 0 0 40px #3c2c1859,0 6px 22px #00000059}.map-view{object-fit:contain;cursor:crosshair;width:100%;height:100%;display:block}.map-tip{z-index:2;background:var(--sheet);pointer-events:none;border:1px solid #b8282e4d;border-radius:12px;flex-direction:column;gap:2px;width:max-content;max-width:240px;padding:9px 12px 8px;animation:.18s ease-out map-tip;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 24px));box-shadow:0 10px 26px #00000073}.map-tip[hidden]{display:none}.map-tip.below{transform:translate(-50%,24px)}.map-tip b{color:var(--alta);font-size:15px;font-weight:700}.map-tip .tip-note{color:var(--ink);font-size:12.5px;line-height:1.45}.map-tip .tip-go{color:var(--ink-dim);margin-top:3px;font-size:12px}@keyframes map-tip{0%{opacity:0}}.map-compass{border:1px solid var(--line);width:38px;height:38px;color:var(--alta);pointer-events:none;background:#f6f3ecdb;border-radius:50%;place-items:center;font-size:13px;display:grid;position:absolute;top:12px;right:12px}.map-compass:before{content:"";border:6px solid #0000;border-bottom:9px solid var(--alta);margin-top:-14px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.map-legend{border:1px solid var(--line);max-width:calc(100% - 24px);color:var(--ink);pointer-events:none;background:#f6f3ecdb;border-radius:10px;flex-wrap:wrap;gap:4px 14px;margin:0;padding:8px 12px;font-size:12px;list-style:none;display:flex;position:absolute;bottom:12px;left:12px}.map-legend li{align-items:center;gap:6px;display:flex}.map-legend .lg{width:18px;height:0;display:inline-block}.map-legend .water{background:#4a7a8a;border-radius:3px;height:9px;box-shadow:inset 0 0 0 1px #d6e2de99}.map-legend .road{border-top:3px solid #ba684e}.map-legend .path{border-top:2px dashed #ecdeba}.map-legend .route{border-top:2px dashed #ffd680}.map-legend .boat{background:#ffd27a;border-radius:50%/60% 60% 40% 40%;width:12px;height:7px}.map-legend .path,.map-legend .route,.map-legend .boat{filter:drop-shadow(0 0 .7px #1d2330e6)}.map-side{flex-direction:column;flex:0 0 330px;gap:14px;min-width:0;padding-right:4px;display:flex;overflow-y:auto}.map-side h3{color:var(--ink-dim);letter-spacing:.04em;align-items:center;gap:8px;margin:0 0 6px;font-size:13px;font-weight:500;display:flex}.map-side h3 i{border-radius:50%;width:9px;height:9px}.map-side ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.spot-card{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:9px 12px 9px 9px;transition:background .2s,border-color .2s,transform .2s;display:flex}.spot-card:hover,.spot-card.on,.spot-card:focus-visible{background:var(--card-on);border-color:#b8282e59;transform:translate(2px)}.spot-card:focus-visible{outline:2px solid var(--alta);outline-offset:1px}.spot-badge{border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 0 0 2px #faf0dcd9,0 3px 8px #00000059}.spot-badge svg{fill:#fbf3e2;width:22px;height:22px}.spot-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.spot-text b{font-size:15px;font-weight:500}.spot-text small{color:var(--ink-dim);font-size:12px;line-height:1.45}.spot-go{color:var(--alta);opacity:.5;flex:none;transition:opacity .2s,transform .2s}.spot-card:hover .spot-go,.spot-card.on .spot-go{opacity:1;transform:translate(2px)}@media (max-width:900px){#mapdlg{padding:12px 12px 14px}.map-body{flex-direction:column;gap:12px}.map-frame{flex:none;height:48%}.map-side{flex:auto}.map-legend{display:none}}@media (max-width:480px){.map-titles p{display:none}.map-frame{height:42%}.spot-text small{display:none}}@media (prefers-reduced-motion:reduce){#mapdlg,.spot-card,.spot-go{transition:none}}:root{--icon:#ecd3a8d1;--soft:#ecd3a81f;--on:#ecd3a829}#dock,.pop,#help,#mapdlg{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1d2330;--ink-dim:#1d2330a8;--icon:#1d2330c7;--line:#1d233024;--soft:#1d23300f;--on:#b8282e1f;--key:#1d23304d;--stitch:#b8282e80;--alta:#b8282e;--sheet:#f6f3ecf5;--glass:#f6f3ecd9;--well:#1d23300d;--sun-mark:#b5651d;--moon-mark:#4a5c8c;--moon-hours:#3a4e8c8c;--moon-dark:#1d2330b8;--moon-lit:#fffdf8}#dock{left:50%;bottom:max(16px, env(safe-area-inset-bottom));box-sizing:border-box;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);width:min(1180px,100vw - 32px);color:var(--ink);z-index:2;opacity:0;pointer-events:none;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:9px 14px 8px;font-size:14px;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);display:grid;position:fixed;transform:translate(-50%,12px);box-shadow:0 14px 44px #00000052}#dock:before{content:"";background:repeating-linear-gradient(90deg, var(--stitch) 0 7px, transparent 7px 13px);pointer-events:none;height:1px;position:absolute;top:4px;left:22px;right:22px}#dock.show{opacity:1;pointer-events:auto;transform:translate(-50%)}#dock.show.idle{opacity:0;pointer-events:none;transform:translate(-50%,12px)}.dock-when,.dock-day,.dock-tools{align-items:center;min-width:0;display:flex}.dock-when,.dock-day{gap:10px}.dock-tools{justify-content:flex-end;gap:6px}.ibtn,.chip,.seg button,.live,#toast button{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;transition:background .25s,border-color .25s,color .25s,opacity .25s}.ibtn{width:36px;height:36px;color:var(--icon);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.chip,#toast button{border-color:var(--line);border-radius:999px;flex:none;height:28px;padding:0 11px;font-size:12.5px}.ibtn:hover,.chip:hover,#toast button:hover{background:var(--soft);color:var(--ink)}.ibtn:focus-visible,.chip:focus-visible,.seg button:focus-visible,.live:focus-visible,.ring-btn:focus-visible,.tl-mark:focus-visible,.pop-item:focus-visible,#toast button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.ibtn[aria-pressed=true]{background:var(--on);color:var(--ink)}.ibtn[hidden]{display:none}#play{border-color:var(--line);width:32px;height:32px}#play .i-play,#play.paused .i-pause{display:none}#play.paused .i-play{display:block}#speed{font-variant-numeric:tabular-nums;min-width:44px}#sound .waves{opacity:.25;transition:opacity .3s}#sound[aria-pressed=true] .waves{opacity:1}#fullscreen .i-exit,#fullscreen[aria-pressed=true] .i-enter{display:none}#fullscreen[aria-pressed=true] .i-exit{display:block}.ring-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;transition:transform .4s cubic-bezier(.2,.7,.2,1);display:grid}.ring-btn:hover{transform:scale(1.06)}.ring-btn svg{width:40px;height:40px;overflow:visible}#ring-arcs{filter:drop-shadow(0 0 .6px #1d233099)}.ring-arc{fill:none;stroke-width:3px;stroke-linecap:round;opacity:.5;transition:opacity .8s,stroke-width .8s}.ring-arc.now{opacity:1;stroke-width:4.2px}#ring-mark{fill:var(--alta);filter:drop-shadow(0 0 2px #b8282e73)}.when{flex-direction:column;min-width:0;line-height:1.25;display:flex}#clock{white-space:nowrap;letter-spacing:.01em;font-size:16.5px;font-weight:500}#bdate{color:var(--ink-dim);white-space:nowrap;font-size:12px}.live{border-color:var(--line);height:26px;color:var(--ink);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.live i{background:var(--ink-dim);border-radius:50%;width:6px;height:6px}.live:hover{background:var(--soft)}.live.on{background:#f05c501f;border-color:#f05c508c}.live.on:hover{background:#f05c5033}.live.on i{background:#f05c50;animation:2.6s ease-out infinite live-pulse}.live.on.behind i{background:0 0;animation:none;box-shadow:inset 0 0 0 1.5px #f05c50}@keyframes live-pulse{0%{box-shadow:0 0 #f05c508c}70%{box-shadow:0 0 0 7px #f05c5000}to{box-shadow:0 0 #f05c5000}}.seg{background:var(--well);border:1px solid var(--line);border-radius:999px;gap:2px;margin-right:4px;padding:3px;display:inline-flex}.seg button{height:30px;color:var(--ink-dim);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{background:var(--on);color:var(--ink)}#moon-btn .moon-dark,.pop .moon-dark{fill:var(--moon-dark);stroke:var(--moon-dark);stroke-width:1px}#moon-btn .moon-lit,.pop .moon-lit{fill:var(--moon-lit)}.timeline{flex:1;min-width:0;height:46px;position:relative}.tl-row{height:18px;position:absolute;left:0;right:0}.tl-sun{top:0}.tl-moon{bottom:0}.tl-track{height:6px;box-shadow:inset 0 0 0 1px var(--line);border-radius:3px;position:absolute;top:20px;left:0;right:0}.tl-tick{pointer-events:none;background:#ffffff4d;width:1px;position:absolute;top:1px;bottom:1px}.tl-band{pointer-events:none;position:absolute;inset:0}.tl-band span{background:var(--moon-hours);border-radius:1px;height:2px;position:absolute;bottom:-5px}#tl{appearance:none;cursor:pointer;background:0 0;width:100%;height:26px;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}#tl:focus-visible{outline:none}#tl::-webkit-slider-runnable-track{background:0 0;height:26px}#tl::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);width:12px;height:12px;box-shadow:0 0 0 2px var(--moon-lit), 0 0 8px #b8282e8c;border-radius:50%;margin-top:7px}#tl::-moz-range-track{background:0 0;height:26px}#tl::-moz-range-thumb{background:var(--ink);width:12px;height:12px;box-shadow:0 0 0 2px var(--moon-lit), 0 0 8px #b8282e8c;border:0;border-radius:50%}#tl:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--moon-lit), 0 0 0 4px var(--alta)}#tl:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--moon-lit), 0 0 0 4px var(--alta)}.tl-mark{width:24px;height:18px;color:var(--sun-mark);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:grid;position:absolute;top:0;transform:translate(-50%)}.tl-mark.moonrise,.tl-mark.moonset{color:var(--moon-mark)}.tl-mark:hover{background:var(--soft)}.tl-mark svg{width:15px;height:15px}.pop{box-sizing:border-box;border:1px solid var(--line);background:var(--sheet);-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);min-width:210px;max-width:calc(100vw - 16px);color:var(--ink);font-family:var(--font);opacity:0;transition:opacity .25s ease, transform .3s cubic-bezier(.2, .7, .2, 1), overlay .3s allow-discrete, display .3s allow-discrete;border-radius:14px;margin:0;padding:8px;font-size:13.5px;position:fixed;inset:auto;transform:translateY(6px);box-shadow:0 18px 50px #00000073}.pop:popover-open{opacity:1;transform:translateY(0)}@starting-style{.pop:popover-open{opacity:0;transform:translateY(6px)}}.pop-title{color:var(--ink-dim);letter-spacing:.04em;margin:2px 8px 8px;font-size:12px}.pop-seasons,.pop-moons{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid}.pop-list{flex-direction:column;gap:2px;display:flex}.pop-item{box-sizing:border-box;width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;transition:background .2s;display:flex}.pop-item:hover{background:var(--soft)}.pop-item[aria-checked=true]{background:var(--on)}.pop-item span{flex-direction:column;line-height:1.25;display:flex}.pop-item small{color:var(--ink-dim);font-size:11px}.pop-item kbd{border:1px solid var(--key);color:var(--ink-dim);border-radius:4px;margin-left:auto;padding:0 5px;font-family:inherit;font-size:11px}.pop-item .dot{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 2px #00000040}.pop-item.phone-only{display:none}.pop-item.journey{border-top:1px dashed var(--line);border-radius:0 0 9px 9px;margin-top:6px;padding-top:10px}#toast{left:50%;top:max(18px, env(safe-area-inset-top));box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:2;background:#0e0c0a80;border:1px solid #ecd3a824;border-radius:999px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:6px 6px 6px 16px;font-size:15px;transition:opacity .6s,transform .6s,visibility 0s linear .6s;display:flex;position:fixed;transform:translate(-50%,-8px)}#toast.show{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(-50%)}#toast:not(:has(button:not([hidden]))){padding-right:16px}#toast button[hidden]{display:none}#film-nav{left:50%;top:max(14px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(10px)saturate(1.15);backdrop-filter:blur(10px)saturate(1.15);color:var(--ink);z-index:2;opacity:0;pointer-events:none;visibility:hidden;background:#0e0c0a80;border:1px solid #ecd3a824;border-radius:999px;align-items:center;gap:6px;padding:5px 6px;font-size:14px;transition:opacity .6s,transform .6s,visibility 0s linear .6s;display:flex;position:fixed;transform:translate(-50%,-10px)}#film-nav.show{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s;transform:translate(-50%)}#film-nav.show.idle{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .6s,transform .6s,visibility 0s linear .6s;transform:translate(-50%,-10px)}#film-nav button{height:34px;color:var(--ink);font:inherit;cursor:pointer;background:#ecd3a80a;border:1px solid #ecd3a838;border-radius:999px;align-items:center;gap:4px;padding:0 12px;display:inline-flex}#film-nav button:hover{background:#ecd3a829}#film-nav button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}#film-count{text-align:center;font-variant-numeric:tabular-nums;min-width:4.5em;color:var(--ink-dim)}@media (max-width:520px){#film-nav button span{display:none}}body.ui-off #film-nav,body.ui-off #dock,body.ui-off #hint,body.ui-off #toast{opacity:0;visibility:hidden;pointer-events:none}#ui-restore{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));opacity:0;visibility:hidden;pointer-events:none;z-index:2;background:#0e0c0a66;transition:opacity .4s;position:fixed}body.ui-off #ui-restore{opacity:.4;visibility:visible;pointer-events:auto}body.ui-off #ui-restore:hover,body.ui-off #ui-restore:focus-visible{opacity:1}#help{width:min(760px,100vw - 32px);max-height:calc(100vh - 48px);box-sizing:border-box;border:1px solid var(--line);background:var(--sheet);max-height:calc(100dvh - 48px);color:var(--ink);font-family:var(--font);border-radius:18px;padding:22px 26px 24px;box-shadow:0 20px 60px #00000080}#help::backdrop{background:#05040373}#help .help-brand{border-bottom:1px dashed var(--stitch);align-items:center;gap:12px;margin:0 0 16px;padding-bottom:14px;display:flex}#help .help-brand div{flex-direction:column;line-height:1.25;display:flex}#help .help-brand b{letter-spacing:.04em;font-size:22px;font-weight:700}#help .help-brand span{color:var(--ink-dim);font-size:12.5px}#help h2{margin:0 0 16px;font-size:22px;font-weight:500}#help .close{position:absolute;top:14px;right:14px}.help-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px 32px;display:grid}.help-grid h3{color:var(--ink-dim);margin:0 0 8px;font-size:14px;font-weight:500}.help-grid dl{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:14px;display:grid}.help-grid dt{white-space:nowrap}.help-grid dd{color:var(--ink-dim);margin:0}#help .help-note{color:var(--ink-dim);margin:18px 0 0;font-size:13px}#help .help-about{border-top:1px dashed var(--stitch);margin:18px 0 0;padding-top:14px}#help .help-about h3{color:var(--ink-dim);margin:0;font-size:14px;font-weight:500}#help .help-about p{color:var(--ink-dim);margin:8px 0 0;font-size:13px}#help .help-about .help-by{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:12px;display:flex}#help .help-by b{color:var(--ink);font-weight:500}#help .help-links{flex-wrap:wrap;gap:4px 12px;display:flex}#help .help-links a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--stitch);text-decoration-color:var(--stitch);text-underline-offset:3px}#help .help-links a:hover{color:var(--alta)}#help .help-links a:focus-visible{outline:2px solid var(--alta);outline-offset:2px;border-radius:2px}#help kbd{border:1px solid var(--key);border-radius:4px;padding:0 5px;font-family:inherit;font-size:12px}@media (max-width:980px){#dock{grid-template-columns:auto 1fr;grid-template-areas:"when tools""day day";gap:6px 12px}.dock-when{grid-area:when}.dock-tools{grid-area:tools}.dock-day{grid-area:day}}@media (max-width:640px){#dock{width:calc(100vw - 16px);bottom:max(8px, env(safe-area-inset-bottom));border-radius:16px;padding:8px 8px 6px}#dock:before{left:16px;right:16px}.dock-when{gap:6px}.ring-btn{width:38px;height:38px}.ring-btn svg{width:34px;height:34px}.seg button span{display:none}.seg button{padding:0 7px}.seg{margin-right:0}#clock{font-size:14.5px}#bdate{font-size:11px}.live span{display:none}.live{padding:0 8px}.ibtn{width:32px;height:32px}.dock-tools{gap:2px}#views-btn,#moon-btn,#fullscreen{display:none}.pop-item.phone-only{display:flex}.pop-item.phone-only.tiny-only{display:none}#help{padding:18px 18px 20px}}@media (max-width:380px){#map-btn{display:none}.pop-item.phone-only.tiny-only{display:flex}}@media (prefers-reduced-motion:reduce){#dock,#toast{transition:opacity .2s}.live.on i{animation:none}}