*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Noto Sans",sans-serif;color:#233d3b;background:#c9e2e9}#map{position:fixed;inset:0}header{position:absolute;top:24px;left:24px;display:flex;gap:12px;align-items:center;padding:15px 20px;background:#fffffff2;border:1px solid #fff;border-radius:14px;box-shadow:0 3px 20px #163b3b12;pointer-events:none}.mark{font-size:32px;font-weight:300;color:#328274}h1{font-size:18px;margin:0;font-weight:650;letter-spacing:.04em}header p{font-size:11px;color:#687d79;margin:5px 0 0}nav{position:absolute;top:24px;right:24px;display:flex;align-items:center;gap:3px;padding:5px;background:#fffffff5;border-radius:12px;box-shadow:0 3px 20px #163b3b12}button{border:0;background:transparent;color:#233d3b;cursor:pointer;border-radius:8px;font:inherit;font-size:13px;min-height:42px;padding:0 14px}button:hover{background:#edf3ee}button:focus-visible,summary:focus-visible{outline:3px solid #328274;outline-offset:2px}#plus,#minus{font-size:23px;width:42px;padding:0}.divider{height:22px;border-left:1px solid #d9e4df;margin:0 4px}.compass{position:absolute;right:27px;top:102px;width:76px;height:90px;background:#ffffffe8;border-radius:40px;font-size:11px;box-shadow:0 3px 20px #163b3b0a}.compass span{position:absolute}.south{top:8px;left:32px;font-weight:700;color:#247463}.north{bottom:8px;left:32px;color:#788b86}.east{left:10px;top:38px}.west{right:10px;top:38px}.needle{left:32px;top:27px;text-align:center;line-height:14px;color:#328274}footer{position:absolute;bottom:32px;left:24px;display:flex;align-items:center;gap:16px;font-size:11px;color:#506763;background:#fffffff0;border-radius:8px;padding:9px 12px}summary{cursor:pointer}details p{line-height:1.9}details[open]{position:absolute;bottom:0;left:0;width:310px;background:#fff;padding:16px;border-radius:12px;box-shadow:0 4px 30px #233d3b20}#status{position:absolute;bottom:95px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:10px;background:#fff;font-size:13px;box-shadow:0 3px 20px #163b3b16;max-width:90vw}#status[hidden]{display:none}.maplibregl-ctrl-attrib{font-size:10px!important}.maplibregl-ctrl-scale{margin-bottom:4px!important;background:#ffffffc9!important}@media(max-width:640px){header{top:16px;left:16px;padding:12px 15px}h1{font-size:16px}nav{top:auto;bottom:82px;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap}.compass{right:16px;top:16px;transform:scale(.85);transform-origin:top right}footer{left:16px;bottom:35px;right:16px;justify-content:center;font-size:10px;gap:10px}footer>span{font-size:9px}#status{bottom:145px}}