:root{color-scheme:dark;--ink:#102330;--panel:rgba(10,25,38,.83);--gold:#ceb77e;--muted:#a4b0b7;--line:rgba(211,190,143,.22);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#152d3d;color:#edf0e9}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;border:0;color:inherit;background:none;cursor:pointer;transition:background .2s,color .2s}button:hover{color:#f2dba7;background:#d7c38b13}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{opacity:.45;cursor:progress}#scene,#world,.vignette{position:fixed;inset:0;width:100%;height:100%}#world{display:block;touch-action:none}.vignette{pointer-events:none;background:linear-gradient(180deg,rgba(7,19,30,.35),transparent 25%,transparent 70%,rgba(7,19,30,.56)),radial-gradient(ellipse at center,transparent 50%,#07131e24)}.ui{position:fixed;z-index:2;transition:opacity .25s}.masthead{left:36px;top:30px;display:flex;align-items:center;gap:16px}.brand-mark{font-size:38px;color:var(--gold);border:1px solid var(--line);width:54px;height:64px;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%)}.eyebrow{font-family:Georgia,serif;font-size:12px;letter-spacing:.3em;color:var(--gold)}h1{font:32px/1.4 "Noto Serif SC","SimSun",serif;letter-spacing:.15em;margin:3px 0 0;font-weight:400}h1 span{font-family:"Microsoft YaHei",sans-serif;font-size:12px;letter-spacing:.18em;color:#c0c7c8;margin-left:19px}.header-rule{height:38px;width:1px;background:var(--line);margin:0 8px}.edition{font-size:12px;line-height:1.8;color:#cbd2d1;letter-spacing:.1em}.edition span{color:var(--gold);margin-left:12px}.edition small{display:block;font-size:12px;color:#94a4ab}.light-switch{right:36px;top:35px;border:1px solid var(--line);background:var(--panel);padding:5px;display:flex;backdrop-filter:blur(18px);border-radius:3px}.light-switch button{font-size:14px;padding:9px 15px;color:#a8b7bf;border-radius:2px}.light-switch span{margin-right:9px;font-size:17px}.light-switch .active{background:#b9a57125;color:#ecdbad;box-shadow:inset 0 0 0 1px #e0c27c35}.atlas{left:36px;top:154px;width:220px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(20px);border-radius:3px}.section-title{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);font-size:14px;letter-spacing:.12em;color:#dcccaa}.section-title button{font-size:23px;line-height:22px;color:#a7b1b4;padding:0 5px}.micro{color:#8f9fa7;font-size:12px;margin:16px 18px 12px}.district{display:flex;align-items:center;width:100%;text-align:left;gap:13px;padding:13px 18px;font-size:14px;color:#c6ced0;border-left:2px solid transparent}.district .num{font:12px Georgia,serif;color:#7f929b;letter-spacing:.06em}.district.active{background:linear-gradient(90deg,#c1a36920,transparent);border-left-color:var(--gold);color:#ecdfbb}.district.active .num{color:var(--gold)}.district .arrow{margin-left:auto;color:#758b94;font-size:14px}.atlas-foot{border-top:1px solid var(--line);margin-top:12px;padding:16px 18px;display:flex;gap:10px;color:#98aab2;font-size:12px}.diamond{color:var(--gold)}.atlas.collapsed .atlas-body{display:none}.selected-info{left:36px;bottom:126px;pointer-events:none;text-shadow:0 2px 12px #07152180}.selected-info h2{font:30px/1.5 "SimSun",serif;font-weight:400;letter-spacing:.14em;margin:11px 0 8px}.selected-info p{font-size:13px;letter-spacing:.05em;color:#c0c9cc;margin:0;max-width:420px}.map-panel{right:36px;bottom:105px;width:204px;border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(16px);border-radius:3px;overflow:hidden}.map-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;font-size:12px;letter-spacing:.1em;color:#d0c4a8;border-bottom:1px solid var(--line)}.map-heading button{font-size:12px;color:#97aab4}.map-wrap{height:186px;position:relative;background:#15303d}.map-wrap canvas{width:100%;height:100%;cursor:crosshair;touch-action:none}.north{position:absolute;right:12px;top:10px;color:var(--gold);font:11px Georgia,serif;pointer-events:none}.north:after{content:'↑';display:block;text-align:center;margin-top:2px;font-size:20px}.map-footer{display:flex;justify-content:space-between;padding:10px 12px;color:#9bafb7;font-size:10px;letter-spacing:.025em}.action-bar{left:50%;bottom:34px;transform:translateX(-50%);display:flex;align-items:center;gap:5px;background:var(--panel);border:1px solid var(--line);padding:7px 9px;backdrop-filter:blur(20px);border-radius:5px;box-shadow:0 5px 40px #07121d33;white-space:nowrap}.action-bar button{padding:11px 16px;font-size:14px;border-radius:3px;color:#d3d9d8;min-height:44px}.action-bar button span{margin-right:9px;color:var(--gold);font-size:19px}.action-bar .icon-button{font-size:21px;padding:7px 11px;min-width:40px}.action-bar i{height:25px;width:1px;background:var(--line);margin:0 3px}.action-bar button.active{background:#c3a86628;color:#efdab0}.utilities{right:36px;bottom:35px;display:flex;gap:8px}.utilities button{width:42px;height:48px;background:var(--panel);border:1px solid var(--line);font-size:23px;border-radius:3px;color:#b6c3c8}.status{bottom:41px;left:36px;display:flex;gap:9px;font-size:11px;color:#acbbc2;letter-spacing:.02em}.separator{color:#617b87}.instructions{bottom:101px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;white-space:nowrap;font-size:11px;color:#b8c8cf;text-shadow:0 1px 8px #0008}.instructions b{font-weight:400;color:#a99b7c}#toast{position:fixed;z-index:20;left:50%;top:110px;transform:translateX(-50%) translateY(-6px);background:#122534eb;border:1px solid var(--line);padding:13px 20px;border-radius:4px;max-width:calc(100% - 40px);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;font-size:14px}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;color:#fffc;font-size:20px}#restore-ui{position:fixed;right:18px;bottom:18px;background:#1023319e;border:1px solid var(--line);border-radius:3px;padding:10px 16px;z-index:8;font-size:13px}body.clean .ui{opacity:0;pointer-events:none}dialog{position:fixed;width:340px;max-width:calc(100% - 36px);border:1px solid var(--line);border-radius:5px;padding:0;background:#102332f5;color:#d2dddf;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#06101b66;backdrop-filter:blur(4px)}dialog label{display:flex;flex-direction:column;gap:12px;margin:23px;font-size:14px}select{background:#1a3445;color:#e8e5d8;border:1px solid var(--line);border-radius:3px;padding:12px;font-size:14px;width:100%}dialog p{font-size:13px;line-height:1.8;color:#93a9b6;margin:0 23px 22px}.check{flex-direction:row;align-items:center!important;gap:9px!important}.check input{accent-color:var(--gold)}input[type=range]{width:100%;accent-color:var(--gold)}.data-note{font-size:12px;line-height:1.9;padding:20px 23px;border-top:1px solid var(--line);color:#97aab5}.data-note a{color:#cdbd97;text-decoration:none}#loading{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 60%,#254351,#0b1827);z-index:50;display:grid;place-items:center;transition:opacity 1s}.loading-inner{text-align:center;max-width:85vw;width:360px}.loading-ornament{font-size:62px;color:var(--gold);display:block;margin-bottom:30px;font-family:Georgia,serif}.loading-inner h2{font:27px "SimSun",serif;letter-spacing:.16em;font-weight:400;margin:22px 0}.loading-inner p{font-size:13px;color:#a8bac2;line-height:1.8}.loading-inner small{font-size:11px;color:#758d9a;letter-spacing:.07em}.progress-track{height:2px;background:#aec6ca1a;margin:30px auto 19px;width:250px}#progress{height:2px;background:var(--gold);width:0;transition:width .3s}.touch-move{position:fixed;z-index:4;left:24px;bottom:150px;text-align:center;user-select:none;touch-action:none}.touch-move button{width:46px;height:46px;background:#102332aa;border:1px solid var(--line);border-radius:5px;margin:3px;font-size:17px}.touch-move>button:last-child{width:80px;font-size:13px}.touch-move button:active{background:#bda36a55}
@media(min-width:1500px){.atlas{top:170px;width:240px}.district{padding:15px 20px}.selected-info{bottom:145px}.map-panel{width:228px}.map-wrap{height:210px}}
@media(max-width:1100px){.edition,.header-rule{display:none}.selected-info h2{font-size:25px}.selected-info p{max-width:270px}.status{bottom:17px}.utilities{bottom:35px;right:22px}.masthead,.atlas,.selected-info{left:24px}.light-switch{right:24px}.map-panel{right:24px;width:180px}.map-wrap{height:166px}.action-bar button{padding:10px 12px}.instructions{bottom:101px;font-size:10px;gap:6px}}
@media(max-width:760px){.masthead{top:20px;left:19px;gap:10px}.brand-mark{font-size:29px;width:37px;height:49px}.eyebrow{font-size:10px;letter-spacing:.2em}h1{font-size:24px}h1 span{display:none}.light-switch{top:24px;right:16px;padding:3px}.light-switch button{padding:9px 10px;font-size:12px}.light-switch span{display:none}.atlas{left:18px;top:107px;width:172px}.section-title{font-size:12px;padding:12px 13px}.micro{font-size:10px;margin:12px 13px 7px}.district{font-size:12px;gap:10px;padding:11px 12px}.atlas-foot{font-size:10px;padding:12px;margin-top:7px}.map-panel{right:16px;bottom:141px;width:130px}.map-wrap{height:126px}.map-heading{padding:8px;font-size:10px}.map-heading button{font-size:10px}.map-footer{padding:7px;font-size:9px}.map-footer span:last-child{display:none}.selected-info{left:20px;bottom:159px}.selected-info h2{font-size:21px;max-width:calc(100vw - 170px);line-height:1.6;letter-spacing:.07em}.selected-info p{display:none}.selected-info .eyebrow{font-size:9px}.action-bar{bottom:52px;padding:5px;gap:0;max-width:calc(100% - 28px)}.action-bar button{font-size:12px;padding:9px 10px}.action-bar button span{margin-right:6px;font-size:16px}.action-bar .icon-button{font-size:19px;min-width:34px;padding:8px}.action-bar i{margin:0 2px}.utilities{right:16px;bottom:10px;gap:6px}.utilities button{height:32px;width:32px;font-size:17px;background:#11253588}.status{left:19px;bottom:20px;font-size:9px;gap:5px}.status span:last-child{display:none}.instructions{bottom:112px;font-size:10px;width:90%;justify-content:center}.instructions span:nth-last-child(-n+2),.instructions b:last-of-type{display:none}#toast{top:84px;font-size:12px;width:max-content}.touch-move{left:12px;bottom:180px}.walking .atlas,.walking .selected-info{display:none}}
.walking .atlas,.walking .selected-info{display:none}.walking .masthead{opacity:.75}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

dialog{width:390px;max-height:86dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#64716f #102332}dialog>.section-title{position:sticky;top:0;background:#102332;z-index:2}.settings-divider{padding:13px 23px 0;border-top:1px solid var(--line);font:15px Georgia,"SimSun",serif;letter-spacing:.12em;color:var(--gold)}.range-label{display:flex;justify-content:space-between}.range-label output{font:12px Georgia,serif;color:var(--gold)}.check:has(input:disabled){opacity:.45}dialog input[type=range]{min-height:24px}

#fleet-panel{width:720px;max-width:calc(100% - 32px)}#fleet-title small{display:block;margin-top:7px;font:9px Georgia,serif;letter-spacing:.24em;color:#8097a1}.fleet-intro{padding:23px 24px 0}.fleet-intro>span{font:20px/1.5 "SimSun",serif;color:#e5d9bb}.fleet-intro p{margin:9px 0 19px;font-size:12px}#fleet-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 23px 20px}.ship-card{padding:17px;background:linear-gradient(145deg,#203a4777,#102330);border:1px solid #c8b17725;border-radius:3px}.ship-heading{display:flex;align-items:center;gap:10px}.ship-number{font:12px Georgia,serif;color:#bba474}.ship-heading h3{font:21px "SimSun",serif;letter-spacing:.09em;margin:0;color:#e5dac0}.ship-state{margin-left:auto;color:#b5a67c;font-size:10px;letter-spacing:.1em}.ship-state.sailing{color:#8acbc0}.ship-role{font-size:11px;color:#bfccd0;margin:12px 0 9px}.ship-role>span{float:right;color:#8c9ea5;font-size:10px}.ship-card p{font-size:11px;line-height:1.8;margin:0;min-height:40px;color:#90a5b0}.ship-zone{font-size:10px;color:#a79d82;margin:15px 0 10px}.ship-actions{display:flex;gap:8px}.ship-actions button{flex:1;border:1px solid #ceb77e35;padding:9px 4px;font-size:11px;color:#d5c296;border-radius:2px;min-height:36px}.fleet-legend{display:flex;flex-wrap:wrap;gap:15px;border-top:1px solid var(--line);padding:15px 23px;font-size:10px;color:#869ba4}.fleet-legend span:first-child{color:#d7b87b}.fleet-legend span:nth-child(2){color:#86d8ce}#stop-follow{left:50%;transform:translateX(-50%);bottom:141px;border:1px solid var(--line);border-radius:3px;background:var(--panel);padding:9px 16px;font-size:12px;color:#decdab}#stop-follow[hidden]{display:none}
@media(max-width:760px){#fleet-list{grid-template-columns:1fr;padding:0 15px 15px;gap:10px}.fleet-intro{padding:20px 16px 0}.fleet-intro>span{font-size:18px}.ship-card{padding:15px}.ship-card p{min-height:0}.action-bar button{padding:9px 7px}.action-bar .icon-button{min-width:31px;padding:7px}.action-bar i{margin:0 1px}#stop-follow{bottom:320px;font-size:11px;white-space:nowrap}.fleet-legend{padding:15px}}

.fleet-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 23px;gap:20px}.fleet-tabs button{padding:15px 5px;font-size:13px;color:#95aab3;border-bottom:2px solid transparent}.fleet-tabs button[aria-selected=true]{color:var(--gold);border-color:var(--gold)}#airship-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 23px 20px}#airship-list[hidden],#fleet-list[hidden],#air-intro[hidden],#sea-intro[hidden]{display:none}#airship-list .ship-heading h3{font-size:19px}#airship-list .ship-zone{line-height:1.8}@media(max-width:760px){#airship-list{grid-template-columns:1fr;padding:0 15px 15px}.fleet-tabs{padding:0 15px}}

.photo-tools{border-top:1px solid var(--line);padding:8px 12px}.photo-tools button{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:8px;padding:5px 0;color:#b8c6cc;font-size:12px;min-height:40px}.photo-tools small{display:block;font-size:9px;color:#8fa4ae;margin-top:5px}.photo-tools i{flex-shrink:0;width:30px;height:17px;border-radius:10px;background:#455d6a;position:relative}.photo-tools i:after{content:'';position:absolute;width:11px;height:11px;left:3px;top:3px;border-radius:50%;background:#b8c6cc;transition:transform .2s}.photo-tools [aria-checked=true]{color:var(--gold)}.photo-tools [aria-checked=true] i{background:#9d874f}.photo-tools [aria-checked=true] i:after{transform:translateX(13px);background:#fff0c9}#photo-progress{font-size:10px;color:var(--gold);padding:4px 0 2px;font-variant-numeric:tabular-nums}@media(max-width:760px){.photo-tools{padding:5px 8px}.photo-tools button{font-size:11px}.photo-tools small{font-size:8px}.photo-tools i{width:28px}.photo-tools [aria-checked=true] i:after{transform:translateX(11px)}#photo-progress{font-size:9px}}