: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}.hardware-context-title{display:flex;align-items:center;gap:7px}.procedure-cancel-button{display:grid;width:22px;height:22px;padding:0;place-items:center;border:1px solid rgba(255,105,105,.78);border-radius:50%;color:#fff;background:#c83f45;font-size:18px;font-weight:800;line-height:1;cursor:pointer}.procedure-cancel-button:hover,.procedure-cancel-button:focus-visible{background:#ef535a;outline:2px solid rgba(239,83,90,.34);outline-offset:2px}.procedure-cancel-button[hidden]{display:none}.winch-context-menu header span,.winch-context-menu>p{color:#ebf4f9ad;font-size:11px}.winch-context-menu>p{margin:8px 3px}.winch-context-menu>p.crew-current-assignment{padding:9px 10px;border:1px solid rgba(243,189,85,.72);border-radius:8px;color:#f7fbff;background:#f3bd5514;line-height:1.45;white-space:pre-line}.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}.camera-trackball-button{position:relative}.camera-trackball-icon{position:relative;display:block;width:25px;height:25px;border:1px solid rgba(255,255,255,.88);border-radius:50%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.82) 0 7%,transparent 9%),radial-gradient(circle at 38% 34%,#4fd7d0 0 10%,#176d70 42%,#0b3944 72%,#071f29);box-shadow:inset -4px -5px 8px #00000052,0 2px 8px #00000057}.camera-trackball-icon:before,.camera-trackball-icon:after{position:absolute;content:"";border:1px solid rgba(255,255,255,.54);border-radius:50%}.camera-trackball-icon:before{inset:3px 8px}.camera-trackball-icon:after{inset:8px 3px}.camera-trackball-button.active{border-color:#8ff5eff2;background:#125a5d;box-shadow:0 0 0 3px #47d0c952,0 12px 30px #040b1152}#scene.camera-control-active{cursor:grab}#scene.camera-control-dragging{cursor:grabbing}.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,.motor-action-button:focus-visible,.motor-power-control input: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}.line-information-text{margin:0;color:#ebf5f8e0;font-size:.78rem;line-height:1.45}.motor-panel{position:fixed;z-index:6;display:grid;width:min(310px,calc(100vw - 28px));gap:11px;padding:12px;border-radius:8px}.motor-status{display:grid;grid-template-columns:11px 1fr auto;align-items:center;gap:8px;min-height:28px;font-size:13px}.motor-status>span:last-child{color:#f7fbffb8;font-variant-numeric:tabular-nums}#motorStateIndicator{width:10px;height:10px;border-radius:50%;background:#f7fbff52;box-shadow:0 0 0 3px #f7fbff12}.motor-panel.motor-running #motorStateIndicator{background:var(--accent-cool);box-shadow:0 0 0 3px #47d0c929,0 0 12px #47d0c973}.motor-action-button{min-height:40px;border:1px solid rgba(255,255,255,.2);border-radius:7px;color:#121820;background:var(--accent);font-weight:800;cursor:pointer;touch-action:manipulation}.motor-start-button[aria-pressed=true]{color:#fff;border-color:#f26d5bad;background:#b84d3f}.autopilot-button{color:#f7fbff;background:#ffffff17}.autopilot-button[aria-pressed=true]{color:#121820;border-color:#47d0c9ad;background:var(--accent-cool)}.motor-power-control{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;padding:4px 0 2px;font-size:11px}.motor-power-control span{color:#f7fbffad}.motor-power-control span:last-of-type{text-align:right}.motor-power-control strong{font-size:12px;text-align:center}.motor-power-control input{--motor-fill-start: 50%;--motor-fill-end: 50%;grid-column:1 / -1;height:18px;width:100%;margin:5px 0 0;appearance:none;background:transparent;cursor:pointer}.motor-power-control input::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,rgba(247,251,255,.2) 0 var(--motor-fill-start),var(--accent-cool) var(--motor-fill-start) var(--motor-fill-end),rgba(247,251,255,.2) var(--motor-fill-end) 100%)}.motor-power-control input::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px;appearance:none;border:2px solid #dffbf9;border-radius:50%;background:var(--accent-cool);box-shadow:0 2px 8px #040b1161}.motor-power-control input::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(to right,rgba(247,251,255,.2) 0 var(--motor-fill-start),var(--accent-cool) var(--motor-fill-start) var(--motor-fill-end),rgba(247,251,255,.2) var(--motor-fill-end) 100%)}.motor-power-control input::-moz-range-thumb{width:16px;height:16px;border:2px solid #dffbf9;border-radius:50%;background:var(--accent-cool);box-shadow:0 2px 8px #040b1161}.motor-power-control i{position:absolute;left:50%;bottom:5px;width:2px;height:13px;border-radius:2px;background:#f7fbffb3;pointer-events:none;transform:translate(-50%)}.autopilot-course{margin:-3px 0 0;color:#f7fbffad;font-size:12px;text-align:center}.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}.map-layer-options label[hidden],.hud-menu .map-hud-option{display:none}.navigation-mode .hud-menu .map-hud-option{display:flex}.navigation-mode .hud-menu .camera-distance-control,.navigation-mode .hud-menu .camera-orbit-control,.navigation-mode .hud-menu .camera-elevation-control,.navigation-mode .hud-menu .camera-controls-heading,.navigation-mode .hud-menu .camera-preset-actions,.navigation-mode .camera-trackball-button{display:none}.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}.camera-preset-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:2px}.camera-preset-actions .hud-reset-button{min-width:0;min-height:34px;margin-top:0;padding:5px 4px;font-size:12px;font-weight:750}.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 p{margin:0;color:#f7fbffc2;font-size:12px;line-height:1.35}.sailing-advice-panel li.procedure-advice{gap:7px}.sailing-advice-panel li p.sailing-advice-action{padding:8px 9px;border:1px solid rgba(247,184,68,.92);border-radius:6px;color:#fffffff0;background:#f7b84414}.sailing-advice-panel li p.sailing-advice-why{color:#f7fbffb8}.sailing-advice-panel li p.sailing-advice-click-hint{padding-top:6px;border-top:1px solid rgba(101,212,209,.28);color:#9ce8e5;font-weight:650}@keyframes sailing-advice-attention{0%,to{border-color:#f7b844fa;box-shadow:0 0 #f7b84414}50%{border-color:#f7b84438;box-shadow:0 0 0 3px #f7b84433}}.sailing-advice-unread>li:first-child p.sailing-advice-action{animation:sailing-advice-attention 1s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.sailing-advice-unread>li:first-child p.sailing-advice-action{animation:none;box-shadow:0 0 0 3px #f7b8443d}}#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}#app{position:relative;isolation:isolate;background:#071c26}.app-page{position:absolute;inset:0;width:100%;height:100%}.simulator-page{z-index:1;overflow:hidden;transform:translate(0);transition:transform .72s cubic-bezier(.22,1,.36,1);will-change:transform}.instruction-page{z-index:100;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;color:#17313c;background:linear-gradient(90deg,rgba(12,62,72,.04) 1px,transparent 1px),linear-gradient(rgba(12,62,72,.04) 1px,transparent 1px),#f4f1e8;background-size:42px 42px;transform:translate(-100%);visibility:hidden;pointer-events:none;transition:transform .72s cubic-bezier(.22,1,.36,1),visibility 0s linear .72s;will-change:transform;scroll-behavior:smooth;scrollbar-color:#318f94 #d9e3df}#app.instruction-page-active .simulator-page{transform:translate(100%)}#app.instruction-page-active .instruction-page{transform:translate(0);visibility:visible;pointer-events:auto;transition:transform .72s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}.help-page-button{color:#f8fbfa;border-color:#70e4da73;background:linear-gradient(145deg,#104a53fa,#08232efa)}.help-page-button:hover{color:#102631;background:var(--accent)}@keyframes help-question-attention{0%,to{color:#f8fbfa;border-color:#70e4da73;box-shadow:0 12px 30px #040b1152;transform:scale(1)}50%{color:#102631;border-color:#f7b844;background:#f7b844;box-shadow:0 0 0 7px #f7b8443d,0 12px 30px #040b116b;transform:scale(1.1)}}.help-page-button.help-attention{animation:help-question-attention 1.15s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.help-page-button.help-attention{color:#102631;border-color:#f7b844;background:#f7b844;box-shadow:0 0 0 5px #f7b8443d;animation:none}}.instruction-topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:10px clamp(18px,4vw,64px);border-bottom:1px solid rgba(255,255,255,.12);color:#f7fbff;background:#081f29f0;box-shadow:0 14px 34px #0412182e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.instruction-back-button,.instruction-footer button{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:42px;gap:9px;padding:0 16px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#f7fbff;background:#ffffff14;font-weight:760;cursor:pointer}.instruction-back-button:hover,.instruction-footer button:hover{color:#102631;border-color:#f7b844;background:#f7b844}.instruction-back-button svg{width:19px;height:19px}.instruction-wordmark{display:flex;align-items:center;justify-self:center;gap:10px;color:#f7fbff;text-decoration:none}.instruction-wordmark>span{display:grid;line-height:1.05}.instruction-wordmark b{color:#f7fbff;font-size:15px;letter-spacing:.02em}.instruction-wordmark small{margin-top:5px;color:#74d9d4;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.instruction-logo{width:48px;height:48px;color:#67d8d1;flex:0 0 auto}.instruction-topbar-tag{justify-self:end;padding:6px 10px;border:1px solid rgba(247,184,68,.38);border-radius:999px;color:#f7b844;font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.instruction-layout{display:grid;grid-template-columns:220px minmax(0,1080px);justify-content:center;align-items:start;width:min(100%,1450px);margin:0 auto;gap:clamp(30px,5vw,82px);padding:0 clamp(20px,4vw,64px) 80px}.instruction-index{position:sticky;top:112px;max-height:calc(100vh - 140px);overflow-y:auto;padding:4px 4px 26px;scrollbar-width:thin}.instruction-index>p{margin:0 0 13px 13px;color:#b27816;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.instruction-index nav{display:grid;gap:2px;border-left:1px solid rgba(20,69,78,.18)}.instruction-index a{position:relative;padding:7px 12px;border-radius:0 8px 8px 0;color:#536c72;font-size:12px;font-weight:670;text-decoration:none}.instruction-index a:hover,.instruction-index a:focus-visible{color:#0f6870;background:#2c8f941a;outline:none}.instruction-index a:hover:before,.instruction-index a:focus-visible:before{position:absolute;top:6px;bottom:6px;left:-2px;width:3px;border-radius:3px;background:#f7b844;content:""}.instruction-content{min-width:0}.instruction-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.94fr);min-height:540px;align-items:center;margin:0 clamp(-28px,-2vw,-10px);padding:clamp(55px,8vw,96px) clamp(28px,5vw,64px);overflow:hidden;color:#f7fbff;background:radial-gradient(circle at 78% 12%,rgba(247,184,68,.16),transparent 27%),linear-gradient(128deg,#0c3440,#0b2935 52%,#071c26);box-shadow:0 24px 60px #071e2730}.instruction-hero:after{position:absolute;right:-80px;bottom:-130px;width:380px;height:380px;border:1px solid rgba(91,216,208,.18);border-radius:50%;content:""}.instruction-hero-copy{position:relative;z-index:2}.instruction-eyebrow,.instruction-kicker{display:block;margin:0 0 14px;color:#c3831d;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.instruction-hero .instruction-eyebrow{color:#6ee0d9}.instruction-hero h1{max-width:620px;margin:0;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:clamp(48px,6.3vw,84px);font-weight:650;line-height:.96;letter-spacing:-.055em}.instruction-lead{max-width:660px;margin:27px 0 0;color:#f0f9f8c4;font-size:clamp(16px,1.7vw,20px);line-height:1.7}.instruction-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.instruction-hero-tags span{padding:8px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#ffffffc7;background:#ffffff0d;font-size:11px;font-weight:750}.instruction-hero-art{position:relative;z-index:1;width:min(100%,620px);justify-self:end;filter:drop-shadow(0 18px 28px rgba(0,0,0,.25))}.instruction-section{display:grid;grid-template-columns:54px minmax(0,1fr);gap:28px;padding:clamp(64px,8vw,104px) 0;border-bottom:1px solid rgba(17,70,78,.14);scroll-margin-top:96px}.instruction-section-number{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(18,92,98,.2);border-radius:50%;color:#17777b;background:#ffffff94;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:850}.instruction-section h2{max-width:820px;margin:0 0 24px;color:#102f3a;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:clamp(34px,4.8vw,58px);font-weight:650;line-height:1.02;letter-spacing:-.035em}.instruction-section p,.instruction-section li,.instruction-section dd{color:#53676a;font-size:15px;line-height:1.72}.instruction-section p{max-width:820px;margin:0 0 17px}.instruction-card-grid,.instruction-procedure-grid,.instruction-trouble-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}.instruction-card,.instruction-procedure-grid article,.instruction-trouble-grid article,.instruction-line-list article{padding:22px;border:1px solid rgba(19,84,91,.13);border-radius:14px;background:#ffffff9e;box-shadow:0 10px 24px #0c333a0d}.instruction-card b,.instruction-procedure-grid b,.instruction-trouble-grid b,.instruction-line-list b{display:block;margin-bottom:9px;color:#174754;font-size:14px}.instruction-card p,.instruction-procedure-grid p,.instruction-trouble-grid p,.instruction-line-list p{margin:0;font-size:13px;line-height:1.58}.instruction-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.86fr);align-items:center;gap:clamp(34px,6vw,80px)}.instruction-compass-art{width:min(100%,300px);justify-self:center;padding:16px;color:#eef8f5;filter:drop-shadow(0 18px 20px rgba(7,40,48,.18))}.instruction-terms{display:grid;gap:0;margin:24px 0 0}.instruction-terms>div{display:grid;grid-template-columns:112px 1fr;gap:16px;padding:12px 0;border-top:1px solid rgba(19,84,91,.12)}.instruction-terms dt{color:#176d70;font-size:12px;font-weight:850}.instruction-terms dd{margin:0;font-size:13px;line-height:1.5}.instruction-callout{display:grid;max-width:820px;gap:7px;margin-top:28px;padding:20px 24px;border-left:4px solid #f7b844;color:#eaf7f5;background:#123b47;box-shadow:0 15px 32px #0a2c3424}.instruction-callout strong{color:#f7b844;font-size:13px}.instruction-callout span{color:#eff9f7c2;font-size:13px;line-height:1.6}.instruction-callout.compact{margin-top:22px;padding:16px 19px}.instruction-advice-demo{display:grid;max-width:600px;gap:9px;margin-top:28px;padding:19px;border:1px solid rgba(247,184,68,.75);border-radius:12px;color:#ecf7f5;background:#173946;box-shadow:0 18px 36px #092b3326}.instruction-advice-demo>span{padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.13);color:#6fdbd5;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.instruction-advice-demo b{font-size:14px}.instruction-advice-demo p,.instruction-advice-demo small{margin:0;color:#f1f9f8ad;font-size:12px;line-height:1.5}.instruction-advice-demo small{color:#6fdbd5;font-weight:750}.instruction-checklist,.instruction-steps{max-width:760px;margin:23px 0 0;padding:0;list-style:none;counter-reset:instruction-step}.instruction-checklist li,.instruction-steps li{position:relative;padding:10px 10px 10px 38px;border-top:1px solid rgba(19,84,91,.12);font-size:13px}.instruction-checklist li:before{position:absolute;top:11px;left:7px;color:#1b8a8d;content:"✓";font-weight:900}.instruction-steps li{counter-increment:instruction-step}.instruction-steps li:before{position:absolute;top:11px;left:5px;color:#b27816;content:counter(instruction-step,decimal-leading-zero);font-family:ui-monospace,monospace;font-size:10px;font-weight:900}.instruction-control-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:850px;margin:28px 0}.instruction-control-strip span{display:grid;gap:7px;min-height:108px;align-content:center;padding:17px;border-top:3px solid #38aaa8;color:#65777a;background:#ffffff9e;font-size:12px;line-height:1.45}.instruction-control-strip b{color:#174754;font-size:13px}.instruction-deck-plan svg,.instruction-sail-plan{width:100%;color:#17313c}.instruction-deck-plan svg text,.instruction-sail-plan text{fill:#31515a;font-family:Inter,sans-serif;font-size:12px;font-weight:750}.instruction-crew-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:30px 0}.instruction-crew-grid article{display:grid;grid-template-columns:74px 1fr;align-items:center;gap:18px;padding:22px;border:1px solid rgba(19,84,91,.13);border-radius:16px;background:#ffffffa6}.instruction-crew-grid b{color:#174754;font-size:14px}.instruction-crew-grid p{margin:7px 0 0;font-size:12px;line-height:1.55}.instruction-avatar{position:relative;display:block;width:68px;height:68px;border-radius:50% 50% 43% 43%;background:#1aa0a2;box-shadow:inset 0 -15px #00000014}.instruction-avatar.sharon{background:#d95d4c}.instruction-avatar:before{position:absolute;top:5px;left:21px;width:27px;height:27px;border-radius:50%;background:#e8bb8a;content:""}.instruction-avatar i{position:absolute;right:13px;bottom:8px;width:10px;height:32px;border-radius:5px;background:#f7b844}.instruction-procedure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.instruction-procedure-grid article{position:relative;overflow:hidden;padding-left:26px}.instruction-procedure-grid article:before{position:absolute;top:0;bottom:0;left:0;width:5px;background:linear-gradient(#45c8c2,#17777b);content:""}.sail-plan-layout{grid-template-columns:minmax(280px,.78fr) minmax(0,1fr)}.instruction-line-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px}.instruction-line-list article{position:relative;min-height:126px;padding-left:48px}.line-swatch{position:absolute;top:23px;left:21px;width:8px;height:62px;border-radius:999px;background:#d2d8d6;box-shadow:inset -2px 0 #00000029}.line-swatch.blue{background:#2876c7}.line-swatch.green{background:#25a66f}.line-swatch.amber{background:#d5a00e}.line-swatch.red{background:#d55548}.line-swatch.teal{background:#16a594}.line-swatch.cream{background:#d7caa5}.line-swatch.yellow{background:#e6bf2f}.line-swatch.gray{background:#707a7d}.line-swatch.white{background:#fff;border:1px solid #b8c4c2}.instruction-trouble-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.instruction-trouble-grid article{border-left:3px solid #f7b844;box-shadow:none}.instruction-safety-note{display:flex;max-width:860px;align-items:center;gap:18px;margin-top:32px;padding:20px 23px;border:1px solid rgba(178,120,22,.28);color:#704f17;background:#f7b84421}.instruction-safety-note b{flex:0 0 auto;color:#9a6510;font-size:12px;text-transform:uppercase}.instruction-safety-note span{font-size:12px;line-height:1.6}.instruction-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:50px;padding:30px;color:#edf8f6;background:#0b2b36}.instruction-footer>div{display:grid;gap:5px}.instruction-footer b{color:#f7b844;font-family:ui-serif,Georgia,serif;font-size:22px}.instruction-footer span{color:#f0f9f8ad;font-size:12px}.instruction-footer button{border-color:#f7b84480}.instruction-page a:focus-visible,.instruction-page button:focus-visible{outline:3px solid #f7b844;outline-offset:3px}@media(max-width:980px){.instruction-topbar{grid-template-columns:1fr auto}.instruction-wordmark{justify-self:end}.instruction-topbar-tag{display:none}.instruction-layout{display:block;padding:0 18px 60px}.instruction-index{top:76px;z-index:18;display:flex;max-height:none;margin:0 -18px;overflow-x:auto;overflow-y:hidden;padding:10px 18px;border-bottom:1px solid rgba(16,69,77,.12);background:#f4f1e8f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.instruction-index>p{display:none}.instruction-index nav{display:flex;width:max-content;border:0}.instruction-index a{padding:8px 11px;border-radius:999px;white-space:nowrap}.instruction-index a:hover:before,.instruction-index a:focus-visible:before{display:none}.instruction-hero{grid-template-columns:1fr;min-height:0;margin:0}.instruction-hero-art{width:min(92%,560px);margin-top:20px;justify-self:center}.instruction-card-grid{grid-template-columns:1fr}}@media(max-width:720px){.instruction-topbar{min-height:68px;padding:8px 12px}.instruction-back-button{min-height:40px;padding:0 12px}.instruction-back-button span{display:none}.instruction-wordmark b{font-size:13px}.instruction-wordmark small{font-size:7px}.instruction-logo{width:40px;height:40px}.instruction-index{top:68px}.instruction-hero{padding:46px 24px 30px}.instruction-hero h1{font-size:clamp(46px,15vw,68px)}.instruction-hero-art{width:108%;margin-right:-8%}.instruction-section{grid-template-columns:1fr;gap:18px;padding:58px 6px;scroll-margin-top:120px}.instruction-section-number{width:40px;height:40px}.instruction-section h2{font-size:clamp(34px,11vw,48px)}.instruction-split,.sail-plan-layout,.instruction-crew-grid,.instruction-procedure-grid,.instruction-line-list,.instruction-trouble-grid,.instruction-control-strip{grid-template-columns:1fr}.instruction-control-strip span{min-height:0}.instruction-terms>div{grid-template-columns:90px 1fr}.instruction-safety-note{display:grid}.instruction-footer{grid-template-columns:auto 1fr;padding:24px 20px}.instruction-footer button{grid-column:1 / -1;width:100%}}@media(prefers-reduced-motion:reduce){.simulator-page,.instruction-page{transition-duration:1ms}.instruction-page{scroll-behavior:auto}}.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}}.instruction-layout[hidden]{display:none!important}.instruction-page{overflow:hidden;background:linear-gradient(90deg,rgba(9,65,76,.035) 1px,transparent 1px),linear-gradient(rgba(9,65,76,.035) 1px,transparent 1px),#f4f1e8;background-size:38px 38px}.guide-shell{display:grid;grid-template-columns:340px minmax(0,1fr);height:calc(100% - 76px)}.guide-navigation{z-index:2;overflow-x:hidden;overflow-y:auto;padding:30px 22px 38px;border-right:1px solid rgba(12,67,77,.14);background:#faf8f2f0;box-shadow:18px 0 46px #08283012;scrollbar-width:thin}.guide-navigation-intro{padding:0 8px 22px;border-bottom:1px solid rgba(12,67,77,.12)}.guide-navigation-intro>span,.guide-topic-navigation>p,.guide-kicker{color:#b77808;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.guide-navigation-intro strong{display:block;margin-top:8px;color:#0b3440;font-family:ui-serif,Georgia,serif;font-size:25px}.guide-navigation-intro p{margin:8px 0 0;color:#60737a;font-size:13px;line-height:1.55}.guide-topic-navigation{display:grid;gap:5px;margin-top:20px}.guide-topic-navigation>p{margin:18px 10px 6px}.guide-topic-navigation>p:first-child{margin-top:0}.guide-topic-button{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:11px;width:100%;min-height:58px;padding:8px 10px;border:1px solid transparent;border-radius:12px;color:#38545d;text-align:left;background:transparent;cursor:pointer;transition:.16s ease}.guide-topic-button:hover{border-color:#18777f29;background:#edf4f1}.guide-topic-button.is-active{border-color:#f7b84494;color:#0d3741;background:#fffaf0;box-shadow:0 8px 22px #1e494e17}.guide-topic-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #cddad6;border-radius:50%;color:#147c83;font:800 10px/1 ui-monospace,monospace;background:#fff}.guide-topic-button.is-active .guide-topic-icon{border-color:#f7b844;color:#102d37;background:#f7b844}.guide-topic-button b,.guide-topic-button small{display:block}.guide-topic-button b{font-size:13px}.guide-topic-button small{margin-top:3px;color:#829298;font-size:10px}.guide-content{position:relative;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scrollbar-color:#318f94 #d9e3df}.guide-topic{width:min(1180px,calc(100% - 88px));min-height:100%;margin:0 auto;padding:56px 0 72px;animation:guide-topic-enter .3s cubic-bezier(.22,1,.36,1)}.guide-topic[hidden]{display:none}@keyframes guide-topic-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.guide-topic-heading{max-width:760px;margin-bottom:34px}.guide-topic-heading h1{margin:8px 0 12px;color:#0b3440;font-family:ui-serif,Georgia,serif;font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.045em}.guide-topic-heading>p{max-width:700px;margin:0;color:#526970;font-size:16px;line-height:1.7}.guide-quick-grid,.guide-learning-grid,.guide-sail-layout{display:grid;grid-template-columns:minmax(330px,.9fr) minmax(430px,1.3fr);align-items:stretch;gap:28px}.guide-learning-grid.reverse{grid-template-columns:minmax(430px,1.3fr) minmax(330px,.9fr)}.guide-purpose-layout{display:grid;grid-template-columns:minmax(330px,.9fr) minmax(430px,1.3fr);align-items:stretch;gap:28px}.guide-purpose-copy{display:grid;gap:10px}.guide-purpose-copy article{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:17px;border:1px solid rgba(15,75,84,.12);border-radius:13px;background:#ffffffb8}.guide-purpose-copy article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#102d37;font-size:11px;font-weight:900;background:#f7b844}.guide-purpose-copy b{color:#153943;font-size:14px}.guide-purpose-copy p{margin:5px 0 0;color:#61747a;font-size:12px;line-height:1.55}.purpose-learning{display:grid;align-content:center;gap:22px;min-height:390px;padding:34px;color:#effbf9;background:radial-gradient(circle at 86% 18%,rgba(247,184,68,.22),transparent 28%),linear-gradient(145deg,#102d37,#16515b)}.purpose-learning>strong{color:#fff;font-family:ui-serif,Georgia,serif;font-size:26px}.purpose-learning-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.purpose-learning-route>span{position:relative;display:grid;justify-items:center;gap:5px;padding:14px 7px;border:1px solid rgba(107,222,210,.25);border-radius:11px;text-align:center;background:#ffffff0f}.purpose-learning-route>span:not(:last-child):after{content:"›";position:absolute;z-index:2;top:31px;right:-11px;color:#f7b844;font-size:20px;font-weight:900}.purpose-learning-route i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#102d37;font-style:normal;font-size:11px;font-weight:900;background:#54cec3}.purpose-learning-route b{font-size:11px}.purpose-learning-route small,.purpose-practice-badge small{color:#b8d3d4;font-size:9px;line-height:1.4}.purpose-practice-badge{display:grid;gap:5px;padding:15px 17px;border-left:3px solid #f7b844;border-radius:8px;background:#04171d66}.purpose-practice-badge b{color:#f7b844;font-size:13px}.guide-primary-link{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:12px 18px;border-radius:999px;color:#102d37;font-size:12px;font-weight:900;text-decoration:none;background:#f7b844;box-shadow:0 10px 22px #b778082e}.guide-primary-link:hover{transform:translateY(-1px)}.app-illustration{position:relative;min-height:340px;overflow:hidden;border:1px solid rgba(12,71,80,.18);border-radius:20px;background:#123844;box-shadow:0 22px 48px #082a3121}.guide-step-list,.guide-facts,.guide-three-steps,.guide-operation-flow,.troubleshooting-grid{margin:0;padding:0;list-style:none}.guide-step-list{display:grid;gap:10px}.guide-step-list li,.guide-facts article{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:15px;border:1px solid rgba(15,75,84,.12);border-radius:13px;background:#ffffffb8}.guide-step-list li>span,.guide-facts article>span,.guide-three-steps article>span,.procedure-learning-flow article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#102d37;font-size:12px;font-weight:900;background:#f7b844}.guide-step-list b,.guide-facts b,.guide-three-steps b,.guide-operation-flow b,.troubleshooting-grid b,.procedure-learning-flow b{color:#153943;font-size:14px}.guide-step-list p,.guide-facts p,.guide-three-steps p,.guide-operation-flow span,.troubleshooting-grid p,.procedure-learning-flow p{margin:4px 0 0;color:#61747a;font-size:12px;line-height:1.55}.guide-success,.guide-warning{display:grid;grid-template-columns:auto 1fr;gap:16px;margin-top:26px;padding:18px 20px;border-left:4px solid #45c4b7;color:#e7f8f5;background:#164754}.guide-warning{border-left-color:#f7b844}.guide-success b,.guide-warning b{color:#f7b844;white-space:nowrap}.guide-success p,.guide-warning p{margin:0;font-size:12px;line-height:1.55}.app-illustration-simulator{background:linear-gradient(#83ccef 0 48%,#2ba8c5 49% 100%)}.mini-hud-card{position:absolute;top:18px;left:18px;display:grid;grid-template-columns:48px 1fr;gap:10px;width:205px;padding:10px;border-radius:5px;color:#fff;background:#113040c7;box-shadow:0 8px 18px #0000002e}.mini-compass{display:grid;place-items:center;width:46px;height:46px;border:2px solid rgba(255,255,255,.45);border-radius:50%;font-weight:900}.mini-hud-card p{display:grid;grid-template-columns:1fr auto;gap:3px 10px;margin:0;font-size:8px}.mini-hud-card strong{color:#fff}.mini-hud-card b{color:#bfd4de;font-weight:600}.mini-boat{position:absolute;right:48px;bottom:52px;width:265px;height:210px;transform:rotate(-3deg)}.mini-mast{position:absolute;left:132px;top:6px;width:7px;height:158px;background:#172c33}.mini-main-sail{position:absolute;left:52px;top:13px;width:77px;height:135px;background:#e4e7dd;clip-path:polygon(100% 0,100% 100%,0 88%)}.mini-jib{position:absolute;left:143px;top:26px;width:75px;height:124px;background:#d7ddd2;clip-path:polygon(0 0,100% 100%,0 100%)}.mini-hull{position:absolute;left:15px;bottom:18px;width:235px;height:38px;border-radius:5px 5px 70% 55%;background:#f1f3ef;box-shadow:inset 0 -8px #173a4f}.mini-bottom-controls{position:absolute;bottom:16px;left:16px;display:flex;gap:8px}.mini-bottom-controls span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#d8f7f2;background:#143844}.mini-bottom-controls .is-highlighted{color:#132e37;background:#f7b844;box-shadow:0 0 0 6px #f7b84438}.mini-tip{position:absolute;right:18px;bottom:18px;display:grid;padding:10px 12px;border-radius:9px;color:#fff;background:#0b2b36e0}.mini-tip b{color:#f7b844;font-size:11px}.mini-tip small{margin-top:3px;font-size:9px}.screen-map-illustration{min-height:390px;background:linear-gradient(145deg,#83ccef 0 54%,#2ca6c3 55% 100%)}.screen-map-hud,.screen-map-advice{position:absolute;color:#fff;background:#0f2d3bde;box-shadow:0 12px 24px #0003}.screen-map-hud{top:20px;left:20px;display:grid;grid-template-columns:42px 1fr;gap:5px 10px;width:220px;padding:12px;border-radius:5px}.screen-map-hud>b{grid-row:1 / 4;display:grid;place-items:center;width:42px;height:42px;border:2px solid #829ba6;border-radius:50%}.screen-map-hud span{display:flex;justify-content:space-between;font-size:9px;color:#bcd0d7}.screen-map-hud strong{color:#fff}.screen-map-advice{top:70px;right:22px;width:245px;padding:12px;border-radius:7px;font-size:10px}.screen-map-advice p{margin:8px 0;padding:10px;border:1px solid #f7b844;border-radius:5px;background:#304a52}.screen-map-advice small{color:#63d1c8}.screen-map-switch{position:absolute;bottom:24px;left:24px;display:flex;align-items:center;gap:10px;color:#fff}.screen-map-switch span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#14616e}.guide-facts{display:grid;gap:11px;align-content:start}.camera-menu-illustration{min-height:450px;padding:24px;color:#edf7f4;background:#102a35}.mini-menu-title{padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.14)}.mini-menu-title b{margin-left:12px}.camera-menu-illustration>strong{display:block;margin:20px 0 9px;color:#fff;font-size:11px}.camera-menu-illustration label{display:flex;justify-content:space-between;margin:12px 0;font-size:11px}.camera-menu-illustration label i{width:15px;height:15px;border-radius:3px;background:#fff}.camera-menu-illustration p{display:flex;justify-content:space-between;margin:14px 0 6px;font-size:10px}.camera-menu-illustration p b{color:#5fd2c6}.mini-slider{height:5px;border-radius:8px;background:#66757a}.mini-slider i{display:block;height:100%;border-radius:8px;background:#54c8bf}.mini-camera-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:24px}.mini-camera-buttons button{padding:9px;border:1px solid #53717a;border-radius:6px;color:#fff;background:#213d47}.crew-learning-scene{display:grid;grid-template-columns:120px 1fr 120px 120px;align-items:end;gap:18px;min-height:390px;padding:38px;background:linear-gradient(#84cdf0 0 45%,#f0f2ea 46% 100%)}.guide-person{position:relative;display:grid;justify-items:center;color:#183a45}.guide-person i{display:block;width:58px;height:105px;border-radius:28px 28px 15px 15px;background:#1c5a83;box-shadow:inset 12px 0 #f4bd2f}.guide-person i:before{content:"";position:absolute;top:-40px;left:50%;width:58px;height:58px;border-radius:50%;background:#dca477;transform:translate(-50%)}.guide-person.jan i{background:#168e97}.guide-person.sharon i{background:#c94d39}.guide-person b{margin-top:8px}.guide-person small{font-size:9px}.guide-speech{align-self:start;margin-top:8px;padding:12px 15px;border-radius:12px 12px 12px 2px;color:#fff;font-size:11px;background:#153d49}.guide-crew-menu{position:absolute;right:32px;top:24px;width:260px;padding:14px;border-radius:8px;color:#fff;background:#102b35;box-shadow:0 14px 30px #00000038}.guide-crew-menu strong{display:block;padding-bottom:9px;border-bottom:1px solid #38505a}.guide-crew-menu p{font-size:11px;line-height:1.5}.guide-crew-menu button{width:100%;padding:8px;border:1px solid #4cc8c0;border-radius:6px;color:#fff;background:#1b4550}.guide-three-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.guide-three-steps article{padding:18px;border:1px solid rgba(15,75,84,.12);border-radius:13px;background:#ffffffb8}.guide-three-steps article>span{margin-bottom:13px}.hardware-learning{min-height:260px;background:linear-gradient(155deg,#eef3ed,#cdd8d5)}.hardware-clutch{position:absolute;left:12%;top:64px;display:flex;gap:7px;padding:13px 16px 35px;border-radius:9px;background:#162b33}.hardware-clutch span{width:36px;height:62px;border-radius:6px;background:#dce4e1;box-shadow:inset 0 -18px #9baaa7}.hardware-clutch span.active{box-shadow:inset 0 -18px #f7b844,0 0 0 3px #f7b84459}.hardware-clutch b,.hardware-winch b,.hardware-handle b{position:absolute;bottom:8px;left:0;width:100%;text-align:center;color:#fff;font-size:10px}.hardware-rope{position:absolute;left:37%;top:106px;width:31%;height:8px;border-radius:10px;background:#f7b844;transform:rotate(4deg);transform-origin:left}.hardware-winch{position:absolute;left:67%;top:66px;width:90px;height:108px;border-radius:50% 50% 16px 16px;background:#102a34;box-shadow:inset 0 12px #66777b,inset 0 26px #263e47}.hardware-winch i{position:absolute;left:-9px;width:108px;height:8px;border-radius:8px;background:#f7b844}.hardware-winch i:nth-child(1){top:35px}.hardware-winch i:nth-child(2){top:49px}.hardware-winch i:nth-child(3){top:63px}.hardware-handle{position:absolute;right:5%;top:40px;width:15px;height:115px;border-radius:6px;background:#253d47;transform:rotate(20deg)}.hardware-handle b{bottom:-22px;left:-35px;width:90px;color:#183a45}.guide-operation-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:22px}.guide-operation-flow li{position:relative;padding:16px;border-top:3px solid #47bbb2;background:#ffffffb3}.guide-operation-flow li:not(:last-child):after{content:"›";position:absolute;right:-10px;top:38%;z-index:2;color:#b77808;font-size:24px;font-weight:900}.guide-operation-flow b,.guide-operation-flow span{display:block}.guide-sail-layout{grid-template-columns:minmax(420px,1.2fr) minmax(330px,.8fr)}.sail-learning{min-height:480px;background:linear-gradient(#82ccee 0 66%,#29a8c4 67%)}.sail-mast{position:absolute;left:49%;top:28px;width:10px;height:380px;background:#172d35}.sail-jib{position:absolute;left:16%;top:45px;width:31%;height:300px;background:#dce2da;clip-path:polygon(100% 0,100% 100%,0 89%)}.sail-main{position:absolute;left:52%;top:58px;width:31%;height:285px;background:#d4ddd5;clip-path:polygon(0 0,100% 100%,0 100%)}.sail-boom{position:absolute;left:47%;top:346px;width:37%;height:14px;border-radius:8px;background:#86572f}.sail-label{position:absolute;padding:6px 9px;border-radius:5px;color:#fff;font-size:10px;background:#123843}.jib-label{left:24%;top:175px}.main-label{left:61%;top:188px}.sail-learning .rope{position:absolute;display:block;width:4px;border-radius:4px;transform-origin:top;background:#2b8a67}.main-halyard{left:46%;top:38px;height:315px}.jib-sheet-port{left:78%;top:336px;height:118px;background:#2762a3!important;transform:rotate(53deg)}.jib-sheet-starboard{left:79%;top:336px;height:110px;background:#2762a3!important;transform:rotate(-52deg)}.main-sheet{left:67%;top:353px;height:100px;background:#c94435!important;transform:rotate(20deg)}.guide-line-glossary{display:grid;gap:9px;margin:0}.guide-line-glossary>div{padding:13px 15px;border:1px solid rgba(15,75,84,.12);border-radius:11px;background:#ffffffb8}.guide-line-glossary dt{display:flex;align-items:center;gap:9px;color:#153943;font-weight:800;font-size:12px}.guide-line-glossary dd{margin:5px 0 0 21px;color:#61747a;font-size:11px;line-height:1.45}.swatch{display:inline-block;width:12px;height:12px;border-radius:50%}.swatch.green{background:#2b8a67}.swatch.blue{background:#2762a3}.swatch.red{background:#c94435}.swatch.amber{background:#d5a718}.swatch.teal{background:#1a9b8c}.swatch.cream{background:#d9d2ad}.motor-learning{display:grid;align-content:start;gap:15px;min-height:380px;padding:28px;color:#fff;background:#102b35}.motor-learning>strong{padding-bottom:12px;border-bottom:1px solid #38515a}.motor-learning button{padding:11px;border:1px solid #53c9c1;border-radius:7px;color:#fff;background:#1c4752}.motor-power-scale{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:16px;font-size:10px}.motor-power-scale i{position:relative;height:8px;border-radius:8px;background:#64767b}.motor-power-scale i:before{content:"";position:absolute;left:50%;top:-5px;width:3px;height:18px;background:#f7b844}.motor-power-scale b{position:absolute;left:50%;width:0;height:100%;background:#4cc8c0}.motor-learning small{text-align:center;color:#b9cccc}.motor-learning .autopilot-button{margin-top:12px;border-color:#f7b844}.procedure-learning-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px}.procedure-learning-flow article{min-height:178px;padding:18px;border:1px solid rgba(15,75,84,.12);border-radius:13px;background:#ffffffbf}.procedure-learning-flow article>span{margin-bottom:14px}.procedure-learning-flow>i{color:#b77808;font-size:24px;font-style:normal;font-weight:900}.procedure-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.procedure-list span{padding:8px 11px;border:1px solid #a6c2be;border-radius:999px;color:#28545c;font-size:10px;background:#fff}.troubleshooting-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.troubleshooting-grid article{padding:17px;border:1px solid rgba(15,75,84,.12);border-radius:13px;background:#ffffffbf}.dependency-illustration{display:flex;align-items:center;justify-content:center;gap:15px;min-height:120px;margin-top:24px;padding:20px;background:#153d49}.dependency-illustration span{padding:10px 13px;border:1px solid #4fc4ba;border-radius:7px;color:#fff;font-size:11px;background:#214f59}.dependency-illustration i{color:#f7b844;font-size:22px;font-style:normal}@media(max-width:1050px){.guide-shell{grid-template-columns:290px minmax(0,1fr)}.guide-topic{width:min(100% - 44px,900px)}.guide-quick-grid,.guide-learning-grid,.guide-learning-grid.reverse,.guide-sail-layout,.guide-purpose-layout,.guide-operation-flow{grid-template-columns:1fr}.guide-operation-flow li:not(:last-child):after{content:"↓";right:18px;top:auto;bottom:-20px}.procedure-learning-flow{grid-template-columns:1fr}.procedure-learning-flow>i{transform:rotate(90deg);text-align:center}.troubleshooting-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.guide-shell{display:block;height:calc(100% - 68px)}.guide-navigation{position:relative;display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;height:96px;padding:10px 12px;border-right:0;border-bottom:1px solid rgba(12,67,77,.14)}.guide-navigation-intro,.guide-topic-navigation>p{display:none}.guide-topic-navigation{display:flex;flex:none;gap:7px;margin:0}.guide-topic-button{grid-template-columns:28px auto;width:auto;min-height:74px;padding:7px 10px;white-space:nowrap;background:#fff}.guide-topic-icon{width:27px;height:27px}.guide-topic-button small{display:none}.guide-content{height:calc(100% - 96px)}.guide-topic{width:calc(100% - 28px);padding:34px 0 56px}.guide-topic-heading h1{font-size:42px}.guide-topic-heading>p{font-size:14px}.guide-quick-grid,.guide-learning-grid,.guide-learning-grid.reverse,.guide-sail-layout,.guide-purpose-layout{grid-template-columns:1fr}.purpose-learning{min-height:360px;padding:24px}.purpose-learning-route{grid-template-columns:repeat(2,minmax(0,1fr))}.purpose-learning-route>span:after{display:none}.app-illustration{min-height:300px}.guide-three-steps,.troubleshooting-grid{grid-template-columns:1fr}.crew-learning-scene{grid-template-columns:repeat(3,1fr);padding:170px 18px 26px}.guide-speech{position:absolute;left:18px;top:18px}.guide-crew-menu{top:66px;right:18px;left:18px;width:auto}.guide-operation-flow{grid-template-columns:1fr}.dependency-illustration{flex-wrap:wrap}.guide-success,.guide-warning{grid-template-columns:1fr;gap:5px}}@media(prefers-reduced-motion:reduce){.guide-topic{animation:none}}: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}