@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(./dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(./dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(./dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(./dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(./manrope-latin-500-normal-BYYD-dBL.woff2)format("woff2"),url(./manrope-latin-500-normal-DMZssgOp.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(./manrope-latin-800-normal-BfWYOv1c.woff2)format("woff2"),url(./manrope-latin-800-normal-uHUdIJgA.woff)format("woff")}:root{color:#1b4246;font-synthesis:none;--ink:#1b4246;--muted:#546b61;--paper:#f9f6ec;--coral:#dd8266;--line:#dcded0;--gold:#d9ad58;background:#f7f4eb;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:3px solid #b86746}button{border:0}button:disabled{opacity:.5;cursor:wait}button svg{flex-shrink:0;width:23px;height:23px}button:active{transform:translateY(1px)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}button{touch-action:manipulation}svg{display:block}kbd,.key{background:#fffcf2;border:1px solid #cfd5c8;border-bottom-width:2px;border-radius:5px;padding:2px 6px;font-family:inherit;font-size:13px}.topbar{background:var(--paper);z-index:5;border-bottom:1px solid #1a40441a;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:relative}.brand{color:var(--ink);letter-spacing:4px;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:21px;font-weight:800;line-height:1.2;text-decoration:none;display:flex}.brand-icon{width:33px;height:37px;margin-top:-4px}.brand small{letter-spacing:.4px;margin-top:7px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;display:block}.location{letter-spacing:2px;color:#526d68;align-items:center;gap:13px;font-size:12px;font-weight:600;display:flex}.divider{color:#acb8ac;padding:0 4px}.live-dot,.dot{background:#759a70;border-radius:50%;width:6px;height:6px;display:inline-block}.nav-actions{align-items:center;gap:8px;display:flex}.icon-button{background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.icon-button:hover,.icon-button.active{background:#e4e9d9}.text-button{background:0 0;align-items:center;gap:8px;font-size:12px;display:flex}.text-button svg{width:20px;height:20px}.world{isolation:isolate;background:#277f86;height:calc(100dvh - 64px);position:relative;overflow:hidden}#sea{touch-action:none;outline:none;width:100%;height:100%;display:block}.vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 100px #163f4520}.welcome{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f9f6ecef;border-radius:5px;width:350px;padding:30px 28px 24px;position:absolute;top:50%;left:5.5%;transform:translateY(-50%);box-shadow:0 15px 65px #123c4220}.eyebrow{letter-spacing:1px;align-items:center;gap:9px;font-size:12px;font-weight:700;display:flex}.welcome>.eyebrow{letter-spacing:.8px;font-size:12px}.welcome>.eyebrow>span{background:#809376;width:20px;height:1px}.welcome h1{letter-spacing:-3px;margin:27px 0 20px;font-family:Georgia,Times New Roman,serif;font-size:65px;font-weight:400;line-height:.96}.welcome h1 em{color:#5d826b;font-weight:400}.intro{color:#6b7e74;font-size:12px;line-height:1.8}.course-preview{border-top:1px solid var(--line);margin-top:27px;padding-top:22px}.course-kicker{letter-spacing:.8px;color:#7c8b7c;justify-content:space-between;font-size:12px;display:flex}.course-kicker>span{letter-spacing:0}.course-preview h2{margin:12px 0 8px;font-family:Georgia,serif;font-size:27px;font-weight:400}.course-preview p{color:#708073;font-size:12px;line-height:1.7}.course-tags{color:#617363;align-items:center;gap:17px;margin:16px 0 20px;font-size:12px;display:flex}.course-tags>span{align-items:center;gap:6px;display:flex}.primary-button{background:var(--ink);color:#f8f2df;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:15px 19px;font-size:13px;font-weight:500;transition:background .2s;display:flex}.primary-button:hover{background:#30615c}.primary-button svg{width:20px;height:20px}.subtle-button{color:#6b7f72;background:0 0;margin:0 auto;padding:14px 0 0;font-size:12px;display:block}.subtle-button:hover{color:var(--ink)}.subtle-button span{margin-left:10px}.welcome-controls{color:#788677;white-space:nowrap;align-items:center;gap:4px;margin-top:23px;font-size:12px;display:flex}.welcome-controls .key{padding:0 5px;font-size:12px}.welcome-controls .key:nth-child(4){margin-left:10px}.scenery-caption{color:#f1eed4;text-shadow:0 2px 10px #173f4555;letter-spacing:3px;align-items:flex-start;gap:15px;font-size:13px;display:flex;position:absolute;bottom:12%;right:9%}.caption-line{background:#e8e9cb;width:40px;height:1px;margin-top:7px}.scenery-caption small{letter-spacing:1px;opacity:.85;margin-top:10px;font-family:Georgia,serif;font-size:15px;font-style:italic;display:block}.watermark{letter-spacing:2px;color:#e4e8cf9c;pointer-events:none;font-size:12px;position:absolute;bottom:18px;right:25px}.hud{pointer-events:none;--edge:18px;position:absolute;inset:0}.hud button,.hud input{pointer-events:auto}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f9f6ecf2;border:1px solid #fff6;border-radius:12px;box-shadow:0 4px 18px #103d4220}.race-area{left:var(--edge);top:var(--edge);width:300px;position:absolute}.race-panel{padding:12px 14px}.race-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.race-heading>strong{font-size:14px;font-weight:600}.pill{color:#506b55;background:#e8edde;border-radius:4px;padding:3px 6px;font-size:12px;font-weight:600}.race-readings{justify-content:space-between;align-items:center;gap:10px;margin:8px 0 10px;display:flex}.timer{letter-spacing:-1.5px;font-variant-numeric:tabular-nums;white-space:nowrap;font-family:Manrope,sans-serif;font-size:34px;font-weight:500;line-height:1.15}.timer span{color:#61785e;font-size:20px}.race-meta{color:#566f59;gap:4px;font-size:12px;display:grid}.race-meta strong{font-variant-numeric:tabular-nums;font-weight:600}.charm-count{color:#8a652d;white-space:nowrap}.objective{border-top:1px solid var(--line);align-items:center;gap:8px;padding-top:9px;display:flex}.objective-icon{color:#977138;flex-shrink:0;width:20px}.objective-icon svg{width:20px;height:20px}.objective small{color:#556f5e;margin-bottom:2px;font-size:12px;line-height:1.35;display:block}.objective strong{font-size:14px;font-weight:600;line-height:1.3}.course-progress{gap:5px;margin:9px 0 7px;display:flex}.course-progress span{background:#d2dbcb;border-radius:3px;flex:1;height:3px}.course-progress .done{background:#60805e}.course-progress .current{background:#b88b35}.race-panel p{color:#536c5a;font-size:12px;line-height:1.4}.tools{gap:8px;margin-top:8px;display:flex}.map-button{background:#f8f5eaf2;border-radius:50%;place-items:center;width:44px;height:44px;font-size:26px;display:grid;box-shadow:0 3px 12px #153f4530}.navigation-panel{right:var(--edge);top:var(--edge);grid-template-columns:128px 128px;gap:14px;padding:12px;display:grid;position:absolute}.wind-panel{min-width:0}.instrument-heading,.chart-heading{color:#526b5a;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.wind-row{align-items:center;gap:10px;margin:17px 0 15px;display:flex}.compass{border:1px solid #becdb8;border-radius:50%;flex-shrink:0;width:58px;height:58px;position:relative}.compass:before{content:"";border:1px solid #d2dcc9;border-radius:50%;position:absolute;inset:8px}.compass>span{color:#536c5b;background:var(--paper);padding:0 1px;font-size:12px;line-height:14px;position:absolute}.north{top:-8px;left:22px}.south{bottom:-8px;left:23px}.east{top:21px;right:-5px}.west{top:21px;left:-7px}.wind-needle{color:#bd7450;place-items:center;font-size:35px;line-height:1;transition:transform .2s;display:grid;position:absolute;inset:0}.wind-numbers strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:23px;font-weight:500}.wind-numbers small{margin-left:3px;font-size:12px}.wind-numbers>span{color:#536c5b;white-space:nowrap;margin-top:3px;font-size:12px;display:block}.boat-speed{border-top:1px solid var(--line);color:#526b5a;justify-content:space-between;align-items:center;gap:6px;padding-top:10px;font-size:12px;display:flex}.boat-speed strong{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:22px;font-weight:500}.boat-speed small{font-size:12px}.chart-panel{min-width:0}.chart-heading>span:last-child{font-weight:400}.chart-panel canvas{aspect-ratio:1;background:#dbe5d6;border-radius:6px;width:100%;margin:7px 0;display:block}.chart-footer{color:#526b5a;white-space:nowrap;justify-content:space-between;gap:4px;font-size:12px;display:flex}.chart-footer .dot{background:#1b4246;width:5px;height:5px;margin:0 3px 1px 0}.chart-charm{color:#87652d}.helm-bar{pointer-events:none;position:absolute;inset:0}.steering{left:var(--edge);bottom:calc(44px + env(safe-area-inset-bottom,0px));padding:10px;position:absolute}.control-title{color:var(--ink);font-size:13px;font-weight:600}.steer-buttons{gap:8px;margin-top:8px;display:flex}.steer-buttons button{touch-action:none;-webkit-user-select:none;user-select:none;background:#fefbef;border:1px solid #bdcbb5;border-radius:8px;width:54px;height:50px;font-size:29px}.steer-buttons button:hover{background:#e4e9d9}.steer-buttons button.held{background:var(--ink);color:#fff3d8;border-color:var(--ink)}.trim-panel{right:var(--edge);bottom:calc(44px + env(safe-area-inset-bottom,0px));width:152px;padding:10px 12px;position:absolute}.trim-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}#trim-value{font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.trim-control{gap:8px;margin-top:8px;display:flex}.slider-wrap{flex:0 0 44px;width:44px;height:152px;position:relative}#sheet{writing-mode:vertical-lr;appearance:none;cursor:pointer;touch-action:none;direction:rtl;background:0 0;width:44px;height:100%;margin:0;display:block}#sheet::-webkit-slider-runnable-track{background:#c6d3bc;border-radius:3px;width:5px;height:100%}#sheet::-moz-range-track{background:#c6d3bc;border-radius:3px;width:5px;height:100%}#sheet::-webkit-slider-thumb{appearance:none;border:3px solid var(--paper);background:#244e4d;border-radius:50%;width:24px;height:24px;margin-left:-9.5px;box-shadow:0 0 0 1px #6f9078}#sheet::-moz-range-thumb{border:3px solid var(--paper);background:#244e4d;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1px #6f9078}.trim-track{pointer-events:none;width:18px;position:absolute;top:12px;bottom:12px;left:13px}.ideal-trim{pointer-events:none;background:#b88a32;border-radius:2px;width:18px;height:4px;position:absolute;bottom:0;transform:translateY(2px)}.trim-labels{color:#536c5b;white-space:nowrap;flex-direction:column;justify-content:space-between;padding:3px 0;font-size:12px;display:flex}#trim-quality{color:#446548;margin-top:6px;font-size:12px;font-weight:500;display:block}#trim-quality.warning{color:#965c30}.sailing-tip{bottom:calc(12px + env(safe-area-inset-bottom,0px));left:var(--edge);right:var(--edge);color:#f7f3df;text-align:center;text-shadow:0 1px 5px #10343b;font-size:13px;line-height:1.35;position:absolute}.toast{color:#fff5df;text-align:center;opacity:0;pointer-events:none;z-index:3;background:#1b4246f5;border-radius:24px;width:max-content;max-width:calc(100% - 36px);padding:11px 18px;font-size:14px;line-height:1.4;transition:opacity .25s,transform .25s;position:absolute;top:18px;left:50%;transform:translate(-50%,-10px);box-shadow:0 3px 20px #11383d30}.toast.visible{opacity:1;transform:translate(-50%)}body:not([data-mode=welcome]) .watermark{display:none}.modal{width:min(640px,100% - 32px);color:var(--ink);background:var(--paper);border:1px solid #fff9df;border-radius:18px;max-height:calc(100dvh - 30px);padding:0;overflow:auto;box-shadow:0 30px 100px #092f3c60}.modal::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#153b4366}.modal h2{letter-spacing:-1px;margin:16px 0 12px;font-family:Georgia,serif;font-size:42px;font-weight:400}.modal p{color:#72806f;font-size:12px;line-height:1.8}.modal-intro{margin-bottom:25px}.lesson-grid{grid-template-columns:1fr 1fr;gap:25px 30px;display:grid}.lesson-number{color:#ad965d;letter-spacing:1px;font-size:12px}.lesson-grid h3{margin:7px 0 8px;font-size:14px;font-weight:600}.lesson-grid p{font-size:12px}.lesson-grid kbd,.guide-note kbd{padding:1px 4px;font-size:12px}.guide-note{border-top:1px solid var(--line);color:#7a856e;margin:25px 0 18px;padding-top:18px;font-size:12px;line-height:2}.assist-toggle{color:#5d7760;align-items:center;gap:7px;margin-bottom:23px;font-size:12px;display:flex}.assist-toggle input{accent-color:#567b65}.small-modal{width:min(400px,100% - 32px)}.small-modal .primary-button{margin-top:25px}.secondary-button{background:#e8ecdc;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:12px;padding:13px;font-size:12px;display:flex}.secondary-button svg{width:16px;height:16px}.small-modal .subtle-button{margin-top:10px}.finish-inner{text-align:center}.finish-inner .eyebrow{justify-content:center}.medal{color:#b08a37;background:#f2dfaa;border:5px double #e1bb68;border-radius:50%;place-items:center;width:69px;height:69px;margin:0 auto 21px;font-size:35px;display:grid}.medal.silver{color:#80948c;background:#e0e3dd;border-color:#a7b3aa}.medal.bronze{color:#9d7a55;background:#ead2b9;border-color:#c09e77}.medal.complete{color:#738b6b;background:#dfe7d3;border-color:#a4b392}.finish-inner h2{font-size:33px}.finish-time{letter-spacing:-2px;margin:20px 0 10px;font-family:Manrope,sans-serif;font-size:45px}.finish-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-around;margin:23px 0 18px;padding:17px 0;display:flex}.finish-stats small{letter-spacing:1px;color:#87917c;margin-bottom:8px;font-size:12px;display:block}.finish-stats strong{font-size:20px;font-weight:500}.medal-targets{color:#a18648;justify-content:center;gap:12px;font-size:12px;display:flex}.medal-targets span:nth-child(2){color:#82918a}.medal-targets span:nth-child(3){color:#aa8762}.modal p,.lesson-grid p{font-size:14px}.guide-note{font-size:13px}.assist-toggle{font-size:14px}.assist-toggle input{width:18px;height:18px}.medal-targets{flex-wrap:wrap}.modal-inner{padding:28px}:root{--header-height:64px}.topbar{height:calc(var(--header-height) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}.world{height:calc(100dvh - var(--header-height) - env(safe-area-inset-top,0px));margin-left:env(safe-area-inset-left,0px);margin-right:env(safe-area-inset-right,0px)}@media (max-width:1050px){.location{display:none}.toast{top:auto;bottom:calc(184px + env(safe-area-inset-bottom,0px));max-width:380px}}@media (max-width:700px){.topbar{padding-left:12px;padding-right:12px}.brand{letter-spacing:2px;gap:8px;font-size:20px}.brand-icon{width:26px;height:30px}.brand small{letter-spacing:0;max-width:165px;margin-top:3px;font-size:12px;line-height:1.2}.nav-actions{gap:2px}.text-button{place-items:center;width:44px;height:44px;padding:0;display:grid}.text-button span,body:not([data-mode=welcome]) .brand small{display:none}.welcome{width:calc(100% - 32px);max-width:370px;max-height:calc(100% - 80px);padding:22px;top:auto;bottom:20px;left:16px;overflow:auto;transform:none}.welcome>.eyebrow{letter-spacing:.2px;font-size:12px}.welcome h1{letter-spacing:-2px;margin:18px 0 14px;font-size:52px}.welcome h1 br{display:none}.welcome h1 em{margin-left:4px}.intro{font-size:13px;line-height:1.6}.intro br{display:none}.course-preview{margin-top:20px;padding-top:16px}.course-preview p{font-size:13px}.course-tags{gap:14px;margin:14px 0 16px;font-size:12px}.course-kicker{letter-spacing:.5px}.welcome-controls{flex-wrap:wrap;margin-top:18px;font-size:12px;line-height:1.5}.scenery-caption{letter-spacing:1px;font-size:12px;top:20px;bottom:auto;right:16px}.caption-line{width:20px}.scenery-caption small{margin-top:5px;font-size:13px}.watermark{display:none}.modal-inner{padding:22px}.modal h2{font-size:34px}.lesson-grid{gap:18px}.lesson-grid h3{font-size:14px}.modal-intro{margin-bottom:20px}.guide-note{margin-top:20px}.finish-stats{gap:12px}.finish-stats small{line-height:1.4}}@media (max-width:359px){.brand-icon{display:none}.brand small{max-width:152px}.welcome{padding:18px}.welcome h1{font-size:44px}.welcome-controls{gap:3px}}@media (max-height:640px) and (min-width:701px){.welcome{padding:22px;top:16px;bottom:16px;overflow:auto;transform:none}.welcome h1{margin:18px 0;font-size:52px}.course-preview{margin-top:18px;padding-top:16px}}@media (max-height:500px) and (min-width:600px){:root{--header-height:48px}.topbar{padding-left:18px;padding-right:18px}.brand small{display:none}.brand{font-size:20px}.modal-inner{padding:22px}.modal h2{font-size:30px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}#course-select{width:100%;min-height:42px;color:var(--ink);font:inherit;cursor:pointer;background:#fffcf3;border:1px solid #bac7b6;border-radius:5px;margin-top:9px;padding:8px 10px;font-size:14px}#course-select:focus-visible{outline-offset:3px;outline:2px solid #487e73}.welcome{max-height:calc(100% - 28px);overflow-y:auto}@media (max-width:700px),(max-height:500px) and (max-width:1000px){:root{--header-height:48px}.topbar{padding-left:max(8px, env(safe-area-inset-left,0px));padding-right:max(8px, env(safe-area-inset-right,0px))}.brand{letter-spacing:2px;gap:6px;font-size:17px}.brand small{display:none}.brand-icon{width:24px;height:28px}.nav-actions{gap:0}.text-button{place-items:center;width:44px;height:44px;padding:0;display:grid}.text-button span{display:none}.hud{--edge:8px;--control-bottom:calc(38px + env(safe-area-inset-bottom,0px))}.panel{-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:9px}.race-area{display:contents}.race-panel{top:var(--edge);left:var(--edge);width:calc(100% - 124px);padding:7px 8px;position:absolute}.race-heading{gap:4px}.race-heading>strong{font-size:13px}.pill{padding:2px 4px}.race-readings{gap:6px;margin:5px 0}.timer{letter-spacing:-1px;font-size:24px}.timer span{font-size:14px}.race-meta{gap:1px}.objective{gap:5px;padding-top:5px}.objective-icon,.objective-icon svg{width:16px;height:18px}.objective small{margin-bottom:0}.objective strong{font-size:13px}.course-progress{gap:3px;margin:5px 0 4px}.race-panel p{line-height:1.3}.tools{left:var(--edge);top:auto;bottom:calc(var(--control-bottom) + 88px);gap:6px;margin:0;position:absolute}.map-button{width:44px;height:44px;font-size:23px}.navigation-panel{grid-template-columns:minmax(0,1fr);gap:7px;width:100px;padding:7px}.wind-row{gap:7px;margin:8px 0}.compass{width:32px;height:32px}.compass:before{inset:5px}.north,.south{left:9px}.east,.west{top:8px}.wind-needle{font-size:25px}.wind-numbers strong{font-size:16px}.wind-numbers small{margin-left:1px}.wind-numbers>span{margin-top:1px}.boat-speed{gap:2px;padding-top:5px}.boat-speed strong{font-size:16px}.chart-panel canvas{width:68px;margin:4px auto}.chart-footer{flex-wrap:wrap;gap:1px}.chart-footer .dot{margin-right:1px}.steering{bottom:var(--control-bottom);padding:6px}.control-title,#trim-value{font-size:12px}.steer-buttons{gap:6px;margin-top:4px}.steer-buttons button{width:44px;height:48px;font-size:25px}.trim-panel{width:116px;bottom:var(--control-bottom);padding:7px}.trim-heading{gap:4px}.trim-control{gap:0;margin-top:4px}.slider-wrap{height:108px}.trim-labels{white-space:normal;line-height:1.25}#trim-quality{min-height:30px;margin-top:4px;line-height:1.25}.sailing-tip{bottom:calc(6px + env(safe-area-inset-bottom,0px));font-size:12px}.toast{top:auto;bottom:calc(230px + env(safe-area-inset-bottom,0px));min-width:0;max-width:calc(100% - 32px);padding:8px 12px;font-size:12px}}@media (max-width:359px){.race-readings{flex-direction:column;align-items:flex-start}.race-meta{flex-wrap:wrap;gap:2px 6px;display:flex}}@media (max-height:640px) and (max-width:599px){.slider-wrap{height:80px}}@media (max-height:500px) and (min-width:600px) and (max-width:1000px){.hud{--control-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.race-panel{width:260px}.navigation-panel{grid-template-columns:100px 80px;gap:8px;width:204px}.tools{left:calc(var(--edge) + 116px);bottom:var(--control-bottom)}.slider-wrap{height:64px}.toast{max-width:calc(100% - 500px);top:8px;bottom:auto}}