:root{font-family:Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;color:#e6eae8;background:#17252e;font-synthesis:none;font-size:14px;--panel:rgba(22,35,43,.95);--muted:#a9b8bc;--line:rgba(202,216,212,.16);--gold:#d1b279;--green:#8cb9ad}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #e2c898;outline-offset:3px}button{border:1px solid var(--line);background:#243740;border-radius:5px;transition:background .15s,border-color .15s}button:hover{background:#344c55;border-color:#9bb6b6}button.active{background:#415752;border-color:#aabd9c;color:#f6edda}select{background:#263b44;color:#e4eae6;border:1px solid var(--line);border-radius:5px;padding:7px 22px 7px 9px}svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6}#app,#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%;outline:none}.topbar{position:absolute;z-index:10;inset:0 0 auto;height:82px;background:linear-gradient(90deg,#172b34,#1b2c34 68%,#22383f);border-bottom:1px solid #526363;display:flex;align-items:center;justify-content:space-between;padding:0 25px;gap:24px}.brand{display:flex;gap:14px;align-items:center;flex-shrink:0}.brandmark{font-family:Georgia,serif;font-size:32px;font-weight:600;line-height:44px;width:46px;text-align:center;border:1px solid #9cafaa;color:#d1b57e}.brand h1{font-size:21px;font-weight:600;margin:0;letter-spacing:1.5px}.brand p{font-size:13px;color:#aebdbc;margin:5px 0 0;letter-spacing:1px}.brand small{color:#d2b982;font-size:14px;margin-left:15px;letter-spacing:0}.top-actions{display:flex;align-items:center;gap:8px}.top-actions button{height:35px;padding:7px 11px;display:flex;gap:6px;align-items:center}.top-actions .mode-group{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:6px}.mode-group button{border:0;background:transparent}.mode-group button.active{background:#536662;color:#fff7e8}.panel{position:absolute;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 40px #15252b25;backdrop-filter:blur(12px)}.left-panel{left:18px;top:100px;width:224px;bottom:138px;z-index:8;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4d656e transparent}.panel-section{padding:17px 16px;border-bottom:1px solid var(--line)}.panel-section:last-child{border:0}.section-title{font-size:14px;font-weight:600;color:#d7dfdb;display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.section-title small{font-weight:400;font-size:12px;color:#8da6aa}.view-toggles{display:grid;gap:6px}.view-toggles button{padding:8px;text-align:left;font-size:13px}.toggle-list{display:grid;gap:11px}.toggle-list label{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}.toggle-list input{accent-color:#aabf9f;width:15px;height:15px;margin:0}.toggle-list .swatch{margin-left:auto;width:13px;height:5px;border-radius:2px}.route-buttons{display:grid;gap:6px}.route-buttons button{text-align:left;padding:9px;font-size:13px;display:flex;align-items:center;gap:8px}.route-buttons i{width:7px;height:7px;background:var(--route-color);border-radius:50%}.mini-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mini-actions button{padding:9px 4px;font-size:13px}.mini-actions button.active{border-color:var(--gold)}.hint{font-size:12px;color:#96aaad;line-height:1.6;margin:11px 0 0}.shortcuts{position:absolute;top:100px;left:260px;right:304px;display:flex;gap:6px;flex-wrap:wrap;z-index:8}.shortcuts button{background:#1e3139e8;font-size:13px;padding:8px 11px;border-color:#81959555;color:#eff2e8;box-shadow:0 3px 12px #15252b20}.shortcuts button.active{background:#5b716a;border-color:#e1cba1}.right-panel{right:18px;top:100px;width:268px;z-index:8;max-height:calc(100vh - 470px);overflow:auto;scrollbar-width:thin}.info-top{padding:18px 17px 15px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.eyebrow{font-size:12px;color:#c6ad7b;margin-bottom:7px}.info-top h2{font-size:19px;line-height:1.45;margin:0;font-weight:600}.icon-button{width:26px;height:26px;line-height:24px;padding:0;border:0;background:none;color:#b8c7c7;font-size:19px}.info-content{padding:16px 17px}.info-content p{font-size:14px;line-height:1.8;color:#c6d2d0;margin:0 0 13px}.info-kv{display:grid;grid-template-columns:65px 1fr;gap:9px;font-size:13px;line-height:1.7;margin-bottom:15px}.info-kv dt{color:#90a6ab}.info-kv dd{margin:0;color:#e6eae4}.info-tag{display:inline-block;font-size:12px;padding:4px 6px;color:#bcd1c9;border:1px solid #758f8855;border-radius:3px;margin:0 5px 8px 0}.big-number{font-size:27px;letter-spacing:-.6px;color:#e8dfc8;font-variant-numeric:tabular-nums}.stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.stats small{display:block;color:#9fb2b6;font-size:12px;margin-top:4px}.text-button{border:0;background:none;padding:3px 0;color:#d4ba85;font-size:13px}.full-button{width:100%;padding:9px}.map-panel{right:18px;bottom:138px;width:268px;z-index:8;padding:12px}.map-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;color:#c7d7d5}.map-head small{font-size:12px;color:#9ab1b5}#minimap{display:block;width:100%;height:186px;background:#223640;border-radius:4px}.map-caption{font-size:12px;color:#9eafb2;margin-top:7px}.timeline{position:absolute;bottom:35px;left:260px;right:18px;min-height:84px;z-index:8;display:flex;align-items:center;padding:13px 18px;gap:20px}.phase-label{flex-shrink:0;min-width:120px;font-size:14px}.phase-label small{display:block;font-size:12px;color:#92aaae;margin-top:6px}.phases{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;flex:1}.phase{position:relative;text-align:left;padding:10px 8px;display:flex;align-items:center;gap:8px;font-size:13px;background:transparent;white-space:nowrap}.phase span{width:24px;height:24px;display:grid;place-items:center;flex-shrink:0;border:1px solid #70858c;border-radius:50%;font-size:12px}.phase.active span{background:#d5bc87;color:#273738;border-color:#d5bc87}.footer{position:absolute;bottom:0;left:0;right:0;height:26px;background:#172932;color:#a7b9ba;z-index:10;padding:5px 19px;font-size:12px;display:flex;justify-content:space-between;gap:16px}.footer b{font-weight:400;color:#e0ceaa}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.world-label{position:absolute;display:none;transform:translate(-50%,-100%);padding:5px 8px;border-radius:4px;font-size:12px;white-space:nowrap;color:#eff2e8;background:#1a333fd9;border:1px solid #acc4c058;box-shadow:0 4px 16px #172f3930;pointer-events:auto;cursor:pointer}.world-label.temporary{border-top:2px solid #d3b574}.world-label.permanent{border-top:2px solid #8aaeb7}.world-label.selected{color:#ffe9b9;border-color:#dcc18c}.scene-note{position:absolute;bottom:135px;left:262px;right:307px;z-index:7;pointer-events:none;font-size:12px;color:#f0f1e5;text-shadow:0 1px 4px #132936;display:flex;align-items:center;gap:18px}.scale-bar{border-bottom:2px solid #e8ebdc;position:relative;width:70px;text-align:center;padding-bottom:3px}.scale-bar:before,.scale-bar:after{content:"";position:absolute;height:6px;bottom:-2px;border-left:2px solid #e8ebdc}.scale-bar:before{left:0}.scale-bar:after{right:0}.toast{position:absolute;left:50%;bottom:151px;transform:translate(-50%);padding:11px 20px;max-width:calc(100vw - 40px);background:#142c37ed;border:1px solid #9fb6b866;border-radius:6px;color:#f4ebd5;z-index:20;pointer-events:none;transition:opacity .2s;font-size:14px}.measure-readout{position:absolute;top:180px;left:270px;z-index:9;max-width:480px;padding:12px 16px;background:#203841ec;border:1px solid #d2b574;border-radius:6px;font-variant-numeric:tabular-nums}.crosshair{position:absolute;top:50%;left:50%;width:12px;height:12px;display:none;pointer-events:none;border:1px solid #fff9;border-radius:50%;z-index:5}.walk-help{position:absolute;bottom:240px;left:50%;transform:translate(-50%);z-index:8;padding:9px 15px;background:#1b343ddd;border:1px solid var(--line);border-radius:6px;color:#e3e9df;font-size:13px;display:none;white-space:nowrap}dialog{padding:0;background:#1c303a;color:#e8ede7;border:1px solid #6c858a;border-radius:9px;max-width:min(900px,92vw);max-height:85vh;box-shadow:0 20px 90px #0008}dialog::backdrop{background:#0b1f2ac9;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:21px;margin:0}.dialog-body{padding:22px 24px;overflow:auto;max-height:70vh;line-height:1.8;font-size:15px}.dialog-body p{margin-top:0}.dialog-body table{width:100%;border-collapse:collapse;font-size:14px}.dialog-body td,.dialog-body th{text-align:left;padding:9px;border-bottom:1px solid var(--line);vertical-align:top}.dialog-body a{color:#d7bd84}.dialog-body img{width:100%;background:#fff}.kbd{background:#40545b;border:1px solid #84999c;border-radius:3px;padding:1px 6px;font-family:monospace}.drawer-toggle,.mobile-pad{display:none}#loading{position:absolute;z-index:50;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:#172c37}#loading b{font-size:28px;font-weight:500;letter-spacing:4px}#loading span{color:#acc1c4}.error-block{padding:35px;max-width:620px;line-height:1.8}.quality-select{max-width:96px}button:disabled{cursor:default;opacity:.45}html.clean .panel,html.clean .shortcuts,html.clean .topbar,html.clean .scene-note,html.clean #labels,html.clean .footer{visibility:hidden}@media(min-width:1600px){.left-panel{width:240px}.shortcuts,.timeline{left:280px}.right-panel,.map-panel{width:284px}.shortcuts{right:322px}.scene-note{left:282px}.panel-section{padding:19px}.world-label{font-size:13px}}@media(max-height:850px){.left-panel .panel-section{padding:13px 15px}.toggle-list{gap:8px}.right-panel{max-height:calc(100vh - 420px)}#minimap{height:150px}.map-panel,.left-panel{bottom:128px}.panel-section .hint{margin-top:7px}}@media(max-width:1150px){.topbar{padding:0 16px}.brand h1{font-size:18px}.brand small{display:none}.top-actions{gap:4px}.top-actions button{padding:7px;font-size:13px}.top-actions select{font-size:12px;padding:7px}.left-panel{width:198px;left:12px}.right-panel,.map-panel{width:230px;right:12px}.shortcuts{left:222px;right:255px}.timeline{left:222px;gap:8px;padding:10px}.phase-label{min-width:auto;font-size:12px}.phase-label small{font-size:12px}.phases{gap:4px}.phase{font-size:12px;padding:8px 4px;gap:4px}.scene-note{left:223px;right:251px}.measure-readout{left:223px}.footer span:nth-child(2){display:none}}@media(max-width:850px){.topbar{height:105px;align-items:flex-start;padding:12px;gap:5px;flex-wrap:wrap}.brandmark{font-size:25px;line-height:35px;width:36px}.brand h1{font-size:17px}.brand p{font-size:12px;margin-top:3px}.top-actions{width:100%;justify-content:flex-end;height:33px}.top-actions button{height:28px;padding:4px 6px}.top-actions select{padding:4px 6px}.top-actions .mode-group{margin-right:auto}.left-panel{display:none;top:150px;bottom:155px;width:215px}.left-panel.open{display:block}.right-panel{display:none;top:150px;max-height:calc(100vh - 300px);width:245px}.right-panel.open{display:block}.shortcuts{top:116px;left:10px;right:10px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.shortcuts button{flex-shrink:0;padding:7px 9px}.map-panel{width:158px;right:10px;bottom:141px;padding:8px}#minimap{height:105px}.map-caption{display:none}.map-head{font-size:12px}.map-head small{display:none}.timeline{left:10px;right:10px;bottom:30px;display:block;min-height:90px;padding:8px}.phase-label{display:flex;justify-content:space-between;margin-bottom:7px}.phase-label small{margin:0}.phase{white-space:normal;line-height:1.5;gap:5px}.phase span{width:20px;height:20px}.footer{font-size:11px;padding:5px 10px}.footer span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72%}.scene-note{left:12px;bottom:148px;right:180px;font-size:12px}.scene-note .scale-bar{display:none}.drawer-toggle{display:block;position:absolute;top:165px;left:10px;z-index:10;padding:8px}.drawer-toggle.info{left:auto;right:10px}.left-panel.open~.drawer-toggle{left:185px}.measure-readout{left:10px;right:10px;top:205px;max-width:none;font-size:13px}.walk-help{bottom:270px;font-size:12px;max-width:95vw;white-space:normal}.world-label{font-size:11px;padding:4px 5px}.mobile-pad{display:grid;position:absolute;left:14px;bottom:190px;grid-template-columns:repeat(3,42px);gap:5px;z-index:11}.mobile-pad button{height:38px;background:#173743d9}.mobile-pad[hidden]{display:none}.toast{bottom:240px;font-size:13px}.dialog-body{padding:15px;line-height:1.65}.dialog-body table{font-size:12px}}.stats{grid-template-columns:1.6fr .6fr}.stats .big-number{white-space:nowrap;font-size:25px}.right-panel{max-height:calc(100vh - 520px)}@media(max-height:850px){.right-panel{max-height:calc(100vh - 470px)}}@media(min-width:851px){.mobile-pad:not([hidden]){display:grid;position:absolute;left:260px;bottom:210px;grid-template-columns:repeat(3,46px);gap:5px;z-index:9}.mobile-pad button{height:35px;font-size:12px;background:#1b343ddd}.mobile-pad[hidden]{display:none}}.stats{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}.stats .big-number{font-size:23px;letter-spacing:-.7px}.stats>div{min-width:0}