:root {
  --black:#050607; --ink:#15191b; --muted:#59666b; --line:#c8d0d2;
  --paper:#fff; --land:#eef1ed; --sea:#dfeaec; --river:#79a7b5;
  --blue:#315f7b; --blue-2:#5f91a5; --blue-soft:#dbe8ed;
  --rust:#934936; --rust-soft:#ecdcd6; --grey:#70787b;
  --mono:"SFMono-Regular","Roboto Mono","Noto Sans Mono CJK SC",monospace;
  --serif:"Iowan Old Style","Songti SC","STSong","Noto Serif CJK SC",serif;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Noto Sans SC","PingFang SC",sans-serif;
}
*{box-sizing:border-box} html{background:var(--black);scroll-behavior:smooth} body{margin:0;color:var(--ink);background:#fff;font-family:var(--sans);line-height:1.6} a{color:inherit;text-underline-offset:3px} a:focus-visible{outline:2px solid #08718f;outline-offset:3px}.skip-link{position:fixed;z-index:30;top:4px;left:8px;transform:translateY(-160%);padding:7px 10px;background:#fff;color:#000}.skip-link:focus{transform:none}
.topbar{min-height:40px;display:flex;align-items:center;gap:24px;padding:0 22px;color:#fff;background:var(--black);font:11px/1 var(--mono);letter-spacing:.04em}.topbar a{text-decoration:none;opacity:.76}.topbar .wordmark{margin-right:auto;font:700 16px/1 var(--serif);opacity:1}
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.55fr);gap:72px;max-width:1280px;margin:auto;padding:78px 50px 56px;border-bottom:1px solid var(--line)}.eyebrow,.map-kicker,.map-meta{margin:0;color:var(--muted);font:10px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase}.hero h1{max-width:780px;margin:14px 0 18px;font:500 clamp(44px,5.5vw,76px)/1.02 var(--serif);letter-spacing:-.035em}.hero-lead{max-width:760px;margin:0;font:19px/1.72 var(--serif)}.hero-note{align-self:end;padding-top:14px;border-top:3px solid var(--ink);color:var(--muted);font-size:13px}.hero-note strong{display:block;margin-bottom:7px;color:var(--ink);font:500 19px/1.35 var(--serif)}
.map-nav{position:sticky;z-index:10;top:0;display:flex;overflow:auto;padding:0 22px;color:#fff;background:var(--black);scrollbar-width:none}.map-nav a{min-width:max-content;padding:13px 20px;border-left:1px solid #303538;text-decoration:none;font:11px/1.3 var(--mono)}.map-nav a:last-child{border-right:1px solid #303538}
.map-section{padding:78px 46px 88px;border-bottom:1px solid var(--line);scroll-margin-top:42px}.map-section:nth-of-type(even){background:#f8f9f8}.map-header,.map-figure,.map-notes{max-width:1280px;margin-left:auto;margin-right:auto}.map-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.38fr);gap:60px;margin-bottom:30px}.map-header h2{margin:8px 0 11px;font:500 clamp(32px,4vw,52px)/1.08 var(--serif);letter-spacing:-.025em}.map-question{max-width:800px;margin:0;font:18px/1.6 var(--serif)}.map-answer{align-self:end;padding-left:16px;border-left:3px solid var(--blue);font-size:13px;color:var(--muted)}.map-answer strong{display:block;margin-bottom:4px;color:var(--ink);font:500 17px/1.35 var(--serif)}
.map-figure{margin-top:0;margin-bottom:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#fff}.map-scroll{overflow-x:auto;overscroll-behavior-inline:contain;background:var(--land);scrollbar-color:var(--line) transparent}.map-scroll.start-east{direction:rtl}.map-scroll svg{display:block;width:100%;min-width:920px;height:auto;direction:ltr}.map-figure figcaption{display:grid;grid-template-columns:1fr auto;gap:18px;padding:13px 16px;border-top:1px solid var(--line);font-size:12px}.map-figure figcaption span:last-child{color:var(--muted);font:9px/1.8 var(--mono);text-transform:uppercase}
.map-notes{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.42fr);gap:54px;padding-top:23px}.map-notes h3{margin:0 0 8px;font:500 17px/1.35 var(--serif)}.map-notes p{margin:0;color:var(--muted);font-size:12px}.map-notes aside{padding-left:17px;border-left:1px solid var(--line)}.map-notes ul{margin:7px 0 0;padding-left:18px}.map-notes li{margin-bottom:4px;color:var(--muted);font-size:11px}
/* Shared SVG language */
.map-bg{fill:var(--land)}.sea{fill:var(--sea)}.coast{fill:none;stroke:#9aabad;stroke-width:1.4}.relief path{fill:none;stroke:#d7ddd8;stroke-width:1.2;stroke-linecap:round}.river{fill:none;stroke:var(--river);stroke-width:5;stroke-linecap:round;opacity:.78}.river-label{fill:#477786;font:11px var(--serif)}.terrain{fill:#d9ded7;stroke:#c2c9c0;stroke-width:1}.terrain-line{fill:none;stroke:#aeb8ad;stroke-width:1.2;stroke-linecap:round}.terrain-label{fill:#78817a;font:11px var(--serif);letter-spacing:.12em}.route-yan{fill:none;stroke:var(--rust);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.route-tang{fill:none;stroke:var(--blue);stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round}.route-tang-secondary{fill:none;stroke:var(--blue-2);stroke-width:3.2;stroke-linecap:round;stroke-dasharray:8 7}.route-royal{fill:none;stroke:var(--grey);stroke-width:3.2;stroke-linecap:round}.route-uncertain{stroke-dasharray:9 8}.movement-label{font:600 11px var(--serif);paint-order:stroke;stroke:#f7f9f6;stroke-width:6px;stroke-linejoin:round}.movement-tang{fill:var(--blue)}.movement-yan{fill:var(--rust)}.node circle{stroke:#fff;stroke-width:2.5}.node text.place,.node text.action,.river-label,.terrain-label,.battle-place,.battle-small{paint-order:stroke;stroke:#f7f9f6;stroke-width:5px;stroke-linejoin:round}.node text.place{fill:var(--ink);font:600 16px var(--serif)}.node text.action{fill:var(--muted);font:10px var(--sans)}.node-yan circle{fill:var(--rust)}.node-tang circle{fill:var(--blue)}.node-turn circle{fill:url(#split-node)}.node-neutral circle{fill:var(--grey)}.map-title{fill:var(--ink);font:500 24px var(--serif)}.map-subtitle{fill:var(--muted);font:11px var(--sans)}.legend-bg{fill:#fff;stroke:#c8d0d2}.legend-text{fill:var(--muted);font:10px var(--sans)}.legend-label{fill:var(--ink);font:600 10px var(--mono)}.north{fill:var(--ink);font:700 11px var(--mono)}.story-number{fill:#fff;font:700 11px var(--mono);text-anchor:middle;dominant-baseline:central}.story-label{fill:var(--ink);font:600 12px var(--serif)}.story-note{fill:var(--muted);font:10px var(--sans)}.label-halo{paint-order:stroke;stroke:#f7f9f6;stroke-width:6px;stroke-linejoin:round}.panel-bg{fill:#f1f3f0;stroke:#c8d0d2}.panel-year{fill:var(--ink);font:600 22px var(--serif)}.panel-question{fill:var(--muted);font:11px var(--sans)}.sequence-key text{fill:#465258;font:600 10px var(--mono);letter-spacing:.01em}
/* battle */
.battle-ground{fill:#edf0ec}.battle-line-tang{fill:var(--blue)}.battle-line-yan{fill:var(--rust)}.battle-unit text{fill:#fff;font:600 12px var(--serif);text-anchor:middle}.battle-unit .sub{font:9px var(--sans);opacity:.88}.battle-arrow-tang{fill:none;stroke:var(--blue);stroke-width:3.8;stroke-linecap:round}.battle-arrow-ally{fill:none;stroke:var(--blue-2);stroke-width:3.8;stroke-linecap:round;stroke-dasharray:8 7}.battle-arrow-yan{fill:none;stroke:var(--rust);stroke-width:3.8;stroke-linecap:round}.battle-place{fill:var(--ink);font:600 16px var(--serif)}.battle-small{fill:var(--muted);font:10px var(--sans)}.battle-sequence text{font-size:10px}.coast{fill:none;stroke:#9aabad;stroke-width:1.4}
.inventory{padding:66px 46px 78px;color:#fff;background:var(--black)}.inventory>div{max-width:1280px;margin:auto}.inventory h2{max-width:850px;margin:0 0 14px;font:500 clamp(31px,4vw,50px)/1.1 var(--serif)}.inventory>div>p{max-width:780px;color:#b8c0c3}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:30px;background:#313638;border:1px solid #313638}.inventory article{min-height:150px;padding:20px;background:#0b0d0e}.inventory b{display:block;margin-bottom:11px;color:#8eb3c1;font:10px/1.3 var(--mono)}.inventory h3{margin:0 0 8px;font:500 19px/1.3 var(--serif)}.inventory p{margin:0;color:#aeb7ba;font-size:12px}
@media(max-width:900px){.hero,.map-header,.map-notes{grid-template-columns:1fr;gap:26px}.hero{padding:62px 28px 48px}.map-section{padding:60px 28px 70px}.inventory-grid{grid-template-columns:1fr 1fr}.map-scroll{margin-right:-28px;padding-right:28px}.map-scroll svg{width:920px}.map-scroll::after{content:"左右滑动查看完整地图";position:sticky;left:14px;display:inline-block;margin:9px 14px 12px;padding:4px 7px;color:#fff;background:#15191bcc;font:9px/1.4 var(--mono)}}
@media(max-width:520px){.topbar{gap:13px;padding:0 14px}.topbar a:not(.wordmark):last-child{display:none}.hero{padding:50px 18px 40px}.hero h1{font-size:42px}.hero-lead{font-size:17px}.map-nav{padding:0}.map-nav a{padding:12px 14px}.map-section{padding:52px 18px 62px}.map-header h2{font-size:34px}.map-scroll{margin-right:-18px;padding-right:18px}.map-notes aside{padding:15px 0 0;border-left:0;border-top:1px solid var(--line)}.inventory{padding:54px 18px 70px}.inventory-grid{grid-template-columns:1fr}.inventory article{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.battle-arrow-tang,.battle-arrow-ally,.battle-arrow-yan{stroke-linecap:butt}