:root{--bg:#071821;--ink:#eef7f8;--muted:#92abb4;--line:rgba(255,255,255,.14);--accent:#ff6337}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:'Noto Sans SC',sans-serif}body{padding-top:68px}button{font:inherit}header{height:68px;position:fixed;inset:0 0 auto;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3vw;background:rgba(7,24,33,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none}.brand span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent);font-weight:800}.brand b{font-size:15px}nav{display:flex;background:#102d39;padding:4px;border-radius:9px}nav button{border:0;background:transparent;color:var(--muted);padding:8px 20px;border-radius:6px;cursor:pointer}nav button.active{background:#f2f8f8;color:#0a202a;font-weight:700}.search-btn{justify-self:end;background:none;border:1px solid var(--line);color:var(--ink);padding:8px 14px;border-radius:8px;cursor:pointer}main{padding:26px 3vw 18px}.map-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.map-head p{font:500 11px 'DM Mono';letter-spacing:.12em;color:#ff8a68;margin:0 0 7px}.map-head h1{font-size:clamp(27px,3.5vw,48px);letter-spacing:-.04em;margin:0}.summary{text-align:right}.summary strong,.summary span{display:block}.summary strong{font:500 clamp(20px,2.5vw,34px) 'DM Mono'}.summary span{font-size:12px;color:var(--muted);margin-top:4px}.crumbbar{height:42px;display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);font-size:13px}.crumbbar button{border:0;background:none;color:var(--ink);padding:0;cursor:pointer}.crumbbar>button:disabled{opacity:.3}.crumbbar #crumbs{display:flex;gap:8px;min-width:0;overflow:hidden}.crumbbar #crumbs button{white-space:nowrap;color:#c6d6db}.crumbbar #crumbs button:not(:last-child):after{content:' /';color:#5f7882}.crumbbar #level{margin-left:auto;color:var(--muted);font:11px 'DM Mono'}#map{height:calc(100vh - 245px);min-height:520px;position:relative;overflow:hidden;border:3px solid var(--bg);background:#102833}.tile{position:absolute;border:3px solid var(--bg);color:white;text-align:left;padding:clamp(9px,1.3vw,20px);overflow:hidden;cursor:pointer;transition:filter .18s;animation:arrive .36s both}.tile:hover{filter:brightness(1.15);z-index:3}.tile .code{font:500 11px 'DM Mono';opacity:.68}.tile b{display:block;font-size:clamp(13px,1.45vw,22px);line-height:1.25;max-width:270px;margin:6px 0}.tile strong{font:500 14px 'DM Mono'}.tile small{display:block;margin-top:4px;opacity:.7}.tile.tiny{padding:7px}.tile.tiny b{font-size:12px;margin:3px 0}.tile.tiny strong,.tile.tiny small{display:none}@keyframes arrive{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.legend{display:flex;align-items:center;gap:20px;color:var(--muted);font-size:12px;margin-top:10px}.legend i{display:inline-block;width:9px;height:9px;background:var(--accent);margin-right:7px}.legend a{margin-left:auto;color:#d9e7ea;text-decoration:none}dialog{width:min(480px,calc(100% - 28px));border:1px solid #41606b;border-radius:16px;background:#102b37;color:white;padding:32px;box-shadow:0 30px 100px #000}dialog::backdrop{background:rgba(1,10,14,.73);backdrop-filter:blur(4px)}dialog .close{position:absolute;right:16px;top:14px;border:0;background:none;color:#a9bbc1;font-size:25px;cursor:pointer}.dialog-code{font:11px 'DM Mono';color:#ff8a68}dialog h2{font-size:30px;margin:9px 0}dialog>strong{font:500 24px 'DM Mono'}dialog>p:not(.dialog-code){color:#a9bdc4;line-height:1.7}#drill{border:0;background:var(--accent);color:white;padding:12px 17px;border-radius:8px;font-weight:700;cursor:pointer}#searchBox label{display:block;font-weight:700;font-size:20px}#query{display:block;width:100%;margin:18px 0;border:0;border-bottom:1px solid #57717b;background:transparent;color:white;padding:12px 0;font:16px inherit;outline:0}.search-result{display:flex;justify-content:space-between;width:100%;border:0;border-bottom:1px solid var(--line);background:none;color:white;padding:12px 0;text-align:left;cursor:pointer}.search-result small{color:var(--muted)}footer{display:flex;justify-content:space-between;color:#66818a;padding:14px 3vw 22px;font-size:11px}@media(max-width:700px){header{grid-template-columns:1fr auto;padding:0 16px}.brand b{display:none}nav{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:30;box-shadow:0 6px 30px #000}nav button{padding:10px 14px}.search-btn{grid-column:2}.map-head{align-items:start}.summary strong{font-size:17px}.map-head h1{font-size:29px}main{padding:20px 12px 80px}#map{height:calc(100vh - 265px);min-height:520px}.tile{padding:8px}.tile b{font-size:12px}.tile strong{font-size:11px}.legend #sourceText{display:none}.crumbbar{gap:9px}.crumbbar #level{display:none}footer{display:none}}