:root{--ink:#15191b;--muted:#5f696d;--line:#c8d0d2;--paper:#f5f6f3;--land:#edf0ec;--blue:#315f7b;--rust:#934936;--grey:#70787b;--river:#70a9ba;--serif:"Songti SC","Noto Serif CJK SC",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;--mono:"SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.72 var(--sans)}a{color:inherit}.skip-link{position:fixed;z-index:30;top:8px;left:8px;transform:translateY(-150%);padding:9px 12px;color:#fff;background:var(--ink)}.skip-link:focus{transform:none}.topbar{min-height:40px;display:flex;align-items:center;gap:24px;padding:0 22px;color:#fff;background:var(--ink);font:11px/1 var(--mono)}.topbar a{text-decoration:none;opacity:.76}.topbar .wordmark{margin-right:auto;font:700 16px/1 var(--serif);opacity:1}.hero{max-width:1260px;margin:auto;padding:72px 46px 48px;border-bottom:1px solid var(--line)}.eyebrow{margin:0;color:var(--muted);font:10px/1.5 var(--mono);letter-spacing:.07em;text-transform:uppercase}.hero h1{max-width:900px;margin:14px 0 18px;font:500 clamp(42px,5.5vw,72px)/1.04 var(--serif);letter-spacing:-.035em}.hero>p:last-child{max-width:820px;margin:0;font:18px/1.7 var(--serif)}.motion-panel{max-width:1260px;margin:auto;padding:62px 46px 70px}.motion-header{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-bottom:24px}.motion-header h2{margin:8px 0 0;font:500 clamp(30px,4vw,48px)/1.12 var(--serif)}.motion-controls{display:flex;gap:8px;flex-wrap:wrap}.motion-controls button{min-height:42px;padding:0 16px;border:1px solid var(--ink);border-radius:0;color:var(--ink);background:transparent;font:600 12px/1 var(--sans);cursor:pointer}.motion-controls button:first-child,.motion-controls button[aria-pressed="true"]{color:#fff;background:var(--ink)}.motion-controls button:focus-visible{outline:3px solid #77a9bf;outline-offset:3px}.motion-controls button:disabled{cursor:not-allowed;opacity:.45}.stage-status{display:grid;grid-template-columns:112px minmax(180px,280px) 1fr;gap:20px;align-items:baseline;padding:13px 16px;color:var(--muted);background:#fff;border:1px solid var(--line);border-bottom:0;font-size:12px}.stage-status span:first-child{font:10px/1.4 var(--mono);letter-spacing:.04em}.stage-status strong{color:var(--ink);font:500 17px/1.3 var(--serif)}.motion-figure{margin:0;border:1px solid var(--ink);background:#fff}.map-scroll{overflow-x:auto;overscroll-behavior-inline:contain;background:var(--land)}.map-scroll svg{display:block;width:100%;min-width:920px;height:auto}.motion-figure figcaption{padding:13px 16px;border-top:1px solid var(--line);font-size:12px}.map-bg{fill:var(--land)}.terrain{fill:#d9ded7;stroke:#c2c9c0}.terrain-label{fill:#78817a;font:11px var(--serif);letter-spacing:.12em}.river{fill:none;stroke:var(--river);stroke-width:5;stroke-linecap:round;opacity:.78}.river-label{fill:#477786;font:11px var(--serif)}.route{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.route-blue{stroke:var(--blue)}.route-rust{stroke:var(--rust)}.route-grey{stroke:var(--grey)}.route-dashed{stroke-dasharray:9 8}.node circle{stroke:#fff;stroke-width:2.5}.node-blue circle{fill:var(--blue)}.node-rust circle{fill:var(--rust)}.node-neutral circle{fill:var(--grey)}.node text,.movement,.river-label,.terrain-label{paint-order:stroke;stroke:var(--land);stroke-width:6px;stroke-linejoin:round}.node .place{fill:var(--ink);font:600 16px var(--serif)}.node .action{fill:var(--muted);font:10px var(--sans)}.movement{font:600 12px var(--serif)}.movement-blue{fill:var(--blue)}.movement-rust{fill:var(--rust)}.legend text{fill:var(--muted);font:10px var(--sans)}.legend>text:first-child{fill:var(--ink);font:700 12px var(--mono)}.stage-item{opacity:1;transition:opacity 340ms ease,filter 340ms ease}.motion-ready .stage-item.is-future{opacity:.08;filter:grayscale(1)}.motion-ready .stage-item.is-current{filter:drop-shadow(0 0 5px rgba(49,95,123,.23))}.motion-ready .stage-item.is-current .route{animation:route-arrive 900ms cubic-bezier(.2,.75,.25,1) both}.motion-ready .stage-item.is-current .node{animation:node-arrive 650ms cubic-bezier(.2,.8,.25,1) both}.motion-ready.is-paused .stage-item *{animation-play-state:paused!important}.stage-list{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin:18px 0 0;padding:1px;list-style:none;background:var(--line)}.stage-list li{display:grid;grid-template-columns:auto 1fr;gap:10px;min-height:120px;padding:15px;background:#fff;color:var(--muted);font-size:11px}.stage-list b{color:var(--blue);font:700 10px/1.5 var(--mono)}.stage-list strong{display:block;margin-bottom:5px;color:var(--ink);font:500 15px/1.35 var(--serif)}.motion-ready .stage-list li.is-current{box-shadow:inset 0 3px 0 var(--blue)}.boundary{max-width:1168px;margin:0 auto 80px;padding:23px 0 0;border-top:1px solid var(--line)}.boundary h2{margin:0 0 8px;font:500 20px/1.35 var(--serif)}.boundary p{max-width:850px;margin:0;color:var(--muted);font-size:12px}@keyframes route-arrive{from{opacity:.15;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes node-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:900px){.motion-header{grid-template-columns:1fr}.stage-status{grid-template-columns:1fr;gap:4px}.stage-list{grid-template-columns:1fr 1fr}.map-scroll{margin-right:-46px;padding-right:46px}.map-scroll svg{width:920px}}@media(max-width:520px){.topbar{gap:12px;padding:0 14px}.topbar a:last-child{display:none}.hero{padding:52px 18px 38px}.hero h1{font-size:40px}.motion-panel{padding:48px 18px 58px}.motion-controls{display:grid;grid-template-columns:1fr 1fr;width:100%}.motion-controls button:first-child{grid-column:1/-1}.map-scroll{margin-right:-18px;padding-right:18px}.stage-list{grid-template-columns:1fr}.stage-list li{min-height:0}.boundary{margin:0 18px 60px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage-item{transition:none!important}.stage-item *{animation:none!important}}