:root{font-family:"Malgun Gothic","Segoe UI",sans-serif;color:#303b35;background:#eeeade;font-synthesis:none;--accent:#8c503b;--line:#d7d5c8}*{box-sizing:border-box}body{margin:0}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);background:#f7f5ed}.brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none;font-family:Georgia,"Malgun Gothic",serif;font-size:23px;font-weight:600}.brand small{font-family:"Malgun Gothic",sans-serif;font-size:12px;font-weight:400;margin-left:15px;color:#73796c}.seal{width:39px;height:40px;border:1px solid #94583e;color:#94583e;font-size:16px;display:grid;place-content:center;letter-spacing:2px;border-radius:3px}.header-note{font-size:11px;letter-spacing:1px;color:#7a8175}.dot{display:inline-block;width:5px;height:5px;background:#8c503b;border-radius:50%;margin:0 10px}.workspace{display:grid;grid-template-columns:292px 1fr;height:calc(100vh - 114px);min-height:680px}aside{padding:32px 26px 20px;background:#f7f5ed;overflow:auto;border-right:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:2px;color:#8c503b;font-weight:600}.intro h1{font-family:Georgia,"Batang",serif;font-size:27px;letter-spacing:-1px;line-height:1.55;margin:13px 0}.intro p{font-size:11px;color:#7a8073;line-height:1.9;margin-bottom:28px}section{border-top:1px solid var(--line);padding:18px 0}section h2{font-size:10px;letter-spacing:1px;color:#9d7763;margin:0 0 17px}section h2 span{font-size:12px;letter-spacing:0;color:#465145;margin-left:10px;font-weight:500}label{font-size:11px;color:#667060;display:block;margin-bottom:8px}select{width:100%;border:1px solid #d6d7c9;background:#fdfbf5;border-radius:3px;padding:9px 7px;color:#3f4c3f;font-size:11px;font-family:inherit}.metrics{display:flex;justify-content:space-between;margin-top:17px}.metrics strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:23px}.metrics strong small{font-size:11px;color:#7b8175}.metrics span{font-size:10px;color:#808575;display:block;margin-top:5px}.micro{font-size:10px;color:#7e8577;line-height:1.8;margin:13px 0 0}.range-title{display:flex;justify-content:space-between;align-items:center}.range-title label{margin:0}.range-title output{font-size:11px;color:#94583e}input[type=range]{width:100%;accent-color:#8a674c;margin:15px 0 7px;cursor:ew-resize}.range-caption{display:flex;justify-content:space-between;font-size:9px;color:#94988c}.gap{margin-top:18px}.check{display:flex;gap:8px;align-items:center;margin:12px 0 0;cursor:pointer}.check input{accent-color:#6c8065;margin:0}.button-row{display:flex;gap:6px;margin-top:14px}button{font-family:inherit;font-size:10px;background:#fdfbf5;border:1px solid #cbd0c1;color:#56624e;padding:8px 10px;border-radius:3px;cursor:pointer}button:hover{background:#e8e8db}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #8c503b;outline-offset:3px}.aside-foot{font-size:9px;line-height:1.9;border-top:1px solid var(--line);padding-top:15px;color:#8a9082}main{position:relative;overflow:hidden;background:#c1cdc0}canvas{display:block;width:100%;height:100%;touch-action:none}#loading{position:absolute;z-index:10;inset:0;display:grid;place-items:center;background:#e5e9df;color:#586b57;font-size:13px}#loading.hidden{display:none}.map-heading{position:absolute;top:32px;left:36px;pointer-events:none}.map-heading h2{font-family:"Batang",Georgia,serif;font-size:28px;font-weight:400;letter-spacing:4px;color:#344b3d;margin:12px 0 8px}.map-heading p{font-size:10px;color:#657569;letter-spacing:1px}.view-buttons{position:absolute;top:28px;right:25px;display:flex;gap:3px}.view-buttons button{background:#f7f5edd9;backdrop-filter:blur(8px);border:1px solid #d4d9cb}.view-buttons button.active{background:#52674f;color:#f7f5ed;border-color:#52674f}.map-compass{position:absolute;top:95px;right:34px;text-align:center;pointer-events:none;color:#5b6f61;font-size:10px}.map-compass div{font-size:36px;font-weight:300;line-height:1.3}.map-compass small{font-size:8px;letter-spacing:2px}.bottom-overlay{position:absolute;left:32px;right:28px;bottom:23px;pointer-events:none}.legend{display:flex;gap:17px;font-size:10px;color:#425743}.legend span{display:flex;align-items:center;gap:6px}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;border:1px solid #ffffff55}.bottom-overlay p{font-size:9px;color:#627666;letter-spacing:.4px;margin-top:11px}.scale{position:absolute;bottom:4px;right:0;color:#586f5e;font-size:9px;text-align:center}.scale span{display:block;width:110px;height:6px;border:1px solid #657a69;border-top:0;margin-bottom:3px}#labels{position:absolute;inset:0;pointer-events:none}.city{position:absolute;display:flex;align-items:center;gap:5px;font-size:11px;color:#243f31;text-shadow:0 1px 3px #f4f4dd,1px 0 3px #f4f4dd;white-space:nowrap;transform:translate(-4px,-50%)}.city i{width:5px;height:5px;border:1px solid #6a4c37;background:#e6d5ac;border-radius:50%}.city.capital{font-weight:600}.city.capital i{width:7px;height:7px;background:#9b593e}.region{position:absolute;font-family:"Batang",serif;font-size:21px;letter-spacing:8px;color:#3e553b8a;text-shadow:0 0 12px #eeebd899;transform:translate(-50%,-50%);white-space:nowrap}.selection{position:absolute;top:180px;right:25px;width:225px;padding:20px;background:#faf8efeF;border:1px solid #d4d7c8;box-shadow:0 10px 40px #28382b15;border-radius:4px}.selection h3{font-size:17px;font-weight:500;margin:13px 0}.selection #close-selection{position:absolute;right:7px;top:7px;border:0;background:none;font-size:17px;padding:2px 6px}.info-row{display:flex;justify-content:space-between;gap:10px;font-size:11px;border-bottom:1px solid #e5e5d8;padding:9px 0}.info-row span{color:#858a7c}.info-row b{font-weight:500;text-align:right}.selection .micro{font-size:10px}.notice{position:absolute;bottom:115px;left:50%;transform:translateX(-50%);max-width:80%;background:#f7f5edee;font-size:11px;padding:10px 15px;border-radius:3px;display:none}.notice.show{display:block}footer{min-height:36px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 25px;background:#f7f5ed;border-top:1px solid var(--line);font-size:9px;color:#858b7c}footer span:last-child{color:#9a7964}@media(max-width:950px){.workspace{grid-template-columns:245px 1fr}aside{padding:25px 20px}.brand small{margin-left:8px}.map-heading{left:22px}.map-heading h2{font-size:23px}.view-buttons{top:105px;right:16px}.map-compass{top:165px}.bottom-overlay{left:20px}.legend{gap:10px}.selection{right:16px;top:260px}footer{flex-wrap:wrap}}@media(max-width:650px){header{padding:0 16px;height:65px}.header-note{display:none}.brand small{display:block;margin:3px 0 0}.workspace{height:auto;display:flex;flex-direction:column;min-height:0}aside{order:2;padding:22px;overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:15px}.intro{display:none}section{padding:14px 0}.aside-foot{grid-column:1/-1}main{height:65vh;min-height:460px}.map-heading{top:18px}.map-heading h2{font-size:22px}.map-heading p{font-size:9px}.view-buttons{top:18px}.map-compass{top:92px}.selection{top:145px;width:200px}.legend{gap:9px;font-size:9px}.bottom-overlay{bottom:12px}.bottom-overlay p{max-width:220px;line-height:1.7}.scale{right:0}footer{padding:12px 20px;font-size:8px}}@media(max-width:380px){aside{grid-template-columns:1fr}.view-buttons{top:95px}.map-compass{display:none}}
.package-link{display:block;margin-top:16px;font-size:10px;color:#8c503b;text-decoration:none}.package-link:hover{text-decoration:underline}#lod-status{display:block;font-size:9px;color:#627666;margin-top:6px}.selection{max-height:calc(100% - 285px);overflow:auto}.city.reference i{background:#c5d4c1;border-color:#6f8674}.region{font-size:19px;letter-spacing:5px}.view-buttons{z-index:3}.map-compass{z-index:2}@media(max-width:650px){.selection{max-height:calc(100% - 235px)}.map-heading p{max-width:230px;line-height:1.7}}
/* Place anchors stay fixed; only their names move to avoid collisions. */
.city{display:block;width:0;height:0;transform:none;font-size:11px;line-height:17px;color:#294035;white-space:nowrap;text-shadow:0 1px 2px #fff9e7,1px 0 2px #fff9e7,-1px 0 2px #fff9e7}
.city i{position:absolute;left:-3px;top:-3px;width:6px;height:6px;background:#f1dfa8;border:1px solid #695738;border-radius:50%;box-shadow:0 0 0 1px #fff4d680}
.city .place-name{position:absolute;left:10px;top:-9px;padding:0 2px;border-radius:2px;background:#faf5df38;line-height:18px}
.city.major{font-size:12px;font-weight:750;color:#662d25}
.city.major i{width:8px;height:8px;left:-4px;top:-4px;background:#bd3830;border-color:#7c2522;box-shadow:0 0 0 1.5px #fff4d6a0}
.city.pass{font-size:11px;font-weight:650;color:#663f22}
.city.pass i{width:7px;height:7px;left:-3.5px;top:-3.5px;border-radius:1px;background:#bd8d40;border-color:#694719;transform:rotate(45deg)}
.city.minor .place-name{font-weight:500;color:#314438}
.city.background-place{opacity:.72}.city.focused-place{z-index:2}.city.focused-place .place-name{background:#fff7dfc9}
.place-key{display:inline-block;flex:none;width:7px;height:7px;border:1px solid #695738;background:#f1dfa8;border-radius:50%;vertical-align:middle}
.place-key.major{background:#bd3830;border-color:#7c2522;width:8px;height:8px}.place-key.pass{background:#bd8d40;border-color:#694719;border-radius:1px;transform:rotate(45deg)}
.place-legend{display:flex;gap:18px;color:#425743;font-size:9px;margin-top:9px}.place-legend span{display:flex;align-items:center;gap:6px}#place-note{line-height:1.8}

.grid-options{margin:14px 0 10px;padding:14px 12px;background:#efefe3;border:1px solid #d6dacb;border-radius:3px}.grid-options[hidden]{display:none}.grid-options .button-row{flex-wrap:wrap}.grid-options button:disabled{opacity:.5;cursor:default}#grid-stats{color:#566b50}
.corridor-label{position:absolute;transform:translate(10px,-30px);font-size:10px;color:#77432e;line-height:1.7;background:#fff6dfdf;border:1px solid #9d745455;padding:3px 7px;border-radius:3px;white-space:nowrap;pointer-events:none}.corridor-label[hidden]{display:none}#corridor-note{white-space:pre-line}#corridor-sources a{display:block;font-size:9px;line-height:1.7;color:#8c503b;text-decoration:none;margin-top:8px}#corridor-sources a:hover{text-decoration:underline}
.route-legend{display:flex;flex-wrap:wrap;gap:10px;font-size:9px;color:#6d7869;margin-top:13px}.route-legend span{display:flex;align-items:center;gap:5px}.route-legend i{width:15px;border-top:2px dashed #824b32}.route-legend i.water{border-color:#2e6784}.route-legend i.inferred{border-color:#777382;border-top-style:dotted}.route-legend i.focused{border-color:#cfab4c}.route-mode-controls{display:flex;flex-wrap:wrap;gap:10px}.route-mode-controls .check{gap:4px;font-size:10px}
.route-list-panel{margin-top:16px;border:1px solid #d6dacb;border-radius:3px;padding:10px;background:#efefe3}.route-list-panel summary,.route-group summary{cursor:pointer;font-size:11px;color:#55634d;line-height:1.8}.route-group{margin-top:11px;padding-top:8px;border-top:1px solid #d6dacb}.route-group-actions{display:flex;gap:6px;margin:9px 0}.route-group-actions button{font-size:9px;padding:5px 8px}.route-check{display:flex;align-items:flex-start;gap:7px;margin:12px 0;cursor:pointer}.route-check input{accent-color:#8c674b;flex:none;margin:2px 0}.route-check strong{display:block;font-size:10px;font-weight:500;line-height:1.65;color:#46563e}.route-check small{display:block;font-size:9px;line-height:1.7;color:#8b8e80}.corridors-panel .button-row{flex-wrap:wrap}#corridor-status{color:#586e51}
.route-stop{position:absolute;width:0;height:0;white-space:nowrap;font-size:10px;line-height:16px;text-shadow:0 1px 2px #fff9e7,1px 0 2px #fff9e7,-1px 0 2px #fff9e7;color:#4f5135}.route-stop[hidden]{display:none}.route-stop i{position:absolute;width:5px;height:5px;left:-2.5px;top:-2.5px;background:#d3c195;border:1px solid #736143;border-radius:50%}.route-stop.pass i{border-radius:0;transform:rotate(45deg);background:#bd8d40}.route-stop.ferry i{background:#538493;border-color:#375d6b}.route-stop span{position:absolute;padding:0 2px;background:#faf5df45}.route-stop.selected{z-index:1}.route-stop.selected span{background:#fff7dfc9;font-weight:600}.route-stop.selected i{box-shadow:0 0 0 1px #fff4d6a0}
.corridor-label{transform:none;z-index:2;max-width:calc(100% - 16px);white-space:normal}
.corridor-label.mixed-label{color:#2e6784;border-color:#2e678466}.corridor-label.branch-label{color:#824b32;border-color:#824b3277;background:#fff5dedf;font-weight:600}
.harbor{position:absolute;width:0;height:0;font-size:10px;line-height:17px;white-space:nowrap;color:#285363;text-shadow:0 1px 2px #fff9e7,1px 0 2px #fff9e7,-1px 0 2px #fff9e7;pointer-events:none}.harbor[hidden]{display:none}
.harbor i{position:absolute;left:-3px;top:-3px;width:6px;height:6px;background:#528b9b;border:1px solid #255363;font-style:normal}.harbor.military{font-size:11px;font-weight:750;color:#163e54}.harbor.military i{left:-7px;top:-9px;width:14px;height:17px;border:0;background:transparent;font-size:16px;line-height:17px;font-family:Arial,sans-serif;color:#164964}
.harbor.ferry i{border-radius:50%;background:#e6eddf;border:1.5px solid #3a7385}.harbor span{position:absolute;padding:0 2px;background:#faf5df60}.harbor.selected span{background:#fff1cfe6}.harbor.candidate{opacity:.65}.harbor.city-harbor:before{content:'';position:absolute;left:0;top:-11px;height:5px;border-left:1px dotted #3a738599}
.harbor-key{display:inline-block;width:7px;height:7px;flex:none;background:#528b9b;border:1px solid #255363;vertical-align:middle;font-style:normal}.harbor-key.military{width:13px;height:17px;border:0;background:transparent;color:#164964;font-family:Arial,sans-serif;font-size:14px;line-height:17px}.harbor-key.ferry{border-radius:50%;background:#e6eddf;border:1.5px solid #3a7385}
#harbor-note,#water-result{white-space:pre-line;line-height:1.85}#harbor-sources a{display:block;font-size:9px;line-height:1.7;color:#3b6b7d;text-decoration:none;margin-top:8px}#harbor-sources a:hover{text-decoration:underline}.water-route-controls{margin-top:15px;border:1px solid #bdcfcf;border-radius:3px;padding:10px;background:#eaf0e9}.water-route-controls summary{font-size:11px;color:#355e6a;cursor:pointer}.place-legend{flex-wrap:wrap;gap:10px 14px}