@font-face {
font-family:'RF-Rostin';
src:url('https://static.tildacdn.com/tild3937-6239-4263-b162-613137386161/RFRostin-Regular_Lig.woff') format('woff');
font-weight:400;
font-style:normal;
font-display:swap;
}
@font-face {
font-family:'RF-Rostin';
src:url('https://static.tildacdn.com/tild6364-6535-4061-b838-336632653334/RF-Rostin-Bold.woff') format('woff');
font-weight:700;
font-style:normal;
font-display:swap;
}
html, body { width:100%; height:100%; margin:0; padding:0; overflow:hidden; background:#8fb3ce; }
#pilot-map-root .kilometer-sign { display:none; position:absolute; left:-3px; top:-3px; width:6px; height:6px; box-sizing:border-box; border:1px solid var(--pilot-water); border-radius:50%; background:#fff; pointer-events:none; }
#pilot-map-root.pilot-show-kilometers .kilometer-sign { display:block; }
#pilot-map-root .kilometer-sign span { position:absolute; left:9px; top:50%; transform:translateY(-50%); padding:0; white-space:nowrap; background:transparent; color:#fff; font:700 10px/1.2 Arial, sans-serif; text-shadow:-1px -1px 0 var(--pilot-water), 0 -1px 0 var(--pilot-water), 1px -1px 0 var(--pilot-water), -1px 0 0 var(--pilot-water), 1px 0 0 var(--pilot-water), -1px 1px 0 var(--pilot-water), 0 1px 0 var(--pilot-water), 1px 1px 0 var(--pilot-water); }
#pilot-map-root .bay-depth { position:absolute; transform:translate(-50%,-50%); color:var(--pilot-water-text); font:normal 12px/1 Arial,sans-serif; white-space:nowrap; pointer-events:none; user-select:none; text-shadow:-1px -1px 0 var(--pilot-water),1px -1px 0 var(--pilot-water),-1px 1px 0 var(--pilot-water),1px 1px 0 var(--pilot-water); }
#pilot-map-root .depth-load-error { position:absolute; z-index:570; bottom:210px; right:16px; max-width:calc(100% - 32px); box-sizing:border-box; padding:12px; background:var(--pilot-water); color:#fff; font:12px/1.4 var(--pilot-font); }
#pilot-map-root .kilometer-load-error { position:absolute; z-index:570; bottom:160px; right:16px; max-width:calc(100% - 32px); box-sizing:border-box; padding:12px; background:var(--pilot-water); color:#fff; font:12px/1.4 var(--pilot-font); }
#pilot-map-root {
--pilot-water: #1f689c;
--pilot-waterway: #628faf;
--pilot-land: #8fb3ce;
--pilot-vegetation: #79a0be;
--pilot-locality: #79a0be;
--pilot-building: #628faf;
--pilot-road: #e0e0e0;
--pilot-transit: #547f9c;
--pilot-text: #757575;
--pilot-outline: #8fb3ce;
--pilot-text-dark: #424242;
--pilot-district-text: #616161;
--pilot-microdistrict-text: #757575;
--pilot-water-text: #e2f3ff;
--pilot-icon: #757575;
--pilot-poi-text: #757575;
--pilot-poi-outline: #ffffff;
--pilot-white: #ffffff;
--pilot-red: #ff0000;
--pilot-font: "RF-Rostin", Verdana, sans-serif;
--pilot-marker-size: 48px;
}
#pilot-map-root { position: relative; isolation: isolate; width: 100%; height: 100vh; height: 100dvh; margin: 0; }
#pilot-map-root #map { width: 100%; height: 100%; }
#pilot-map-root { overflow: hidden; background: var(--pilot-land); font-family: var(--pilot-font); }
#pilot-map-root [hidden] { display: none !important; }
#pilot-map-root button:focus-visible, #pilot-map-root .map-marker:focus-visible { outline: 3px solid var(--pilot-red); outline-offset: 3px; }
#pilot-map-root .map-marker { position: absolute; left: -16px; top: -16px; width: 32px; height: 32px; box-sizing: border-box; border: 2px solid #fff; border-radius: 50%; background: var(--pilot-water); color: #fff; box-shadow: 0 2px 8px #0005; cursor: pointer; display: grid; place-items: center; text-decoration: none; }
#pilot-map-root .photo-marker { left: calc(var(--pilot-marker-size) / -2); top: calc(var(--pilot-marker-size) / -2); width: var(--pilot-marker-size); height: var(--pilot-marker-size); overflow: hidden; }
#pilot-map-root .photo-marker img { display: block; width: 100%; height: 100%; object-fit: cover; }
#pilot-map-root.pilot-hide-bay-photos .photo-marker { display:none; }
#pilot-map-root .map-status { position:absolute; z-index:600; left:50%; top:50%; transform:translate(-50%,-50%); width:max-content; max-width:calc(100% - 32px); height:auto; box-sizing:border-box; padding:64px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:0; background:transparent; color:#fff; font:700 16px/1.5 var(--pilot-font); text-align:center; box-shadow:none; }
#pilot-map-root #map-status[role="status"] { color:#fff; }
#pilot-map-root .pilot-loading-logo { display:block; width:160px; max-width:100%; height:auto; margin:0 auto; border-radius:0; }
#pilot-map-root .pilot-geolocation { position:absolute; right:max(16px, env(safe-area-inset-right)); bottom:calc(96px + env(safe-area-inset-bottom)); z-index:560; display:flex; align-items:center; gap:12px; max-width:calc(100% - 32px); }
#pilot-map-root .pilot-geolocation button { flex:0 0 48px; width:48px; height:48px; padding:0; display:grid; place-items:center; border:0; border-radius:50%; background:#fff; color:var(--pilot-water); box-shadow:0 3px 14px #17394f30; cursor:pointer; touch-action:manipulation; }
#pilot-map-root .pilot-geolocation button.is-unavailable { color:#757575; }
#pilot-map-root .pilot-geolocation button:disabled { opacity:.65; cursor:wait; }
#pilot-map-root .pilot-geolocation button:focus-visible { outline:3px solid var(--pilot-red); outline-offset:3px; }
#pilot-map-root .pilot-user-location { position:absolute; left:-9px; top:-9px; width:18px; height:18px; box-sizing:border-box; border:3px solid #fff; border-radius:50%; background:#ff0000; box-shadow:0 0 0 5px #ff000033; }
#pilot-map-root.pilot-compact-markers .photo-marker { left:-6px; top:-6px; width:12px; height:12px; border:2px solid #fff; background:var(--pilot-water); }
#pilot-map-root.pilot-compact-markers .photo-marker img { display:none; }
#pilot-map-root.pilot-hotspot-hover #map, #pilot-map-root.pilot-hotspot-hover #map canvas { cursor:pointer !important; }

#pilot-map-root .raft-point { position:absolute; left:-6px; top:-6px; width:12px; height:12px; padding:0; box-sizing:border-box; border:2px solid #fff; border-radius:50%; background:var(--pilot-water); box-shadow:0 2px 8px #0005; cursor:pointer; touch-action:manipulation; }
#pilot-map-root .raft-point:hover, #pilot-map-root .raft-point:focus-visible { background:var(--pilot-red); }
#pilot-map-root .raft-tooltip { position:absolute; z-index:580; width:480px; max-width:calc(100% - 24px); box-sizing:border-box; overflow:visible; padding:20px; border-radius:0; background:#fff; color:#424242; font:400 14px/1.5 var(--pilot-font); box-shadow:0 6px 24px #17394f30; overflow-wrap:anywhere; }
#pilot-map-root .raft-tooltip strong { display:block; color:var(--pilot-water); font-size:16px; }
#pilot-map-root .raft-tooltip p { margin:12px 0 0; white-space:pre-wrap; }
#pilot-map-root .raft-load-error { position:absolute; z-index:570; top:60px; right:16px; max-width:min(320px,calc(100% - 32px)); padding:12px; box-sizing:border-box; background:var(--pilot-water); color:#fff; font:12px/1.4 var(--pilot-font); }