@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=IBM+Plex+Sans:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{font-family:'IBM Plex Sans','Noto Sans SC',sans-serif;color:#e6e8e5;background:#111719;font-synthesis:none;--accent:#efab66;--muted:#889292;--border:#2a3234}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,#map-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{color:inherit}a{color:inherit;text-decoration:none}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--border);background:#12181a}.brand{display:flex;align-items:center;gap:13px;font-family:'Barlow Condensed',sans-serif;font-size:27px;font-weight:700;letter-spacing:1px}.brand-symbol{position:relative;display:grid;place-items:center;width:40px;height:42px;background:var(--accent);color:#111719;font-size:31px;clip-path:polygon(0 0,100% 0,100% 77%,77% 100%,0 100%)}.brand-symbol span{font:17px sans-serif;position:absolute;right:2px;top:0}.brand-lab{color:var(--accent)}.brand small{display:block;font-family:'IBM Plex Sans',sans-serif;font-size:9px;font-weight:400;letter-spacing:1.5px;color:#98a09e;margin-top:1px}.top-title{color:#d0d5d2;font-size:14px;letter-spacing:1px}.top-title span{padding:0 16px;color:#5f6d70}.version{font-size:12px;color:#a7b0ad;border:1px solid #364044;padding:7px 10px;border-radius:4px}.version span{margin-left:9px;color:#697779}.workspace{display:grid;grid-template-columns:248px minmax(380px,1fr) 344px;height:calc(100dvh - 121px);min-height:650px;max-height:1400px}.sidebar{padding:24px 18px;display:flex;flex-direction:column;background:#141b1d;border-right:1px solid var(--border);overflow-y:auto}.map-card{position:relative;overflow:hidden;padding:20px;background:linear-gradient(135deg,#414337,#292f2b);border:1px solid #5a5b43;min-height:177px}.map-card:after{content:'M';font-family:'Barlow Condensed',sans-serif;font-weight:700;position:absolute;font-size:180px;right:-3px;top:-31px;color:#c4b47d0b;transform:skew(-10deg);pointer-events:none}.eyebrow{font-family:'IBM Plex Sans',sans-serif;font-size:10px;font-weight:500;letter-spacing:2px;color:#8e9997}h1{font-size:23px;letter-spacing:1px;margin:15px 0 12px;font-weight:600}h1 span{display:block;font-family:'Barlow Condensed',sans-serif;font-size:16px;letter-spacing:5px;margin-top:4px;color:#c2bfa2}.map-card .eyebrow{color:#b6bba0;font-size:9px}.map-card-bottom{display:flex;justify-content:space-between;color:#afb39f;font-size:11px}.library-title{display:flex;align-items:center;justify-content:space-between;margin-top:28px}h2{font-size:15px;margin:0;font-weight:500}.library-title>span{font-family:'Barlow Condensed',sans-serif;color:#758180;font-size:17px}.muted{color:var(--muted)}.sidebar-hint{font-size:12px;margin:8px 0 17px}.filters{display:flex;gap:3px;background:#0e1517;border:1px solid #293134;padding:4px;border-radius:5px;margin-bottom:16px}.filters button{flex:1;border:0;background:none;font-size:12px;color:#929c9a;padding:7px 0;border-radius:3px}.filters button.active{color:#efc391;background:#34352e}.point-item{width:100%;padding:13px 11px;display:flex;align-items:center;gap:12px;border:1px solid transparent;background:none;border-radius:5px;text-align:left;margin-bottom:5px;transition:.2s}.point-item:hover{background:#212a2d}.point-item.active{background:#302c25;border-color:#6a5035}.smoke-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:32px;height:34px;border:1px solid #3b4548;color:#a9b4b0;border-radius:6px}.smoke-icon svg{width:21px;height:23px}.active .smoke-icon{border-color:#986b3d;color:var(--accent);background:#483a2a}.point-item strong{font-size:14px;display:block;font-weight:500}.point-item small{font-family:'IBM Plex Sans',sans-serif;display:block;font-size:10px;color:#74827f;margin-top:4px;letter-spacing:1px}.point-item.active strong{color:#f1c18d}.zone-tag{margin-left:auto;font-family:'Barlow Condensed',sans-serif;font-size:16px;color:#73807c}.point-item.active .zone-tag{color:var(--accent)}.sidebar-footer{margin-top:auto;display:flex;gap:9px;padding:25px 3px 0}.key-icon{width:15px;height:15px;border:1px solid #73807c;border-radius:50%;font-size:11px;display:inline-grid;place-items:center;flex:none}.sidebar-footer p{font-size:11px;line-height:1.7;color:#8c9793;margin:0}.sidebar-footer small{display:block;color:#697775;font-size:10px}.map-stage{position:relative;overflow:hidden;min-height:560px;background:radial-gradient(ellipse at 48% 45%,#263431 0%,#1a2526 49%,#131d20 100%)}#map-canvas{position:absolute;inset:0;touch-action:none}#map-canvas canvas{display:block;width:100%;height:100%}.stage-heading{position:absolute;left:28px;right:28px;top:29px;display:flex;justify-content:space-between;gap:12px;z-index:2;pointer-events:none}.stage-heading h2{font-size:17px;margin-top:10px;color:#cbd3ca;font-weight:400;letter-spacing:1px}.live-pill{font-size:11px;color:#a7b3ab;border:1px solid #49554b;border-radius:20px;align-self:start;padding:7px 10px;white-space:nowrap}.live-pill>span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9cb291;margin-right:6px}.map-view-switch{position:absolute;left:28px;top:115px;display:flex;padding:3px;background:#101a1ccc;border:1px solid #35413f;z-index:4;border-radius:5px}.map-view-switch button{background:none;border:0;padding:6px 13px;font-size:12px;color:#8d9a94;border-radius:3px}.map-view-switch button.active{background:#3b433c;color:#e2dfcf}.compass{position:absolute;right:26px;top:110px;text-align:center;font:11px 'IBM Plex Sans',sans-serif;color:#bac4bb;pointer-events:none}.compass svg{display:block;width:40px;height:40px;margin-top:3px}.map-controls{position:absolute;right:24px;bottom:117px;background:#152023eb;border:1px solid #3b4946;border-radius:6px;display:flex;flex-direction:column;align-items:center;z-index:4;padding:5px}.map-controls button{width:33px;height:35px;background:none;border:0;font-size:22px;color:#c3cec4}.map-controls button:hover{background:#38423a;color:var(--accent)}.map-controls>span{height:1px;width:22px;background:#384640;margin:4px 0}.map-bottom{position:absolute;bottom:26px;left:28px;right:26px;pointer-events:none;border-top:1px solid #46544a63;padding-top:18px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:11px}.legend{display:flex;gap:18px;align-items:center;font-size:11px;color:#a3ada4}.legend>span{display:flex;align-items:center;gap:6px}.legend-dot{width:7px;height:7px;border-radius:50%;background:#efab66;display:inline-block}.legend-dot.origin{background:#87cfc3}.legend-line{width:16px;height:0;border-top:1px dashed #efab66}.map-bottom p{font-size:10px;margin:0;color:#74877e}.map-bottom b{font-weight:400;padding:0 6px}.map-disclaimer{position:absolute;bottom:87px;left:28px;pointer-events:none;font-size:9px;letter-spacing:1px;color:#708176}#map-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.world-label{position:absolute;left:0;top:0;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none}.area-label{font-size:11px;letter-spacing:1px;color:#ebe8d2;text-shadow:0 1px 5px #101819,0 0 8px #101819}.site-label{font-family:'Barlow Condensed',sans-serif;font-size:40px;font-weight:600;color:#eaa46399;text-shadow:none}.world-marker{pointer-events:auto;width:34px;height:34px;background:#213031ed;border:1px solid #bea171;color:#f6c58c;box-shadow:0 4px 12px #0007;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:background .2s,box-shadow .2s}.world-marker svg{width:21px;height:22px}.world-marker:hover,.world-marker.selected{background:#efb36f;color:#28312c;box-shadow:0 0 0 5px #efab6625,0 0 24px #eeb16450;border-color:#ffe4b8;z-index:20!important}.marker-caption{position:absolute;top:39px;background:#19221ee8;border:1px solid #6c6851;color:#f4d1a3;padding:4px 8px;border-radius:3px;font:11px 'Noto Sans SC',sans-serif;white-space:nowrap;display:none}.selected .marker-caption{display:block}.origin-label{padding:5px 9px;background:#1b3535ed;border:1px solid #659d91;border-radius:3px;font-size:10px;color:#acede0}.origin-label:before{content:'';position:absolute;left:50%;bottom:-6px;border-top:5px solid #659d91;border-right:5px solid transparent;border-left:5px solid transparent;transform:translateX(-50%)}.detail-panel{background:#151c1e;border-left:1px solid var(--border);padding:27px 24px;overflow-y:auto}.detail-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.detail-top>span:last-child{font-family:'Barlow Condensed',sans-serif;font-size:14px;letter-spacing:1px;color:#798884}.detail-zone{font-size:11px;color:var(--accent);border:1px solid #624e37;background:#372d22;padding:3px 7px;border-radius:3px}.detail-heading{font-size:29px;font-weight:500;letter-spacing:1px;margin:12px 0 5px}.detail-en{font-family:'Barlow Condensed',sans-serif;font-size:15px;letter-spacing:3px;color:#8b9993}.detail-description{font-size:13px;line-height:1.9;color:#9ca8a0;margin:15px 0 19px}.video-placeholder{aspect-ratio:16/9;background:repeating-linear-gradient(135deg,#1d262600,#1d262600 7px,#33413914 8px,#33413914 9px),#11191b;border:1px solid #35403b;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;border-radius:5px;color:#7f9086}.video-placeholder .play{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid #4c594e;font-size:16px;padding-left:3px;color:#adbbac}.video-placeholder strong{font-size:13px;font-weight:400;margin-top:10px;color:#a0ac9e}.video-placeholder small{font-size:10px;margin-top:6px}.video-placeholder .video-format{position:absolute;top:10px;left:12px;font-family:'IBM Plex Sans',sans-serif;font-size:9px;letter-spacing:2px;color:#6a7b70}.route-info{padding:19px 0;border-bottom:1px solid var(--border)}.route-row{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:12px}.route-row:last-child{margin-bottom:0}.route-row>span:first-child{color:#7f9087}.route-row>span:last-child{color:#cdd3c5}.origin-swatch{color:#8acfc0;font-size:10px;margin-right:7px}.steps-title{font-size:13px;font-weight:500;margin:22px 0 17px}.steps{list-style:none;padding:0;margin:0;counter-reset:step}.steps li{counter-increment:step;display:flex;gap:11px;align-items:flex-start;margin-bottom:17px;font-size:12px;line-height:1.9;color:#aeb8ae}.steps li:before{content:'0'counter(step);font:12px 'Barlow Condensed',sans-serif;background:#2b332e;color:#bbbd99;padding:5px 6px;border-radius:3px;flex:none;margin-top:2px}.key-row{display:flex;align-items:center;gap:8px;margin:18px 0 20px}.key-row kbd{font:11px 'IBM Plex Sans','Noto Sans SC',sans-serif;border:1px solid #52604f;border-bottom-width:3px;padding:5px 9px;border-radius:4px;color:#ced3be;background:#252e27}.key-row>span{color:#60705f;font-size:12px}.trajectory-button{width:100%;display:flex;justify-content:center;align-items:center;gap:9px;background:#eab06f;border:1px solid #ffce92;color:#242b23;border-radius:4px;padding:11px;font-size:13px;font-weight:600}.trajectory-button:hover{background:#f6c18a}.trajectory-button:disabled{opacity:.65;cursor:wait}.tip{font-size:11px;line-height:1.9;color:#8b9a8b;margin:18px 0}.tip strong{color:#b9c2a7;font-weight:400}.source-link{font-size:10px;color:#91a592;text-decoration:underline;text-underline-offset:4px}.statusbar{height:35px;padding:0 25px;border-top:1px solid #2a3433;display:flex;justify-content:space-between;align-items:center;color:#72817b;font-size:10px;gap:20px;background:#11181a}.status-cross{color:#d4a66a;margin-right:7px}.footer-divider{margin:0 12px;color:#495b51}#map-error{position:absolute;left:15%;right:15%;top:40%;padding:25px;background:#28332e;border:1px solid #9d8154;color:#e5d0ad;line-height:1.8;z-index:50}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#3a4941;border-radius:4px}::-webkit-scrollbar-track{background:transparent}
@media(min-width:1600px){.workspace{grid-template-columns:270px minmax(500px,1fr) 370px}.sidebar{padding:28px 23px}.detail-panel{padding:30px 28px}.stage-heading{left:36px;top:35px}.point-item{padding:17px 12px}.detail-description,.steps li{font-size:14px}.route-row{font-size:13px}}
@media(max-width:1150px){.workspace{grid-template-columns:208px minmax(330px,1fr) 296px}.sidebar{padding:20px 12px}.detail-panel{padding:25px 18px}.stage-heading{left:20px;right:20px}.stage-heading h2{font-size:14px}.live-pill{display:none}.legend{gap:10px;font-size:10px}.map-bottom{left:20px}.top-title{font-size:12px}}
@media(max-width:900px){.topbar{padding:0 20px;height:74px}.top-title{display:none}.workspace{grid-template-columns:190px 1fr;height:auto;max-height:none;min-height:0}.sidebar{grid-row:1 / 3}.map-stage{height:610px;min-height:0}.detail-panel{grid-column:2;overflow:visible;border-top:1px solid var(--border);padding:25px}.detail-top{margin-bottom:14px}.video-placeholder{max-width:400px}.detail-description{max-width:520px}.sidebar-footer{margin-top:25px}.statusbar{height:auto;min-height:40px;padding:10px 20px;flex-wrap:wrap}.brand small{font-size:8px}}
@media(max-width:580px){.topbar{height:69px;padding:0 16px}.brand{font-size:23px}.brand-symbol{width:34px;height:36px;font-size:26px}.version{font-size:10px}.version span{display:none}.workspace{display:flex;flex-direction:column}.sidebar{padding:15px 16px;border-right:0;border-bottom:1px solid var(--border)}.map-card,.sidebar-hint,.sidebar-footer{display:none}.library-title{margin:0 0 12px}.filters{margin:0 0 10px;width:240px}.point-item{min-width:140px;width:auto;padding:10px;margin:0}.point-item strong{font-size:13px}.point-item small{font-size:9px}#point-list{display:flex;overflow-x:auto;gap:6px;padding-bottom:4px}.point-item .zone-tag{display:none}.map-stage{height:510px;flex:none}.stage-heading{top:20px;left:18px}.stage-heading h2{font-size:14px}.map-view-switch{top:91px;left:18px}.compass{top:91px;right:17px}.map-controls{right:13px;bottom:115px}.map-bottom{left:18px;right:18px;bottom:20px}.map-disclaimer{left:18px;bottom:80px}.detail-panel{border-left:0;padding:25px 23px}.detail-description,.steps li{font-size:14px}.route-row{font-size:13px}.video-placeholder{max-width:none}.statusbar{font-size:9px}.detail-heading{font-size:28px}}
[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.map-source{pointer-events:auto;margin-left:8px;color:#a2b8a4;text-decoration:underline;text-underline-offset:3px}.lower-label{color:#86c2c8}.map-view-switch{white-space:nowrap}