.coast-3d-loading{display:grid;place-items:center;height:100%;min-height:300px;background:#d8ecf4;color:#234653;font-size:13px}
html:root body.pro-ui #app .maplibregl-map{background:#269ed0;font-family:inherit}
html:root body.pro-ui #app .coast-3d-pin{width:52px;height:52px;padding:4px;background:transparent;border:0;box-shadow:none;cursor:pointer;overflow:visible}
html:root body.pro-ui #app .coast-3d-pin .fish-map-pin{margin:0!important;width:44px;height:44px}
.coast-3d-pin:focus-visible{outline:3px solid #fff;outline-offset:4px;border-radius:50%}
.coast-3d-controls{position:absolute;left:12px;bottom:28px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}
.coast-view-toggle{pointer-events:auto;min-height:44px;padding:10px 14px;background:#fff!important;color:#183548!important;border:1px solid #d4dce5!important;border-radius:12px;box-shadow:0 3px 14px #132a4418;font-size:12px;font-weight:650}
.coast-3d-status{background:#ffffffed;color:#183548;border-radius:5px;padding:5px 7px;font-size:9px;max-width:200px}
html:root body.pro-ui #app .maplibregl-ctrl-top-right{right:10px;top:10px}
html:root body.pro-ui #app .maplibregl-ctrl-group{background:#fff;border:1px solid #d4dce5;border-radius:12px;box-shadow:0 3px 14px #132a4418;overflow:hidden;margin:0}
html:root body.pro-ui #app .maplibregl-ctrl-group button{width:44px;height:44px;background:#fff;border-radius:0;box-shadow:none}
html:root body.pro-ui #app .maplibregl-ctrl-attrib{font-size:9px;color:#183548;background:#ffffffed}
.maplibregl-popup-content{background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line);border-radius:12px;font-size:12px;line-height:1.7;padding:16px 24px 16px 16px}
.maplibregl-popup-close-button{min-width:32px;min-height:32px;color:var(--text);background:transparent}
html:root body.pro-ui #mapDetailOverlay{z-index:1100}
html:root body.pro-ui #app .coast-3d-point{display:grid;place-items:center;width:44px;height:44px;padding:0;background:transparent;border:0;border-radius:50%;color:#ffb473;font-size:30px;line-height:1;text-shadow:0 0 2px #111,0 2px 6px #0009;cursor:pointer;box-shadow:none}
html:root body.pro-ui #app .coast-3d-point:focus-visible{outline:3px solid #fff;outline-offset:2px}