:root{--hud-gap:10px;--hud-margin:16px;--hud-surface:#08142299;--hud-border:#e8f1f82e;--hud-track:#e8f1f824;--hud-text:#e8f1f8;--hud-text-muted:#e8f1f89e;--hud-ahead:#7fd0ff;--hud-astern:#ffb45c;--hud-port:#ff6b6b;--hud-starboard:#5fd38a;--hud-font:system-ui, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--hud-font-number:ui-monospace, SFMono-Regular, Menlo, monospace}html,body{background:#0b1a2a;height:100%;margin:0;overflow:hidden}#scene{touch-action:none;width:100vw;height:100vh;display:block}#hud{pointer-events:none;color:var(--hud-text);font:12px/1.4 var(--hud-font);position:fixed;inset:0}#hud [hidden]{display:none}.hud-column{top:var(--hud-margin);gap:var(--hud-gap);flex-direction:column;display:flex;position:absolute}.hud-column-right{right:var(--hud-margin);align-items:flex-end}.hud-bottom{bottom:var(--hud-margin);transform:translateX(-50%) scale(var(--hud-console-scale,1));transform-origin:bottom;align-items:stretch;width:max-content;display:flex;position:absolute;left:50%}.hud-bottom>*{flex-shrink:0}.hud-bottom .hud-panel{border-radius:0}.hud-bottom .hud-panel:not(:last-child){border-right:none}.hud-bottom .hud-panel:first-child{border-radius:8px 0 0 8px}.hud-bottom .hud-panel:last-child{border-radius:0 8px 8px 0}.hud-panel{background:var(--hud-surface);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;padding:10px 12px}.hud-label{color:var(--hud-text-muted);font-size:11px}.hud-value{font-family:var(--hud-font-number);font-variant-numeric:tabular-nums}#hud button{border:1px solid var(--hud-border);color:var(--hud-text);font:inherit;cursor:pointer;background:#e8f1f81a;border-radius:4px;padding:3px 8px}#hud button:hover{background:#e8f1f833}#hud .hud-icon-button{place-items:center;width:28px;height:28px;padding:0;display:grid}#hud .hud-icon-button[aria-expanded=true]{background:var(--hud-ahead);border-color:var(--hud-ahead);color:#0b1a2a}.hud-minimap-view{background:#cfe4ee;border-radius:4px;width:196px;height:205px;position:relative;overflow:hidden}.hud-minimap{pointer-events:auto;flex-direction:column;padding:6px;display:flex}.hud-minimap .ol-scale-line{background:#fffc;border-radius:3px;padding:1px 3px;bottom:4px;left:4px}.hud-minimap .ol-scale-line-inner{color:#1b2733;font:10px/1.3 var(--hud-font-number);border:1.5px solid #1b2733;border-top:none}.hud-minimap .ol-attribution{color:#1b2733;background:#ffffffbf;border-radius:3px 0 0;padding:0 4px;font-size:8px;line-height:13px;bottom:0;right:0}.hud-minimap .ol-attribution ul{color:inherit;font-size:inherit;text-shadow:none;margin:0;padding:0}.hud-minimap .ol-attribution li{display:inline}.hud-minimap-position{font-family:var(--hud-font-number);font-variant-numeric:tabular-nums;text-align:center;white-space:pre;margin-top:auto;padding-top:5px}.hud-instruments{align-content:space-between;gap:10px;display:grid}.hud-gauges{grid-template-columns:auto 1fr auto auto auto;align-items:end;gap:14px;display:grid}.hud-dial{text-align:center;justify-items:center;gap:1px;min-width:68px;display:grid}.hud-dial svg{display:block}.hud-bearings{gap:14px;margin-top:6px;display:flex}.hud-bearings .hud-value{font-size:14px;font-weight:500}.hud-strip{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.hud-throttle-track{background:var(--hud-track);border-radius:4px;width:14px;height:56px;margin-bottom:2px;position:relative}.hud-throttle-track:after{content:"";border-top:1px solid var(--hud-text);position:absolute;top:50%;left:-4px;right:-4px}.hud-throttle-fill{background:var(--hud-ahead);border-radius:4px;position:absolute;left:0;right:0}.hud-throttle-fill[data-direction=astern]{background:var(--hud-astern)}.hud-speed{font:500 34px/1.05 var(--hud-font-number);font-variant-numeric:tabular-nums}.hud-speed small{color:var(--hud-text-muted);margin-left:4px;font-size:12px}.hud-bearing-course .hud-value{color:#ffd24a}.hud-compass{display:block}.hud-rudder-head{justify-content:space-between;align-items:baseline;display:flex}.hud-rudder-track{background:var(--hud-track);border-radius:4px;height:10px;margin-top:4px;position:relative}.hud-rudder-track:after{content:"";border-left:1px solid var(--hud-text);position:absolute;top:-3px;bottom:-3px;left:50%}.hud-rudder-fill{background:var(--hud-starboard);border-radius:4px;position:absolute;top:0;bottom:0}.hud-rudder-fill[data-side=port]{background:var(--hud-port)}.hud-tach-track,.hud-tach-redline{fill:none;stroke:var(--hud-track);stroke-width:5px;stroke-linecap:round}.hud-tach-redline{stroke:var(--hud-port)}.hud-tach-needle{stroke:var(--hud-text);stroke-width:2px;stroke-linecap:round}.hud-tach-hub{fill:var(--hud-text)}.hud-incline-zero{stroke:var(--hud-text-muted);stroke-width:1.5px}.hud-value[data-danger=true]{color:var(--hud-port)}.hud-sea-beam{fill:none;stroke:var(--hud-port);stroke-width:3px;stroke-linecap:round;opacity:.75}.hud-sea-wind{fill:var(--hud-ahead)}.hud-sea-swell{fill:var(--hud-astern)}.hud-sea-legend{align-items:center;gap:3px;display:flex}.hud-sea-legend i{border-radius:50%;width:6px;height:6px}.hud-sea-legend i+i,.hud-sea-dot-swell{margin-left:4px}.hud-sea-dot-wind{background:var(--hud-ahead)}.hud-sea-dot-swell{background:var(--hud-astern)}.hud-apparent{align-items:center;gap:8px;min-width:168px;display:flex}.hud-apparent-ring{fill:#e8f1f80f;stroke:var(--hud-border)}.hud-apparent-hull{fill:#e8f1f847}.hud-apparent-arrow{fill:var(--hud-ahead)}.hud-key-hints{color:var(--hud-text-muted);justify-content:space-between;font-size:11px;display:flex}.hud-key-hints[hidden]{display:none}.hud-key-hints kbd{margin-right:3px}.hud-key-hints kbd:last-of-type{margin-right:5px}.hud-menus{top:var(--hud-margin);left:var(--hud-margin);pointer-events:auto;gap:6px;display:flex;position:absolute}.hud-menu{position:relative}.hud-sound-button{order:10}#hud .hud-menu-button{background:var(--hud-surface);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;height:32px;padding:0 12px;font-size:13px}#hud .hud-menu-button[aria-expanded=true]{background:var(--hud-ahead);border-color:var(--hud-ahead);color:#0b1a2a}#hud .hud-menu-button[data-state=connected]{color:var(--hud-starboard);border-color:#5fd38a99;align-items:center;gap:7px;display:inline-flex}#hud .hud-menu-button[data-state=connected]:before{content:"";background:var(--hud-starboard);width:7px;height:7px;box-shadow:0 0 6px var(--hud-starboard);border-radius:50%;animation:1.6s ease-in-out infinite hud-link-pulse}#hud .hud-menu-button[data-state=connected][aria-expanded=true]{color:#0b1a2a}@keyframes hud-link-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){#hud .hud-menu-button[data-state=connected]:before{animation:none}}#hud .hud-sound-button[aria-pressed=false]{color:var(--hud-text-muted)}.hud-menu-content.hud-menu-single{padding:8px}.hud-menu-dropdown{min-width:240px;margin-top:6px;padding:4px;position:absolute;top:100%;left:0}.hud-menu-section+.hud-menu-section{border-top:1px solid var(--hud-border)}#hud .hud-menu-header{text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;font-size:13px;font-weight:500;display:flex}#hud .hud-menu-header:hover{background:#e8f1f81a}.hud-menu-header:after{content:"";opacity:.7;border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transform:rotate(45deg)translate(-2px,-2px)}.hud-menu-header[aria-expanded=true]:after{transform:rotate(-135deg)translate(-2px,-2px)}.hud-menu-content{padding:2px 10px 10px}.hud-keys{grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;margin:0;display:grid}.hud-keys dt{gap:3px;display:flex}.hud-keys dd{color:var(--hud-text-muted);margin:0}.hud-keys kbd,.hud-key-hints kbd{border:1px solid var(--hud-border);min-width:1.2em;color:var(--hud-text);font:11px/1.5 var(--hud-font-number);text-align:center;background:#e8f1f81a;border-radius:3px;padding:1px 5px;display:inline-block}.hud-environment{pointer-events:auto}.hud-environment-summary{align-items:center;gap:14px;display:flex}.hud-environment-wind{font-variant-numeric:tabular-nums}.hud-sea-levels{border-top:1px solid var(--hud-border);gap:6px;margin-top:10px;padding-top:10px;display:grid}.hud-sea-level-head{justify-content:space-between;align-items:baseline;display:flex}.hud-sea-level-buttons{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}#hud .hud-sea-level-buttons button{font:600 12px/1 var(--hud-font-number);padding:5px 0}#hud .hud-sea-level-buttons button[aria-pressed=true]{background:var(--hud-ahead);border-color:var(--hud-ahead);color:#06202f}.hud-environment-controls{border-top:1px solid var(--hud-border);gap:6px;margin-top:10px;padding-top:10px;display:grid}.hud-environment-controls label{grid-template-columns:4.5em 1fr;align-items:center;gap:8px;display:grid}.hud-environment-controls input{width:100%;accent-color:var(--hud-ahead);margin:0}.hud-alert{top:calc(var(--hud-margin) + 40px);white-space:nowrap;background:#781616d1;border:1px solid #ff8c8c99;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500;position:absolute;left:50%;transform:translate(-50%)}.hud-seamark-ring{border:2px solid var(--hud-text);border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #08142299}.hud-seamark-tooltip{white-space:nowrap;padding:8px 10px;position:absolute;transform:translate(-50%,-100%)}.hud-seamark-tooltip[data-placement=below]{transform:translate(-50%)}.hud-seamark-name{font-size:13px;font-weight:500}.hud-seamark-range{border-top:1px solid var(--hud-border);margin-top:4px;padding-top:4px}.hud-readouts{min-width:150px}.hud-mode-hint{top:var(--hud-margin);background:var(--hud-surface);border:1px solid var(--hud-ahead);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;border-radius:8px;padding:6px 12px;position:absolute;left:50%;transform:translate(-50%)}.hud-mode-hint strong{color:var(--hud-ahead);margin-right:8px;font-weight:600}.hud-mode-hint kbd,.hud-devtools kbd{border:1px solid var(--hud-border);min-width:1.2em;font:10px/1.5 var(--hud-font-number);text-align:center;background:#e8f1f81a;border-radius:3px;margin:0 1px;padding:0 4px;display:inline-block}.hud-devtools{gap:6px;display:grid}#hud .hud-devtools button{justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.hud-devtools select{border:1px solid var(--hud-border);color:var(--hud-text);font:inherit;background:#081422e6;border-radius:4px;padding:5px 6px}.hud-credits{right:var(--hud-margin);color:#e8f1f899;text-shadow:0 0 3px #081422e6;font-size:10px;position:absolute;bottom:6px}.start-screen{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#e8f1f8;font:14px/1.6 var(--hud-font);background:#0814228c;place-items:center;padding:16px;transition:opacity .4s;display:grid;position:fixed;inset:0}.start-screen-leaving{opacity:0;pointer-events:none}.start-card{box-sizing:border-box;border:1px solid var(--hud-border);background:#081422d1;border-radius:14px;width:min(480px,100%);max-height:calc(100vh - 32px);padding:26px 30px 24px;overflow-y:auto}.start-card-wide{grid-template-columns:minmax(0,1fr) 300px;gap:28px;width:min(900px,100%);display:grid}.start-aside{border-left:1px solid var(--hud-border);padding-left:28px}@media (width<=760px){.start-card-wide{grid-template-columns:minmax(0,1fr)}.start-aside{border-left:none;border-top:1px solid var(--hud-border);padding:20px 0 0}}.start-card h1{letter-spacing:.01em;align-items:center;gap:12px;margin:0 0 8px;font-size:26px;font-weight:600;display:flex}.start-summary{color:var(--hud-text-muted);margin:0 0 18px}.start-notice{color:#ffd9a8;background:#ffb45c24;border:1px solid #ffb45c80;border-radius:8px;margin:0 0 18px;padding:10px 12px;font-size:13px}.start-keys{border-top:1px solid var(--hud-border);border-bottom:1px solid var(--hud-border);padding:12px 0;font-size:13px}.start-card h1 img{border-radius:8px;flex:none}.start-card h2{color:var(--hud-text-muted);margin:16px 0 8px;font-size:12px;font-weight:500}.start-sources{grid-template-columns:auto 1fr;gap:5px 14px;margin:0;font-size:12px;line-height:1.5;display:grid}.start-sources dt{white-space:nowrap}.start-sources dd{color:var(--hud-text-muted);margin:0}.start-status{color:var(--hud-text-muted);text-align:center;margin-top:18px}.start-card button{background:var(--hud-ahead);color:#0b1a2a;width:100%;font:600 15px/1 var(--hud-font);cursor:pointer;border:none;border-radius:8px;margin-top:18px;padding:11px;display:block}.start-card button:hover{background:#a5dfff}.start-card button[hidden]{display:none}.hud-start-points{gap:4px;display:grid}#hud .hud-start-points button{text-align:left;gap:1px;padding:6px 8px;display:grid}.hud-start-points strong{font-weight:500}.hud-start-points span{color:var(--hud-text-muted);font-size:11px}.hud-radar-panel{flex-direction:column;align-items:center;padding:6px;display:flex}.hud-radar-range{color:var(--hud-text-muted);white-space:nowrap;margin-top:auto;padding-top:5px;font-size:11px}.hud-radar{pointer-events:auto;background:#04130d;border:1px solid #8dffa659;border-radius:50%;width:196px;height:196px;margin-top:4px;position:relative;overflow:hidden}.hud-radar canvas{width:100%;height:100%;position:absolute;inset:0}.hud-compass-panel{padding:6px}.hud-race{top:var(--hud-margin);-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:0 1px 3px #000000d9,0 0 12px #0000008c;background:0 0;border:none;justify-items:center;gap:2px;padding:4px 18px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.hud-race-gates i{box-shadow:0 1px 3px #0009}.hud-race-time{font:600 30px/1.1 var(--hud-font-number);font-variant-numeric:tabular-nums}.hud-race-gates{gap:5px;margin:3px 0 4px;display:flex}.hud-race-gates i{background:#e8f1f861;border-radius:3px;width:22px;height:6px}.hud-race-gates i[data-finish=true]{width:30px}.hud-race-gates i[data-state=passed]{background:var(--hud-starboard)}.hud-race-gates i[data-state=next]{background:var(--hud-astern)}.hud-race-meta{white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.hud-race-meta svg{fill:var(--hud-astern)}.hud-race-meta span:last-child:not(:empty){color:var(--hud-port)}.hud-racing .hud-alert{top:calc(var(--hud-margin) + 100px)}.hud-racing .hud-sea-levels{opacity:.5;pointer-events:none}.hud-race-banner{font:800 120px/1 var(--hud-font);letter-spacing:.02em;text-shadow:0 4px 24px #0000008c;pointer-events:none;animation:.9s ease-out both hud-race-pop;position:absolute;top:21%;left:50%;transform:translate(-50%,-50%)}.hud-race-banner[data-kind=go]{color:var(--hud-starboard)}.hud-race-banner[data-kind=finish]{color:#ffd84a;font-size:96px;animation-duration:2.2s}@keyframes hud-race-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.6)}18%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0}}.hud-race-result{pointer-events:auto;text-align:center;width:300px;padding:20px 22px;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.hud-race-result h2{margin:0;font-size:20px}.hud-race-result-grid{text-align:left;grid-template-columns:auto 1fr;align-items:baseline;gap:6px 16px;margin:16px 0 12px;display:grid}.hud-race-result-grid .hud-value{text-align:right}.hud-race-result-grid .hud-race-total{font-size:26px;font-weight:600}.hud-race-best{color:var(--hud-text-muted);margin:0 0 16px;font-size:12px}.hud-race-best[data-improved=true]{color:#ffd84a;font-weight:600}.hud-race-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}#hud .hud-race-actions button{padding:8px}#hud .hud-race-actions .hud-race-primary{background:var(--hud-ahead);border-color:var(--hud-ahead);color:#0b1a2a;font-weight:600}.hud-difficulty{vertical-align:1px;border-radius:4px;margin-right:6px;padding:0 6px;font-size:11px;font-style:normal;font-weight:600;display:inline-block}.hud-difficulty[data-difficulty=easy]{color:var(--hud-starboard);background:#5fd38a2e}.hud-difficulty[data-difficulty=normal]{color:var(--hud-ahead);background:#7fd0ff2e}.hud-difficulty[data-difficulty=hard]{color:var(--hud-port);background:#ff6b6b2e}#hud .hud-start-points .hud-course-quit{color:var(--hud-text-muted);text-align:center;display:block}.start-card .start-secondary{border:1px solid var(--hud-ahead);color:var(--hud-ahead);background:0 0;margin-top:8px}.hud-tip{border:1px solid var(--hud-astern);text-align:center;background:#081422d1;border-radius:8px;max-width:min(720px,100vw - 32px);padding:8px 14px;font-size:13px;line-height:1.5;position:absolute;left:50%;transform:translate(-50%)}.guide-overlay{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#e8f1f8;font:14px/1.6 var(--hud-font);background:#08142299;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.guide-overlay[hidden]{display:none}.guide-card{box-sizing:border-box;border:1px solid var(--hud-border);background:#081422e6;border-radius:14px;width:min(560px,100%);max-height:calc(100vh - 32px);padding:24px 28px 22px;overflow-y:auto}.guide-card h2{margin:0 0 6px;font-size:20px}.guide-lead{color:var(--hud-text-muted);margin:0 0 14px}.guide-item{border-top:1px solid var(--hud-border);grid-template-columns:96px 1fr;align-items:center;gap:14px;padding:12px 0;display:grid}.guide-item h3{margin:0 0 2px;font-size:14px}.guide-item p{color:#e8f1f8d1;margin:0;font-size:13px}.guide-figure{font:12px/1.4 var(--hud-font);justify-items:center;display:grid}.guide-close{background:var(--hud-ahead);color:#0b1a2a;width:100%;font:600 14px/1 var(--hud-font);cursor:pointer;border:none;border-radius:8px;margin-top:14px;padding:10px;display:block}.start-card .start-link{color:var(--hud-text-muted);font:400 13px/1.4 var(--hud-font);background:0 0;margin-top:10px;padding:4px;text-decoration:underline}.hud-phone{color:var(--hud-text);font:13px/1.5 var(--hud-font);flex-direction:column;gap:8px;display:flex}.hud-phone-menu{width:260px}.hud-phone-status{color:var(--hud-text-muted)}.hud-phone-status[data-status=connected]{color:var(--hud-starboard)}.hud-phone-status[data-status=disconnected]{color:var(--hud-port)}.hud-phone-qr{aspect-ratio:1;background:#fff;border-radius:6px;overflow:hidden}.hud-phone-qr:empty{background:var(--hud-track)}.hud-phone-qr svg{width:100%;height:100%;display:block}.hud-phone-start .hud-phone-qr,.hud-phone-menu .hud-phone-qr{align-self:center;width:170px}.hud-phone-start .hud-phone-status{text-align:center}.hud-phone-title,.start-card .hud-phone-title{color:var(--hud-text);margin:0;font-size:17px;font-weight:600}.hud-phone-intro,.hud-phone-hint,.hud-phone-warning{color:var(--hud-text-muted);margin:0}.hud-phone-warning{color:var(--hud-astern)}.hud-phone-steps{margin:4px 0 0;padding-left:20px}.hud-phone-steps li+li{margin-top:2px}.hud-phone-requirements{border-top:1px solid var(--hud-border);grid-template-columns:auto 1fr;gap:4px 10px;margin:4px 0 0;padding-top:10px;font-size:12px;line-height:1.45;display:grid}.hud-phone-requirements dt{white-space:nowrap}.hud-phone-requirements dd{color:var(--hud-text-muted);margin:0}:root,:host{--ol-background-color:white;--ol-accent-background-color:#f5f5f5;--ol-subtle-background-color:#80808040;--ol-partial-background-color:#ffffffbf;--ol-foreground-color:#333;--ol-subtle-foreground-color:#666;--ol-brand-color:#0af}.ol-box{box-sizing:border-box;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color);border-radius:2px}.ol-mouse-position{position:absolute;top:8px;right:8px}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;padding:2px;position:absolute;bottom:8px;left:8px}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color);text-align:center;will-change:contents, width;border-top:none;margin:1px;font-size:10px;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{background-color:var(--ol-foreground-color);float:right;z-index:10;width:1px;height:15px}.ol-scale-step-text{z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);font-size:10px;position:absolute;bottom:-5px}.ol-scale-text{text-align:center;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);font-size:12px;position:absolute;bottom:25px}.ol-scale-singlebar{z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color);height:10px;position:relative}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{background-color:var(--ol-subtle-background-color);border-radius:4px;position:absolute}.ol-zoom{top:.5em;left:.5em}.ol-rotate{transition:opacity .25s linear,visibility linear;top:.5em;right:.5em}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{top:.5em;right:.5em}.ol-control button{color:var(--ol-subtle-foreground-color);font-weight:700;font-size:inherit;text-align:center;background-color:var(--ol-background-color);border:none;border-radius:2px;width:1.375em;height:1.375em;margin:1px;padding:0;line-height:.4em;text-decoration:none;display:block}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{will-change:transform;font-weight:400;display:block}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color);text-decoration:none}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;flex-flow:row-reverse;align-items:center;max-width:calc(100% - 1.3em);display:flex;bottom:.5em;right:.5em}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);margin:0;padding:1px .5em;font-size:12px}.ol-attribution li{list-style:none;display:inline}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{border-radius:4px 0 0;bottom:0;right:0}.ol-attribution.ol-uncollapsible img{max-height:1.6em;margin-top:-.2em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{height:200px;top:4.5em;left:.5em}.ol-zoomslider button{height:10px;position:relative}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{bottom:.5em;left:.5em}.ol-overviewmap.ol-uncollapsible{border-radius:0 4px 0 0;bottom:0;left:0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);width:150px;height:150px}.ol-overviewmap:not(.ol-collapsed) button{position:absolute;bottom:0;left:0}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-overviewmap .ol-viewport:hover{cursor:pointer}