html,body{margin:0}body{font:15px/1.6 system-ui,sans-serif;color:#222;background:#fff}#map{height:100vh;height:100dvh;background:#9a9a9a}.info-box{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:1000;width:max-content;max-width:440px;box-sizing:border-box;text-align:center;background:#ffffffeb;padding:8px 16px;border-radius:6px;font:13px/1.4 system-ui,sans-serif;box-shadow:0 1px 4px #0000004d}.info-box h1{font-size:17px;margin:0 0 2px}.info-box p{margin:0;color:#555}.info-row{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap}.info-box .about-link{color:#1a5fb4;font-size:12px}.lang-switch{position:absolute;top:10px;right:10px;z-index:1000;display:flex;gap:3px;padding:4px;border-radius:6px;background:#ffffffeb;box-shadow:0 1px 4px #0000004d}.lang-switch a{border:1px solid #ccc;background:#fff;border-radius:4px;text-decoration:none;padding:3px 7px;font:600 12px system-ui,sans-serif;color:#555}.lang-switch a:hover{border-color:#888}.lang-switch a[aria-current=page]{background:#333;border-color:#333;color:#fff}.search-box{position:absolute;top:10px;left:10px;z-index:1000;font:13px system-ui,sans-serif;width:260px}.search-box input{width:100%;box-sizing:border-box;padding:7px 10px;border:none;border-radius:6px;box-shadow:0 1px 4px #0000004d;font:inherit;outline:none}.search-results{margin-top:4px;background:#fff;border-radius:6px;box-shadow:0 1px 4px #0000004d;overflow:hidden}.search-results:empty{display:none}.search-results div{padding:7px 10px;cursor:pointer;border-top:1px solid #eee}.search-results div:first-child{border-top:none}.search-results div:hover{background:#f0f0f0}.search-results .muted{color:#888;cursor:default}.search-results .muted:hover{background:#fff}.coords-control{background:#ffffffd9;padding:3px 8px;border-radius:4px;font:12px/1.3 ui-monospace,Consolas,monospace;box-shadow:0 1px 3px #00000040}.leaflet-middleright{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1000;pointer-events:none}.leaflet-middleright .leaflet-control{margin-right:10px;pointer-events:auto}.zoom-level{background:#fff;border-bottom:1px solid #ccc;text-align:center;font:600 12px/26px system-ui,sans-serif;color:#333;cursor:default;transition:background .3s}.zoom-level.upscaled{color:#b05a00}.zoom-level.changing{background:#ffe9a8}.measure-control{margin-bottom:8px}.measure-control a{display:flex;align-items:center;justify-content:center;color:#333}.measure-control a.active{background:#c62828;color:#fff}.leaflet-container.measuring{cursor:crosshair}.measure-tip{font:600 12px system-ui,sans-serif;padding:3px 6px}.measure-tip button{margin-left:6px;border:0;background:#eee;border-radius:3px;font:600 11px system-ui,sans-serif;cursor:pointer;padding:1px 5px}.measure-hint{position:absolute;left:50%;bottom:40px;transform:translate(-50%);z-index:1000;width:max-content;max-width:calc(100% - 20px);box-sizing:border-box;text-align:center;background:#000000bf;color:#fff;padding:6px 12px;border-radius:6px;font:12px/1.3 system-ui,sans-serif;pointer-events:none}.measure-hint[hidden]{display:none}.coord-popup .leaflet-popup-content{margin:8px 10px}.coord-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.coord-row+.coord-row{margin-top:6px}.coord-row code{font:13px ui-monospace,Consolas,monospace;white-space:nowrap}.coord-row button{border:1px solid #ccc;background:#fff;border-radius:4px;cursor:pointer;font:600 11px system-ui,sans-serif;padding:2px 7px;color:#333;white-space:nowrap}.coord-row button:hover{border-color:#888}.coord-row button.done{background:#2e7d32;border-color:#2e7d32;color:#fff}.opacity-control{display:flex;flex-direction:column;align-items:center;gap:4px;width:30px;padding:6px 0;margin-bottom:8px;background:#fff;font:600 10px/1 system-ui,sans-serif;color:#333}.opacity-control .op-icon{font-size:15px;line-height:1;color:#555}.opacity-control input[type=range]{writing-mode:vertical-lr;direction:rtl;width:18px;height:100px;margin:0;cursor:pointer}.about{max-width:820px;margin:0 auto;padding:32px 16px 48px}.about h2{font-size:24px;line-height:1.3;margin:0 0 12px}.about h3{font-size:18px;margin:28px 0 4px}.about .hint{color:#666;margin:0 0 12px;font-size:14px}.aimags{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}.aimags button{width:100%;text-align:left;padding:6px 10px;border:1px solid #ddd;border-radius:6px;background:#fafafa;font:14px system-ui,sans-serif;color:#222;cursor:pointer}.aimags button:hover{background:#f0f0f0;border-color:#bbb}@media(max-width:1100px){.info-box{top:52px}}@media(max-width:600px){.search-box{right:136px;width:auto}.info-box{left:10px;right:10px;transform:none;width:auto;max-width:none}.leaflet-container .leaflet-control-attribution{font-size:10px}}