:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#f1f0e5;background:#173e49;font-synthesis:none;--ink:#e8ede3;--muted:#b9cbc4;--dark:#0a3039;--accent:#e4b77b;--line:rgba(224,235,220,.18);--panel:rgba(10,40,48,.85)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.4}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button svg{width:20px;height:20px}button:hover{filter:brightness(1.12)}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#ocean{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#app{position:fixed;inset:0;pointer-events:none}#app button,#app a,#app input,#app select,#app dialog,#app .launch-panel{pointer-events:auto}button{transition:background .18s,color .18s,border-color .18s}svg{flex-shrink:0}.topbar{position:absolute;top:0;left:0;right:0;padding:30px 4%;display:flex;align-items:center;justify-content:space-between;z-index:3}.wordmark{display:flex;align-items:center;gap:13px;font-size:18px;font-weight:650;letter-spacing:4px;line-height:1}.wordmark>svg{height:38px;width:38px;stroke-width:1.1}.wordmark-sub{display:block;font-size:8px;letter-spacing:3px;margin-top:8px;font-weight:400}.topbar-right{display:flex;align-items:center;gap:12px}.icon-button{display:grid;place-items:center;background:#11313852;width:42px;height:42px;border:1px solid rgba(230,240,223,.28);border-radius:50%;color:#f0efe4}.weather-chip{display:flex;align-items:center;gap:12px;padding:12px 19px;border:1px solid var(--line);border-radius:30px;font-size:12px;letter-spacing:.5px;background:#0d2e3657;backdrop-filter:blur(12px)}.weather-chip svg{width:18px;height:18px}.chip-divider{height:13px;width:1px;background:var(--line)}.menu{position:absolute;inset:0;isolation:isolate}.menu:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,33,43,.66),rgba(7,35,44,.19) 45%,transparent 75%),linear-gradient(0deg,rgba(3,28,36,.85),transparent 47%);pointer-events:none}.menu-title{position:absolute;left:4.5%;top:23%;text-shadow:0 2px 30px rgba(0,20,30,.15)}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:3px;color:#d1dfd2;font-weight:500}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#bdd8b5;box-shadow:0 0 10px #b9dead40}h1{font-family:Georgia,Times New Roman,serif;line-height:.99;letter-spacing:-3px;font-size:clamp(42px,5.7vw,86px);font-weight:400;margin:24px 0 22px}.title-dot{color:#e6b681}.map-meta{display:flex;align-items:center;gap:13px;font-size:12px;letter-spacing:.5px;color:#cadbd3}.map-meta>span{color:#e4b77b}.scene-label{position:absolute;right:6%;top:44%;display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:1.7px;text-shadow:0 1px 5px #173e49}.scene-label .crosshair{font-size:38px;font-weight:200;color:#e3c698}.scene-label>div>span{display:block;font-size:8px;letter-spacing:1.7px;margin-top:6px;color:#c5d6c9}.launch-panel{position:absolute;bottom:75px;left:4.5%;right:4.5%;display:grid;grid-template-columns:1.12fr 1.15fr .78fr;border:1px solid rgba(227,238,219,.3);border-radius:7px;background:#082830cc;box-shadow:0 10px 50px #000f141f;backdrop-filter:blur(22px);overflow:hidden}.launch-section{padding:25px 28px 27px}.launch-section+.launch-section{border-left:1px solid var(--line)}.section-label{display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:1.6px;color:#a8bfb9;margin-bottom:20px}.section-label>span{color:#dbe6db}.boat-options{display:grid;gap:8px}.boat-option{display:flex;align-items:center;gap:13px;text-align:left;padding:9px 12px;border:1px solid transparent;border-radius:4px;background:transparent;min-height:55px}.boat-option.selected{border-color:#a7b99f;background:#abc0a51a}.boat-option>span:nth-child(2){flex:1}.boat-option strong{display:block;font-size:16px;font-weight:500;letter-spacing:.5px}.boat-option small{display:block;font-size:10px;margin-top:5px;color:#a9c0b9}.boat-drawing{display:grid;place-items:center;width:37px;height:37px;color:#c9ddd0}.boat-drawing svg{width:35px;height:35px;stroke-width:.8}.boat-drawing.opti svg{width:28px;height:28px}.selection-dot{border-radius:50%;width:12px;height:12px;border:1px solid #9fb5ae;position:relative}.selected .selection-dot:after{content:"";position:absolute;inset:3px;background:#e1bd8d;border-radius:50%}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-option{display:flex;align-items:center;gap:9px;font-size:11px;text-align:left;white-space:nowrap;background:#ffffff06;border:1px solid rgba(204,224,211,.15);padding:12px 10px;border-radius:4px;min-height:45px}.mode-option.selected{background:#dce2ce;color:#183a40;border-color:#dce2ce}.mode-number{font-size:16px;line-height:1;width:18px;text-align:center;font-weight:400}.course-select{display:none;align-items:center;gap:14px;margin-top:12px;font-size:11px;color:var(--muted)}.course-select.visible{display:flex}select{color:#d6e3d7;background:#183e47;border:1px solid var(--line);padding:7px 10px;border-radius:3px;max-width:100%}.course-select select{flex:1;padding:6px;font-size:11px}.conditions-summary{display:flex;align-items:center;gap:14px;text-align:left;background:transparent;width:100%;padding:0 0 15px}.conditions-summary>#conditions-speed{font-size:35px;letter-spacing:-1.4px;font-weight:300}.conditions-summary>#conditions-speed>span{font-size:13px;letter-spacing:0;color:#b4c7be}.conditions-summary>span:nth-child(2){flex:1}.conditions-summary strong{font-size:12px;font-weight:400}.conditions-summary small{display:block;color:#b1c6bc;font-size:10px;margin-top:6px}.conditions-summary>svg{width:16px;height:16px}.primary-button{background:#e4ba82;color:#18373c;font-weight:600;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:15px 19px;border-radius:3px;min-height:46px}.primary-button svg{width:19px;height:19px}.start-section>.primary-button{width:100%;margin-top:3px}.menu-footer{position:absolute;bottom:26px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#b3c7bf;letter-spacing:1.8px}.menu-footer button{background:transparent;display:flex;align-items:center;gap:12px;font-size:10px;color:#d8e2d6;letter-spacing:.5px}.menu-footer svg{width:14px;height:14px}.loading{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;background:#0d333e;z-index:100;transition:opacity .45s;font-size:12px;letter-spacing:2px;pointer-events:auto}.loading.complete{opacity:0;pointer-events:none}.loader-sail{width:64px;height:64px}.loader-sail svg{width:64px;height:64px;stroke-width:.7}.loading-line{width:130px;height:1px;background:#a8c3b6;animation:loading 1.3s infinite;transform-origin:left}.loading p{max-width:340px;text-align:center;line-height:1.8;letter-spacing:0}@keyframes loading{0%,to{transform:scaleX(.25);opacity:.3}50%{transform:scaleX(1);opacity:1}}.panel{background:var(--panel);border:1px solid rgba(219,234,214,.22);backdrop-filter:blur(16px);box-shadow:0 3px 16px #00151b0f;border-radius:5px}.hud{position:absolute;inset:0}.game-top{position:absolute;top:24px;left:28px;right:28px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.session-chip{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(15px);border-radius:5px;padding:14px 16px;display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1.3px}.session-chip #boat-name{color:#d4b78b;border-left:1px solid var(--line);padding-left:12px}.race-top{display:flex;gap:30px;padding:12px 24px;border:1px solid var(--line);border-radius:5px;background:var(--panel);backdrop-filter:blur(16px)}.race-top>div{text-align:center}.race-top small{display:block;letter-spacing:1.4px;font-size:8px;color:#c1d2c5;margin-bottom:5px}.race-top strong{font-size:22px;font-weight:400;font-variant-numeric:tabular-nums}.game-top>.icon-button{pointer-events:auto}.map-panel{position:absolute;top:102px;right:28px;width:205px;padding:13px 13px 9px}.panel-title{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.3px;color:#b5cbc0}.panel-title button{display:flex;background:transparent;color:#b5cbc0;padding:0;font-size:10px}.panel-title svg{width:15px;height:15px}#minimap{width:100%;height:auto;border-radius:2px;margin-top:12px;display:block}.map-footer{display:flex;justify-content:space-between;font-size:8px;color:#a8c3b6;margin-top:9px;letter-spacing:.3px}.instrument-bar{position:absolute;bottom:63px;left:28px;right:28px;display:flex;gap:10px;align-items:stretch;max-width:890px}.speed-panel{padding:17px 20px;min-width:210px}.instrument-label{font-size:8px;letter-spacing:1.8px;color:#b5cabe}.speed-value{display:flex;align-items:baseline;gap:12px}.speed-value>span:first-child{font-size:68px;line-height:1.16;font-weight:300;letter-spacing:-3px;font-variant-numeric:tabular-nums}.speed-value>span:last-child{color:#c3d0c0;font-size:14px}.speed-secondary{display:flex;gap:19px;font-size:9px;color:#bdd0c4;white-space:nowrap}.speed-secondary strong{font-weight:400;color:#e8eee0}.wind-panel{display:flex;align-items:center;gap:12px;padding:12px 18px;min-width:260px}.wind-dial{width:100px;height:100px}.wind-dial>svg{width:100%;height:100%}.wind-dial circle{stroke:#a4bcb0;stroke-width:.7;fill:none}.no-go-sector{fill:#dd946c24;stroke:none}.dial-boat{fill:#d7e4d5;stroke:none}.true-wind-arrow{stroke:#e9be86;stroke-width:2;fill:none}.apparent-wind-arrow{stroke:#8fcecf;stroke-width:1.5;fill:none}.wind-values{flex:1}.wind-values>div:not(.wind-angle){display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.wind-values>div>span{font-size:8px;color:#b3c9bd;letter-spacing:1px}.wind-values strong{font-size:18px;font-weight:400;white-space:nowrap}.wind-values small{font-size:9px;color:#b5ccbd;font-weight:400}.wind-angle{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:10px}.wind-angle>span{font-size:8px!important;letter-spacing:0!important}.wind-angle b{font-weight:400;color:#e6e9db}.sailing-panel{padding:14px 17px;min-width:280px}.sailing-numbers{display:flex;gap:23px;justify-content:space-between;margin-bottom:12px}.sailing-numbers small{display:block;font-size:7px;letter-spacing:1.2px;color:#b4cbbb;margin-bottom:4px;white-space:nowrap}.sailing-numbers strong{font-weight:400;font-size:20px;font-variant-numeric:tabular-nums;white-space:nowrap}.sailing-numbers strong small{display:inline;font-size:8px;letter-spacing:0}.trim-row{display:flex;align-items:center;gap:9px;margin-top:8px}.trim-row>span{font-size:7px;letter-spacing:.7px;color:#b6cdbd;min-width:28px}.trim-row>input{flex:1;min-width:50px;width:70px;accent-color:#d2bc93;height:8px;cursor:pointer}.trim-row>button{font-size:7px;letter-spacing:.6px;padding:4px 6px;min-width:49px;background:#ffffff0f;color:#aec4b9;border-radius:2px;border:1px solid var(--line)}.trim-row>button[aria-pressed=true]{color:#e6c798;border-color:#e2ba8059}.spin-button{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:5px 0 0;width:100%;background:transparent;border-top:1px solid var(--line);font-size:7px;letter-spacing:1px;color:#b5cabe}.spin-button span{color:#e2bb84}.spin-button.active span{color:#dce6a9}.game-tools{position:absolute;right:28px;bottom:68px;display:flex;gap:9px}.game-tools .icon-button{width:38px;height:38px}.icon-button.active{border-color:#e2b57c;color:#f2cc98;background:#244b4f}.keyboard-hints{position:absolute;left:28px;right:28px;bottom:24px;display:flex;gap:20px;align-items:center;color:#e1e8db;font-size:9px;text-shadow:0 1px 5px #12323a}.keyboard-hints>span{display:flex;align-items:center;gap:5px}kbd{font:9px Inter,Segoe UI,sans-serif;border:1px solid rgba(221,235,218,.4);padding:2px 4px;min-width:17px;border-radius:2px;text-align:center;background:#0a283080}#fps{margin-left:auto;font-size:8px;letter-spacing:.4px}.game-message{position:absolute;top:20%;left:50%;transform:translate(-50%);padding:12px 22px;font-size:12px;letter-spacing:1px;background:#092930de;border:1px solid #d9ba87;border-radius:4px;opacity:0;transition:opacity .2s;text-align:center;max-width:80vw}.game-message.visible{opacity:1}.right-button{background:#e4ba82;color:#193b41;font-size:11px;padding:10px 13px;border-radius:4px}.lesson-panel{position:absolute;top:100px;left:28px;width:285px;padding:18px;pointer-events:auto}.lesson-panel h2{font-family:Georgia,serif;font-weight:400;font-size:23px;line-height:1.2;margin:17px 0 10px}.lesson-panel p{font-size:12px;line-height:1.8;color:#ccdbd0;margin:0 0 19px}.lesson-track{height:2px;background:#46645e;margin:0 0 15px}.lesson-track span{display:block;height:100%;width:0;background:#dfbb82;transition:width .2s}.lesson-panel .primary-button{font-size:10px;padding:11px;width:100%;min-height:35px}.lesson-panel .primary-button svg{width:14px;height:14px}.touch-controls{display:none}dialog{color:#e5e9dd;background:#0f343e;border:1px solid #627f74;border-radius:8px;padding:0;width:min(760px,calc(100vw - 32px));max-height:90dvh;box-shadow:0 20px 100px #000a1473;scrollbar-color:#7c9b88 #123a42}dialog::backdrop{background:#03181f8c;backdrop-filter:blur(6px)}.dialog-shell{padding:28px 32px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}.dialog-heading>span{font-family:Georgia,serif;font-size:31px;letter-spacing:-.6px}.dialog-heading>.icon-button{width:32px;height:32px}.dialog-heading svg{width:16px;height:16px}h3{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:500;margin:0 0 18px;color:#e5c498}.settings-columns,.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;margin:0;padding:13px 0;border-bottom:1px solid rgba(220,235,216,.08);min-height:51px}.range-value{display:flex;align-items:center;gap:12px}.range-value input{width:90px;accent-color:#d3b588;height:4px;cursor:pointer}.range-value output{font-size:10px;color:#c0d0bf;font-variant-numeric:tabular-nums;min-width:42px;text-align:right}.setting-row select{font-size:11px;max-width:128px}.setting-row input[type=checkbox]{accent-color:#c7cda5;width:17px;height:17px;cursor:pointer}.preset-buttons,.save-actions{display:flex;gap:7px;margin-top:18px}.preset-buttons button,.save-actions button{background:#e7efd60f;border:1px solid var(--line);border-radius:3px;font-size:10px;padding:8px 10px}.settings-note,.help-note{font-size:10px;line-height:1.8;color:#a8c0b4;margin-top:18px}.dialog-full{width:100%;margin-top:28px}.controls-list,.glossary{margin:0;display:grid;grid-template-columns:auto 1fr;gap:12px 14px;font-size:11px;line-height:1.6}.controls-list dt{white-space:nowrap;color:#e4ccaa}.controls-list dd,.glossary dd{margin:0;color:#bdcfc2}.glossary{display:block}.glossary dt{color:#e4ccaa;margin-bottom:3px}.glossary dd{margin-bottom:13px}.muted{color:#adc3b5;font-size:10px;line-height:1.8}.help-note{border-top:1px solid var(--line);padding-top:18px}.pause-details{display:flex;gap:20px;color:#b8ccbd;font-size:11px;margin-bottom:25px}.pause-details>span:last-child{margin-left:auto;font-variant-numeric:tabular-nums}.pause-actions{display:grid;gap:10px}.secondary-button{background:#e0eed60d;border:1px solid var(--line);border-radius:3px;font-size:12px;padding:14px 19px;text-align:left}.text-button{background:transparent;padding:13px;color:#b8cdbf;font-size:11px}.result-heading{text-align:center;display:flex;flex-direction:column;gap:12px;font-size:11px;color:#c9d8ca}.result-heading strong{font-weight:300;font-size:62px;line-height:1;letter-spacing:-2px;color:#f1e6d0;font-variant-numeric:tabular-nums}.result-heading>span:last-child{color:#e7bd82}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:23px 0}.result-grid>div{text-align:center}.result-grid small{display:block;font-size:8px;letter-spacing:1px;color:#afc5b6;margin-bottom:7px}.result-grid strong{font-size:18px;font-weight:400;white-space:nowrap}.result-feedback{font-size:11px;line-height:1.7;color:#bdcebf}.result-actions{display:flex;gap:12px;margin-top:22px}.result-actions>button{flex:1}#result-map{display:block;margin-top:24px;width:100%;height:180px;object-fit:cover;border:1px solid var(--line);border-radius:3px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;transition:opacity .2s,transform .2s;background:#dbe3cf;border:1px solid #e8ead6;color:#173c42;padding:12px 19px;border-radius:4px;font-size:11px;box-shadow:0 4px 25px #00141a33;z-index:150;pointer-events:none;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%)}@media(min-width:1600px){.menu-title{top:23%}.launch-panel{bottom:85px}.launch-section{padding:30px 35px}.section-label{margin-bottom:23px}.boat-option{min-height:61px}.mode-option{min-height:50px}.conditions-summary{padding-bottom:22px}.menu-footer{bottom:32px}}@media(max-width:1100px){.launch-section{padding:20px}.launch-panel{grid-template-columns:1.1fr 1.15fr .85fr}.mode-option{padding:10px 6px;font-size:10px;gap:5px}.boat-option{padding:8px 5px;gap:8px}.boat-option small{font-size:9px}.boat-option strong{font-size:14px}.conditions-summary{gap:8px}.conditions-summary>#conditions-speed{font-size:29px}.conditions-summary small{font-size:9px}.instrument-bar{right:auto;max-width:calc(100vw - 56px)}.speed-panel{min-width:165px;padding:15px}.speed-value>span:first-child{font-size:57px}.wind-panel{min-width:225px;padding:10px}.wind-dial{width:85px;height:85px}.sailing-panel{min-width:250px;padding:12px}.game-tools{bottom:245px;flex-direction:column;right:28px}.keyboard-hints{gap:12px}.scene-label{right:4%}.menu-title{top:23%}h1{font-size:65px}.game-top{gap:12px}.map-panel{width:180px}.race-top{gap:22px}.map-meta{font-size:11px}}@media(max-height:730px)and (min-width:761px){.topbar{padding-top:22px}.menu-title{top:22%}h1{font-size:56px;margin:19px 0}.launch-panel{bottom:60px}.launch-section{padding-top:17px;padding-bottom:18px}.section-label{margin-bottom:12px}.boat-option{min-height:47px}.menu-footer{bottom:21px}.scene-label{top:35%}.instrument-bar{bottom:50px}.keyboard-hints{bottom:15px}.map-panel{width:160px}.wind-dial{width:76px;height:76px}.lesson-panel{width:250px}.lesson-panel h2{font-size:20px}.lesson-panel p{font-size:11px}.game-tools{bottom:220px}.speed-value>span:first-child{font-size:52px}}@media(max-width:760px){.topbar{padding:20px 22px}.wordmark{font-size:13px;letter-spacing:2.5px;gap:8px}.wordmark>svg{width:30px;height:30px}.wordmark-sub{font-size:6px;letter-spacing:1.9px;margin-top:6px}.topbar-right{gap:8px}.topbar-right .icon-button{width:33px;height:33px}.weather-chip{display:none}.menu-title{left:24px;top:16%}h1{font-size:clamp(40px,9vw,63px);letter-spacing:-2px;margin:18px 0}.eyebrow{font-size:8px;letter-spacing:2px}.map-meta{font-size:10px}.scene-label{display:none}.launch-panel{left:20px;right:20px;bottom:57px;grid-template-columns:1fr 1fr}.launch-section{padding:16px}.launch-section+.launch-section{border-left:1px solid var(--line)}.start-section{grid-column:1/-1;border-left:0!important;border-top:1px solid var(--line);display:flex;align-items:center;gap:15px;padding:13px 16px}.start-section .section-label{display:none}.conditions-summary{padding:0;width:50%}.conditions-summary>#conditions-speed{font-size:28px}.conditions-summary small{display:none}.start-section>.primary-button{width:50%;margin:0;padding:12px 16px}.section-label{font-size:8px;gap:8px;margin-bottom:10px}.boat-option{min-height:45px;padding:6px;gap:5px}.boat-drawing{width:26px;height:26px}.boat-drawing svg{width:25px;height:25px}.boat-drawing.opti svg{width:21px;height:21px}.boat-option strong{font-size:13px}.boat-option small{font-size:8px;line-height:1.4;max-width:110px}.selection-dot{width:10px;height:10px;flex-shrink:0}.selected .selection-dot:after{inset:2px}.mode-grid{grid-template-columns:1fr;gap:4px}.mode-option{min-height:29px;padding:6px 7px;font-size:9px;gap:5px}.mode-number{font-size:12px;width:15px}.mode-section{padding-left:12px}.boat-options{gap:7px}.course-select{margin-top:7px;display:none}.course-select>label{display:none}.course-select select{width:100%;font-size:8px;padding:5px}.menu-footer{left:22px;right:22px;bottom:23px;font-size:6px;letter-spacing:1px}.menu-footer>span:nth-child(2){display:none}.menu-footer button{font-size:9px}.game-top{top:15px;left:15px;right:15px;gap:10px}.session-chip{font-size:8px;letter-spacing:.7px;padding:11px 12px;gap:8px}.game-top>.icon-button{width:34px;height:34px}.race-top{position:absolute;top:48px;left:0;gap:18px;padding:10px 13px}.race-top small{font-size:6px}.race-top strong{font-size:17px}.map-panel{top:66px;right:15px;width:126px;padding:9px}.panel-title{font-size:6px;letter-spacing:.7px}#minimap{margin-top:7px}.map-footer{font-size:6px}.map-footer>span:first-child{max-width:77px;overflow:hidden;white-space:nowrap}.instrument-bar{bottom:133px;left:15px;right:15px;max-width:none;gap:6px;display:grid;grid-template-columns:1fr 1fr}.speed-panel{min-width:0;padding:12px;grid-column:1}.instrument-label{font-size:6px}.speed-value>span:first-child{font-size:40px;letter-spacing:-1.6px}.speed-value>span:last-child{font-size:10px}.speed-secondary{font-size:7px;gap:8px}.wind-panel{min-width:0;grid-column:2;padding:9px;gap:6px}.wind-dial{width:62px;height:62px;flex-shrink:0}.wind-values strong{font-size:14px}.wind-values>div>span{font-size:5px;letter-spacing:.3px}.wind-values>div:not(.wind-angle){gap:4px;margin-bottom:7px}.wind-values small{font-size:6px}.wind-angle{gap:5px;padding-top:6px}.wind-angle>span{font-size:6px!important}.sailing-panel{grid-column:1/-1;min-width:0;padding:10px 12px;display:grid;grid-template-columns:1fr 1fr;gap:5px 13px}.sailing-numbers{grid-column:1;grid-row:1/4;display:flex;align-items:center;gap:11px;justify-content:space-between;margin:0}.sailing-numbers small{font-size:5px;letter-spacing:.5px}.sailing-numbers strong{font-size:15px}.trim-row{margin:0;gap:5px}.trim-row>span{font-size:6px;min-width:23px}.trim-row>button{font-size:5px;min-width:36px;padding:3px}.spin-button{margin:0;font-size:5px;padding-top:5px}.keyboard-hints{display:none}.game-tools{bottom:auto;top:245px;right:15px;gap:7px}.game-tools .icon-button{width:32px;height:32px}.game-tools svg{width:15px;height:15px}.touch-controls{display:flex;position:absolute;bottom:24px;left:15px;right:15px;align-items:flex-end;justify-content:space-between;gap:15px;pointer-events:none}.touch-controls button{pointer-events:auto;touch-action:none;background:#0a2830d9;border:1px solid rgba(217,235,213,.4);border-radius:5px;padding:13px;font-size:10px;user-select:none;-webkit-user-select:none}.touch-steer{display:flex;gap:10px}.touch-steer button{font-size:18px;width:58px;height:58px;padding:10px}.touch-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.touch-actions button{padding:10px 13px;min-width:55px;min-height:36px}.touch-controls button.pressed{background:#b2c0a5;color:#123c43}.lesson-panel{top:117px;left:15px;width:calc(100% - 175px);padding:12px}.lesson-panel h2{font-size:17px;margin:10px 0 7px}.lesson-panel p{font-size:10px;line-height:1.6;margin-bottom:12px}.lesson-panel .primary-button{font-size:8px;padding:8px;gap:8px;min-height:30px}.lesson-panel .panel-title{font-size:6px}.lesson-panel .panel-title button{font-size:8px}.game-message{top:40%;font-size:10px;padding:9px 13px;max-width:90vw;width:max-content}.dialog-shell{padding:20px}.dialog-heading>span{font-size:27px}.settings-columns,.help-grid{grid-template-columns:1fr;gap:25px}.setting-row{padding:10px 0}.range-value input{width:110px}.settings-note{font-size:9px}.result-grid{gap:8px}.result-grid small{font-size:6px;letter-spacing:.3px}.result-grid strong{font-size:14px}.result-heading strong{font-size:50px}.toast{bottom:15px;font-size:10px;width:max-content;max-width:90vw}.controls-list{font-size:10px;gap:10px}.help-note{font-size:9px}.result-actions .primary-button{gap:10px}}@media(max-width:760px)and (max-height:670px){.menu-title{top:14%}h1{font-size:38px;margin:12px 0}.eyebrow{font-size:7px}.map-meta{font-size:9px}.launch-panel{bottom:43px}.launch-section{padding:12px}.menu-footer{bottom:15px}.boat-option{min-height:39px}.mode-option{min-height:25px;padding:5px}.start-section{padding:10px 12px}.start-section>.primary-button{min-height:36px;padding:9px 13px}.instrument-bar{bottom:119px}.touch-controls{bottom:15px}.speed-panel{padding:8px 12px}.speed-value>span:first-child{font-size:33px}.wind-dial{height:52px;width:52px}.sailing-panel{padding:8px 12px}.lesson-panel{top:100px}.lesson-panel p{font-size:9px}.game-tools{top:225px}}@media(pointer:coarse)and (min-width:761px){.touch-controls{display:flex;position:absolute;left:28px;right:28px;bottom:20px;justify-content:space-between}.touch-steer,.touch-actions{display:flex;gap:8px}.touch-controls button{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:12px;min-width:45px;touch-action:none;user-select:none}.keyboard-hints{display:none}.instrument-bar{bottom:100px}.game-tools{bottom:280px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(max-height:520px)and (max-width:1000px){.hud .touch-controls{position:absolute;display:flex;left:12px;right:12px;bottom:16px;align-items:flex-end;justify-content:space-between;gap:20px;pointer-events:none}.hud .touch-controls button{pointer-events:auto;touch-action:none;background:#0a2830eb;color:#e4eadd;border:1px solid rgba(216,232,208,.34);border-radius:4px;user-select:none}.hud .keyboard-hints{display:none}.hud .mobile-only{display:grid}}@media(max-width:760px)and (min-height:521px){.hud .game-tools{inset:72px 14px auto;flex-direction:row;justify-content:flex-end;gap:8px}.hud .map-panel{top:124px;right:14px}.hud:has(#race-top:not([hidden])) .game-tools{top:126px}.hud:has(#race-top:not([hidden])) .map-panel{top:178px}.hud:has(#lesson:not([hidden])) .game-tools{top:auto;bottom:calc(315px + env(safe-area-inset-bottom))}.hud.instruments-expanded .lesson-panel{display:none}.hud.instruments-expanded .game-tools{top:72px;bottom:auto}.hud.instruments-expanded:has(#race-top:not([hidden])) .game-tools{top:126px}.hud.analysis-enabled .game-tools{inset:72px 14px auto auto;flex-direction:column}}.mast-scale{display:flex;justify-content:space-between;font-size:8px;color:#adc5b3;margin-top:16px}.mast-gradient{height:4px!important;margin-top:6px!important}.load-panel{max-height:calc(100dvh - 370px);overflow:auto;scrollbar-width:thin;scrollbar-color:#789785 transparent}.load-note summary{cursor:pointer;color:#bcd0b8;font-size:9px;pointer-events:auto}.load-note p{margin:9px 0 0;line-height:1.7}@media(max-height:520px){.load-panel{max-height:calc(100dvh - 140px)}}.load-panel{position:absolute;top:100px;left:28px;width:254px;padding:17px;pointer-events:auto}.pressure-scale{display:flex;justify-content:space-between;color:#bcd0c0;font-size:9px;margin-top:18px}.pressure-gradient{height:7px;border-radius:3px;background:linear-gradient(90deg,#2245bb,#1bcbe1,#65d875,#ffe451,#ff9b36,#e24736);margin-top:7px}.load-values{display:grid;grid-template-columns:1fr auto;gap:12px 8px;margin:20px 0 0;font-size:10px}.load-values dt{color:#bed0c0}.load-values dd{margin:0;color:#f0e4cc;font-variant-numeric:tabular-nums}.load-note{font-size:8px;line-height:1.7;color:#9cb6a7;margin:17px 0 0;border-top:1px solid var(--line);padding-top:12px}.analysis-enabled .lesson-panel{display:none!important}@media(max-width:760px){.load-panel{top:72px;left:14px;width:calc(100% - 80px);max-width:300px;padding:13px}.load-values{gap:9px;font-size:10px;margin-top:14px}.load-note{font-size:8px;margin-top:11px;padding-top:8px}.pressure-scale{margin-top:12px}.analysis-enabled .instrument-bar{opacity:.65}.analysis-enabled .game-message{display:none}}.jib-controls{display:flex;align-items:center;gap:5px;padding-top:9px;margin-top:8px;border-top:1px solid var(--line)}.jib-controls>span{font-size:8px;color:#b5cbbb;letter-spacing:1px;margin-right:3px}.jib-controls button{flex:1;font-size:8px;padding:6px 4px;min-height:26px;border:1px solid var(--line);border-radius:3px;background:#e2edd20d;color:#c8d9c8}.jib-controls button[aria-pressed=true],.jib-controls button.active{color:#e4be87;border-color:#e7bc7b66}.jib-controls button.pressed{background:#d9c198;color:#193c40}.jib-controls{grid-column:1/-1}@media(pointer:coarse){.jib-controls button{min-height:40px;font-size:10px}.crew-detent-control input{height:30px}.crew-detent-control output{font-size:10px}}.crew-detent-control{display:flex;flex-direction:column;flex:1;min-width:60px}.crew-detent-control input{width:100%;margin:2px 0 3px;accent-color:#dbba85;cursor:pointer;height:14px}.crew-detent-control output{font-size:8px;color:#c9d6c5;line-height:1.4;text-align:center;white-space:nowrap}.crew-detent-control datalist{display:none}.hud>.right-button{position:absolute;left:50%;top:45%;transform:translate(-50%);min-width:156px;min-height:50px;padding:14px 22px;font-size:13px;border:1px solid #f0d2a0;box-shadow:0 4px 24px #00141e33;touch-action:none;user-select:none;-webkit-user-select:none;z-index:5}.hud>.right-button.pressed{background:#f0d5a6;box-shadow:0 0 0 4px #edc79138}.wind-panel{min-width:310px;padding:10px 14px;gap:14px}.wind-dial{width:126px;height:126px;flex-shrink:0}.wind-dial canvas{width:100%;height:100%;display:block}.instrument-bar{max-width:970px}.compass-legend{display:flex;gap:10px;padding-top:9px;font-size:7px;color:#c5d5c5;white-space:nowrap}.compass-legend span{font-size:7px!important;letter-spacing:0!important;display:flex;align-items:center;gap:4px}.compass-legend span:before{content:"";width:4px;height:4px;background:#efebd6;border-radius:50%}.compass-legend .legend-true:before{background:#e8b879}.compass-legend .legend-apparent:before{background:#8ed4d6}.trim-row select{flex:1;width:100px;min-width:60px;padding:5px;font-size:9px;cursor:pointer}.mobile-only{display:none}.helm-pad{pointer-events:auto!important;touch-action:none;user-select:none;-webkit-user-select:none;position:relative;width:138px;height:80px;border:1px solid rgba(223,236,213,.4);border-radius:45px;background:#0a2830de;backdrop-filter:blur(12px);box-shadow:inset 0 0 25px #000c1633}.helm-pad:before,.helm-pad:after{position:absolute;top:50%;transform:translateY(-50%);color:#b9cbbd;font-size:12px;content:"◁";left:13px}.helm-pad:after{content:"▷";left:auto;right:13px}.helm-centre{position:absolute;top:19px;bottom:19px;left:50%;width:1px;background:#dfecd52b}.helm-knob{display:grid;place-items:center;position:absolute;width:54px;height:54px;left:calc(50% - 27px);top:12px;transform:translate(var(--helm-x,0px));border-radius:50%;background:#bfcdb7;color:#1b4248;font-size:24px;box-shadow:0 3px 12px #000a1440;transition:transform .09s ease-out}.engaged .helm-knob{transition:none;background:#e2bd86}.touch-controls button{min-height:44px!important}.map-panel{pointer-events:none}.panel-title button{pointer-events:auto}.touch-controls{padding-bottom:env(safe-area-inset-bottom,0px)}@media(min-width:761px)and (max-width:1100px){.wind-panel{min-width:275px;gap:8px}.wind-dial{width:105px;height:105px}.instrument-bar{max-width:calc(100vw - 56px)}.speed-panel{min-width:170px}.sailing-panel{min-width:265px}.compass-legend{gap:7px}}@media(max-width:760px){.menu-title{top:13%}.menu-title h1{font-size:clamp(32px,8vw,50px);margin:16px 0 14px}.menu-title .eyebrow{font-size:7px}.menu-title .map-meta{font-size:10px}.topbar{padding-top:max(18px,env(safe-area-inset-top))}.mobile-only{display:grid}.game-top{top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right))}.session-chip{font-size:9px;padding:11px 12px}.game-top>.icon-button{width:40px;height:40px}.map-panel{display:none;width:165px;top:72px;right:65px}.map-expanded .map-panel{display:block}.map-footer,.panel-title{font-size:8px}.map-footer>span:first-child{max-width:110px}.game-tools{top:72px;right:max(14px,env(safe-area-inset-right));bottom:auto;gap:8px}.game-tools .icon-button{width:40px;height:40px}.game-tools svg{width:18px;height:18px}.game-tools .right-button{max-width:100px;font-size:10px;padding:10px}.instrument-bar{left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:calc(165px + env(safe-area-inset-bottom));display:grid;grid-template-columns:.8fr 1.3fr;gap:7px}.speed-panel{padding:13px;min-width:0;display:flex;flex-direction:column;justify-content:center}.instrument-label{font-size:8px;letter-spacing:1px}.speed-value>span:first-child{font-size:46px}.speed-value>span:last-child{font-size:12px}.speed-secondary{flex-direction:column;gap:4px;font-size:9px;white-space:normal}.wind-panel{padding:8px;min-width:0;gap:5px}.wind-dial{width:92px;height:92px}.wind-values{min-width:0}.wind-values>div>span{font-size:6px;letter-spacing:.2px}.wind-values>div:not(.wind-angle){gap:3px;margin-bottom:7px;align-items:flex-start;flex-direction:column}.wind-values strong{font-size:15px}.wind-values small{font-size:8px}.wind-angle{padding-top:5px;gap:5px;flex-wrap:wrap}.wind-angle>span{font-size:7px!important}.compass-legend{gap:4px;padding-top:5px;flex-wrap:wrap}.compass-legend span{font-size:6px!important;gap:3px}.compass-legend .legend-heading{display:none}.sailing-panel{display:none;min-width:0;padding:13px;grid-template-columns:1fr;gap:11px}.instruments-expanded .sailing-panel{display:grid}.sailing-numbers{grid-column:1;grid-row:auto;justify-content:space-around;gap:15px;margin:0 0 5px}.sailing-numbers small{font-size:7px;letter-spacing:.5px}.sailing-numbers strong{font-size:20px}.trim-row{gap:12px;grid-column:1}.trim-row>span{font-size:9px;min-width:32px}.trim-row>button{min-width:60px;min-height:34px;font-size:8px}.trim-row>input{height:25px}.trim-row select{min-height:36px;font-size:11px;padding:7px}.spin-button{font-size:8px;min-height:30px;padding-top:7px}.touch-controls{bottom:18px;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));gap:14px;align-items:flex-end}.touch-actions{grid-template-columns:1fr 1fr;gap:7px}.touch-actions button{min-width:66px;padding:9px 12px;font-size:11px;background:#0a2830eb;border-color:#d8e8d057}.helm-pad{margin-bottom:23px;width:138px}.keyboard-hints{display:none}.lesson-panel{top:74px;left:14px;width:calc(100% - 80px);max-width:330px}.lesson-panel p{font-size:12px;line-height:1.7}.lesson-panel h2{font-size:21px}.lesson-panel .panel-title{font-size:8px}.lesson-panel .primary-button{font-size:10px;min-height:40px}.lesson-panel .panel-title button{font-size:11px;padding:5px}.game-message{top:38%;font-size:11px}.result-grid strong{font-size:15px}.toast{bottom:12px;font-size:11px}.range-value input{height:24px}.setting-row{min-height:52px}.preset-buttons button,.save-actions button{min-height:40px}.dialog-heading .icon-button{height:40px;width:40px}.dialog-full{min-height:48px}}@media(max-width:390px){.wind-dial{width:80px;height:80px}.wind-panel{padding:6px;gap:3px}.wind-values strong{font-size:14px}.instrument-bar{grid-template-columns:.7fr 1.3fr}.speed-panel{padding:10px}.speed-value>span:first-child{font-size:40px}.speed-secondary{font-size:8px}.helm-pad{width:124px;height:76px}.helm-knob{top:10px}.touch-actions button{min-width:62px;padding:8px;font-size:10px}.session-chip{font-size:8px}.instrument-label{font-size:7px}}@media(max-width:760px)and (max-height:700px){.instrument-bar{bottom:calc(154px + env(safe-area-inset-bottom))}.touch-controls{bottom:12px}.touch-actions button{min-height:40px!important}.speed-value>span:first-child{font-size:36px}.wind-dial{width:79px;height:79px}.wind-panel{padding:6px}.speed-panel{padding:9px}.map-panel{top:69px}.lesson-panel{max-width:calc(100% - 80px)}.lesson-panel p{font-size:10px}.lesson-panel h2{font-size:18px}.game-message{top:40%}}@media(pointer:coarse)and (min-width:761px){.mobile-only{display:grid}.touch-controls{bottom:16px;align-items:flex-end;gap:20px;pointer-events:none}.touch-actions{display:grid;grid-template-columns:repeat(3,1fr)}.touch-actions button{font-size:11px}.instrument-bar{bottom:125px}.sailing-panel{min-width:275px}.game-tools{bottom:320px}.helm-pad{margin-bottom:0}}@media(max-height:520px)and (max-width:1000px){.topbar{padding:12px 20px}.menu-title{top:18%;left:25px}.menu-title h1{font-size:36px;margin:15px 0}.map-meta{font-size:9px}.launch-panel{bottom:45px;left:40%;right:20px;grid-template-columns:1.1fr 1fr}.launch-section{padding:12px}.start-section{display:flex;grid-column:1/-1;border-top:1px solid var(--line);border-left:0!important;gap:10px;padding:10px 12px}.start-section>.section-label{display:none}.start-section>.conditions-summary{width:45%;padding:0}.start-section>.primary-button{width:55%;min-height:37px;padding:10px}.section-label{font-size:7px;margin-bottom:8px}.boat-option{min-height:35px;padding:5px}.boat-option small{font-size:7px}.boat-option strong{font-size:11px}.boat-drawing{display:none}.mode-grid{grid-template-columns:1fr;gap:4px}.mode-option{min-height:25px;font-size:8px;padding:5px}.mode-number{font-size:11px}.course-select{margin-top:5px}.course-select select{font-size:8px}.course-select label{display:none}.menu-footer{bottom:15px}.game-top{top:10px;left:12px;right:12px}.session-chip{font-size:8px;padding:10px}.race-top{position:absolute;top:45px;left:0;padding:8px 13px}.race-top strong{font-size:17px}.race-top small{font-size:6px}.game-tools{top:62px;right:12px;bottom:auto;gap:6px;flex-direction:column}.game-tools .icon-button{height:32px;width:32px}.game-tools svg{width:15px;height:15px}.game-tools>button:nth-child(2),.game-tools>button:nth-child(3){display:none}.map-panel{display:none;top:50px;right:54px;width:130px}.map-expanded .map-panel{display:block}.instrument-bar{left:168px;right:180px;bottom:16px;display:flex;gap:6px;max-width:none;align-items:stretch}.speed-panel{min-width:90px;padding:8px}.speed-value>span:first-child{font-size:32px}.speed-value>span:last-child{font-size:9px}.instrument-label{font-size:6px}.speed-secondary{font-size:7px;gap:3px;flex-direction:column}.wind-panel{min-width:0;flex:1;padding:5px;gap:5px}.wind-dial{width:80px;height:80px}.wind-values strong{font-size:13px}.wind-values>div:not(.wind-angle){margin-bottom:4px;gap:2px}.wind-values>div>span{font-size:6px;letter-spacing:0}.wind-angle>span{font-size:6px!important}.compass-legend{display:none}.sailing-panel{display:none!important}.instruments-expanded .sailing-panel{display:grid!important;position:absolute;bottom:100%;right:0;width:270px;margin-bottom:7px}.sailing-numbers{display:none}.trim-row{margin-top:0}.touch-controls{display:flex;bottom:16px;left:12px;right:12px;align-items:flex-end}.helm-pad{width:140px;height:76px;margin:0}.touch-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.touch-actions button{font-size:9px;min-height:34px!important;min-width:62px;padding:7px}.lesson-panel{top:57px;left:12px;width:230px;padding:12px}.lesson-panel h2{font-size:17px}.lesson-panel p{font-size:10px;margin-bottom:10px}.lesson-panel .primary-button{min-height:33px;font-size:9px}.lesson-track{margin-bottom:10px}.game-message{top:26%;font-size:10px}.toast{bottom:9px;font-size:10px}}.hud .map-panel{padding:0;border-radius:50%;aspect-ratio:1;background:#0f2f33f0;overflow:hidden}.hud #minimap{display:block;width:100%;height:auto;margin:0;border-radius:50%}.hud .map-panel .panel-title{position:absolute;top:20px;left:0;right:0;justify-content:center;gap:16px;font-size:8px;letter-spacing:1px;pointer-events:none}.hud .map-panel .panel-title>span{color:#e9ddbf}.hud .map-footer{position:absolute;bottom:16px;left:12px;right:12px;justify-content:center;font-size:8px;pointer-events:none}.hud .map-footer>span:first-child{max-width:none}.navigation-panel,.controls-heading{display:none}.wind-values>div.compass-legend{flex-direction:row;align-items:center}#result-map{width:min(260px,100%);height:auto;aspect-ratio:1;object-fit:contain;margin:24px auto 0;border-radius:50%}@media(max-width:760px){.instruments-expanded .navigation-panel{display:block;grid-column:1/-1;padding:12px}.navigation-panel .sailing-numbers{margin:0}.hud .map-panel .panel-title{top:16px;left:0;right:0;font-size:7px}.hud .map-footer{bottom:12px;font-size:7px}}@media(min-width:1001px),(min-width:761px)and (min-height:521px)and (pointer:fine){.hud{--rail-width:230px;--rail-gap:24px}.hud .instrument-bar{position:absolute;top:94px;bottom:auto;left:var(--rail-gap);right:auto;max-width:none;width:var(--rail-width);display:flex;flex-direction:column;gap:10px;align-items:stretch}.hud .speed-panel{min-width:0;padding:16px 18px;order:1}.hud .speed-value>span:first-child{font-size:56px}.hud .speed-secondary{font-size:10px;gap:12px;flex-direction:row;justify-content:space-between}.hud .wind-panel{order:0;min-width:0;padding:14px;display:flex;flex-direction:column;gap:12px}.hud .wind-dial{width:156px;height:156px}.hud .wind-values{width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:12px;row-gap:9px}.hud .wind-values>div:not(.wind-angle){display:flex;flex-direction:column;gap:5px;align-items:flex-start;margin:0}.hud .wind-values>div>span{font-size:7px;letter-spacing:.8px}.hud .wind-values strong{font-size:19px}.hud .wind-values small{font-size:9px}.hud .wind-angle{grid-column:1/-1;padding-top:9px;justify-content:space-between}.hud .wind-angle>span{font-size:9px!important}.hud .compass-legend{grid-column:1/-1;gap:10px;justify-content:space-between;padding-top:0}.hud .wind-values>div.compass-legend{flex-direction:row;align-items:center;gap:7px}.hud .compass-legend span{font-size:7px!important}.hud .navigation-panel{display:block;order:2;padding:15px 14px}.hud .navigation-panel .sailing-numbers{margin:0;gap:12px}.hud .sailing-numbers strong{font-size:19px}.hud .sailing-numbers small{font-size:7px;letter-spacing:.5px}.hud .sailing-panel{display:block;position:fixed;top:342px;right:var(--rail-gap);bottom:auto;left:auto;width:270px;min-width:0;padding:18px;pointer-events:auto}.hud .controls-heading{display:block;font-size:9px;letter-spacing:1.4px;color:#d8c49f;margin-bottom:17px}.hud .trim-row{margin-top:15px;gap:10px}.hud .trim-row>span{font-size:8px;min-width:30px}.hud .trim-row>input{height:15px}.hud .trim-row>button{min-height:28px;min-width:55px;font-size:8px}.hud .crew-detent-control input{height:20px}.hud .crew-detent-control output{font-size:9px}.hud .jib-controls{padding-top:13px;margin-top:14px;gap:5px}.hud .jib-controls button{min-height:30px;font-size:8px}.hud .map-panel{top:94px;right:55px;width:208px}.hud .game-tools{left:auto;right:var(--rail-gap);top:319px;bottom:auto;flex-direction:row;gap:10px}.hud .game-tools .icon-button{width:40px;height:40px}.hud .sailing-panel{top:380px}.hud .keyboard-hints{left:var(--rail-gap);right:var(--rail-gap);bottom:20px;gap:15px;font-size:8px}.hud .lesson-panel{left:auto;right:var(--rail-gap);top:94px;width:270px}.hud:has(#lesson:not([hidden])) .map-panel{display:none}.hud:has(#lesson:not([hidden])) .game-tools{top:calc(50% + 32px)}.hud:has(#lesson:not([hidden])) .sailing-panel{top:calc(50% + 90px)}.hud .load-panel{left:auto;right:var(--rail-gap);top:94px;width:270px;max-height:calc(100dvh - 170px)}.hud.analysis-enabled .map-panel,.hud.analysis-enabled .sailing-panel{display:none}.hud.analysis-enabled .game-tools{top:auto;bottom:66px}.hud.analysis-enabled .instrument-bar{opacity:1}}@media(min-width:1001px)and (max-height:760px),(min-width:761px)and (min-height:521px)and (max-height:760px)and (pointer:fine){.hud{--rail-width:210px;--rail-gap:20px}.hud .instrument-bar{top:86px;gap:8px}.hud .wind-panel{padding:11px;gap:9px}.hud .wind-dial{width:126px;height:126px}.hud .wind-values{row-gap:7px}.hud .wind-values strong{font-size:17px}.hud .speed-panel{padding:13px 16px}.hud .speed-value>span:first-child{font-size:47px}.hud .navigation-panel{padding:13px}.hud .navigation-panel .sailing-numbers{gap:9px}.hud .sailing-numbers strong{font-size:17px}.hud .sailing-numbers small{font-size:6px}.hud .map-panel{top:86px;right:54px;width:192px}.hud .game-tools{top:294px}.hud .sailing-panel{top:349px;width:260px;padding:15px}.hud .controls-heading{margin-bottom:11px}.hud .trim-row{margin-top:11px}}