:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7fbff;background:#101820;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--panel: rgba(14, 24, 32, .68);--panel-border: rgba(255, 255, 255, .18);--accent: #f7b844;--accent-cool: #47d0c9;--danger: #f26d5b;--control-screen-width: 310px}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}#scene{position:relative;z-index:1;display:block;width:100vw;height:100vh;background:#7bb8dd;touch-action:none;transition:transform .5s cubic-bezier(.22,1,.36,1);will-change:transform}.hud{position:fixed;z-index:5;border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 40px #040b113d}.hud-panel[hidden],.hud-menu[hidden],.winch-context-menu[hidden],.map-layer-panel[hidden],.navigation-actions button[hidden],.waypoint-editor[hidden],.config-panel[hidden],.sailing-advice-panel[hidden],.safety-intervention[hidden]{display:none}.winch-context-menu{position:fixed;z-index:60;width:min(var(--control-screen-width),calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#f7fbff;background:#0f1d27f5;box-shadow:0 18px 48px #030b116b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.winch-context-menu header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 3px 8px;border-bottom:1px solid rgba(255,255,255,.12)}.winch-context-menu header strong{font-size:14px}.winch-context-menu header span,.winch-context-menu>p{color:#ebf4f9ad;font-size:11px}.winch-context-menu>p{margin:8px 3px}.winch-context-options{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-flow:row;gap:5px}.winch-context-options>*{grid-column:1;width:100%;min-width:0;max-width:100%;overflow-wrap:anywhere}.winch-context-menu *,.hud-panel *,.config-panel *,.route-guidance *,.sailing-advice-panel *{min-width:0;max-width:100%}.winch-tension-control{display:grid;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:inherit;background:#ffffff0b}.winch-fixed-line{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:8px}.winch-fixed-line strong{font-size:12px}.winch-line-color{width:11px;height:11px;border:2px solid rgba(255,255,255,.45);border-radius:50%;background:var(--winch-line-color)}.winch-tension-output{color:var(--accent-cool);font-size:11px;font-weight:700}.winch-tension-control input[type=range]{width:100%;margin:0;accent-color:var(--accent-cool)}.winch-tension-control input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.winch-tension-scale{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#ebf4f9b3;font-size:10px}.winch-tension-scale span:last-child{text-align:right}.winch-menu-limit{color:var(--accent);font-weight:700}.winch-tension-warning{min-height:15px;color:var(--accent);font-size:10px;font-weight:700}.winch-handle-action{width:100%;padding:9px 10px;border:1px solid rgba(71,208,201,.55);border-radius:8px;color:#f7fbff;background:#47d0c91f;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.winch-handle-action:hover,.winch-handle-action:focus-visible{border-color:var(--accent-cool);background:#47d0c933;outline:none}.winch-handle-action[aria-pressed=true]{border-color:var(--accent);background:#f6b84229}.winch-handle-action:disabled{border-color:#ffffff29;color:#ebf4f980;background:#ffffff0a;cursor:not-allowed}.winch-handle-status{padding:0 4px 3px;color:#ebf4f9ad;font-size:10px}.reefing-progress{padding:7px 8px;border:1px solid rgba(71,208,201,.32);border-radius:6px;background:#47d0c91a;color:#ebf4f9eb;line-height:1.35}.winch-long-press-hint{padding:2px 4px 4px;color:var(--accent-cool);font-size:10px;line-height:1.35}#scene.winch-winding{cursor:none}body.winch-pointer-locked,body.winch-pointer-locked *{cursor:none!important}.winch-pointer-indicator[hidden]{display:none}.winch-pointer-indicator{position:fixed;z-index:90;width:20px;height:27px;pointer-events:none;transform:translate(-3px,-3px);clip-path:polygon(0 0,0 23px,6px 17px,10px 27px,15px 25px,11px 15px,20px 15px);background:#ffd22e;filter:drop-shadow(0 0 2px #4e3900) drop-shadow(0 0 7px rgba(255,210,46,.9))}.clutch-context-row{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:2px 8px;padding:8px 9px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b}.clutch-context-row .winch-line-color{grid-row:1 / span 2}.clutch-context-row strong{font-size:12px}.clutch-context-row small{grid-column:2;color:#ebf4f9ad;font-size:10px}.clutch-context-action{grid-column:3;grid-row:1 / span 2;min-width:68px;padding:6px 8px;border:1px solid rgba(71,208,201,.5);border-radius:7px;color:#f7fbff;background:#47d0c91f;cursor:pointer}.clutch-context-action:hover,.clutch-context-action:focus-visible{border-color:var(--accent);outline:none}.clutch-tension-slider,.clutch-tension-label{grid-column:2 / 4}.clutch-tension-slider{width:100%;accent-color:var(--accent)}.clutch-tension-label{display:block}.winch-context-options>.clutch-context-action{grid-column:1;grid-row:auto}.control-winch-context-row{grid-template-columns:14px minmax(0,1fr);align-items:start}.control-winch-context-row>.winch-line-color{grid-column:1;grid-row:1;margin-top:2px}.control-winch-context-row>strong{grid-column:2;grid-row:1}.control-winch-context-row>small,.control-winch-context-row>.clutch-context-action,.control-winch-context-row>.clutch-tension-slider,.control-winch-context-row>.clutch-tension-label{grid-column:1 / -1;grid-row:auto;width:100%;min-width:0;max-width:100%}.control-winch-context-row>.clutch-context-action{margin-top:5px}.route-save-panel[hidden],.route-select-panel[hidden],.route-delete-panel[hidden]{display:none}.simulation-ui{transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .25s ease}.hud-panel{max-height:calc(100dvh - 24px);overflow-x:hidden;overflow-y:auto}.draggable-panel.is-dragging{z-index:12;-webkit-user-select:none;user-select:none;box-shadow:0 18px 54px #040b116b}.panel-drag-handle{display:flex;align-items:center;justify-content:space-between;min-height:34px;margin:-5px -5px 2px;padding:5px 7px;border-bottom:1px solid rgba(255,255,255,.12);color:inherit;cursor:grab;touch-action:none}.panel-drag-handle:active{cursor:grabbing}.panel-drag-handle strong{font-size:13px;font-weight:750}.panel-drag-actions{display:flex;align-items:center;gap:4px}.panel-drag-icon{font-size:18px;line-height:1;color:currentColor;opacity:.58}.hud-drag-handle{color:#f7fbffdb}.hud-panel-actions{display:flex;align-items:center;gap:4px}.hud-drag-icon{font-size:18px;line-height:1;color:#f7fbff94}.hud-close-button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;color:#f7fbff;background:#ffffff14;font-size:22px;line-height:1;cursor:pointer;touch-action:manipulation}.hud-close-button:hover{background:#ffffff2e}.hud-close-button:focus-visible{outline:3px solid var(--accent-cool);outline-offset:1px}.top-left{top:18px;left:18px;display:grid;grid-template-columns:74px minmax(130px,1fr);gap:14px;width:min(330px,calc(100vw - 36px));padding:12px;border-radius:8px}.top-right{top:18px;right:18px;display:grid;gap:12px;width:min(var(--control-screen-width),calc(100vw - 24px));padding:12px;border-radius:8px}.bottom-right{right:18px;bottom:18px;border-radius:8px}.wind-generator{display:grid;gap:11px;width:min(var(--control-screen-width),calc(100vw - 24px));padding:12px}.hud-menu-shell{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));z-index:10;display:flex;align-items:center;gap:10px}.hud-menu-button,.view-mode-button,.hud-action-button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#121820;background:var(--accent);box-shadow:0 12px 30px #040b1152;cursor:pointer}.hud-action-button{display:grid;width:48px;padding:0;border-radius:50%;color:#f7fbff;background:#0e1820eb;font-weight:750}.hud-action-button:hover,.hud-action-button.active{background:#176d70}.hud-action-button svg{width:21px;height:21px;flex:0 0 auto}.view-mode-button{color:#f7fbff;border-color:#ffffff38;background:#176d70}.view-mode-button:hover,.view-mode-button.active{background:#125a5d}.view-mode-button svg{width:24px;height:24px}.view-mode-boat-icon,.navigation-mode .view-mode-map-icon{display:none}.navigation-mode .view-mode-boat-icon{display:block}.hud-menu-button span{font-size:24px;line-height:1}.hud-menu-button:focus-visible,.view-mode-button:focus-visible,.hud-action-button:focus-visible,.hud-menu label:focus-within,.hud-reset-button:focus-visible,.navigation-menu-button:focus-visible,.navigation-actions button:focus-visible{outline:3px solid var(--accent-cool);outline-offset:2px}.hud-menu{position:absolute;left:0;bottom:58px;display:grid;gap:8px;width:min(230px,calc(100vw - 28px));padding:12px;border:1px solid var(--panel-border);border-radius:8px;background:#0e1820eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 40px #040b1152}.hud-menu>strong{margin-bottom:2px;font-size:13px}.hud-home-link{display:grid;grid-template-columns:24px 1fr;align-items:center;min-height:42px;gap:8px;padding:5px 7px;border-bottom:1px solid rgba(255,255,255,.14);color:#f7fbff;font-weight:750;text-decoration:none}.hud-home-link:hover{background:#ffffff14}.hud-home-link:focus-visible{outline:3px solid var(--accent-cool);outline-offset:1px}.hud-home-link>span:first-child{font-size:23px;line-height:1;text-align:center}.navigation-menu-button{display:grid;grid-template-columns:24px 1fr;align-items:center;min-height:42px;gap:8px;padding:5px 7px;border:0;border-radius:6px;color:#f7fbff;background:transparent;font-weight:750;text-align:left;cursor:pointer}.navigation-menu-button:hover,.navigation-menu-button.active{background:#47d0c929}.navigation-menu-button svg{width:21px;height:21px}.navigation-view{position:fixed;inset:0;z-index:2;overflow:hidden;color:#172029;background:#d8dfc7;transform:translate(100%);transition:transform .5s cubic-bezier(.22,1,.36,1);will-change:transform}.navigation-map{position:absolute;inset:0;background:#d8dfc7}.navigation-view.map-profile-desktop .navigation-map{cursor:grab}.navigation-view.map-profile-desktop .navigation-map:active{cursor:grabbing}.navigation-toolbar{position:absolute;top:max(14px,env(safe-area-inset-top));left:50%;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;width:min(1120px,calc(100vw - 28px));min-height:58px;gap:18px;padding:8px 10px 8px 14px;border:1px solid rgba(23,32,41,.2);border-radius:8px;background:#fafcf9f0;box-shadow:0 12px 32px #14242d33;transform:translate(-50%)}.mobile-route-menu-button,.mobile-map-layer-toggle-button,.mobile-route-actions-header{display:none}.navigation-title{display:grid;min-width:0;flex:1 1 220px}.navigation-title strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.navigation-title span{color:#53616b;font-size:12px}.navigation-actions{display:flex;flex:1 1 640px;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}.navigation-actions button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:40px;gap:7px;padding:7px 11px;border:1px solid rgba(23,32,41,.2);border-radius:7px;color:#172029;background:#fff;font-weight:750;cursor:pointer}.navigation-actions button:disabled{cursor:not-allowed;opacity:.54}.navigation-actions button:first-child,.navigation-actions #finishRouteButton,.navigation-actions #startNavigationButton{color:#fff;border-color:#176d70;background:#176d70}.navigation-actions svg{width:18px;height:18px}.navigation-actions button span{white-space:nowrap}.map-layer-panel{position:absolute;top:max(146px,calc(env(safe-area-inset-top) + 146px));left:max(14px,env(safe-area-inset-left));z-index:3;display:grid;width:min(270px,calc(100vw - 28px));gap:12px;padding:12px;border:1px solid rgba(23,32,41,.22);border-radius:8px;color:#172029;background:#fafcf9f5;box-shadow:0 14px 34px #14242d38}.map-layer-panel header{display:flex;align-items:center;justify-content:space-between}.map-layer-panel .panel-drag-handle,.waypoint-editor .panel-drag-handle,.route-save-panel .panel-drag-handle,.route-select-panel .panel-drag-handle,.route-delete-panel .panel-drag-handle{margin:-4px -4px 2px;padding:4px 5px 7px;border-bottom-color:#1720291f}.map-layer-options{display:grid;gap:6px}.map-layer-options label{display:grid;grid-template-columns:20px 1fr;align-items:center;min-height:34px;gap:8px;font-size:13px;cursor:pointer}.map-layer-options input{width:16px;height:16px;margin:0;accent-color:#176d70}.map-coordinate-panel{display:grid;gap:8px;padding-top:10px;border-top:1px solid rgba(23,32,41,.16)}.map-coordinate-panel strong{font-size:13px}.map-coordinate-panel dl{display:grid;gap:5px;margin:0}.map-coordinate-panel div{display:grid;grid-template-columns:72px 1fr;gap:8px}.map-coordinate-panel dt{color:#53616b;font-size:12px}.map-coordinate-panel dd{margin:0;font-size:12px;font-variant-numeric:tabular-nums;text-align:right}.map-performance-panel{position:absolute;left:14px;bottom:58px;z-index:4;width:min(520px,calc(100vw - 28px));max-height:min(42vh,330px);overflow:auto;padding:10px;border:1px solid rgba(23,32,41,.18);border-radius:8px;color:#172029;background:#fafcf9f7;box-shadow:0 12px 30px #14242d38;font-size:11px}.map-performance-panel[hidden]{display:none}.map-performance-panel header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.map-performance-panel header button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:6px;color:#172029;background:transparent;cursor:pointer}.map-performance-panel p{margin:0 0 8px;color:#53616b}.map-performance-panel table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.map-performance-panel th,.map-performance-panel td{padding:5px 6px;border-top:1px solid rgba(23,32,41,.12);text-align:right;white-space:nowrap}.map-performance-panel th:first-child,.map-performance-panel td:first-child{text-align:left}.waypoint-editor,.route-save-panel,.route-select-panel,.route-delete-panel{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:74px;z-index:4;display:grid;width:min(290px,calc(100vw - 24px));gap:10px;padding:10px;border:1px solid rgba(23,32,41,.22);border-radius:8px;color:#172029;background:#fafcf9f7;box-shadow:0 14px 34px #14242d47}.waypoint-editor header,.waypoint-editor-actions,.route-save-panel header,.route-save-actions,.route-select-panel header,.route-select-actions,.route-delete-panel header,.route-delete-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.waypoint-editor-actions{flex-wrap:wrap}.waypoint-editor header button,.route-save-panel header button,.route-select-panel header button,.route-delete-panel header button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:6px;color:#172029;background:transparent;cursor:pointer}.waypoint-editor label,.route-save-panel label,.route-select-panel label{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:8px;font-size:12px}.waypoint-editor input,.route-save-panel input,.route-select-panel select{width:100%;height:36px;min-width:0;padding:6px 8px;border:1px solid rgba(23,32,41,.24);border-radius:6px;color:#172029;background:#fff;font-variant-numeric:tabular-nums}.waypoint-editor-actions button,.route-save-actions button,.route-select-actions button,.route-delete-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;gap:6px;padding:6px 10px;border:1px solid rgba(23,32,41,.2);border-radius:6px;color:#172029;background:#fff;font-weight:700;cursor:pointer}.waypoint-editor-actions button[hidden]{display:none}.waypoint-editor-actions button[type=submit],.route-save-actions button[type=submit],.route-select-actions button[type=submit]{color:#fff;border-color:#176d70;background:#176d70}.route-delete-actions button:first-child{color:#fff;border-color:#b44134;background:#b44134}.waypoint-editor svg,.route-save-panel svg,.route-select-panel svg,.route-delete-panel svg{width:17px;height:17px}.route-delete-panel p{margin:0;color:#53616b;font-size:13px;line-height:1.4}.route-summary{display:grid;grid-template-columns:max-content minmax(56px,max-content);align-items:baseline;justify-content:end;column-gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(23,32,41,.14)}.route-summary span{color:#53616b;font-size:12px}.route-summary strong{min-width:56px;font-variant-numeric:tabular-nums;text-align:right}.route-drawing-hint{position:absolute;top:86px;left:50%;z-index:3;margin:0;padding:8px 11px;border:1px solid rgba(23,32,41,.18);border-radius:7px;color:#172029;background:#fafcf9f2;box-shadow:0 8px 24px #14242d29;font-size:12px;font-weight:700;transform:translate(-50%);white-space:nowrap}.route-drawing-hint.warning{border-color:#b4302673;color:#8d241d;background:#fff4f1f7}.route-drawing-hint[hidden]{display:none}.navigation-mode #scene,.navigation-mode .simulation-ui{transform:translate(-100vw)}.navigation-mode .simulation-ui{opacity:0;pointer-events:none}.navigation-mode .simulation-ui.navigation-overlay{transform:none;opacity:1;pointer-events:auto}.navigation-mode .navigation-view{transform:translate(0)}.navigation-view .ol-zoom{top:86px;left:14px}.navigation-view .ol-attribution{right:auto;bottom:0;left:0}.hud-menu label{display:grid;grid-template-columns:20px 1fr;align-items:center;min-height:40px;gap:9px;padding:4px 6px;border-radius:6px;cursor:pointer}.hud-menu label:hover{background:#ffffff14}.hud-menu input{width:18px;height:18px;margin:0;accent-color:var(--accent)}.hud-menu .camera-distance-control,.hud-menu .camera-orbit-control,.hud-menu .camera-elevation-control{grid-template-columns:1fr;gap:6px;padding:8px 6px;cursor:default}.camera-distance-heading,.camera-distance-scale,.camera-orbit-heading,.camera-orbit-scale,.camera-elevation-heading,.camera-elevation-scale{display:flex;align-items:center;justify-content:space-between;gap:10px}.camera-distance-heading,.camera-orbit-heading,.camera-elevation-heading{font-size:12px;font-weight:750}.camera-distance-heading output,.camera-orbit-heading output,.camera-elevation-heading output{color:var(--accent-cool);font-variant-numeric:tabular-nums}.hud-menu .camera-distance-control input[type=range],.hud-menu .camera-orbit-control input[type=range],.hud-menu .camera-elevation-control input[type=range]{width:100%;height:24px;cursor:ew-resize}.camera-distance-scale,.camera-orbit-scale,.camera-elevation-scale{color:#f7fbffa3;font-size:9px}.hud-reset-button{min-height:38px;margin-top:2px;border:1px solid rgba(255,255,255,.18);border-radius:7px;color:#f7fbff;background:#ffffff14;cursor:pointer}.wind-generator button{height:38px;border:1px solid rgba(255,255,255,.3);border-radius:7px;color:#121820;background:var(--accent);cursor:pointer}.wind-generator-readouts{display:grid;gap:7px}.wind-generator-readouts p{display:flex;justify-content:space-between;margin:0;gap:12px;font-size:13px}.wind-generator-readouts span{color:#f7fbffb8}.wind-generator-readouts strong{font-variant-numeric:tabular-nums}.wind-control-row{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:12px;font-size:13px}.wind-control-row span{color:#f7fbffb8}.wind-control-row input[type=range]{width:100%;accent-color:var(--accent-cool)}.point-label{position:fixed;top:118px;left:calc(50% + 170px);z-index:4;display:grid;gap:3px;min-width:178px;padding:11px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#121820;background:#f7b844e6;box-shadow:0 12px 30px #040b112e;font-size:16px;font-weight:750;text-align:center;white-space:nowrap}.route-guidance{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:5;display:grid;width:min(var(--control-screen-width),calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-x:hidden;overflow-y:auto;gap:9px;padding:12px;border:1px solid var(--panel-border);border-radius:8px;color:#f7fbff;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 40px #040b113d}.route-guidance[hidden]{display:none}.route-guidance header{display:flex;align-items:center;justify-content:space-between;gap:10px}.route-guidance .panel-drag-handle{margin:-5px -5px 0;padding:5px 7px 7px;border-bottom-color:#ffffff24}.route-guidance header strong{font-size:13px}.route-guidance header button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;color:#f7fbffd9;background:transparent;font-size:24px;line-height:1;cursor:pointer}.route-guidance dl{display:grid;gap:6px;margin:0}.route-guidance div{display:grid;grid-template-columns:82px 1fr;align-items:baseline;gap:10px}.route-guidance dt{color:#f7fbffad;font-size:12px}.route-guidance dd{margin:0;font-size:13px;font-variant-numeric:tabular-nums;font-weight:750;text-align:right}.route-guidance-message{margin:0;padding:8px 10px;border:1px solid rgba(247,184,68,.34);border-radius:7px;color:#fff4d2;background:#f7b84424;font-size:12px;line-height:1.35}.route-guidance-message[hidden]{display:none}.route-guidance-next{width:100%;min-height:36px;border:0;border-radius:7px;color:#172029;background:#f7b844;font-weight:800;cursor:pointer;box-shadow:0 8px 18px #040b1133}.route-guidance-next:disabled{cursor:default;opacity:.46;box-shadow:none}.sailing-advice-panel{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:6;display:grid;width:min(var(--control-screen-width),calc(100vw - 24px));max-height:min(72vh,520px);gap:10px;overflow-x:hidden;overflow-y:auto;padding:12px;border:1px solid var(--panel-border);border-radius:8px;color:#f7fbff;background:#0e1820e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 44px #040b1152}.sailing-advice-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px}.sailing-advice-panel .panel-drag-handle{margin:-5px -5px 2px;padding:5px 7px 7px}.config-panel{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(74px,calc(env(safe-area-inset-bottom) + 66px));z-index:6;display:grid;width:min(var(--control-screen-width),calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-x:hidden;overflow-y:auto;gap:12px;padding:12px;border:1px solid var(--panel-border);border-radius:8px;color:#f7fbff;background:#0e1820e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 44px #040b1152}.config-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px}.config-panel .panel-drag-handle{margin:-5px -5px 0;padding:5px 7px 7px;border-bottom-color:#ffffff24}.config-panel header strong{font-size:14px}.config-panel header button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:6px;color:#f7fbffe6;background:#ffffff14;font-size:24px;line-height:1;cursor:pointer}.config-section{display:grid;gap:8px}.config-section>strong{color:#f7fbffd1;font-size:13px}.sailing-advice-panel header strong{font-size:14px}.sailing-advice-panel header button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:6px;color:#f7fbffe6;background:#ffffff14;font-size:24px;line-height:1;cursor:pointer}.sailing-advice-panel ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.sailing-advice-panel li{display:grid;gap:3px;padding:9px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#ffffff12}.sailing-advice-panel li.warning{border-color:#f7b844c2;background:linear-gradient(135deg,#f7b84438,#ffffff12);box-shadow:inset 3px 0 #f7b844e6}.sailing-advice-panel li strong{color:#fff;font-size:13px}.sailing-advice-panel li.warning strong{color:#ffd37a}.sailing-advice-panel li.reef-process{border-color:#47d0c999;background:linear-gradient(135deg,#47d0c92e,#ffffff12);box-shadow:inset 3px 0 #47d0c9e6}.sailing-advice-panel li.reef-process strong,.sailing-advice-panel li.reef-process p{color:#8ff5ef}.sailing-advice-panel li p{margin:0;color:#f7fbffc2;font-size:12px;line-height:1.35}#maneuverText{min-height:0;font-size:0;line-height:1}.point-label.maneuvering #maneuverText{min-height:24px;font-size:20px;font-weight:850}.safety-intervention{position:fixed;top:118px;left:50%;z-index:6;display:grid;min-width:min(340px,calc(100vw - 28px));gap:3px;padding:11px 14px;border:1px solid rgba(180,48,38,.32);border-radius:8px;color:#40110d;background:#fff4f1f5;box-shadow:0 14px 34px #040b113d;text-align:center;transform:translate(-50%)}.safety-intervention strong{color:#8d241d;font-size:14px}.safety-intervention span{font-size:12px;line-height:1.35}.dial{position:relative;width:74px;height:74px;border:2px solid rgba(255,255,255,.32);border-radius:50%;background:radial-gradient(circle at center,rgba(255,255,255,.18) 0 3px,transparent 4px),conic-gradient(from 0deg,#47d0c947,#ffffff0d,#f7b8443d,#47d0c947)}.compass-north{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateY(-31px);transform-origin:50% 50%;font-size:11px;font-weight:700;color:#f7fbff;text-shadow:0 1px 3px rgba(4,11,17,.55)}.boat-bow{position:absolute;left:50%;top:50%;width:18px;height:34px;transform:translate(-50%,-55%);z-index:1}.boat-bow:before{content:"";position:absolute;left:50%;top:-1px;width:0;height:0;transform:translate(-50%);border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:16px solid rgba(247,251,255,.92);filter:drop-shadow(0 1px 3px rgba(4,11,17,.35))}.boat-bow:after{content:"";position:absolute;left:50%;top:13px;width:9px;height:18px;border-radius:0 0 5px 5px;transform:translate(-50%);background:#f7fbffc7;box-shadow:inset 0 -6px 8px #0e182033}.wind-arrow{position:absolute;left:50%;top:50%;z-index:2;width:5px;height:29px;border-radius:999px;background:var(--accent);transform-origin:50% 100%;transform:translate(-50%,-100%) rotate(45deg)}.wind-arrow:before{content:"";position:absolute;left:50%;top:-8px;width:0;height:0;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid var(--accent)}.readouts{display:grid;gap:7px;align-content:center}.readouts p{display:grid;grid-template-columns:52px 31px minmax(58px,1fr);align-items:center;margin:0;gap:5px;font-size:13px}.readouts span,.control-row span,.side-label{color:#f7fbffb8}.readouts strong{justify-self:end;font-variant-numeric:tabular-nums;white-space:nowrap}.compass-point{color:var(--accent);font-size:11px;font-weight:800;text-align:center;white-space:nowrap}.wind-side-labels{display:flex;grid-column:1 / -1;justify-content:space-between;margin-top:1px;padding-top:5px;border-top:1px solid rgba(255,255,255,.12);color:#f7fbffb8;font-size:11px;font-weight:750}.wind-side-labels .windward{color:var(--accent)}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mode-switch button{height:38px;border:1px solid rgba(255,255,255,.16);border-radius:7px;color:#f7fbff;background:#ffffff14;cursor:pointer}.mode-switch button.active{color:#121820;background:var(--accent);border-color:#ffffff4d}.control-row{display:grid;grid-template-columns:max-content 10px minmax(96px,1fr) 10px;align-items:center;gap:8px;font-size:13px}.control-row b{color:#f7fbffdb;font-size:15px;text-align:center}.reef-guidance-button{width:100%;margin-top:9px;padding:9px 12px;border:1px solid rgba(71,208,201,.7);border-radius:7px;color:#082c31;background:#63ded7;font-weight:750;cursor:pointer}.reef-guidance-button:hover,.reef-guidance-button:focus-visible{background:#8ff5ef;outline:2px solid rgba(143,245,239,.35);outline-offset:2px}.sail-guidance-button{margin-top:6px;border-color:#f7b844b8;background:#f3bd55}.sail-guidance-button:hover,.sail-guidance-button:focus-visible{background:#ffd37a}.main-sheet-control{display:grid;gap:8px}.main-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.main-sheet-heading strong{font-size:13px}.main-sheet-heading button{min-width:88px;min-height:34px;padding:6px 10px;border:1px solid rgba(247,184,68,.62);border-radius:7px;color:#f7fbff;background:#f7b8441f;font-weight:750;cursor:pointer}.main-sheet-heading button.open{color:#102126;border-color:var(--accent-cool);background:var(--accent-cool)}.main-sheet-heading button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.main-sheet-slider{display:grid;grid-template-columns:12px minmax(120px,1fr) 12px;align-items:center;gap:8px}.main-sheet-slider b{color:#f7fbffdb;text-align:center}.main-sheet-slider input:disabled{opacity:.38;cursor:not-allowed}.main-sheet-control small{min-height:14px;color:#f7fbffad;font-size:10px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input[type=range]{width:100%;accent-color:var(--accent-cool)}.lee-windward-view{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:12px;min-height:82px;padding:8px 4px 2px}.side-label{font-size:13px;font-weight:750;text-align:center}.side-label.windward{color:#f7b844}.top-boat{position:relative;width:76px;height:76px;justify-self:center;border-radius:50%;background:radial-gradient(circle at center,rgba(255,255,255,.14) 0 3px,transparent 4px),#ffffff0f}.top-boat-hull{position:absolute;left:50%;top:29px;width:18px;height:34px;border-radius:0 0 8px 8px;transform:translate(-50%);background:#f7fbffd1;box-shadow:inset 0 -9px 10px #0e18202e}.top-boat-bow{position:absolute;left:50%;top:12px;width:0;height:0;transform:translate(-50%);border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:22px solid rgba(247,251,255,.92);filter:drop-shadow(0 2px 3px rgba(4,11,17,.28))}.relative-wind-mini{position:absolute;left:50%;top:50%;width:4px;height:33px;border-radius:999px;background:var(--accent);transform:translate(-50%,-50%) rotate(45deg);transform-origin:50% 50%;box-shadow:0 2px 6px #040b1147}.relative-wind-mini:before{content:"";position:absolute;left:50%;top:-7px;width:0;height:0;transform:translate(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:11px solid var(--accent)}.relative-wind-mini:after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;border-radius:50%;transform:translate(-50%);background:#f7b8446b}.trim-meter{display:none;grid-template-columns:42px 1fr 32px;align-items:center;gap:10px;font-size:12px}.meter-track{position:relative;height:12px;border-radius:999px;background:linear-gradient(90deg,var(--danger),var(--accent),var(--accent-cool));overflow:hidden}#trimNeedle{position:absolute;top:-4px;left:50%;width:4px;height:20px;border-radius:999px;background:#fff;box-shadow:0 0 12px #ffffffe6}@media(max-width:720px){.hud-menu-shell{right:max(14px,env(safe-area-inset-right));gap:8px}.hud-action-button{flex:0 0 48px}.top-left{left:12px;right:12px;width:auto}.hud-panel{width:min(var(--control-screen-width),calc(100vw - 24px))}.point-label{top:130px;left:auto;right:12px;max-width:calc(100vw - 24px)}.safety-intervention{top:184px;right:12px;left:12px;min-width:0;transform:none}.navigation-toolbar{top:max(8px,env(safe-area-inset-top));left:8px;align-items:center;flex-direction:row;gap:8px;width:calc(100vw - 16px);padding:7px;transform:none}.navigation-title{flex:1 1 auto;padding:0 2px}.navigation-title strong{font-size:14px}.navigation-title span{font-size:11px}.mobile-route-menu-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:40px;gap:6px;padding:7px 11px;border:1px solid rgba(23,32,41,.2);border-radius:7px;color:#172029;background:#fff;font-weight:750;cursor:pointer}.mobile-route-menu-button svg{width:18px;height:18px}.navigation-actions{position:fixed;top:max(78px,calc(env(safe-area-inset-top) + 78px));left:8px;right:8px;bottom:max(54px,calc(env(safe-area-inset-bottom) + 46px));z-index:20;display:grid;grid-template-columns:1fr 1fr;align-content:start;align-items:stretch;gap:6px;width:auto;max-height:none;overflow:auto;padding:12px;border:1px solid rgba(23,32,41,.2);border-radius:12px;background:#fafcf9fc;box-shadow:0 16px 36px #14242d47;opacity:0;pointer-events:none;transform:translateY(calc(100% + 12px));transition:transform .18s ease,opacity .18s ease}.navigation-view.mobile-route-menu-open .navigation-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.navigation-view.mobile-route-menu-open .navigation-toolbar{z-index:40}.navigation-actions button{width:100%;min-height:46px;justify-content:flex-start;padding:8px 10px;font-size:13px}.navigation-actions button span{white-space:normal;line-height:1.15}.mobile-route-actions-header{display:flex;grid-column:1 / -1;align-items:center;justify-content:space-between;gap:10px;padding-bottom:7px;border-bottom:1px solid rgba(23,32,41,.12)}.navigation-view.mobile-route-menu-open .map-layer-panel,.navigation-view.mobile-route-menu-open .route-summary,.navigation-view.mobile-route-menu-open .route-drawing-hint{opacity:0;pointer-events:none}.mobile-route-actions-header div{display:grid;min-width:0;gap:2px}.mobile-route-actions-header strong{color:#172029;font-size:14px}.mobile-route-actions-header span{overflow:hidden;color:#53616b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.mobile-route-actions-header button{flex:0 0 auto;width:36px;min-width:36px;min-height:36px;padding:0;justify-content:center;border-radius:7px}.navigation-actions #deleteRouteButton{grid-column:1 / -1}.map-layer-panel{top:auto;right:max(14px,env(safe-area-inset-right));left:auto;bottom:max(14px,env(safe-area-inset-bottom));width:min(230px,calc(100vw - 96px));max-height:min(380px,calc(100vh - 250px));overflow:auto;padding:10px}.mobile-map-layer-toggle-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:32px;padding:5px 9px;border:1px solid rgba(23,32,41,.18);border-radius:7px;color:#172029;background:#fff;font-weight:700;cursor:pointer}.map-layer-panel .map-layer-options{display:none}.map-layer-panel.mobile-map-layers-open .map-layer-options{display:grid}.map-layer-options{gap:3px}.map-layer-options label{min-height:30px;font-size:12px}.navigation-view .ol-zoom{top:112px;left:8px}.route-drawing-hint{top:121px;width:calc(100vw - 110px);text-align:center;white-space:normal}.waypoint-editor,.route-save-panel,.route-select-panel,.route-delete-panel{right:8px;bottom:max(162px,calc(env(safe-area-inset-bottom) + 154px));left:8px;width:auto}.config-panel,.sailing-advice-panel{right:8px;bottom:max(74px,calc(env(safe-area-inset-bottom) + 66px));left:auto;width:min(var(--control-screen-width),calc(100vw - 24px));max-height:min(58vh,420px);overflow-x:hidden;overflow-y:auto}.navigation-view.map-profile-mobile .navigation-map{touch-action:none}}@media(pointer:coarse){.panel-drag-handle{min-height:44px}.hud-close-button{width:40px;height:40px;font-size:26px}.hud-menu-button{width:54px;height:54px}.hud-menu{bottom:64px}}:root,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, .25);--ol-partial-background-color: rgba(255, 255, 255, .75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;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)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;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)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.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;-moz-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;-moz-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{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.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{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.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{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.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;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.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{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.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}