@font-face{font-family:Ma;src:url(fonts/MaShanZheng-Regular.ttf)}:root{--ink:#153f3b;--deep:#102e2d;--paper:#eee2bf;--gold:#bda16a;--light:#f8f0d9;--muted:#b9c8b9}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#102826;color:var(--paper);font-family:'Songti SC','STSong',serif}button,a,input{ -webkit-tap-highlight-color:transparent}button,a{font-family:inherit;touch-action:manipulation}button{cursor:pointer;color:inherit;font-size:22px;border:1px solid #bda16a66;background:#1f4943;padding:13px 20px;transition:background .22s,color .22s,transform .22s}button:hover{background:#46675b}button:active{transform:translateY(2px)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f5ce82;outline-offset:4px}button.active{background:var(--paper);color:var(--ink)}[hidden]{display:none!important}#stage{width:1920px;height:1080px;position:absolute;transform-origin:0 0;overflow:hidden;background:radial-gradient(ellipse at 40% 50%,#345d50 0,#153f3b 52%,#102e2d 100%)}#stage:before{content:'';position:absolute;inset:18px;border:1px solid #bda16a55;pointer-events:none}header{position:absolute;left:44px;right:44px;top:30px;height:104px;display:flex;align-items:center;border-bottom:1px solid #bda16a66;gap:24px;z-index:3}.seal{display:grid;place-content:center;width:50px;height:68px;background:#873e2e;color:#f0dfb4;font:26px/1 Ma;text-decoration:none;border:2px solid #b18b58;box-shadow:inset 0 0 0 3px #783726}.mast small{font-size:17px;letter-spacing:3px;color:var(--muted)}h1{font:62px/1 Ma;margin:9px 0 12px}.head-copy{margin-left:38px;font-size:25px;letter-spacing:5px;color:#d7c794}.head-copy span{display:block;font-size:18px;letter-spacing:2px;color:#afc1ad;margin-top:8px}header nav{margin-left:auto;display:flex;align-items:center;gap:12px}header nav button,header nav a{font-size:20px;background:transparent;padding:13px 18px}header a{color:var(--paper);text-decoration:none}#map-area{position:absolute;left:32px;top:140px;width:1240px;height:668px}.map-heading{position:absolute;top:22px;left:24px;z-index:2;pointer-events:none}.map-heading span{font-size:17px;letter-spacing:5px;color:var(--gold)}.map-heading h2{font:52px/1.1 Ma;margin:12px 0}.map-heading p{font-size:19px;color:#c2d0bb;margin:0}#render{position:absolute;inset:40px 0 12px}#render canvas{width:100%;height:100%;touch-action:none;display:block}#labels{position:absolute;inset:40px 0 12px;pointer-events:none}.city{position:absolute;pointer-events:auto;transform:translate(-50%,-100%);padding:6px 10px;font:19px 'Songti SC',serif;background:#163b32ed;color:#f3e5bd;border:1px solid #bda16a9c;white-space:nowrap;box-shadow:0 5px 18px #031d1680}.city:after{content:'';position:absolute;left:50%;top:100%;height:14px;border-left:1px solid var(--gold)}.city.core{background:#dbc68c;color:#25483b;font-weight:bold}.city.selected{box-shadow:0 0 22px #e9c57299;border-color:#ffe4a0}.city:active,.city:hover{transform:translate(-50%,-100%);background:#d8c597;color:#143b32}.compass{position:absolute;right:24px;top:15px;display:flex;flex-direction:column;text-align:center;color:var(--gold);pointer-events:none}.compass b{font-size:19px}.compass i{font-size:55px;line-height:1.1;font-style:normal}.compass span{font-size:15px;margin-top:8px}.map-tools{position:absolute;bottom:12px;left:22px;display:flex;gap:8px;z-index:3}.map-tools button{padding:12px 15px;font-size:20px}.legend{position:absolute;left:25px;bottom:77px;display:flex;gap:20px;font-size:17px;color:#d0d5bd;pointer-events:none}.legend i{display:inline-block;width:25px;height:3px;margin:0 8px 5px 0}.gold{background:#f5ce78}.copper{background:#e78c62}.blue{background:#8adee3}.faded{background:#99a08c}#story{position:absolute;left:1310px;right:45px;top:160px;height:644px;color:#29483c;background:linear-gradient(105deg,#eee2bf,#e4d4ac);box-shadow:-14px 14px 40px #06281b55,inset 0 0 0 1px #dbc796;border-top:5px solid #b49961;border-bottom:5px solid #a18857}#story:before,#story:after{content:'';position:absolute;width:17px;top:-12px;bottom:-12px;background:linear-gradient(90deg,#594b2e,#b3a17a,#73623f);box-shadow:2px 3px 8px #132c2255}#story:before{left:-10px}#story:after{right:-10px}.story-head{padding:22px 32px 13px;border-bottom:1px solid #93856555;position:relative}.story-head small{font-size:16px;letter-spacing:4px;color:#7b704d}.story-head h2{font:47px/1.1 Ma;margin:8px 0}.story-head p{position:absolute;right:30px;top:30px;writing-mode:vertical-rl;font-size:19px;letter-spacing:2px;color:#786949;margin:0}#story-scroll{height:474px;overflow-y:auto;padding:0 32px 26px;overscroll-behavior:contain;scrollbar-color:#9c8856 #e2d2ac;scrollbar-width:thin}#story-scroll p{font-size:23px;line-height:1.75;margin:13px 0;text-wrap:pretty}#story-scroll .lead{font-size:24px;line-height:1.75}#story-scroll section{border-top:1px solid #9d885450;margin-top:24px;padding-top:18px}#story-scroll h3{font-size:27px;letter-spacing:2px;margin:2px 0 12px}#story-scroll .episode{background:#d4c49866;padding:20px;margin-left:-9px;margin-right:-9px;border:1px solid #b6a474}.episode small{font-size:18px;letter-spacing:4px;color:#786746}#step-tabs{display:flex;gap:8px;margin:13px 0}#step-tabs button{font-size:17px;color:#29483c;background:transparent;border-color:#8f8358;padding:9px 10px;flex:1}#step-tabs button.active{background:#335b49;color:#f7edcd}#step-detail h3{font-size:25px;margin-top:20px}#step-detail p{font-size:22px}#story-scroll button.inline{background:transparent;color:#466146;border:0;border-bottom:1px solid #6e835c;padding:5px 0;font-size:20px}.reading-hint{text-align:center;font-size:15px;letter-spacing:3px;color:#857250;margin-top:6px}.region-image{width:100%;border:6px solid #d8c798;margin-top:10px}#story-scroll p.caption{font-size:17px;text-align:center;margin:2px}#node-card{position:absolute;left:40px;top:270px;width:430px;padding:25px 28px;background:#f0e1bff5;color:#244a3d;border:1px solid #ba9c5e;box-shadow:0 14px 40px #001d1bbb;z-index:6}#node-card small{font-size:18px;color:#8b693c;letter-spacing:3px}#node-card h3{font:38px Ma;margin:12px 0}#node-card p{font-size:22px;line-height:1.65;margin:12px 0}#node-card strong{font-size:17px;color:#846b40;font-weight:normal}#node-close{position:absolute;right:10px;top:8px;font-size:25px;background:none;border:0;color:#58604b;padding:6px 12px}.playback{position:absolute;left:56px;right:52px;top:826px;height:61px;border-top:1px solid #bda16a44;display:flex;align-items:center;gap:16px;padding-top:10px}.playback button{font-size:19px;padding:9px 16px}.playback label{display:flex;align-items:center;gap:20px;font-size:18px;color:#c5c9af;flex:1}.playback input{accent-color:#d4b16a;width:100%;cursor:pointer}.playback #play-status{font-size:18px;color:#d2bd83;min-width:205px;text-align:center}#timeline{position:absolute;left:48px;right:48px;top:913px;height:115px;display:flex;gap:0;filter:drop-shadow(0 6px 8px #07282055)}#timeline button{position:relative;flex:1;display:flex;text-align:left;align-items:center;gap:24px;clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%,5% 50%);border:0;background:#2b5147;padding:16px 52px;color:#a9bda6}#timeline button:first-child{clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%);padding-left:32px}#timeline button.active{background:linear-gradient(100deg,#d5bd81,#ede0ae);color:#213e30}#timeline em{font:45px Ma;font-style:normal;opacity:.6}#timeline strong{display:block;font:35px Ma;letter-spacing:3px}#timeline small{display:block;font-size:23px;letter-spacing:2px;margin-top:9px}#timeline .hint{margin-left:auto;writing-mode:vertical-rl;font-size:16px;letter-spacing:2px;opacity:.7}footer{position:absolute;left:56px;right:56px;bottom:24px;display:flex;justify-content:space-between;font-size:16px;color:#90aa95;letter-spacing:2px}#loading{position:absolute;left:35%;top:50%;font-size:26px;color:#e6d394}#fallback{position:absolute;inset:180px 40px 125px;padding:20px;background:#234d43;z-index:2;overflow:auto}#fallback-nodes{display:flex;flex-wrap:wrap;gap:10px}#fallback p{font-size:22px}dialog{border:1px solid #be9d59;background:#ebdfc0;color:#294536;width:1460px;max-width:none;max-height:910px;padding:44px 50px;box-shadow:0 20px 130px #001811cc}dialog::backdrop{background:#032b28c9}#modal-close{position:absolute;top:16px;right:22px;background:none;color:#325b46;border:0;font-size:35px}#modal-body h2{font:46px Ma;margin:0 0 20px}#modal-body p{font-size:25px;line-height:1.8}#modal-body .atlas-tools{display:flex;gap:12px;margin-bottom:14px}#modal-body button{background:#365747}#atlas-view{height:625px;overflow:hidden;background:#d8c294;position:relative;touch-action:none}#atlas-view img{width:100%;height:100%;object-fit:contain;transform-origin:center;user-select:none;pointer-events:none}.node-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-height:680px;overflow:auto}.node-list button{text-align:left;padding:20px;font-size:25px}.node-list small{display:block;font-size:17px;color:#d7c68f;margin-top:8px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.playback label{white-space:nowrap}.playback input{min-width:0}#modal{margin:auto}#story-scroll:focus-visible{outline:2px solid #9c8856}

#modal{position:fixed;left:50%;top:50%;right:auto;bottom:auto;margin:0;transform:translate(-50%,-50%) scale(var(--ui-scale,1));transform-origin:center;max-height:910px}

button:disabled{opacity:.4;cursor:not-allowed}button:disabled:hover{background:#1f4943}
.map-heading{top:0;left:0;padding:18px 24px;width:650px;background:linear-gradient(90deg,#153f3bed 0%,#153f3bc9 65%,transparent);border-radius:0 0 50px 0}.compass{background:#173d34cc;padding:8px 12px}.legend{background:#173d34da;padding:6px 9px;left:16px;bottom:72px}.map-tools{background:#173d34ed;padding:7px;bottom:5px;left:15px}#node-card{top:242px;width:450px;padding:22px 26px}#node-card p{font-size:21px;line-height:1.65}#node-card strong{display:block;line-height:1.5}