:root{color:#dce0d2;font-synthesis:none;--gold:#c9b487;--muted:#90a6a4;--line:#b4c6ae2e;--ink:#0d2931;--serif:"Songti SC","STSong","SimSun",serif;--kai:"Kaiti SC","STKaiti","KaiTi",var(--serif);background:#0b242c;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{font-size:13px}button,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline-offset:5px;outline:1px solid #dfca94}button,a,input{-webkit-tap-highlight-color:transparent}a{color:var(--gold);text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}button:hover{color:#f4e4b9}kbd{color:#93aaa8;text-align:center;border:1px solid #b4c8b933;border-radius:3px;min-width:20px;padding:2px 5px;font-family:inherit;font-size:11px}i{vertical-align:middle;opacity:.5;background:currentColor;border-radius:50%;width:2px;height:2px;margin:0 10px;display:inline-block}[hidden]{display:none!important}#scene{background:radial-gradient(at 51% 39%,#2a4950 0%,#15333d 41%,#0b232d 72%,#071b23 100%);position:absolute;inset:0}#world{touch-action:none;outline-offset:-4px;width:100%;height:100%;display:block}#labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.vignette{pointer-events:none;background:linear-gradient(#04151b73 0%,#0000 18% 75%,#04141ac7 100%);position:absolute;inset:0}.paper-grain{pointer-events:none;opacity:.035;z-index:15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.65' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.topbar{border-bottom:1px solid var(--line);z-index:30;justify-content:space-between;align-items:center;height:93px;display:flex;position:absolute;top:0;left:34px;right:34px}.brand{text-align:left;align-items:center;gap:14px;display:flex}.seal{font-family:var(--serif);color:#d7b69c;border:1px solid #9a6148;padding:4px 5px 3px;font-size:16px;line-height:1.22;position:relative}.seal:before{content:"";border:1px solid #84533c;position:absolute;inset:2px}.brand strong{font-family:var(--serif);letter-spacing:5px;font-size:21px;font-weight:400}.brand small{color:var(--muted);letter-spacing:1.2px;margin-top:7px;font-size:10px;display:block}.brand i{margin:0 7px}.layer-nav{align-items:center;gap:34px;height:100%;display:flex;position:absolute;left:50%;transform:translate(-50%)}.layer-nav button{color:#94aaa7;letter-spacing:3px;align-items:center;gap:9px;height:100%;font-size:13px;display:flex;position:relative}.layer-nav button.active{color:#ead8b2}.layer-nav button.active:after{content:"";background:#c8af76;height:2px;position:absolute;bottom:-1px;left:0;right:3px}.layer-symbol{font-family:var(--kai);text-align:center;letter-spacing:0;border:1px solid #a3b7a036;border-radius:50%;width:27px;height:27px;font-size:18px;line-height:25px}.active .layer-symbol{border-color:#c5b38294}.header-actions{align-items:center;gap:26px;display:flex}.text-button{color:#c0cec5;letter-spacing:2px;align-items:center;gap:9px;font-size:12px;display:flex}.text-button kbd{margin-left:4px}.icon-button{color:#a8bbb3;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-button.small{width:26px;height:26px}.icon-button.small svg{width:17px;height:17px}.intro{z-index:10;pointer-events:none;transition:opacity .5s;position:absolute;top:138px;left:49px}.volume{letter-spacing:4px;color:#adbbad;align-items:center;gap:11px;font-size:10px;display:flex}.volume>span{background:#a6b29a;width:20px;height:1px}.intro h1{font-family:var(--kai);letter-spacing:8px;color:#e0dfcc;text-shadow:0 3px 20px #102b32;margin:26px 0 24px;font-size:70px;font-weight:400;line-height:1.05}.intro h1 span{margin-left:40px;display:inline-block}.intro-line{background:#6b8075;width:36px;height:1px;margin:0 0 19px}.verse{font-family:var(--serif);letter-spacing:3px;color:#aab9ad;margin:0;font-size:13px;line-height:2.2}.journey-start{letter-spacing:2px;pointer-events:auto;color:#ccb98c;border-bottom:1px solid #8e865b;align-items:center;gap:10px;min-width:150px;margin-top:27px;padding:0 0 12px;font-size:12px;display:flex}.journey-start+.journey-start{margin-top:14px}.journey-campaign{color:#c3ab8e}.journey-sea{color:#9fb8ae}.play-icon{font-size:18px;line-height:1}.journey-start-tail{font-family:var(--serif);opacity:.5;margin-left:auto;font-size:10px}.has-selection .intro{opacity:.5}.has-selection .intro:hover{opacity:1}.map-label{white-space:nowrap;pointer-events:auto;color:#d5d4bd;font-family:var(--serif);letter-spacing:1.5px;text-shadow:0 1px 4px #06222b,0 0 7px #06222b,0 0 12px #06222b;will-change:transform;align-items:center;gap:6px;padding:8px 6px 4px;font-size:13px;transition:color .2s;display:flex;position:absolute;top:0;left:0}.map-label:after{content:"";background:linear-gradient(#d0c39666,#0000);width:1px;height:8px;position:absolute;bottom:0;left:50%;transform:translateY(100%)}.map-label .pin{border:1px solid #d5c89b;border-radius:50%;flex:none;width:4px;height:4px;box-shadow:0 0 7px #c9b67955}.map-label.type-sect .pin{border-radius:0;transform:rotate(45deg)}.map-label.type-realm .pin{border-color:#c0cde0;width:7px;height:7px}.map-label.primary{letter-spacing:3px;color:#e2d3a5;font-size:17px}.map-label.primary .pin{background:#c0b588;width:6px;height:6px}.map-label.selected{z-index:3;background:linear-gradient(90deg,#0000,#092a32aa,#0000);color:#ffe7ae!important;font-size:17px!important}.map-label.selected .pin{background:#f4d88f}.map-label:hover .place-name{border-bottom:1px solid}.region-label{pointer-events:none;font-family:var(--kai);color:#b6c1ad;white-space:nowrap;letter-spacing:7px;text-shadow:0 2px 12px #15333b;mix-blend-mode:screen;-webkit-user-select:none;user-select:none;position:absolute}.gazetteer{z-index:20;scrollbar-width:thin;scrollbar-color:#526359 transparent;background:linear-gradient(135deg,#132f36f2,#0b222aeb);border:1px solid #a5b49340;width:299px;max-height:calc(100% - 295px);padding:19px 23px 16px;position:absolute;top:123px;right:36px;overflow:auto;box-shadow:0 16px 65px #03171f45}.gazetteer:before{content:"";background:#c4ae78;width:30px;height:1px;position:absolute;top:-1px;left:-1px}.gazetteer-top{letter-spacing:2px;color:#94aaa4;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:10px;display:flex}.place-heading{align-items:center;gap:10px;display:flex}.place-heading>span{font-family:var(--serif);color:#b9a67b;font-size:24px}.place-heading h2{color:#e7dfc3;font-family:var(--serif);letter-spacing:4px;margin:0;font-size:31px;font-weight:400}.place-poem{font-family:var(--serif);letter-spacing:1px;color:#aebca9;margin:13px 0 12px;font-size:12px;line-height:1.7}.place-illustration{opacity:.75;height:65px;margin:10px -2px 12px;overflow:hidden}.place-illustration svg{stroke-width:.65px;width:100%;height:100%}.place-description{color:#bdcbc1;text-align:justify;margin:10px 0 17px;font-size:12px;line-height:2.05}.place-detail{color:#8fa5a1;border-left:1px solid #7b8466;margin:14px 0;padding-left:12px;font-size:11px;line-height:1.9}.related-section{border-top:1px solid var(--line);padding-top:14px}.related-section h3{letter-spacing:2px;color:#829b96;margin:0 0 10px;font-size:10px;font-weight:400}#related-places{flex-wrap:wrap;gap:8px 15px;display:flex}#related-places button{font-family:var(--serif);color:#c5c8ad;border-bottom:1px solid #9ea18244;padding-bottom:3px;font-size:12px}.source-note{border-top:1px solid var(--line);letter-spacing:.7px;color:#91a39a;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:12px;font-size:9px;line-height:1.7;display:flex}.source-note button{color:#c3b384;white-space:nowrap}.source-note button>span{margin-left:4px}.layer-description{z-index:12;letter-spacing:1.5px;color:#c4c7b8;text-align:center;background:#0a263199;border-radius:2px;max-width:510px;padding:6px 16px;font-size:11px;line-height:1.8;position:absolute;top:112px;left:50%;transform:translate(-50%)}.scene-tools{z-index:35;position:absolute;bottom:150px;left:40px}.tool-chip{color:#c1cbbd;letter-spacing:1.5px;align-items:center;gap:10px;font-size:11px;display:flex}.tool-chip svg{width:18px;height:18px}.settings-popover{background:#102d35f5;border:1px solid #556b5d;width:246px;padding:19px 20px;position:absolute;bottom:38px;left:0;box-shadow:0 10px 40px #03141d66}.setting-heading{font-family:var(--serif);color:#d8d1b7;letter-spacing:2px;margin-bottom:17px;font-size:16px}.mood-options{border:1px solid var(--line);margin-bottom:13px;display:flex}.mood-options button{letter-spacing:2px;color:#9aafa5;flex:1;padding:8px 0;font-size:11px}.mood-options button.active{color:#e5d4a6;background:#4c63523b}.toggle-row{color:#aabbb1;letter-spacing:1px;cursor:pointer;justify-content:space-between;align-items:center;padding:10px 0;font-size:11px;display:flex;position:relative}.toggle-row input{opacity:0;cursor:pointer;width:29px;height:20px;position:absolute;right:0}.switch{border:1px solid #58766e;border-radius:20px;width:28px;height:14px;position:relative}.switch:after{content:"";background:#627c72;border-radius:100%;width:6px;height:6px;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle-row input:checked+.switch{background:#65796544;border-color:#a6ad84}.toggle-row input:checked+.switch:after{background:#cfcb9e;transform:translate(13px)}.toggle-row input:focus-visible+.switch{outline-offset:3px;outline:1px solid #daca8e}.setting-action{border-top:1px solid var(--line);color:#c5c9b7;align-items:center;gap:8px;width:100%;margin-top:13px;padding-top:15px;font-size:11px;display:flex}.setting-action svg{width:16px;height:16px}.setting-action>span,.setting-action>kbd{color:#7f9990;margin-left:auto;font-size:9px}.setting-action:last-child{border-top:0;margin-top:0}.navigation-tools{z-index:25;align-items:flex-end;gap:22px;display:flex;position:absolute;bottom:151px;right:40px}.compass{color:#b4bda2;width:70px;height:83px;position:relative}.compass .north{font-family:var(--serif);font-size:11px;position:absolute;top:-3px;left:28px}.compass svg{stroke-width:.65px;stroke:#899c8c;width:68px;height:68px;position:absolute;bottom:0;left:0}.needle-north{fill:#d8c18c;stroke:#d8c18c}.needle-south{fill:#5d786e;stroke:#5d786e}.zoom-tools{background:#0a263077;border:1px solid #63776266;align-items:center;display:flex}.zoom-tools button{color:#c0c8b2;place-items:center;width:32px;height:32px;font-size:21px;display:grid}.zoom-tools button:hover{background:#53655255}.zoom-tools span{background:var(--line);width:1px;height:12px}.zoom-tools svg{width:16px;height:16px}.scale-status{z-index:20;color:#a5b6aa;letter-spacing:2px;align-items:center;gap:10px;font-size:10px;display:flex;position:absolute;bottom:196px;left:41px}.scale-status small{color:#809f99;letter-spacing:1px;font-size:9px}.scale-bar{opacity:.65;border:1px solid #a7b291;border-top:0;width:32px;height:5px}.bottom-bar{z-index:25;position:absolute;bottom:0;left:34px;right:34px}.view-caption{font-family:var(--serif);letter-spacing:3px;text-align:center;color:#a9b8a6;justify-content:center;align-items:center;gap:12px;margin-bottom:12px;font-size:12px;display:flex}.caption-dot{background:#afbd99;width:3px;height:3px;transform:rotate(45deg)}.view-nav{border-bottom:1px solid var(--line);justify-content:center;align-items:center;gap:52px;height:52px;display:flex}.view-nav button{font-family:var(--serif);letter-spacing:3px;color:#99ada5;height:100%;padding:0 3px 10px;font-size:14px;position:relative}.view-nav button.active{color:#e1d6af}.view-nav button.active:after{content:"";background:#c7b27a;width:22px;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.view-nav button:hover{color:#e1d6af}.bottom-meta{color:#829b98;letter-spacing:1px;justify-content:space-between;align-items:center;height:39px;font-size:9px;display:flex}.bottom-meta i{margin:0 9px}.interaction-hint{color:#8ba29e}.journey-panel{z-index:28;background:linear-gradient(135deg,#193c44f5,#0b2833f5);border:1px solid #9aa17966;width:420px;padding:13px 23px 17px;position:absolute;bottom:153px;left:50%;transform:translate(-50%);box-shadow:0 20px 70px #001b2366}.journey-top{color:#8fa79a;letter-spacing:2px;justify-content:space-between;align-items:center;font-size:10px;display:flex}.journey-panel h2{font-family:var(--serif);letter-spacing:4px;color:#ded5b5;margin:7px 0 12px;font-size:22px;font-weight:400}.journey-panel p{color:#b1c1b5;margin:0 0 18px;font-size:12px;line-height:1.9}.journey-bottom{letter-spacing:2px;color:#c6b78d;justify-content:space-between;align-items:center;font-size:10px;display:flex}.journey-bottom>div{gap:8px;display:flex}.journey-bottom>div button{border:1px solid #8c9c81;border-radius:50%;width:5px;height:5px}.journey-bottom>div button.active{background:#d0bd87;border-color:#d0bd87}dialog{color:#dce0d2;background:#102c35;border:1px solid #7f8e725c;outline:none;max-width:calc(100vw - 32px);max-height:85dvh;padding:0;box-shadow:0 30px 100px #00111c88}dialog::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#03151cc9}.search-dialog{width:560px;margin-top:15vh}.search-field{border-bottom:1px solid var(--line);color:#a9b89e;align-items:center;gap:13px;padding:22px 23px 20px;display:flex}.search-field input{letter-spacing:1px;color:#e4e2cd;background:0 0;border:0;flex:1;min-width:0;font-size:14px;outline:none!important}.search-field input::placeholder{color:#7d9895}.search-field svg{width:19px;height:19px}.search-filters{letter-spacing:1px;color:#819e95;gap:20px;padding:15px 24px;font-size:11px;display:flex}.search-filters button.active{color:#e0cca0}.search-results{scrollbar-width:thin;scrollbar-color:#546b60 transparent;max-height:44vh;padding:0 10px 10px;overflow:auto}.search-result{text-align:left;border-radius:2px;align-items:center;gap:13px;width:100%;padding:13px 14px;display:flex}.search-result:hover,.search-result.highlight{background:#9bad8e12}.result-symbol{color:#b9bc98;font-family:var(--serif);text-align:center;width:23px;font-size:19px}.result-text{flex:1}.result-text strong{font-size:16px;font-family:var(--serif);letter-spacing:2px;color:#d5d5ba;font-weight:400;display:block}.result-text small{color:#839f96;letter-spacing:1px;margin-top:6px;font-size:10px;display:block}.result-type{color:#8fa496;font-size:10px}.search-footer{border-top:1px solid var(--line);color:#79958d;letter-spacing:.5px;justify-content:space-between;align-items:center;padding:13px 24px;font-size:9px;display:flex}.empty-state{text-align:center;color:#9fb3a8;padding:35px 20px;line-height:2}.empty-state strong{font-family:var(--serif);color:#c8cbb3;margin-bottom:8px;font-size:20px;font-weight:400;display:block}.empty-state p{font-size:11px}.about-dialog{width:660px}.dialog-close{position:absolute;top:21px;right:21px}.about-inner{padding:44px 45px 30px}.about-seal{font-family:var(--serif);color:#c9a88b;letter-spacing:2px;border:1px solid #9c7156;padding:4px 7px;font-size:11px}.about-inner h2{font-family:var(--serif);letter-spacing:4px;margin:28px 0 12px;font-size:32px;font-weight:400}.about-lead{font-family:var(--serif);color:#c3c4ab!important;font-size:15px!important}.about-inner p{color:#a8bcb3;font-size:12px;line-height:2.1}.about-inner h3{letter-spacing:2px;font-size:14px;font-family:var(--serif);color:#d4cfb1;margin:28px 0 12px;font-weight:400}.about-inner strong{color:#d5c99e;font-weight:400}.source-list{border-top:1px solid var(--line);display:grid}.source-list button{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;display:flex}.source-list strong{font-family:var(--serif);letter-spacing:1px;font-size:14px;display:block}.source-list small{color:#809b93;margin-top:5px;font-size:10px;line-height:1.6;display:block}.source-list button>span:last-child{color:#b7aa7d}.source-caveat{color:#7c9c94!important;font-size:10px!important}.official-link{border-bottom:1px solid #c6ad7855;margin-top:6px;padding-bottom:3px;font-size:11px;display:inline-block}.key-guide{color:#91a99e;grid-template-columns:1fr 1fr;gap:11px;font-size:11px;display:grid}.key-guide span:nth-child(2n){color:#c0c4aa}.about-credit{border-top:1px solid var(--line);margin-top:28px;padding-top:16px;color:#719087!important;font-size:10px!important}.source-dialog{width:850px;padding:27px 30px}.source-dialog-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.source-dialog h2{font-family:var(--serif);letter-spacing:2px;margin:0;font-size:21px;font-weight:400}.source-dialog>p{color:#abaf91;border-bottom:1px solid var(--line);padding-bottom:16px;font-size:11px;line-height:1.8}.source-dialog pre{font-family:var(--serif);white-space:pre-wrap;overflow-wrap:anywhere;color:#b0c1b2;margin-bottom:0;font-size:13px;line-height:2}.loading{z-index:100;pointer-events:none;background:#0e2933;flex-direction:column;justify-content:center;align-items:center;transition:opacity .9s;display:flex;position:absolute;inset:0}.loading-seal{border:1px solid #b7a97688;border-radius:2px;place-items:center;width:64px;height:82px;display:grid;position:relative;box-shadow:0 0 70px #88ad9c18}.loading-seal:before{content:"";border:1px solid #a6b39b44;border-radius:0;position:absolute;inset:6px}.loading-seal span{writing-mode:vertical-rl;letter-spacing:5px;font-family:var(--kai);color:#d5c99d;font-size:28px}.loading>p{font-family:var(--serif);letter-spacing:5px;color:#b4bfab;margin-top:27px;font-size:17px}.loading>small{color:#6e918d;letter-spacing:2px;font-size:10px}.loading.done{opacity:0}.fatal-error{z-index:110;text-align:center;background:#102e37;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:absolute;inset:0}.fatal-error h2{font-family:var(--serif);font-size:28px;font-weight:400}.fatal-error p{color:#b9c8b8;max-width:420px;line-height:2}.fatal-error button{color:#d2c397;border:1px solid #a5ad81;margin-top:20px;padding:12px 25px}.toast{color:#d7d3b5;z-index:120;letter-spacing:1px;white-space:nowrap;background:#163b43f5;border:1px solid #a5ae7f77;padding:13px 24px;font-size:12px;position:fixed;bottom:145px;left:50%;transform:translate(-50%)}.leave-immersive{color:#bac7b2;z-index:50;letter-spacing:2px;background:#15333baa;border:1px solid #aab58a33;padding:10px 14px;font-size:11px;position:absolute;top:24px;right:25px}.leave-immersive kbd{margin-left:12px}.immersive .ui{opacity:0;visibility:hidden;pointer-events:none}.immersive .vignette{opacity:.4}.immersive #labels{opacity:0;pointer-events:none}.immersive .map-label{pointer-events:none}button{transition:color .15s,background .15s}@media (width>=1700px){.intro{top:165px;left:65px}.intro h1{font-size:84px}.gazetteer{width:320px;padding:23px 26px;top:143px;right:49px}.topbar,.bottom-bar{left:49px;right:49px}.view-nav{gap:68px;height:62px}.bottom-meta{height:45px}.navigation-tools,.scene-tools{bottom:171px}.journey-panel{bottom:175px}}@media (height<=740px) and (width>=801px){.intro{top:115px;left:39px}.intro h1{margin:20px 0;font-size:55px}.verse{font-size:11px}.journey-start{margin-top:18px}.gazetteer{max-height:calc(100% - 250px);padding:15px 18px;top:111px}.place-illustration{height:40px}.place-heading h2{font-size:26px}.place-description{font-size:11px}.scene-tools,.navigation-tools{bottom:132px}.view-nav{height:44px}.view-caption{margin-bottom:8px}}@media (width<=1000px){.topbar{left:24px;right:24px}.brand small{letter-spacing:.5px;font-size:8px}.brand strong{letter-spacing:3px;font-size:18px}.brand{gap:10px}.layer-nav{gap:20px}.header-actions{gap:10px}.text-button span{display:none}.intro{top:130px;left:32px}.intro h1{font-size:57px}.gazetteer{width:270px;right:24px}.view-nav{gap:33px}.bottom-meta{font-size:8px}.scene-tools{left:28px}.navigation-tools{gap:12px;right:27px}.layer-description{max-width:380px;font-size:10px}.has-selection .intro{opacity:0;pointer-events:none}.has-selection .intro button{pointer-events:none}}@media (width<=700px){.topbar{height:74px;left:18px;right:18px}.brand strong{letter-spacing:3px;font-size:16px}.brand small{display:none}.brand .seal{padding:3px 4px;font-size:12px}.brand,.header-actions{gap:9px}.text-button{gap:0}.text-button kbd{display:none}.layer-nav{white-space:nowrap;background:#0b2934b3;border:1px solid #aab68b22;border-radius:2px;gap:25px;height:36px;padding:0 18px;top:84px}.layer-nav button{letter-spacing:2px;gap:6px;font-size:11px}.layer-symbol{width:21px;height:21px;font-size:14px;line-height:19px}.layer-nav button.active:after{height:1px;bottom:-1px;left:1px;right:1px}.intro{top:144px;left:24px}.volume{letter-spacing:2px;gap:7px;font-size:8px}.volume>span{width:12px}.intro h1{letter-spacing:5px;margin:16px 0 18px;font-size:43px;line-height:1.05}.intro h1 span{margin-left:23px}.intro-line{width:22px;margin-bottom:10px}.verse{letter-spacing:2px;font-size:10px;line-height:2}.journey-start{letter-spacing:1px;gap:7px;min-width:115px;margin-top:18px;padding-bottom:8px;font-size:10px}.journey-start-tail{font-size:9px}.bottom-bar{left:18px;right:18px;bottom:env(safe-area-inset-bottom,0)}.view-nav{justify-content:space-between;gap:0;height:44px}.view-nav button{letter-spacing:1px;padding:0 3px 10px;font-size:11px}.view-caption{letter-spacing:1px;margin-bottom:9px;font-size:10px}.bottom-meta{letter-spacing:0;justify-content:center;height:35px;font-size:8px}.interaction-hint{display:none}.scene-tools{bottom:134px;left:23px}.tool-chip{letter-spacing:1px;gap:6px;font-size:9px}.tool-chip svg{width:15px}.navigation-tools{gap:7px;bottom:130px;right:20px}.compass{width:48px;height:62px}.compass svg{width:48px;height:48px}.compass .north{font-size:9px;top:3px;left:20px}.zoom-tools button{width:27px;height:28px;font-size:18px}.zoom-tools svg{width:14px}.zoom-tools span{height:9px}.region-label{letter-spacing:3px;font-size:19px!important}.map-label{letter-spacing:1px;font-size:11px}.map-label.primary{letter-spacing:2px;font-size:14px}.gazetteer{background:linear-gradient(135deg,#123139f5,#0a2631f5);width:auto;max-height:37dvh;padding:15px 19px;inset:auto 18px 177px}.gazetteer-top{margin-bottom:7px;font-size:9px}.place-heading h2{letter-spacing:3px;font-size:24px}.place-heading>span{font-size:18px}.place-poem{margin:7px 0;font-size:11px}.place-illustration{display:none}.place-description{margin:9px 0 13px;font-size:11px;line-height:1.85}.place-detail{font-size:10px}.related-section{padding-top:11px}.related-section h3{font-size:9px}.source-note{margin-top:12px;font-size:9px}.layer-description{letter-spacing:1px;max-width:80%;font-size:9px;line-height:1.6;top:129px}.journey-panel{width:calc(100% - 36px);padding:13px 18px;bottom:178px}.journey-panel h2{margin:5px 0 9px;font-size:20px}.journey-panel p{margin-bottom:12px;font-size:11px}.journey-active .gazetteer{display:none}.search-dialog{width:calc(100% - 32px);margin-top:13vh}.search-field{gap:10px;padding:17px 16px}.search-field input{font-size:12px}.search-filters{gap:22px;padding:14px 18px}.search-result{padding:12px 10px}.result-text strong{font-size:15px}.result-type{font-size:9px}.search-footer{padding:12px 18px;font-size:8px}.about-inner{padding:35px 25px 25px}.about-inner h2{font-size:26px}.about-inner p{font-size:11px}.about-inner .about-lead{font-size:13px!important}.source-dialog{padding:24px 20px}.source-dialog h2{font-size:17px}.source-dialog pre{font-size:12px}.toast{white-space:normal;text-align:center;max-width:90%;font-size:11px;line-height:1.7}.has-selection .intro,.journey-active .intro{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.local-view .intro{opacity:0;visibility:hidden;pointer-events:none}.local-view .intro button{pointer-events:none}@media (width<=700px){.intro h1{letter-spacing:4px;margin:14px 0 10px;font-size:32px}.intro h1 br{display:none}.intro h1 span{margin-left:0}.intro-line,.intro .verse{display:none}.intro .journey-start{margin-top:12px}}.topbar{background:linear-gradient(#081c2240,#0000)}.intro{text-shadow:0 2px 22px #102c35aa}.intro h1{letter-spacing:7px;font-size:64px;line-height:1.06}.map-label{text-shadow:0 1px 2px #17322e,0 0 7px #102d2bcc,0 0 18px #102d2b88}.map-label:hover{color:#fff1c7}.region-label{text-shadow:0 1px 18px #173b3d55}.loading{pointer-events:auto}.loading.done{pointer-events:none}@media (width<=700px){.intro h1{letter-spacing:4px;font-size:32px}}#source-reference{margin:20px 0 24px}#source-reference img{border:1px solid var(--line);width:100%;height:auto;display:block}#source-reference figcaption{color:#b6b99f;margin-top:10px;font-size:11px;line-height:1.8}body[data-view]:not([data-view=world]) .intro{opacity:0;visibility:hidden;pointer-events:none}.map-label.contextual{letter-spacing:2px;color:#e2d7b9;font-size:16px}@media (width<=700px){.map-label.contextual{letter-spacing:1px;font-size:12px}}.north-index{z-index:18;color:#bdc9b8;text-shadow:0 1px 8px #102e31;width:235px;display:none;position:absolute;top:145px;left:42px}body[data-view=north] .north-index{display:block}.north-kicker{letter-spacing:3px;color:#b5b995;font-size:10px}.north-index h2{font:400 34px var(--kai);letter-spacing:5px;margin:20px 0}.north-index p{font-size:11px;line-height:2.1}.north-relations{font-family:var(--serif);letter-spacing:2px;border-left:1px solid #9fa98366;gap:10px;margin:18px 0;padding-left:12px;display:grid}.north-index .north-note{color:#92a99e;font-size:10px}.north-index button{border-top:1px solid var(--line);color:#ddc997;align-items:center;gap:10px;padding:15px 0;font-size:12px;display:flex}.north-index small{color:#a9b9a0;font-size:9px}.search-scope{color:#8ea89c;align-items:center;gap:20px;padding:16px 24px 0;font-size:11px;display:flex}.search-scope button.active{color:#e6d3a6}.search-scope small{margin-left:auto;font-size:9px}.search-filters{flex-wrap:wrap;gap:18px}.search-section{color:#a5b492;margin:18px 14px 7px;font-size:10px}.document-result .result-text strong{letter-spacing:1px;font-size:14px}.result-excerpt{line-height:1.7;color:#a8b6a8!important}.place-era{color:#c7b88b;border-left:1px solid #b6a775;padding-left:10px;font-size:10px;line-height:1.8}.source-dialog mark{color:#f0e3bc;background:#c4ac7655;padding:2px}@media (width<=700px){.north-index{background:#092c34aa;width:195px;padding:12px;top:142px;left:24px}.north-index h2{margin:9px 0;font-size:24px}.north-index p,.north-relations{display:none}.north-index .north-kicker{letter-spacing:2px;font-size:8px}.north-index button{padding:10px 0 0;font-size:10px}.has-selection .north-index{display:none}.search-scope{padding:13px 18px 0}.search-filters{gap:15px}}.place-chapters{border-top:1px solid var(--line);flex-wrap:wrap;gap:9px 14px;margin-top:14px;padding-top:12px;display:flex}.place-chapters[hidden]{display:none}.place-chapters a{color:#c5b98f;border-bottom:1px solid #c5b98f30;font-size:10px;line-height:1.8;text-decoration:none}.place-chapters a:hover{color:#f0dfb3}.north-index #open-jiangbei{margin-bottom:9px}.map-label.directional .pin{background:0 0;border:1px dashed #c5b98f;width:8px;height:8px}@media (width<=1000px){.view-nav{gap:18px}}@media (width<=700px){.view-nav{justify-content:flex-start;gap:0;overflow-x:auto}.view-nav button{flex:none;padding-left:11px;padding-right:11px}.view-nav button:first-child{padding-left:0}.view-nav button:last-child{padding-right:0}}.map-context{z-index:22;scrollbar-width:thin;scrollbar-color:#79918455 transparent;background:linear-gradient(135deg,#112f36ed,#102b32db);border:1px solid #a8b09530;width:282px;max-height:calc(100% - 270px);padding:22px;position:absolute;top:116px;left:32px;overflow:auto;box-shadow:0 14px 50px #051b2330}.map-context[hidden]{display:none}.context-heading{color:#afbd9f;letter-spacing:2px;justify-content:space-between;align-items:center;font-size:10px;display:flex}.context-heading button{padding:0 4px;font-size:23px}.map-context h2{font:400 27px var(--kai);letter-spacing:4px;color:#e2d3ae;margin:12px 0 19px}.context-select{color:#8da99c;align-items:center;gap:16px;margin:8px 0;font-size:11px;display:flex}.context-select select{color:#d9d9bc;min-width:0;font:12px var(--serif);background:#12343b;border:1px solid #899f8130;border-radius:0;flex:1;padding:8px}.context-select select:focus{outline:1px solid #d5bc86}#context-note,.context-empty{color:#a8b9aa;margin:17px 0;font-size:11px;line-height:1.9}.context-count{letter-spacing:1px;color:#b5ba96;border-top:1px solid #a8b09530;padding-top:15px;font-size:10px}.map-context article{border-left:1px solid #c3ac7855;margin:18px 0;padding-left:12px}.map-context article h3{font:13px var(--serif);color:#ddc999;line-height:1.7}.map-context article p{color:#bac4b3;font-size:11px;line-height:1.9}.map-context article a{color:#d3be8e;font-size:10px;text-decoration:none}#context-entries{grid-template-columns:1fr 1fr;gap:5px 10px;display:grid}#context-entries button{text-align:left;border-bottom:1px solid #859c8020;min-width:0;padding:9px 0}#context-entries strong{color:#d2d8bd;font:13px var(--serif);line-height:1.7;display:block}#context-entries small{color:#8ea99a;font-size:9px;line-height:1.6;display:block}#context-entries button:hover strong{color:#f0d395}.notes-open .intro,.notes-open .north-index{display:none}.map-context-label{pointer-events:auto;text-align:left;white-space:nowrap;color:#d8c79e;text-shadow:0 1px 3px #102e36;background:linear-gradient(90deg,#0a2c34d9,#0a2c3455);border-left:1px solid #c3b37d99;min-width:130px;padding:9px 13px;position:absolute;top:0;left:0}.map-context-label small{letter-spacing:3px;color:#a9b99e;margin-bottom:4px;font-size:8px;display:block}.map-context-label strong{font:16px var(--kai);letter-spacing:2px}.map-context-label:hover{background:#183e45}.attached-map-note{pointer-events:none;color:#dfcfaa;font:11px var(--serif);white-space:nowrap;background:#15353dee;border-top:1px solid #bda87980;padding:8px 12px;position:absolute;transform:translate(-50%,26px)}.place-context{text-align:left;color:#d6c394;border-top:1px solid #9aac882e;width:100%;padding:12px 0;font-size:11px;display:block}.place-context[hidden]{display:none}.view-nav{gap:24px}.layer-nav{gap:22px}@media (width<=1100px){.view-nav{gap:11px}.layer-nav{gap:12px}.layer-nav button{gap:5px}.map-context{width:246px;left:20px}}@media (width<=700px){.map-context{width:calc(100% - 32px);max-height:calc(100% - 333px);padding:16px;top:139px;left:16px}.map-context h2{margin:8px 0;font-size:21px}.context-select{gap:5px;width:48%;display:inline-flex}.context-select select{padding:7px 4px;font-size:10px}#context-note{margin:9px 0;font-size:10px}.has-selection .map-context{display:none}.layer-nav{gap:22px}.view-nav{gap:0}.map-context-label{display:none}.attached-map-note{white-space:normal;max-width:65%;font-size:9px}.map-context article{margin:12px 0}}body.notes-open[data-view=north] .north-index{display:none}.map-context-label span{white-space:normal;color:#b0beaa;max-width:180px;margin-top:5px;font-size:9px;line-height:1.7;display:block}.map-context-label{min-width:160px}.place-evidence{color:#b6c3a8;border-left:1px solid #b6aa7670;margin:15px 0;padding-left:10px;font-size:10px;line-height:1.8}.map-context article>small{color:#b6c3a8;margin-bottom:7px;font-size:9px;line-height:1.7;display:block}.map-label .north-relation{letter-spacing:1px;color:#bdc8b0;text-shadow:0 1px 5px #112d30;white-space:nowrap;font-size:10px;font-weight:400;line-height:1.8;display:none}.map-label.show-relation .north-relation{display:block}.map-label.show-relation{text-align:left;grid-template-columns:6px auto;gap:0 6px;display:grid}.map-label.show-relation .north-relation{letter-spacing:.5px;grid-column:2;font-size:10px}@media (width>=1000px){body[data-journey-route=campaign] .journey-panel{width:360px;left:32px;transform:none}}