*{box-sizing:border-box}body{margin:0;font:14px/1.5 system-ui,sans-serif;color:#24444d;background:#becdc8;overflow:hidden}#map-scene{position:fixed;inset:0}canvas{display:block;touch-action:none}header{position:fixed;top:0;left:0;right:0;padding:20px 28px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#f5f1eae8,transparent);z-index:3;gap:12px}small{font-size:10px;letter-spacing:2px;font-weight:700}h1{font-size:27px;line-height:1.15;margin:5px 0}header a,.view-tools button{background:#244e5a;color:#fff7e3;border:0;border-radius:7px;padding:12px 15px;text-decoration:none;font-weight:650}aside{position:fixed;left:24px;top:113px;bottom:24px;width:292px;padding:20px;background:#fff8edee;border:1px solid #ffffff88;border-radius:12px;overflow:auto;z-index:3;box-shadow:0 12px 40px #14343822}h2{margin:5px 0;font-size:23px}aside>p{font-size:12px;color:#5a7072}nav{display:grid;gap:4px}nav button{display:flex;align-items:center;gap:9px;text-align:left;border:0;background:transparent;color:#284b55;padding:7px;font:600 12px system-ui;border-radius:6px;cursor:pointer}nav button:hover,nav button.selected{background:#e3e9df}nav b{display:grid;place-items:center;border-radius:50%;background:#2e6270;color:#fff;min-width:23px;height:23px;font-size:10px}button:focus-visible,a:focus-visible{outline:3px solid #c78b31;outline-offset:3px}#detail{padding:14px 0 0;border-top:1px solid #d6d7ca;margin-top:15px}#detail p{font-size:12px}.source{font-size:10px!important}.source a{color:inherit}.view-tools{position:fixed;bottom:25px;right:25px;display:flex;gap:6px;z-index:3}.view-tools button{cursor:pointer}#map-labels{position:fixed;inset:0;pointer-events:none;z-index:2}.map-pin{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;gap:5px;white-space:nowrap;padding:4px 7px 4px 4px;border-radius:20px;background:#fff8e9e8;box-shadow:0 3px 8px #142e4433;color:#244c59;font-size:10px;font-weight:650}.map-pin b{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#bd8a41;color:#fff}.map-pin.selected{outline:2px solid #bf8337;background:#fff3bc}#map-error{position:fixed;top:45%;left:35%;background:#fff2d8}#map-error:empty{display:none}@media(max-width:750px){header{padding:14px}h1{font-size:19px}header a{font-size:12px;padding:10px}aside{inset:auto 10px 10px;width:auto;max-height:31dvh;padding:12px}.view-tools{bottom:calc(31dvh + 20px);right:10px}.view-tools button{font-size:11px;padding:10px}nav{grid-template-columns:1fr 1fr}aside>p{margin:5px 0}h2{font-size:18px}.map-pin span{display:none}.map-pin.selected span{display:block}.map-pin{padding:2px}.source{display:none}}