html,body{height:100%}body.map-page{margin:0;background:var(--ink);color:var(--ink);font-family:"Noto Serif SC",Songti SC,serif;overflow:hidden}body.map-page:before{opacity:.03}.map-page .topnav{position:fixed;inset:0 0 auto 0;height:var(--nav-h);z-index:600;display:flex;align-items:center;gap:20px;padding:0 var(--page-pad);background:color-mix(in srgb,var(--ground) 88%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent);font-family:"Noto Serif SC",Songti SC,serif;line-height:1}.map-page .topnav .page-title{font-size:14px;font-weight:600;letter-spacing:.18em;color:var(--ink);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s var(--ease-ink);line-height:1}.map-page .topnav .page-title:hover{border-color:var(--ink)}.map-page .topnav .project-credit{margin-left:auto;font-size:11px;letter-spacing:.22em;color:color-mix(in srgb,var(--ink) 45%,var(--ground));font-weight:400;line-height:1}.map-page .back-link{font-size:12px;letter-spacing:.18em;color:color-mix(in srgb,var(--ink) 75%,var(--ground));text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s var(--ease-ink);line-height:1}.map-page .back-link:hover{border-color:var(--ink)}#map{position:fixed;inset:var(--nav-h) 0 0 0;background:#0c1014;z-index:1}.map-controls{position:fixed;top:calc(var(--nav-h) + 16px);left:16px;width:268px;max-height:calc(100vh - var(--nav-h) - 32px);z-index:500;display:flex;flex-direction:column;background:color-mix(in srgb,var(--bone) 94%,transparent);border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:2px;box-shadow:0 18px 60px #00000059;overflow:hidden;font-size:var(--fs-caption)}.map-controls .controls-body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}.map-controls .controls-body::-webkit-scrollbar{width:6px}.map-controls .controls-body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink) 25%,transparent);border-radius:3px}.controls-head{padding:18px 18px 14px;border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent);background:color-mix(in srgb,var(--bone) 100%,transparent)}.controls-head h2{margin:0;font-size:16px;letter-spacing:.08em;font-weight:600;color:var(--ink)}.controls-head .sub{margin:4px 0 0;font-size:var(--fs-micro);letter-spacing:.12em;color:color-mix(in srgb,var(--ink) 60%,var(--ground))}.ctrl-section{padding:14px 18px;border-bottom:1px solid color-mix(in srgb,var(--ink) 8%,transparent);flex-shrink:0}.ctrl-section:last-of-type{border-bottom:none}.ctrl-section h3{margin:0 0 8px;font-size:var(--fs-micro);font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 55%,var(--ground))}.ctrl-section h3.collapsible{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:8px;transition:color .15s}.ctrl-section h3.collapsible:hover{color:var(--ink)}.ctrl-section h3.collapsible:after{content:"▾";font-size:10px;letter-spacing:0;margin-left:8px;transition:transform .2s var(--ease-ink);display:inline-block}.ctrl-section.collapsed h3.collapsible{margin-bottom:0}.ctrl-section.collapsed h3.collapsible:after{transform:rotate(-90deg)}.ctrl-section.collapsed>*:not(h3){display:none!important}.ctrl-section .hint{margin:0 0 8px;font-size:11px;color:color-mix(in srgb,var(--ink) 55%,var(--ground))}.row{display:flex;align-items:center;gap:10px;padding:5px 0;cursor:pointer;-webkit-user-select:none;user-select:none}.row input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1.5px solid color-mix(in srgb,var(--ink) 45%,var(--ground));border-radius:1px;background:transparent;cursor:pointer;flex-shrink:0;position:relative;transition:border-color .15s}.row input[type=checkbox]:checked{background:var(--ink);border-color:var(--ink)}.row input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:var(--bone);clip-path:polygon(14% 50%,0 64%,40% 100%,100% 22%,86% 8%,38% 70%)}.city-list{list-style:none;margin:0;padding:0}.city-list .row .swatch{width:14px;height:14px;flex-shrink:0;border:1.5px solid color-mix(in srgb,var(--ink) 35%,transparent)}.city-list .row .city-name{flex:1;color:var(--ink);font-size:13px;letter-spacing:.04em}.city-list .row .province-tag{font-size:var(--fs-micro);color:color-mix(in srgb,var(--ink) 50%,var(--ground));letter-spacing:.1em}.toggle-row{padding:4px 0}.toggle-row span{color:var(--ink)}.waterway-actions{display:flex;gap:6px;margin-bottom:8px}.ghost-btn{font:inherit;font-size:var(--fs-micro);letter-spacing:.12em;background:transparent;border:1px solid color-mix(in srgb,var(--ink) 30%,transparent);color:color-mix(in srgb,var(--ink) 75%,var(--ground));padding:3px 8px;cursor:pointer;border-radius:1px;transition:all .15s}.ghost-btn:hover{border-color:var(--ink);color:var(--ink)}.waterway-list{list-style:none;margin:0;padding:0}.waterway-list .row .ww-name{flex:1;color:var(--ink);font-size:13px}.waterway-list .row .ww-count{font-size:var(--fs-micro);color:color-mix(in srgb,var(--ink) 45%,var(--ground))}.waterway-list .loading{padding:8px 0;color:color-mix(in srgb,var(--ink) 50%,var(--ground));font-size:var(--fs-micro);letter-spacing:.18em}.controls-foot{padding:10px 18px;display:flex;flex-direction:column;gap:2px;font-size:10px;letter-spacing:.06em;color:color-mix(in srgb,var(--ink) 50%,var(--ground));background:color-mix(in srgb,var(--bone) 100%,transparent);border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.controls-foot .refs-link{align-self:flex-start;margin-bottom:6px;padding-bottom:6px;font-size:11px;letter-spacing:.16em;color:color-mix(in srgb,#6f8aa3 80%,var(--ink) 20%);text-decoration:none;border-bottom:1px dashed color-mix(in srgb,#6f8aa3 50%,transparent);transition:color .15s,border-color .15s}.controls-foot .refs-link:hover{color:var(--ink);border-bottom-color:var(--ink);border-bottom-style:solid}.leaflet-container{font-family:"Noto Serif SC",serif;background:#0c1014}.leaflet-control-zoom a{background:color-mix(in srgb,var(--bone) 94%,transparent)!important;color:var(--ink)!important;border-color:color-mix(in srgb,var(--ink) 25%,transparent)!important}.leaflet-control-zoom a:hover{background:var(--bone)!important}.leaflet-control-attribution{background:color-mix(in srgb,var(--bone) 86%,transparent)!important;font-size:10px!important;color:color-mix(in srgb,var(--ink) 70%,var(--ground))!important}.leaflet-control-attribution a{color:var(--ink)!important}.leaflet-tooltip{background:color-mix(in srgb,var(--bone) 92%,transparent)!important;border:1px solid color-mix(in srgb,var(--ink) 30%,transparent)!important;box-shadow:0 6px 14px #00000040!important;color:var(--ink)!important;font-family:"Noto Serif SC",serif!important;font-size:12px!important;letter-spacing:.06em!important;padding:4px 8px!important}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{display:none}.leaflet-overlay-pane svg path.waterway{filter:drop-shadow(0 0 4px rgba(120,200,255,.85)) drop-shadow(0 0 1px rgba(255,255,255,.7))}.leaflet-overlay-pane svg path.ancient-waterway{filter:drop-shadow(0 0 3px rgba(140,170,200,.75)) drop-shadow(0 0 1px rgba(220,230,245,.6))}.ancient-list{list-style:none;margin:0;padding:0}.ancient-list .row .ww-kind{font-size:var(--fs-micro);color:color-mix(in srgb,var(--ink) 50%,var(--ground));letter-spacing:.16em}.ancient-swatch{border-radius:1px}.leaflet-tooltip.ancient-tooltip{width:260px!important;max-width:260px!important;white-space:normal!important;word-break:break-word;line-height:1.55;padding:10px 14px!important;border-color:color-mix(in srgb,#6f8aa3 55%,var(--ink) 45%)!important}.leaflet-tooltip.ancient-tooltip .tt-name{font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--ink);display:block}.leaflet-tooltip.ancient-tooltip .tt-era{margin-top:3px;font-size:11px;letter-spacing:.12em;color:color-mix(in srgb,var(--ink) 60%,var(--ground))}.leaflet-tooltip.ancient-tooltip .tt-note{margin-top:6px;font-size:11.5px;line-height:1.6;color:color-mix(in srgb,var(--ink) 80%,var(--ground))}.leaflet-tooltip.ancient-tooltip .tt-approx{margin-top:6px;padding-top:6px;border-top:1px dashed color-mix(in srgb,var(--ink) 18%,transparent);font-size:10px;letter-spacing:.18em;color:color-mix(in srgb,var(--ink) 45%,var(--ground))}.leaflet-tooltip.ancient-tooltip .tt-hint{margin-top:6px;font-size:10px;letter-spacing:.18em;color:color-mix(in srgb,#6f8aa3 75%,var(--ink) 25%)}.leaflet-popup.ancient-popup .leaflet-popup-content-wrapper{background:color-mix(in srgb,var(--bone) 96%,transparent);color:var(--ink);border:1px solid color-mix(in srgb,#6f8aa3 55%,var(--ink) 45%);border-radius:2px;box-shadow:0 12px 36px #00000059;font-family:"Noto Serif SC",Songti SC,serif}.leaflet-popup.ancient-popup .leaflet-popup-content{margin:14px 16px;line-height:1.6;font-size:13px}.leaflet-popup.ancient-popup .leaflet-popup-tip{background:color-mix(in srgb,var(--bone) 96%,transparent)}.ancient-pp h4{margin:0 0 4px;font-size:14px;font-weight:600;letter-spacing:.06em;color:var(--ink)}.ancient-pp .pp-era{font-size:11px;letter-spacing:.12em;color:color-mix(in srgb,var(--ink) 60%,var(--ground));margin-bottom:6px}.ancient-pp .pp-note{margin:6px 0;font-size:12.5px;color:color-mix(in srgb,var(--ink) 80%,var(--ground))}.ancient-pp .pp-approx{font-size:10.5px;letter-spacing:.14em;color:color-mix(in srgb,var(--ink) 45%,var(--ground));border-top:1px dashed color-mix(in srgb,var(--ink) 18%,transparent);padding-top:6px;margin-top:6px}.ancient-pp .pp-sources{margin-top:8px;display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:11px;letter-spacing:.06em}.ancient-pp .pp-sources-label{font-size:10px;letter-spacing:.24em;color:color-mix(in srgb,var(--ink) 50%,var(--ground));margin-right:4px}.ancient-pp .pp-sources a{color:color-mix(in srgb,#6f8aa3 70%,var(--ink) 30%);text-decoration:none;border-bottom:1px solid color-mix(in srgb,#6f8aa3 50%,transparent);transition:color .15s,border-color .15s}.ancient-pp .pp-sources a:hover{color:var(--ink);border-color:var(--ink)}.ancient-pp .pp-sources .pp-sep{color:color-mix(in srgb,var(--ink) 30%,var(--ground))}.ancient-pp .pp-refs-link{display:inline-block;margin-top:10px;padding-top:8px;border-top:1px dashed color-mix(in srgb,var(--ink) 18%,transparent);font-size:11px;letter-spacing:.14em;color:color-mix(in srgb,#6f8aa3 80%,var(--ink) 20%);text-decoration:none;width:100%}.ancient-pp .pp-refs-link:hover{color:var(--ink)}.leaflet-interactive:focus,.leaflet-interactive:focus-visible{outline:none}.leaflet-container svg{overflow:visible}.district-label{background:transparent!important;border:none!important;box-shadow:none!important;color:#f5efde!important;text-shadow:0 0 4px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.85);font-family:"Noto Serif SC",serif!important;font-size:12px!important;letter-spacing:.18em!important;padding:0!important;pointer-events:none!important;opacity:0;transition:opacity .24s var(--ease-ink)}.leaflet-container.zoom-deep .district-label{opacity:1}.leaflet-overlay-pane svg{transition:opacity .6s var(--ease-ink)}@media (max-width: 720px){.map-controls{width:calc(100vw - 32px);max-height:50vh}}