:root{--ink:#18392f;--paper:#f5f0e4;--red:#a33a2e;--gold:#c49b56}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#102c27;margin:0;font-family:Songti SC,STSong,Noto Serif SC,serif}button,a{font:inherit}button{color:inherit}.site-shell{background:var(--paper);min-height:100vh;overflow:hidden}.topbar{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f1e5e6;border-bottom:1px solid #18392f29;justify-content:space-between;align-items:center;height:78px;padding:0 34px;display:flex;position:fixed;top:0;left:0;right:0}.brand{color:var(--ink);align-items:center;gap:13px;text-decoration:none;display:flex}.brand-mark{border:1px solid var(--red);width:42px;height:42px;color:var(--red);place-items:center;font-size:22px;display:grid;position:relative;transform:rotate(-3deg)}.brand-mark:after{content:"";border:1px solid #a33a2e59;position:absolute;inset:3px}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.13em;font-size:16px}.brand small{letter-spacing:.24em;opacity:.55;margin-top:3px;font:9px/1.2 Arial,sans-serif}.top-actions{align-items:center;gap:18px;display:flex}.weather{letter-spacing:.08em;opacity:.68;font-size:12px}.round-button{cursor:pointer;background:0 0;border:1px solid #18392f47;border-radius:50%;width:36px;height:36px}.map-stage{background:#78bec7;width:100vw;height:100vh;min-height:680px;padding-top:78px;position:relative;overflow:hidden}.map-viewport{cursor:grab;touch-action:none;place-items:center;display:grid;position:absolute;inset:78px 0 0;overflow:hidden}.map-viewport.is-dragging{cursor:grabbing}.map-canvas{aspect-ratio:1140/788;transform-origin:50%;will-change:transform;flex:none;width:min(100%,144.67vh - 112.843px);transition:transform .18s ease-out;position:relative}.map-viewport.is-dragging .map-canvas{transition:none}.map-image{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;filter:saturate(.78)contrast(.95)brightness(.98);width:100%;height:100%;position:absolute;inset:0}.map-wash{pointer-events:none;background:linear-gradient(90deg,#f4efe16b 0%,#f4efe114 18%,#0000 42%,#133d3214 100%),linear-gradient(#0000 76%,#0c2d2626);position:absolute;inset:0}.route-layer{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.route-layer path{fill:none;stroke:#ae4435;stroke-width:.42px;stroke-dasharray:1.2 1.2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px #fffc);animation:1.2s both route-draw}@keyframes route-draw{0%{stroke-dashoffset:20px;opacity:0}to{stroke-dashoffset:0;opacity:1}}.map-heading{z-index:15;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#f7f2e5d1;border:1px solid #18392f24;max-width:310px;padding:13px 16px 12px;position:absolute;top:96px;left:20px;box-shadow:0 8px 24px #10342b1f}.eyebrow{letter-spacing:.24em;color:var(--red);font-size:9px}.map-heading h1{color:#143b31;letter-spacing:.05em;margin:4px 0 2px;font-size:23px;font-weight:600;line-height:1.15}.map-heading p{letter-spacing:.06em;opacity:.64;margin:0;font-size:10px;line-height:1.5}.spot-marker{z-index:8;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.marker-dot{outline-offset:3px;color:#fff8e9;background:#a63e32;border:1px solid #ffffffc7;border-radius:50%;outline:1px solid #8f332a;place-items:center;width:34px;height:34px;font:9px Arial,sans-serif;transition:all .25s;display:grid;box-shadow:0 7px 20px #1e2e2547}.marker-label{white-space:nowrap;color:#173a31;letter-spacing:.06em;opacity:0;background:#f7f2e5e6;border:1px solid #18392f29;padding:6px 9px;font-size:11px;transition:all .25s;transform:translate(-5px);box-shadow:0 5px 18px #162d251f}.spot-marker:hover .marker-label,.spot-marker:focus-visible .marker-label,.spot-marker.is-active .marker-label{opacity:1;transform:none}.spot-marker:hover .marker-dot,.spot-marker.is-active .marker-dot{background:#173f34;outline-color:#173f34;transform:scale(1.13)}.zoom-control{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7f2e5f0;border:1px solid #18392f2e;align-items:center;gap:0;display:flex;position:absolute;top:96px;right:20px;overflow:hidden;box-shadow:0 8px 24px #10342b29}.zoom-control button{cursor:pointer;background:0 0;border:0;border-right:1px solid #18392f1f;width:38px;height:38px;font:20px Arial,sans-serif}.zoom-control button:hover:not(:disabled){color:#fff;background:var(--ink)}.zoom-control button:disabled{cursor:not-allowed;opacity:.34}.zoom-control span{text-align:center;letter-spacing:.04em;min-width:52px;font:10px Arial,sans-serif}.zoom-control .reset-button{border-left:1px solid #18392f1f;border-right:0;width:48px;font:11px Songti SC,serif}.spot-card{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f2e5e8;border:1px solid #18392f2e;width:min(330px,31vw);min-height:0;padding:27px 28px 25px;position:absolute;top:148px;right:20px;box-shadow:0 18px 46px #0e2d2633}.spot-card:before{content:"";pointer-events:none;border:1px solid #a43b2e29;position:absolute;inset:7px}.card-close{cursor:pointer;opacity:.5;background:0 0;border:0;width:30px;height:30px;font-size:22px;position:absolute;top:13px;right:16px}.card-number{color:#a43b2e12;font:700 70px/1 Arial,sans-serif;position:absolute;bottom:12px;right:20px}.card-meta{gap:7px;margin-bottom:22px;display:flex}.card-meta span{letter-spacing:.08em;border:1px solid #18392f33;padding:4px 7px;font-size:9px}.card-meta span:first-child{color:var(--red);border-color:#a43b2e4d}.card-kicker{color:var(--red);letter-spacing:.24em;margin:0 0 6px;font-size:10px}.spot-card h2{letter-spacing:.05em;margin:0;font-size:26px;font-weight:600}.card-subtitle{color:#8a6c48;letter-spacing:.06em;margin:7px 0 14px;font-size:12px}.card-intro{z-index:2;letter-spacing:.035em;margin:0;font-size:12px;line-height:1.85;position:relative}.card-image{z-index:2;aspect-ratio:16/9;object-fit:cover;border:1px solid #18392f24;width:100%;margin-top:16px;display:block;position:relative}.route-control{z-index:20;background:#f6f1e5eb;border:1px solid #18392f24;align-items:center;gap:24px;padding:11px 13px;display:flex;position:absolute;bottom:24px;left:20px;box-shadow:0 8px 28px #14322a29}.route-control>div{align-items:center;gap:10px;display:flex}.route-icon{color:#fff;background:var(--red);border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.route-control p,.route-control strong,.route-control small{margin:0;display:block}.route-control strong{letter-spacing:.07em;font-size:12px}.route-control small{opacity:.55;margin-top:2px;font:9px Arial,sans-serif}.route-control button{cursor:pointer;background:0 0;border:1px solid #18392f47;padding:7px 10px;font-size:10px}.route-control button.active{color:#fff;background:var(--ink)}.spot-index{z-index:12;gap:5px;display:flex;position:absolute;bottom:24px;right:20px}.spot-index button{color:#f9f3e6;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#12393094;border:0;border-top:1px solid #f7f2e580;padding:7px 9px;font-size:9px}.spot-index button span{color:#d6b06f;margin-right:5px}.spot-index button.active{background:var(--red)}@media (max-width:900px){.topbar{height:68px;padding:0 18px}.weather{display:none}.map-stage{padding-top:68px}.map-viewport{inset:68px 0 0}.map-canvas{width:min(100%,144.67vh - 98.3756px)}.map-heading{max-width:230px;padding:10px 12px;top:82px;left:12px}.map-heading h1{font-size:18px}.map-heading p{display:none}.zoom-control{top:82px;right:12px}.zoom-control button{width:34px;height:34px}.zoom-control span{display:none}.zoom-control .reset-button{width:42px}.spot-card{width:auto;padding:22px;inset:auto 12px 82px}.card-meta{margin-bottom:13px}.spot-card h2{font-size:22px}.card-intro{line-height:1.65}.spot-index{display:none}.route-control{justify-content:space-between;bottom:14px;left:12px;right:12px}.marker-label{display:none}}