/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}*{box-sizing:border-box}html,body{color:#eaf4fa;background:#07192c;height:100%;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}button,input{font:inherit}button{touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:44px}.instrument{background:#07192c;flex-direction:column;height:100dvh;display:flex}.status{background:#07192c;border-bottom:1px solid #183951;flex:none;align-items:center;gap:26px;height:62px;padding:0 18px;display:flex}.status>div:not(.brand){border-left:1px solid #27445a;flex-direction:column;justify-content:center;height:42px;padding-left:24px;display:flex}.status small{letter-spacing:1.2px;color:#7892a4;font-size:9px}.status strong{font-size:18px}.brand{align-items:center;gap:9px;min-width:max-content;margin-right:auto;display:flex}.brand>img{flex:none;width:36px;height:36px}.brand-name{color:#f4f8fb;letter-spacing:1.1px;white-space:nowrap;flex-direction:column;font-size:12px;font-style:italic;font-weight:900;line-height:1.05;display:flex}.brand-name small{color:#ed1c24;letter-spacing:1.7px;margin-top:3px;font-size:8px;font-style:normal;font-weight:900}.gps{letter-spacing:1px;align-items:center;gap:8px;flex-direction:row!important;font-size:10px!important}.gps i{background:#e8a928;border-radius:50%;width:9px;height:9px}.gps.active i{background:#23d17f;box-shadow:0 0 8px #23d17f}.gps.denied i,.gps.lost i{background:#ff5d64}.status time{font-size:17px;font-weight:700}.entry{background:#0c2338;flex:none;align-items:center;gap:10px;height:64px;padding:10px 16px;display:flex}.entry label{letter-spacing:1.6px;color:#57cee2;font-size:10px;font-weight:800}.course-entry-field{background:#f8fcfe;border:2px solid #00c6de;border-radius:4px;flex:1;min-width:0;max-width:650px;height:44px;position:relative;overflow:hidden}.entry .course-entry-field input{z-index:2;color:#0000;caret-color:#07192c;text-transform:uppercase;background:0 0;border:0;outline:none;width:100%;height:44px;padding:0 14px;font-size:20px;font-weight:800;position:relative}.entry .course-entry-field input::placeholder{color:#75828c}.course-entry-highlight{z-index:1;color:#07192c;text-transform:uppercase;white-space:pre;pointer-events:none;padding:0 14px;font-size:20px;font-weight:800;line-height:40px;position:absolute;inset:0}.course-entry-highlight b.port{color:#e43e46;background:0 0!important}.course-entry-highlight b.starboard{color:#159653;background:0 0!important}.entry button{color:#fff;letter-spacing:.5px;background:#173b54;border:1px solid #315269;border-radius:4px;padding:0 16px;font-size:11px;font-weight:800}.entry .clear{color:#8ea4b3;background:0 0}.confirm-strip{white-space:nowrap;background:#102c43;flex:none;align-items:center;gap:8px;height:34px;padding:4px 16px;display:flex;overflow-x:auto}.confirm-strip span{color:#bad0dd;border-right:1px solid #385269;padding-right:10px;font-size:10px}.confirm-strip b{color:#fff;font-size:12px}.confirm-strip .bad{color:#ff8388}.chart{flex:1;min-height:0;position:relative}.map{background:#dcebf0;position:absolute;inset:0}.leaflet-container{font-family:Arial}.course-panel{z-index:600;background:#05192bf5;border:1px solid #33566c;flex-direction:column;width:min(390px,34vw);display:flex;position:absolute;top:14px;bottom:38px;right:14px;box-shadow:0 8px 30px #00101f88}.course-panel.collapsed{width:52px;bottom:auto}.panel-head{border-bottom:1px solid #23465e;align-items:center;height:58px;padding:0 14px;display:flex}.panel-head>div{flex-direction:column;display:flex}.panel-head small,.next-card small{letter-spacing:1.4px;color:#76d4e2;font-size:9px}.panel-head strong{font-size:16px}.panel-head button{color:#fff;background:#173c55;border:0;width:44px;margin-left:auto;font-size:24px}.table-head,.mark-row{grid-template-columns:24px 1.6fr 44px .9fr .7fr 28px;align-items:center;gap:5px;padding:0 10px;display:grid}.table-head{letter-spacing:1px;color:#7895a8;border-bottom:1px solid #24455c;height:30px;font-size:8px}.rows{flex:1;overflow-y:auto}.mark-row{border-bottom:1px solid #1d3d53;min-height:56px;font-size:12px}.mark-row.next{background:#123f59;border-left:4px solid #00d7e9;padding-left:6px}.mark-row>span:nth-child(2){flex-direction:column;display:flex}.mark-row b{font-size:18px}.mark-row small{color:#8fa9b8;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.mark-row button{color:#fff;border:0;border-radius:3px;height:32px;min-height:32px;font-weight:900}.port{background:#dd3b43!important}.starboard{background:#168550!important}.remove{background:0 0;font-size:19px;color:#668596!important}.next-card{background:#0c324b;border-top:1px solid #2c5e79;grid-template-columns:1fr 1fr;gap:4px 10px;padding:12px 14px;display:grid}.next-card>div{grid-column:1;align-items:center;gap:8px;display:flex}.next-card>div b{font-size:25px}.next-card>div span{border-radius:3px;padding:4px 7px;font-size:9px;font-weight:900}.next-card>strong{text-align:right;font-size:25px}.next-card>span{text-align:right}.advance{grid-template-columns:1fr 2fr;gap:7px;padding:9px;display:grid}.advance button{color:#fff;background:#102f44;border:1px solid #38627a;font-size:11px;font-weight:800}.advance button:last-child{color:#032235;background:#00a8c0;border:0}.advance button:disabled{opacity:.35}.map-tools{z-index:500;gap:7px;display:flex;position:absolute;top:14px;left:14px}.map-tools button{color:#12384c;background:#fff;border:1px solid #b5cbd2;border-radius:4px;width:58px;height:58px;font-size:24px;box-shadow:0 2px 8px #17384c44}.map-tools span{font-size:7px;font-weight:800;display:block}.map-tools .on{background:#00c6de}.gps-prompt{z-index:500;text-align:center;background:#051c2ef2;border:1px solid #3d6278;width:290px;padding:20px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #001}.gps-prompt>span{color:#00d4ea;font-size:32px}.gps-prompt h2{margin:6px;font-size:16px}.gps-prompt p{color:#a8becb;font-size:11px;line-height:1.5}.gps-prompt button{color:#062137;background:#00c6de;border:0;width:100%;font-weight:900}.gps-prompt .sim-link{color:#91aebd;background:0 0;font-size:10px}.race-mark{color:#fff;background:#071c31;border:2px solid #fff;border-radius:20px;grid-template-columns:18px 1fr 17px;align-items:center;width:58px;height:40px;font:700 12px Arial;display:grid;box-shadow:0 2px 6px #0018}.race-mark b{background:#183e5c;border-radius:18px 0 0 18px;place-items:center;height:100%;display:grid}.race-mark span{text-align:center}.race-mark i{border-radius:0 18px 18px 0;place-items:center;height:100%;font-style:normal;display:grid}.race-mark.port i{background:#dc3942}.race-mark.starboard i{background:#148951}.race-mark.gate{border-color:#ffd43b}.race-mark.gate i{color:#071c31;background:#d59c00}.yellow-gate-label{color:#071c31;text-align:center;white-space:nowrap;background:#d59c00;border:2px solid #fff2a6;border-radius:4px;padding:5px 7px;font:900 9px/1 Arial;box-shadow:0 2px 7px #0019}.mark-row button.gate{color:#071c31;background:#d59c00;padding-inline:4px;font-size:8px}.entry .preset-button{color:#ffe37b;border-color:#d59c00}.position-warning{vertical-align:middle;cursor:pointer;border:0;width:auto;min-width:0;height:auto;min-height:0;margin:0 1px;padding:0;font:900 12px/1 Arial;color:#ffc94a!important;background:0 0!important}.confirm-strip .position-warning{font-size:11px}.mark-row .position-warning{width:auto;min-width:0;height:auto;min-height:0;padding:0;font-size:10px}.next-card .position-warning{font-size:11px}.race-mark.approximate{border-color:#ffc94a}.race-mark .map-position-warning{z-index:4;pointer-events:auto;border:1px solid #ffe298;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;display:grid;position:absolute;top:-11px;right:-8px;box-shadow:0 2px 5px #001a;color:#ffd45d!important;background:#4b3500!important}.position-warning-card{border-color:#ba8b22;width:min(500px,92vw)}.position-warning-card .sheet-title small{color:#ffc94a;letter-spacing:1px;font-size:9px;font-weight:900}.position-warning-card p{color:#c0d0d8;font-size:12px;line-height:1.55}.position-warning-impact{background:#3a2b0e;border-left:3px solid #ffc94a;flex-direction:column;gap:5px;padding:11px;display:flex}.position-warning-impact b{color:#ffc94a;letter-spacing:1px;font-size:9px}.position-warning-impact span{color:#fff;font-size:12px;line-height:1.4}.position-warning-done{color:#15283a;background:#d9a62f;border:2px solid #ffe298;width:100%;min-height:48px;font-size:11px;font-weight:900}.region-summary{color:#fff;text-align:left;background:#0b3048;border:1px solid #3d667c;align-items:center;gap:10px;width:100%;min-height:58px;padding:9px 10px;display:flex}.region-summary span{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.region-summary small{color:#9db3c0;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.region-summary i{color:#69efff;white-space:nowrap;font-size:9px;font-style:normal;font-weight:900}.region-card{flex-direction:column;width:min(620px,94vw);max-height:min(820px,94dvh);display:flex}.region-card .sheet-title small{color:#57cee2;letter-spacing:1.2px;font-size:9px;font-weight:900}.region-intro{color:#afc5d1;margin:10px 0;font-size:11px;line-height:1.45}.region-list{min-height:120px;padding-right:3px;overflow-y:auto}.region-list section{margin-bottom:13px}.region-list h3{color:#6f94a7;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 5px;font-size:9px}.region-option{color:#fff;text-align:left;background:#09243a;border:1px solid #294d63;border-bottom:0;align-items:center;gap:10px;width:100%;min-height:55px;padding:8px 10px;display:flex}.region-option:last-child{border-bottom:1px solid #294d63}.region-option span{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.region-option small{color:#8fa9b7;font-size:9px;line-height:1.3}.region-option i{color:#849daa;text-align:center;background:#203e50;border-radius:3px;min-width:42px;padding:6px 4px;font-size:9px;font-style:normal;font-weight:900}.region-option.on{background:#0a354b;border-color:#16889a}.region-option.on i{color:#062137;background:#00c6de}.region-option.pending{cursor:default;opacity:.58}.region-option.pending i{color:#d4b76d;background:0 0}.region-done{color:#062137;background:#00c6de;border:2px solid #69efff;min-height:50px;margin-top:10px;font-size:12px;font-weight:900}.preset-card{flex-direction:column;width:min(680px,94vw);max-height:min(760px,92dvh);display:flex}.preset-card .sheet-title small{color:#57cee2;letter-spacing:1.2px;font-size:9px;font-weight:900}.preset-list{min-height:100px;overflow-y:auto}.preset-row{color:#fff;text-align:left;border-bottom:1px solid #28485d;grid-template-columns:54px minmax(0,1fr) 92px;align-items:center;gap:10px;width:100%;padding:10px 8px;display:grid}.preset-row:hover{background:#123a52}.preset-list strong{color:#ffe37b;font-size:22px}.preset-list span{flex-direction:column;gap:3px;min-width:0;display:flex}.preset-list small{color:#9db3c0}.preset-list em{color:#d8e9f1;text-overflow:ellipsis;white-space:nowrap;font:800 11px/1.4 monospace;overflow:hidden}.preset-row>button{color:#8aebf6;background:#123f58;border:1px solid #00c6de;min-height:38px;font-size:9px;font-weight:900}.preset-current{background:#061c2e;grid-template-columns:1fr auto auto;align-items:center;gap:7px;margin:-3px 0 8px;padding:8px;display:grid}.preset-current span{flex-direction:column;display:flex}.preset-current small{color:#6f94a7;letter-spacing:1px;font-size:8px;font-weight:900}.preset-current b{color:#fff;font-size:12px}.preset-current button{color:#b9cfda;background:0 0;border:1px solid #48677a;min-width:62px;min-height:46px;padding:0 10px;font-size:10px;font-weight:900}.preset-current button.done{color:#062137;background:#00c6de;border:2px solid #69efff;min-width:104px;min-height:52px;font-size:13px;box-shadow:0 0 0 3px #00c6de26}.preset-note{color:#9db3c0;margin:10px 0 0;font-size:11px;line-height:1.45}@media (width<=520px){.region-card,.preset-card{width:100vw;max-height:100dvh;padding:10px}.preset-row{grid-template-columns:39px minmax(0,1fr) 78px;gap:7px;padding-inline:4px}.preset-row>button{padding:3px;font-size:8px}.preset-list strong{font-size:18px}.preset-current{grid-template-columns:minmax(0,1fr) 62px 104px;padding:8px 6px}.preset-current button{padding-inline:4px}}.boat{color:#00e7ff;text-shadow:0 0 4px #002,0 0 9px #00e7ff;transform-origin:50%;text-align:center;font-size:34px}.disclaimer{z-index:450;white-space:nowrap;color:#b5c8d3;background:#0c273bd9;padding:3px 9px;font-size:8px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.sheet{z-index:2000;background:#00101fb9;place-items:center;display:grid;position:fixed;inset:0}.sheet-card{background:#08263d;border:1px solid #4c6e81;width:min(560px,92vw);padding:16px}.sheet-title{align-items:center;display:flex}.sheet-title h2{margin:0;font-size:20px}.sheet-title button{color:#fff;background:0 0;border:0;margin-left:auto;font-size:28px}.sheet-card>input{color:#09253a;background:#fff;border:2px solid #00c6de;width:100%;height:48px;margin:12px 0;padding:0 12px;font-size:17px}.mark-search-card{flex-direction:column;max-height:min(760px,100dvh - 24px);display:flex;overflow:hidden}.mark-search-card .sheet-title,.mark-search-card>input{flex:none}.mark-search-card .suggestions{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;touch-action:pan-y;flex:auto;min-height:72px;overflow-y:auto}.suggestions>div{border-bottom:1px solid #28485d;grid-template-columns:1fr 90px 110px;gap:8px;padding:7px 0;display:grid}.suggestions span{flex-direction:column;display:flex}.suggestions b{font-size:18px}.suggestions small{color:#9db3c0}.suggestions button{color:#fff;border:0;font-weight:800}@media (width<=800px),(orientation:portrait){.mark-search-sheet{padding-top:max(8px, env(safe-area-inset-top));place-items:start center;overflow:hidden}.mark-search-card{max-height:calc(100% - max(16px, env(safe-area-inset-top)))}.mark-search-card .suggestions{min-height:64px}}.sim-banner{z-index:3000;color:#231600;background:#ffb000;padding:6px 18px;font-size:11px;font-weight:900;position:fixed;top:0;left:50%;transform:translate(-50%)}.sim-box{z-index:1600;background:#091f34;border:2px solid #ffb000;width:230px;padding:12px;position:fixed;bottom:50px;left:14px}.sim-box>div{color:#ffbf27;align-items:center;display:flex}.sim-box>div button{color:#fff;background:0 0;border:0;margin-left:auto}.sim-box label{justify-content:space-between;align-items:center;margin:8px 0;font-size:12px;display:flex}.sim-box input{color:#061c2e;background:#fff;width:70px;padding:7px}.sim-box>button{background:#ffb000;border:0;width:100%;font-weight:900}@media (width<=800px),(orientation:portrait){.status{gap:8px;height:52px;padding:0 8px}.brand{margin-right:0}.brand-name{display:none}.brand>img{width:34px;height:34px}.status>div:not(.brand){padding-left:8px}.status>div:nth-of-type(4){display:none}.status strong{font-size:14px}.status time{display:none}.entry{flex-wrap:wrap;height:auto;padding:7px}.entry label{width:100%}.entry .course-entry-field{flex-basis:68%;order:2}.entry .course-entry-field input,.entry .course-entry-highlight{font-size:16px}.entry button{order:3;padding:0 9px}.entry .clear,.confirm-strip{display:none}.course-panel{width:auto;max-height:42%;inset:auto 8px 8px}.course-panel.collapsed{width:52px;left:auto}.gps-prompt{top:33%}.disclaimer{display:none}.map-tools{top:8px;left:8px}.mark-row{min-height:52px}}.course-panel.collapsed{width:58px}.course-panel.collapsed .panel-head{height:58px;padding:6px}.course-panel.collapsed .panel-head>div{display:none}.course-panel.collapsed .panel-head button{flex:0 0 44px;width:44px;margin:0}.wind-marker{color:#fff;background:#06263de8;border:2px solid #fff;border-radius:50%;grid-template-rows:34px 18px;grid-template-columns:1fr 1fr;align-items:center;width:58px;height:58px;display:grid;box-shadow:0 2px 8px #0019}.wind-marker i{color:#ffd23f;transform-origin:50%;grid-column:1/3;justify-self:center;font-size:26px;font-style:normal;line-height:30px}.wind-marker b{justify-self:end;font-size:14px}.wind-marker small{color:#b7ceda;padding-left:3px;font-size:9px}.wind-marker{color:#38ee69;text-shadow:0 1px 2px #001;background:#00142029;border-radius:50%;place-items:center;width:42px;height:42px;font:900 11px Arial;display:grid;position:relative}.wind-marker b{z-index:2;color:#3cff72;background:#07283bd9;border-radius:10px;place-items:center;min-width:18px;height:18px;display:grid;position:relative}.boat{transform-origin:22px 22px;place-items:center;width:44px;height:44px;display:grid}.boat i{clip-path:polygon(50% 0,100% 100%,50% 78%,0 100%);filter:drop-shadow(0 0 5px #002)drop-shadow(0 0 7px #00e7ff);background:#00e7ff;width:24px;height:32px;display:block}.wind-marker{color:#38ee69;text-shadow:0 1px 2px #001;border-radius:0;place-items:center;width:34px;font:900 10px Arial;display:grid;position:relative;height:34px!important;box-shadow:none!important;background:0 0!important;border:0!important}.wind-marker i{transform-origin:50%;position:absolute;inset:4px}.wind-marker i:before{content:"";background:#f2d431;width:2px;height:23px;position:absolute;top:2px;left:12px;box-shadow:0 0 2px #001}.wind-marker i:after{content:"";border-top:2px solid #f2d431;border-left:2px solid #f2d431;width:8px;height:8px;position:absolute;top:1px;left:8px;transform:rotate(45deg)}.wind-marker b{z-index:2;color:#45ef72;background:#06283ee8;border:1px solid #2a5368;border-radius:2px;justify-self:center;place-items:center;min-width:15px;height:15px;padding:0 2px;display:grid;position:relative}.tide-control{z-index:510;align-items:center;gap:6px;display:flex;position:absolute;top:80px;left:14px}.tide-control button{color:#fff;background:#082b43;border:1px solid #315b72;border-radius:4px;font-weight:800}.tide-toggle{width:58px;height:54px;font-size:22px}.tide-toggle span{letter-spacing:1px;font-size:8px;display:block}.tide-toggle.on{background:#087c9d;border-color:#24c8e6}.set-hw{padding:0 12px;font-size:10px;color:#12384c!important;background:#f7fbfd!important}.tide-phase{background:#07243a;border:1px solid #315b72;border-radius:4px;align-items:stretch;height:54px;display:flex;overflow:hidden}.tide-phase>button{border:0;border-radius:0;min-width:42px;font-size:18px}.tide-phase .phase-label{border-left:1px solid #315b72;border-right:1px solid #315b72;min-width:78px;padding:3px 8px}.phase-label b,.phase-label small{display:block}.phase-label b{color:#73e7fb;font-size:15px}.phase-label small{color:#a7c2d0;text-transform:uppercase;letter-spacing:.6px;font-size:7px}.tide-phase .tide-now{color:#75e8fa;font-size:8px}.tide-vector{transform-origin:50%;filter:drop-shadow(0 1px 2px #001);width:52px;height:52px;position:relative}.tide-vector i{background:#00a7cc;border-radius:5px;width:37px;height:7px;position:absolute;top:23px;left:7px}.tide-vector i:after{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:16px solid #00a7cc;position:absolute;top:-7px;right:-2px}.tide-vector b{color:#063249;transform:rotate(var(--counter-rotation,0deg));background:#d6f7ffdc;border-radius:2px;padding:1px 3px;font:900 7px Arial;position:absolute;top:33px;left:13px}.tide-vector.strength-1{opacity:.55;transform-origin:50%}.tide-vector.strength-2{opacity:.75}.tide-vector.strength-3{opacity:.95}.tide-vector.strength-1 i{transform-origin:0;transform:scaleX(.72)}.tide-vector.strength-3 i{height:9px}.tide-editor p{color:#b8cbd6;font-size:12px;line-height:1.5}.tide-editor>small{color:#f0c35d;margin-top:10px;font-size:10px;line-height:1.4;display:block}.tide-actions{grid-template-columns:1fr 90px;gap:8px;display:grid}.tide-actions button{color:#062235;background:#00bad2;border:0;font-size:11px;font-weight:900}.tide-actions .clear-hw{color:#9bb2c0;background:0 0;border:1px solid #38596d}.tide-actions button:disabled{opacity:.4}@media (width<=800px),(orientation:portrait){.tide-control{top:72px;left:8px}.tide-phase .phase-label{min-width:66px}.tide-phase>button{min-width:38px}.tide-phase .tide-now{display:none}}.tide-phase>button:disabled{opacity:.25;cursor:default}.tide-phase .phase-label{min-width:112px}.tide-vector{filter:drop-shadow(0 1px 2px #002);width:42px;height:42px;position:relative;opacity:.82!important;transform:none!important}.tide-vector i:before{content:"";background:#1696b5;border-radius:3px;width:24px;height:3px;position:absolute;top:19px;left:8px}.tide-vector i:after{content:"";border-top:3px solid #1696b5;border-right:3px solid #1696b5;width:9px;height:9px;position:absolute;top:14px;left:27px;transform:rotate(45deg)}.tide-vector.east i:before{background:#159652}.tide-vector.east i:after{border-color:#159652}.tide-vector.west i:before{background:#d34848}.tide-vector.west i:after{border-color:#d34848}.tide-vector b{color:#fff;background:#06283edb;border-radius:2px;place-items:center;min-width:13px;height:13px;padding:0;font:900 7px Arial;display:grid;position:absolute;top:26px;left:15px;transform:none}.tide-vector.strength-1 i{opacity:.55;transform-origin:50%}.tide-vector.strength-1 i:before{width:17px}.tide-vector.strength-1 i:after{left:20px}.tide-vector.strength-3 i:before{height:4px}.tide-vector.strength-3 i:after{border-width:4px}.tide-editor input[type=datetime-local]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.tide-editor>small{max-width:480px}.tide-vector{--flow:#159652;--left:7px;--shaft:32px;--weight:3px;filter:drop-shadow(0 1px 1px #001423a6)drop-shadow(0 0 1px #fffc);width:46px;height:46px;position:relative;opacity:.88!important;transform:none!important}.tide-vector.west{--flow:#d74747}.tide-vector.strength-1{--left:13px;--shaft:20px;--weight:2px;opacity:.62!important}.tide-vector.strength-2{--left:9px;--shaft:28px;--weight:3px}.tide-vector.strength-3{--left:4px;--shaft:38px;--weight:4px;opacity:.94!important}.tide-vector i{transform-origin:50%;position:absolute;inset:0}.tide-vector i:before{content:"";left:var(--left);top:calc(23px - var(--weight) / 2);width:var(--shaft);height:var(--weight);background:linear-gradient(90deg, var(--flow), var(--flow) 48%);border-radius:4px;position:absolute}@supports (color:color-mix(in lab, red, red)){.tide-vector i:before{background:linear-gradient(90deg, color-mix(in srgb, var(--flow) 35%, transparent), var(--flow) 48%)}}.tide-vector i:after{content:"";left:calc(var(--left) + var(--shaft) - 10px);border:0;border-top:var(--weight) solid var(--flow);border-right:var(--weight) solid var(--flow);background:0 0;width:10px;height:10px;position:absolute;top:17px;transform:rotate(45deg)}.tide-vector b{display:none}.tide-vector i{background:0 0!important;border-radius:0!important}.tide-map-head:before{content:"";clip-path:polygon(50% 0,100% 100%,50% 72%,0 100%);filter:drop-shadow(0 1px 1px #001423b3);background:#159652;width:12px;height:15px;position:absolute;top:1px;left:3px}.course-leg-label{pointer-events:none;place-items:center;width:126px;height:38px;display:grid;position:relative}.course-leg-label i{transform-origin:10px 10px;width:20px;height:20px;position:absolute;top:0;left:53px}.course-leg-label i:before{content:"";clip-path:polygon(50% 0,100% 100%,50% 72%,0 100%);filter:drop-shadow(0 0 1px #fff)drop-shadow(0 1px 1px #001);background:#173b63;width:8px;height:17px;position:absolute;top:1px;left:6px}.course-leg-label b{white-space:nowrap;color:#fff;letter-spacing:.15px;background:#05192be6;border:1px solid #ffffffbf;border-radius:3px;padding:2px 5px;font:800 9px Arial;position:absolute;top:21px;box-shadow:0 1px 3px #00101f73}.course-chevron{transform-origin:14px 16px;filter:drop-shadow(0 1px 2px #000f1ecc);width:28px;height:32px;position:relative}.course-chevron i{clip-path:polygon(50% 0,100% 100%,50% 68%,0 100%);background:#23d7ef;width:18px;height:13px;position:absolute;left:5px}.course-chevron i:first-child{top:1px}.course-chevron i:last-child{top:12px}.course-leg-label{height:26px}.course-leg-label b{background:#05192bf0;border-color:#23d7ef;padding:3px 7px;font-size:10px;top:3px}.wind-badge{color:#f4f6fb;background:#3864f4;border:1px solid #ffffffa6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:54px;height:54px;font-family:Arial,sans-serif;line-height:1;display:flex;position:relative;box-shadow:0 1px 3px #00142d73}.wind-badge b{z-index:2;margin-bottom:4px;font-size:13px;font-weight:800;position:relative}.wind-badge span{z-index:2;font-size:15px;font-weight:800;position:relative}.wind-badge i{transform-origin:32px 32px;pointer-events:none;width:64px;height:64px;position:absolute;top:-5px;left:-5px}.wind-badge i:before{content:"";background:#3864f4;border-radius:2px;width:6px;height:13px;position:absolute;top:-1px;left:29px}.wind-badge i:after{content:"";clip-path:polygon(50% 0,100% 100%,50% 72%,0 100%);filter:drop-shadow(0 0 1px #ffffffbf);background:#3864f4;width:16px;height:15px;position:absolute;top:-7px;left:24px}.tide-map-head{transform-origin:10px 10px;width:20px;height:20px}.tide-map-head:before{width:16px;height:20px;top:0;left:2px}.tide-map-head.west:before{background:#ef2c35}.course-chevron i{background:#173b63!important}.boat-icon{transform-origin:23px 27px;place-items:center;width:46px;height:54px;display:grid}.boat-icon>i{clip-path:polygon(50% 0,82% 18%,100% 70%,78% 100%,22% 100%,0 70%,18% 18%);filter:drop-shadow(0 1px 3px #002)drop-shadow(0 0 5px #00d8ee);background:#00d8ee;width:28px;height:46px;display:block;position:relative}.boat-icon>i span{background:#07334b;border-radius:8px 8px 3px 3px;width:14px;height:17px;position:absolute;top:18px;left:7px;box-shadow:inset 0 0 0 2px #ffffffa6}.range-label{color:#05263a;text-shadow:0 1px #fff;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:78px;height:38px;display:flex}.range-label b,.range-label span{white-space:nowrap;background:#ebfafde6;border:1px solid #00a8c1;padding:1px 5px;font-family:Arial,sans-serif}.range-label b{border-radius:3px 3px 0 0;font-size:10px}.range-label span{border-top:0;border-radius:0 0 3px 3px;font-size:9px}.layer-controls{z-index:510;align-items:center;gap:6px;display:flex;position:absolute;top:80px;left:14px}.layer-controls button{color:#fff;background:#082b43;border:1px solid #315b72;border-radius:4px;font-weight:800}.wind-toggle,.tide-toggle{flex-direction:column;justify-content:center;align-items:center;width:58px;height:54px;font-size:20px;display:flex}.wind-toggle span,.tide-toggle span{letter-spacing:1px;font-size:8px}.wind-toggle small{color:#9eb9c7;font-size:6px}.wind-toggle.on,.tide-toggle.on{background:#087c9d;border-color:#24c8e6}.layer-controls .tide-phase{display:flex}.units-button{color:#d8ebf4;letter-spacing:1px;background:#102f44;border:1px solid #315269;border-radius:4px;height:34px;padding:0 10px;font-size:9px;font-weight:800;min-height:34px!important}.units-panel{max-width:520px}.unit-row{border-bottom:1px solid #2b4b60;grid-template-columns:110px 1fr;align-items:center;gap:12px;padding:13px 0;display:grid}.unit-row label{color:#b9d0dc;font-size:12px;font-weight:800}.unit-row>div{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.unit-row button{color:#d5e7ef;background:#102f44;border:1px solid #3b6178;border-radius:4px;font-size:11px;font-weight:800}.unit-row button.selected{color:#062337;background:#00b9d2;border-color:#54e7f5}.units-done{color:#062337;background:#00b9d2;border:0;width:100%;margin-top:14px;font-weight:900}.settings-tutorial{color:#e4f5fa;letter-spacing:.6px;background:#102f44;border:1px solid #3b7187;border-radius:4px;width:100%;margin-top:14px;font-size:11px;font-weight:900}.settings-tutorial span{color:#55e9f7;border:1px solid #55e9f7;border-radius:50%;place-items:center;width:24px;height:24px;margin-right:8px;display:inline-grid}.units-panel{max-height:min(92dvh,760px);overflow-y:auto}.wind-badge small{color:#dce5ff;font-size:6px;line-height:1;position:absolute;bottom:2px}.tide-map-head:before{width:100%!important;height:100%!important;inset:0!important}.status .units-button{width:40px;padding:0;font-size:20px;line-height:1}.range-setting{padding:15px 0 4px}.range-setting>div:first-child,.range-scale-ends{justify-content:space-between;align-items:center;display:flex}.range-setting label{color:#b9d0dc;font-size:12px;font-weight:800}.range-setting output{color:#50e1f2;letter-spacing:.8px;font-size:10px;font-weight:900}.range-setting input{accent-color:#00b9d2;touch-action:pan-x;width:100%;height:34px}.range-scale-ends{color:#7696a8;letter-spacing:1px;font-size:8px;font-weight:800}.range-setting>div:first-child small{color:#7696a8;font-size:9px}.range-stepper{grid-template-columns:54px 1fr 54px;gap:8px;margin-top:12px;display:grid!important}.range-stepper button{color:#fff;background:#102f44;border:1px solid #3b6178;border-radius:5px;height:46px;font-size:25px;font-weight:800}.range-stepper button:active{color:#062337;background:#00b9d2}.range-stepper output{color:#50e1f2;font-variant-numeric:tabular-nums;background:#082b43;border:1px solid #00a8c1;border-radius:5px;justify-content:center;align-items:center;font-size:18px;font-weight:900;display:flex}.status>.wind-instrument{align-items:center;gap:8px;min-width:300px;height:50px;flex-direction:row!important;padding-left:12px!important;display:flex!important}.wind-summary{flex-direction:column;justify-content:center;min-width:188px;display:flex}.wind-summary small{text-overflow:ellipsis;white-space:nowrap;color:#60d9ea;max-width:185px;overflow:hidden}.wind-summary strong{white-space:nowrap;font-size:13px}.wind-summary strong span{color:#e8f5fa;font-size:9px}.wind-summary em{color:#87a9ba;white-space:nowrap;font-size:8px;font-style:normal}.wind-spark{border-bottom:1px solid #2c5368;border-left:1px solid #2c5368;width:88px;height:32px;overflow:visible}.wind-spark polyline{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.wind-spark .gust-line{stroke:#ffb443;stroke-width:1.5px}.wind-spark .average-line{stroke:#4bd9eb;stroke-width:2px}@media (width<=800px),(orientation:portrait){.layer-controls{top:72px;left:8px}.units-button{padding:0 6px}.unit-row{grid-template-columns:90px 1fr}.wind-toggle,.tide-toggle{width:52px}.status>.wind-instrument{min-width:130px;padding-left:6px!important}.wind-summary{min-width:125px}.wind-summary strong{font-size:11px}.wind-summary strong span,.wind-summary em,.wind-spark{display:none}}.instrument{height:100dvh;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.entry .race-start{color:#062337;background:#00b9d2;border-color:#58e6f4}.entry .race-start:disabled{opacity:.35}.edit-course-mobile{z-index:620;color:#fff;letter-spacing:.7px;background:#05253aeb;border:1px solid #57d9ea;border-radius:4px;padding:0 12px;font-size:10px;font-weight:900;position:absolute;top:8px;right:8px}.table-head,.mark-row{grid-template-columns:24px 1.6fr 44px .9fr .7fr 44px}.mark-row button{min-width:44px;height:44px;min-height:44px}.mark-row .remove{min-width:44px}.gps-help{z-index:900;width:min(350px,100vw - 24px)}.gps-help>span{color:#ffb443;border:2px solid #ffb443;border-radius:50%;place-items:center;width:38px;height:38px;display:inline-grid}.gps-help p b{color:#fff}.tide-flow-head{transform-origin:36px 36px;opacity:.48;filter:drop-shadow(0 2px 2px #001423a6)drop-shadow(0 0 2px #ffffffd9);pointer-events:auto;place-items:center;width:72px;height:72px;display:grid}.tide-flow-head i{clip-path:polygon(50% 0,100% 100%,50% 73%,0 100%);background:#20a665;width:58px;height:64px;display:block}.tide-flow-head.west i{background:#f0444d}.tide-flow-head.strength-1{opacity:.32}.tide-flow-head.strength-1 i{width:48px;height:54px}.tide-flow-head.strength-3{opacity:.58}.tide-flow-head.strength-3 i{width:66px;height:70px}.tide-flow-head.overview{transform-origin:22px 22px;width:44px;height:44px}.tide-flow-head.overview i{width:34px;height:39px}.tide-flow-head.overview.strength-1 i{width:28px;height:33px}.tide-flow-head.overview.strength-3 i{width:40px;height:43px}@media (width<=950px),(height<=500px){.status{gap:7px;height:54px;padding:0 8px}.brand{margin-right:0}.brand-name{display:none}.brand>img{width:34px;height:34px}.status>div:not(.brand){padding-left:7px}.status>div:nth-of-type(4){display:none}.status strong{font-size:15px}.status time{display:none}.status>.wind-instrument{min-width:112px;padding-left:5px!important}.wind-summary{min-width:106px}.wind-summary small{max-width:106px;font-size:8px}.wind-summary strong{font-size:12px}.wind-summary strong span,.wind-summary em,.wind-spark{display:none}.status .units-button{width:44px;min-width:44px;height:44px;min-height:44px!important}.entry{flex-wrap:wrap;height:auto;padding:7px}.entry label{width:100%}.entry .course-entry-field{flex:190px;order:2;min-width:0}.entry .course-entry-field input,.entry .course-entry-highlight{font-size:16px}.entry button{order:3;padding:0 9px}.entry .clear,.confirm-strip{display:none}.course-panel{top:auto;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));width:auto;max-height:46%}.course-panel.collapsed{width:58px;left:auto}.map-tools{top:8px;left:8px}.layer-controls{top:72px;left:8px}.disclaimer{display:none}.tide-flow-head{transform-origin:40px 40px;width:80px;height:80px}.tide-flow-head i{width:66px;height:72px}.tide-flow-head.strength-3 i{width:74px;height:78px}.race-mode .entry,.race-mode .confirm-strip{display:none}.race-mode .course-panel{max-height:none}.race-mode .course-panel .panel-head,.race-mode .course-panel .table-head,.race-mode .course-panel .rows{display:none}.race-mode .course-panel{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));top:auto}.race-mode .next-card{padding:14px 16px}.race-mode .next-card>div b,.race-mode .next-card>strong{font-size:34px}.race-mode .next-card>span{font-size:16px;font-weight:800}.race-mode .advance button{min-height:56px;font-size:13px}.race-mode .advance{grid-template-columns:1fr 2fr}.race-mode .edit-course-mobile{display:block}}@media (orientation:landscape) and (height<=500px){.entry{flex-wrap:nowrap;height:54px}.entry label{display:none}.entry .course-entry-field{flex-basis:auto}.course-panel{left:auto;right:calc(8px + env(safe-area-inset-right));width:min(330px,42vw);max-height:none;top:8px;bottom:8px}.race-mode .course-panel{left:auto;right:calc(8px + env(safe-area-inset-right));width:min(330px,42vw);top:8px;bottom:8px}.race-mode .next-card{margin-top:auto}.layer-controls{top:72px}.gps-prompt{top:50%}}.wind-badge.wide{width:38px;height:38px}.wind-badge.wide b{margin-bottom:2px;font-size:10px}.wind-badge.wide span{font-size:10px}.wind-badge.wide small{font-size:5px}.wind-badge.wide i{transform-origin:23px 23px;width:46px;height:46px;top:-4px;left:-4px}.wind-badge.wide i:before{width:5px;height:10px;left:20px}.wind-badge.wide i:after{width:13px;height:12px;top:-5px;left:16px}.wind-badge.far{background:#3864f4e0;border-width:1px;width:26px;height:26px}.wind-badge.far b{margin:0;font-size:8px}.wind-badge.far span,.wind-badge.far small{display:none}.wind-badge.far i{transform-origin:16px 16px;width:32px;height:32px;top:-3px;left:-3px}.wind-badge.far i:before{width:4px;height:8px;top:0;left:14px}.wind-badge.far i:after{width:10px;height:9px;top:-4px;left:11px}.wind-badge.unavailable{color:#d3e0e6;background:#364858d1;border-color:#8ca3af}.wind-badge.unavailable span{font-size:8px}.wind-badge.unavailable.far span{display:none}.advance .mark-prompt{animation:.85s ease-in-out infinite mark-pulse;box-shadow:0 0 #ffb000bf;color:#201600!important;background:#ffb000!important}@keyframes mark-pulse{0%,to{transform:scale(1);box-shadow:0 0 #ffb000b3}50%{transform:scale(1.035);box-shadow:0 0 0 8px #ffb00000}}@media (prefers-reduced-motion:reduce){.advance .mark-prompt{outline:4px solid #ffda63;animation:none}}@media (width<=430px){.status{gap:5px;padding-left:6px;padding-right:6px}.status .brand{display:none}.status>div:not(.brand){padding-left:5px}.status>.wind-instrument{flex:1;min-width:136px!important;padding-left:5px!important}.wind-summary{max-width:136px;min-width:130px!important}.wind-summary small{font-size:8px;max-width:130px!important}.wind-summary strong{align-items:baseline;gap:4px;display:flex;font-size:11px!important}.wind-summary strong span{color:#e8f5fa;font-size:7px!important;display:inline!important}.wind-summary em,.wind-spark{display:none}.status .units-button{flex:0 0 44px}}.depth-toggle{flex-direction:column;justify-content:center;align-items:center;width:58px;height:54px;font-size:22px;display:flex}.depth-toggle span{letter-spacing:1px;font-size:8px}.depth-toggle small{color:#9eb9c7;font-size:6px}.depth-toggle.on{background:#006f96!important;border-color:#5ce4f4!important}.wind-summary .wind-numbers{font-variant-numeric:tabular-nums}@media (width<=800px),(orientation:portrait){.depth-toggle{width:52px}.layer-controls{flex-wrap:wrap;align-items:flex-start;max-width:calc(100vw - 16px)}.layer-controls .tide-phase,.layer-controls .set-hw{order:4}.wind-summary strong{align-items:baseline;gap:5px;display:flex}.wind-summary strong .wind-numbers{display:inline!important}}@media (width<=430px){.status>.gps,.status>div:nth-of-type(5){display:none}.status>div:nth-of-type(3){flex:0 0 68px}.status>.wind-instrument{max-width:none;overflow:hidden;min-width:0!important}.wind-summary{flex:1;max-width:none;min-width:0!important}.wind-summary small{max-width:100%!important}.wind-summary strong{grid-template-columns:auto 1fr;gap:5px;display:grid!important}.wind-summary strong .wind-direction{font-size:10px!important}.wind-summary strong .wind-numbers{white-space:nowrap;color:#fff;font-size:9px!important;display:inline!important}.status .units-button{flex:0 0 40px;width:40px!important;min-width:40px!important}}.mobile-wind-bar{display:none}.depth-key{z-index:509;background:#051f31f0;border:1px solid #315b72;border-radius:4px;align-items:center;gap:0;font-size:8px;font-weight:900;display:flex;position:absolute;top:142px;left:14px;overflow:hidden;box-shadow:0 2px 8px #00142359}.depth-key>b{letter-spacing:.7px;padding:0 8px}.depth-key>span{color:#062337;place-items:center;height:27px;padding:0 7px;display:grid}.depth-key .depth-0{color:#fff;background:#ee534adb}.depth-key .depth-2{background:#faa537db}.depth-key .depth-4{background:#fadb4adb}.depth-key .depth-55{background:#48c7dacc}.depth-key>small{color:#9eb9c7;padding:0 8px;font-size:7px;font-weight:700}@media (width<=800px),(orientation:portrait){.status>.wind-instrument{display:none!important}.mobile-wind-bar{font-variant-numeric:tabular-nums;background:#0b2c42;border-bottom:1px solid #25718a;flex:none;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;height:42px;padding:4px 10px;display:grid}.mobile-wind-bar>span{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.mobile-wind-bar>span small{text-overflow:ellipsis;white-space:nowrap;color:#65deeb;font-size:8px;font-weight:800;overflow:hidden}.mobile-wind-bar>span b{font-size:17px}.mobile-wind-bar>strong{color:#9ec0cf;white-space:nowrap;font-size:8px}.mobile-wind-bar>strong b{color:#fff;font-size:17px}.mobile-wind-bar>strong small{font-size:7px}.depth-key{flex-wrap:wrap;max-width:calc(100vw - 16px);top:134px;left:8px}.depth-key>b{place-items:center;height:24px;display:grid}.depth-key>span{flex:1;height:24px;padding:0 5px}.depth-key>small{background:#071f32;width:100%;padding:3px 7px}}@media (width<=430px){.status>.gps,.status>div:nth-of-type(4),.status>div:nth-of-type(5){display:none}.status{height:48px}.mobile-wind-bar{grid-template-columns:minmax(0,1fr) auto auto;gap:7px;padding-left:7px;padding-right:7px}.mobile-wind-bar>span b,.mobile-wind-bar>strong b{font-size:15px}.layer-controls{top:64px}.depth-key{top:126px}}@media (width<=800px) and (orientation:portrait){.instrument{overflow:hidden}.status{border-bottom-color:#17455d;gap:5px;height:44px;min-height:44px;padding:0 7px}.status .brand,.status>div:nth-of-type(4),.status>div:nth-of-type(5),.status time{display:none!important}.status>.gps{white-space:nowrap;flex:auto;min-width:0;font-size:9px;padding:0 6px!important;display:flex!important}.status>div:nth-of-type(3){flex:0 0 76px;padding-left:7px!important}.status>div:nth-of-type(3) small{font-size:7px}.status>div:nth-of-type(3) strong{font-size:15px}.status .units-button{flex:0 0 40px;height:38px;font-size:18px;width:40px!important;min-width:40px!important;min-height:38px!important}.mobile-wind-bar{grid-template-columns:minmax(0,1fr) auto auto;gap:6px;height:34px;min-height:34px;padding:2px 8px}.mobile-wind-bar>span{gap:5px}.mobile-wind-bar>span small{font-size:7px}.mobile-wind-bar>span b,.mobile-wind-bar>strong b{font-size:13px}.mobile-wind-bar>strong{font-size:7px}.entry{grid-template-rows:14px 40px 34px;grid-template-columns:1fr 1fr;align-items:stretch;gap:4px 6px;min-height:94px;padding:6px 8px;display:grid}.entry label{grid-column:1/-1;width:auto;font-size:8px;line-height:14px}.entry .course-entry-field{order:initial;grid-column:1/-1;width:100%;height:40px;min-height:40px}.entry .course-entry-field input,.entry .course-entry-highlight{padding:0 11px;font-size:17px}.entry button{order:initial;height:34px;min-height:34px;padding:0 8px;font-size:10px}.entry .clear,.confirm-strip{display:none}.chart{min-height:0}.map-tools{gap:4px;top:7px;left:7px}.map-tools button{width:46px;height:46px;font-size:18px}.map-tools button span{font-size:7px}.layer-controls{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:4px;max-width:210px;display:flex;top:7px;left:auto;right:7px}.wind-toggle,.tide-toggle,.depth-toggle{width:46px;min-width:46px;height:46px;font-size:17px}.wind-toggle span,.tide-toggle span,.depth-toggle span{font-size:7px}.wind-toggle small,.depth-toggle small{font-size:5px}.layer-controls .tide-phase{height:38px;margin-left:auto}.tide-phase>button{min-width:34px;height:38px}.tide-phase .phase-label{min-width:100px}.tide-phase .phase-label b{font-size:10px}.tide-phase .phase-label small{font-size:6px}.depth-key{border-radius:3px;flex-wrap:nowrap;max-width:238px;height:22px;font-size:6px;top:101px;left:auto;right:7px}.depth-key>b,.depth-key>span{height:22px;padding:0 5px}.depth-key>small{display:none}.gps-prompt{width:calc(100% - 30px);max-width:340px;padding:14px;top:48%;box-shadow:0 10px 30px #000a148c}.gps-prompt h2{margin:5px 0;font-size:18px}.gps-prompt p{margin:5px 0 10px;font-size:12px;line-height:1.35}.gps-prompt button{min-height:46px}.course-panel{left:7px;right:7px;bottom:calc(7px + env(safe-area-inset-bottom));max-height:31%;box-shadow:0 4px 20px #000e1b7a}.course-panel .panel-head{height:36px;min-height:36px;padding-left:10px}.course-panel .panel-head small{font-size:7px}.course-panel .panel-head strong{font-size:12px}.course-panel .panel-head button{width:42px;min-height:36px}.course-panel .table-head,.course-panel .rows{display:none}.next-card{grid-template-rows:14px 31px 22px;grid-template-columns:1fr auto;align-items:center;min-height:76px;padding:8px 11px;display:grid}.next-card>small{grid-column:1/-1;font-size:7px}.next-card>div{grid-column:1;align-items:center;gap:7px;display:flex}.next-card>div b{font-size:27px}.next-card>div span{padding:4px 6px;font-size:9px}.next-card>strong{grid-area:2/2;font-size:24px}.next-card>span{grid-area:3/1/auto/-1;font-size:12px;font-weight:800}.advance{grid-template-columns:1fr 1.7fr;min-height:43px}.advance button{height:43px;min-height:43px;font-size:10px}.race-mode .course-panel{left:7px;right:7px;bottom:calc(7px + env(safe-area-inset-bottom))}.race-mode .next-card{min-height:76px;padding:8px 11px}.race-mode .next-card>div b,.race-mode .next-card>strong{font-size:27px}.race-mode .next-card>span{font-size:12px}.race-mode .advance button{height:46px;min-height:46px;font-size:11px}.race-mode .edit-course-mobile{height:40px;padding:0 10px;font-size:8px;top:7px;right:7px}.leaflet-control-zoom{display:none!important}.leaflet-bottom.leaflet-right{top:2px;bottom:auto;right:2px}.leaflet-control-attribution{white-space:normal;text-align:right;opacity:.72;max-width:48vw;line-height:1.05;padding:1px 3px!important;font-size:6px!important}.wind-badge.far{width:22px;height:22px}.wind-badge.far b{font-size:7px}.wind-badge.far i{transform-origin:14px 14px;width:28px;height:28px;top:-3px;left:-3px}.wind-badge.far i:before{left:12px}.wind-badge.far i:after{left:9px}.tide-flow-head.overview{transform-origin:18px 18px;width:36px;height:36px}.tide-flow-head.overview i{width:28px;height:32px}.tide-flow-head.overview.strength-3 i{width:33px;height:35px}}@media (display-mode:standalone){body{overscroll-behavior:none}.instrument{height:100dvh}}@media (width<=950px),(height<=500px){html,body{width:100%;height:100%;min-height:100%}.instrument,.instrument.race-mode{width:100%;height:100dvh;padding:0}.status{height:calc(54px + env(safe-area-inset-top));min-height:calc(54px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right))}.chart{min-height:0}}@media (width<=800px) and (orientation:portrait){.mobile-wind-bar{top:env(safe-area-inset-top)}}.instrument:not(.race-mode) .course-panel{display:none}@media (width<=800px) and (orientation:portrait){.status{padding-right:174px;position:relative}.mobile-wind-bar{z-index:40;top:env(safe-area-inset-top);background:#07192c;border:0;border-left:1px solid #27445a;grid-template-rows:1fr 1fr;grid-template-columns:45px 1fr;gap:0 4px;width:122px;height:44px;min-height:44px;padding:3px 0 3px 5px;display:grid;position:absolute;right:48px}.mobile-wind-bar>span{border-right:1px solid #27445a;grid-area:1/1/3;place-items:center;display:grid}.mobile-wind-bar>span small{display:none}.mobile-wind-bar>span b{font-size:15px;line-height:1}.mobile-wind-bar>strong{color:#86a5b5;justify-content:space-between;align-items:center;gap:3px;padding-right:3px;font-size:6px;line-height:1;display:flex}.mobile-wind-bar>strong b{color:#fff;font-size:11px;line-height:1}.mobile-wind-bar>strong small{font-size:5px}.status>.gps{flex:auto}.status>div:nth-of-type(3){flex:0 0 64px}.layer-controls{max-width:210px}.layer-controls:not(:has(.tide-toggle.on))~.depth-key{top:57px}.layer-controls:has(.tide-toggle.on)~.depth-key{top:101px}.layer-controls .tide-phase,.layer-controls .set-hw{flex-basis:auto;margin-left:auto}.race-mode .course-panel{background:#051e30f0;border-color:#2c637b;border-radius:5px;overflow:hidden;box-shadow:0 5px 18px #000e1b73}.race-mode .next-card{background:#08344df0;grid-template-rows:12px 28px 20px;min-height:68px;padding:6px 10px}.race-mode .next-card>div b,.race-mode .next-card>strong{font-size:24px}.race-mode .next-card>span{font-size:11px}.race-mode .advance{gap:5px;min-height:40px;padding:5px}.race-mode .advance button{height:40px;min-height:40px}}@media (width<=380px) and (orientation:portrait){.status{padding-right:158px}.mobile-wind-bar{grid-template-columns:40px 1fr;width:112px;right:44px}.mobile-wind-bar>span b{font-size:13px}.mobile-wind-bar>strong b{font-size:10px}.status>.gps{font-size:8px}.status>div:nth-of-type(3){flex-basis:57px}.status>div:nth-of-type(3) strong{font-size:13px}}@media (display-mode:standalone),(display-mode:fullscreen){html,body{background:#acd4df;width:100%;height:100%;min-height:100%;overflow:hidden}.instrument,.instrument.race-mode{width:auto;height:auto;min-height:0;padding:0;position:fixed;inset:0;overflow:hidden}}.wind-badge{transform:scale(var(--wind-icon-scale,1));transform-origin:50%}.display-options{border-bottom:1px solid #2b4b60}.display-options h3{color:#6f9aad;letter-spacing:1.2px;margin:14px 0 3px;font-size:8px;font-weight:900}.display-options h3:first-child{margin-top:12px}.test-mode-setting{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.test-mode-setting button{color:#d5e7ef;background:#102f44;border:1px solid #3b6178;border-radius:4px;min-height:42px;font-size:11px;font-weight:900}.test-mode-setting button.selected{color:#062337;background:#00b9d2;border-color:#54e7f5}.test-mode-note{color:#91afbd;margin:7px 0 12px;font-size:10px;line-height:1.4}.display-toggle{color:#d5e7ef;text-align:left;background:0 0;border:0;border-bottom:1px solid #1d4055;align-items:center;gap:12px;width:100%;min-height:52px;padding:7px 0;display:flex}.display-toggle:last-child{border-bottom:0}.display-toggle>span{flex-direction:column;flex:1;display:flex}.display-toggle b{font-size:12px}.display-toggle small{color:#789aaa;margin-top:3px;font-size:8px}.display-toggle i{color:#8faab8;letter-spacing:.7px;background:#173247;border:1px solid #45677a;border-radius:13px;place-items:center;width:46px;height:25px;font-size:7px;font-style:normal;font-weight:900;display:grid}.display-toggle.on i{color:#052438;background:#00acc3;border-color:#51e1ef}.mark-choice-card{max-width:430px}.mark-choice-card>p{color:#9db9c7;margin:8px 0 13px;font-size:11px;line-height:1.45}.mark-choices{gap:7px;display:grid}.mark-choices>button{color:#e9f7fa;text-align:left;background:#102f44;border:1px solid #38647a;border-radius:5px;min-height:58px;padding:10px 13px}.mark-choices span{font-size:13px;font-weight:900;display:block}.mark-choices small{color:#60d9e8;letter-spacing:.8px;margin-top:4px;font-size:8px;font-weight:900;display:block}.mark-choice-tip{color:#9db8c5;background:#152f3f;border-left:3px solid #e6b344;margin-top:13px;padding:10px 12px;font-size:9px;line-height:1.45}.mark-choice-tip b{color:#ffd066;letter-spacing:.8px;margin-right:7px}.wind-scale-setting{border-bottom:1px solid #2b4b60;padding-bottom:12px}@media (width<=800px),(orientation:portrait){.units-panel{max-height:calc(100dvh - 24px);overflow-y:auto}.display-toggle{min-height:48px}.wind-scale-setting{padding-top:11px}}.help-button,.units-button{color:#fff;background:#102f44;border:1px solid #315269;border-radius:50%;flex:0 0 44px;width:44px;height:44px;min-height:44px;font-size:20px;font-weight:900}.help-button{color:#65eafa;border-color:#00c6de}.tour{z-index:10000;pointer-events:none;position:fixed;inset:0}.tour-focus{z-index:1;border:3px solid #55e9f7;border-radius:8px;transition:all .22s;position:fixed;box-shadow:0 0 0 9999px #000a14bd,0 0 22px #00c6de}.tour-stage{z-index:2;color:#fff;pointer-events:none;filter:drop-shadow(0 12px 22px #000810a6);place-items:center;width:min(440px,100vw - 28px);min-height:170px;animation:.45s cubic-bezier(.2,.9,.25,1.15) both tour-stage-in;display:grid;position:fixed;top:42%;left:50%;transform:translate(-50%,-50%)}.tour-instruments{background:#07192c;border:1px solid #3e7289;border-radius:8px;grid-template-columns:repeat(3,1fr);width:100%;display:grid;overflow:hidden}.tour-instruments>div{text-align:center;border-left:1px solid #27495e;padding:20px 10px;animation:2.6s ease-in-out infinite tour-instrument-pulse}.tour-instruments>div:first-child{border-left:0}.tour-instruments>div:nth-child(2){animation-delay:.35s}.tour-instruments>div:nth-child(3){animation-delay:.7s}.tour-instruments small,.tour-wind-demo small,.tour-next-demo small{color:#63d9e8;letter-spacing:1.3px;font-size:9px;display:block}.tour-instruments b{margin:7px 0;font-size:27px;display:block}.tour-instruments b i,.tour-next-demo em{color:#9ab6c4;font-size:10px;font-style:normal}.tour-instruments span{color:#89a7b7;font-size:8px}.tour-wind-demo{background:#08253a;border:1px solid #41738b;border-radius:9px;grid-template-columns:78px 1fr 150px;align-items:center;gap:13px;width:390px;max-width:100%;padding:16px;display:grid}.tour-wind-arrow{border:2px solid #2d657c;border-radius:50%;width:68px;height:68px;position:relative}.tour-wind-arrow i{transform-origin:2px 29px;background:#f4d43f;border-radius:3px;width:5px;height:54px;animation:3.5s ease-in-out infinite tour-wind-swing;position:absolute;top:5px;left:31px}.tour-wind-arrow i:before{content:"";border-top:4px solid #f4d43f;border-left:4px solid #f4d43f;width:15px;height:15px;position:absolute;top:-2px;left:-7px;transform:rotate(45deg)}.tour-wind-demo>div:nth-child(2)>b{color:#58e5f3;margin:4px 0 7px;font-size:25px;display:block}.tour-wind-demo span{color:#fff;font-size:14px;font-weight:900;line-height:1.45;display:block}.tour-wind-demo span em{color:#8aa9b8;font-size:8px;font-style:normal}.tour-wind-demo svg{width:100%;height:62px;overflow:visible}.tour-wind-demo polyline{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:240;animation:2.4s ease-in-out infinite alternate tour-draw}.tour-gust{stroke:#ffcb45}.tour-average{stroke:#46e572;animation-delay:.2s!important}.tour-layers-demo{grid-template-columns:1fr 1fr;place-items:center;gap:10px 28px;width:380px;display:grid}.tour-tide-arrow{width:112px;height:112px;animation:2.2s ease-in-out infinite tour-tide-drift;position:relative}.tour-tide-arrow i:before{content:"";background:#16a665;border-radius:8px;width:72px;height:13px;position:absolute;top:49px;left:15px}.tour-tide-arrow i:after{content:"";border-top:24px solid #0000;border-bottom:24px solid #0000;border-left:34px solid #16a665;position:absolute;top:31px;right:7px}.tour-depth-bands{border:2px solid #d7eff5;border-radius:48% 52% 12px 12px;align-items:flex-end;width:130px;height:92px;display:flex;overflow:hidden;transform:skew(-7deg)}.tour-depth-bands i{background:#ef534a;flex:1;height:46%;animation:2.8s ease-in-out infinite alternate tour-water-rise}.tour-depth-bands i:nth-child(2){background:#faa537;height:64%;animation-delay:.15s}.tour-depth-bands i:nth-child(3){background:#fadb4a;height:82%;animation-delay:.3s}.tour-depth-bands i:nth-child(4){background:#48c7da;height:100%;animation-delay:.45s}.tour-layer-label{text-align:center}.tour-layer-label b{color:#67e7f4;font-size:15px;display:block}.tour-layer-label span{color:#a5c0cc;font-size:9px}.tour-follow-demo{background:#b7d4dc;border:2px solid #568097;border-radius:10px;width:260px;height:180px;position:relative;overflow:hidden}.tour-map-grid{background-image:linear-gradient(#749ba744 1px,#0000 1px),linear-gradient(90deg,#749ba744 1px,#0000 1px);background-size:34px 34px;animation:3s linear infinite tour-map-follow;position:absolute;inset:-40px}.tour-follow-boat{place-items:center;width:46px;height:58px;display:grid;position:absolute;top:57px;left:107px}.tour-follow-boat i,.tour-demo-boat i{clip-path:polygon(50% 0,100% 100%,50% 76%,0 100%);filter:drop-shadow(0 0 6px #035);background:#00d8ef;width:29px;height:42px}.tour-follow-demo button{color:#052235;background:#00c6de;border:0;border-radius:4px;font-size:17px;font-weight:900;animation:1.7s ease-in-out infinite tour-follow-glow;position:absolute;top:9px;left:9px}.tour-follow-demo button span{font-size:9px}.tour-nav-demo{background:radial-gradient(circle at 45% 72%,#d8edf1 0,#b9d9e0 70%);border:1px solid #497991;border-radius:10px;width:390px;height:230px;position:relative;overflow:hidden}.tour-demo-boat.boat-icon{z-index:5;animation:1.7s ease-in-out infinite tour-boat-bob;position:absolute;top:157px;left:159px;transform:rotate(17deg)}.tour-cog-line,.tour-target-line{transform-origin:0;position:absolute;top:184px;left:182px}.tour-cog-line{background:#00bcd7;border-radius:3px;width:185px;height:4px;transform:rotate(-73deg);box-shadow:0 0 2px #00506473}.tour-target-line{border-top:4px dashed #00cde4;width:185px;transform:rotate(-49deg)}.tour-turn-arc{width:100%;height:100%;animation:1.8s ease-in-out infinite tour-angle-pulse;position:absolute;inset:0;overflow:visible}.tour-turn-arc path{fill:none;stroke:#ffb43b;stroke-width:5px;stroke-linecap:round}.tour-turn-label{z-index:4;position:absolute;top:119px;left:196px}.tour-demo-mark.race-mark{position:absolute;top:32px;right:31px;transform:scale(1.18)}.tour-cog-key,.tour-target-key{color:#fff;letter-spacing:.3px;background:#052539db;border-radius:3px;align-items:center;gap:5px;padding:3px 6px;font-size:7px;display:flex;position:absolute;bottom:10px}.tour-cog-key{left:10px}.tour-target-key{right:10px}.tour-cog-key i,.tour-target-key i{background:#00bcd7;width:24px;height:3px;display:block}.tour-target-key i{background:0 0;border-top:3px dashed #00cde4;height:0}.tour-next-demo{background:#0b3b58;border:1px solid #3c748c;border-radius:9px;grid-template-columns:1fr auto;gap:6px 18px;width:380px;max-width:100%;padding:20px;animation:2.4s ease-in-out infinite tour-card-breathe;display:grid}.tour-next-demo small{grid-column:1/-1}.tour-next-demo>div b{font-size:38px}.tour-next-demo>div i{background:#dd3b43;border-radius:4px;margin-left:8px;padding:6px 8px;font-size:10px;font-style:normal;font-weight:900}.tour-next-demo>strong{font-size:34px}.tour-next-demo>span{color:#9db9c7;grid-column:1/-1;font-size:13px}.tour-next-demo>span b{color:#fff}.tour-rounding-demo{justify-content:space-around;gap:38px;width:390px;max-width:100%;display:flex}.tour-round{text-align:center;place-items:center;gap:35px;display:grid}.tour-round>.race-mark{transform:scale(1.55)}.tour-round>span{color:#afc8d3;letter-spacing:.7px;font-size:8px;font-weight:900}@keyframes tour-stage-in{0%{opacity:0;transform:translate(-50%,-42%)scale(.72)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes tour-instrument-pulse{0%,to{background:#07192c}50%{background:#0d3850}}@keyframes tour-wind-swing{0%,to{transform:rotate(225deg)}50%{transform:rotate(255deg)}}@keyframes tour-draw{0%{stroke-dashoffset:230px}to{stroke-dashoffset:0}}@keyframes tour-tide-drift{0%,to{transform:translate(-10px)}50%{transform:translate(13px)}}@keyframes tour-water-rise{0%{transform:translateY(6px)}to{transform:translateY(-5px)}}@keyframes tour-map-follow{to{transform:translate(34px,34px)}}@keyframes tour-follow-glow{50%{box-shadow:0 0 0 9px #00c6de38}}@keyframes tour-boat-bob{0%,to{transform:rotate(17deg)translateY(0)}50%{transform:rotate(17deg)translateY(-4px)}}@keyframes tour-angle-pulse{50%{filter:drop-shadow(0 0 7px #ffb43b)}}@keyframes tour-card-breathe{50%{box-shadow:0 0 24px #00c6de59}}.tour-card{z-index:2;left:50%;bottom:max(22px, env(safe-area-inset-bottom));pointer-events:auto;background:#051e30fa;border:1px solid #5b8aa0;border-top:4px solid #00c6de;border-radius:8px;width:min(510px,100vw - 28px);padding:18px;position:fixed;transform:translate(-50%);box-shadow:0 12px 40px #00070fb3}.tour-progress{color:#63deed;letter-spacing:1.5px;justify-content:space-between;font-size:9px;display:flex}.tour-card h2{margin:8px 0 7px;font-size:21px}.tour-card p{color:#c3d7e2;margin:0;font-size:13px;line-height:1.45}.tour-example{justify-content:center;align-items:center;gap:7px;margin-top:12px;display:flex}.tour-example span{background:#07192c;border:1px solid #466a7e;border-radius:4px;padding:7px 9px;font-size:18px;font-weight:900}.tour-example span b{color:#ff5d64}.tour-example span strong{color:#23d17f}.tour-example i{color:#7899aa;text-transform:uppercase;font-size:9px;font-style:normal}.tour-dots{gap:4px;margin:15px 0 12px;display:flex}.tour-dots i{background:#315269;border-radius:2px;flex:1;height:3px}.tour-dots i.done{background:#23758b}.tour-dots i.current{background:#55e9f7}.tour-actions{gap:7px;display:flex}.tour-actions button{color:#fff;background:#12384f;border:1px solid #42677c;border-radius:4px;min-width:78px;font-size:11px;font-weight:900}.tour-actions .tour-skip{color:#91adbb;background:0 0;border-color:#0000;margin-right:auto}.tour-actions .tour-next{color:#052235;background:#00b7cf;border-color:#00c6de}@media (width<=800px) and (orientation:portrait){.status{padding-right:218px}.help-button,.status .units-button{flex-basis:38px;height:38px;font-size:17px;width:38px!important;min-width:38px!important;min-height:38px!important}.tour-card{bottom:max(9px, env(safe-area-inset-bottom));padding:14px}.tour-card h2{font-size:18px}.tour-card p{font-size:12px}.tour-stage{top:36%;transform:translate(-50%,-50%)scale(.84)}.tour-stage-0{top:31%}.tour-wind-demo{grid-template-columns:62px 1fr 115px;gap:8px;padding:11px}.tour-wind-arrow{width:58px;height:58px}.tour-wind-arrow i{transform-origin:2px 26px;height:48px;top:3px;left:26px}.tour-wind-demo>div:nth-child(2)>b{font-size:20px}.tour-wind-demo span{font-size:11px}.tour-nav-demo{width:360px}}@media (width<=380px) and (orientation:portrait){.status{padding-right:194px}.help-button,.status .units-button{flex-basis:34px;width:34px!important;min-width:34px!important}}@media (prefers-reduced-motion:reduce){.tour-focus{transition:none}.tour-stage,.tour-stage *{animation:none!important}}@media (width<=800px) and (orientation:portrait){.race-mode .edit-course-mobile{background:#05253ae0;width:96px;height:36px;padding:0 6px;top:59px;left:7px;right:auto}.mobile-wind-bar>span{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.mobile-wind-bar>span b{color:#55e4f2}.mobile-wind-bar>span b:before{content:"WND";color:#78a6b8;letter-spacing:1px;text-align:center;margin-bottom:2px;font-size:6px;line-height:1;display:block}.mobile-wind-bar>strong{text-align:left;grid-template-columns:25px 1fr auto;justify-content:normal;align-items:center;gap:2px;padding:0 3px;font-size:7px;display:grid}.mobile-wind-bar>strong b{font-variant-numeric:tabular-nums;justify-self:end;font-size:12px}.mobile-wind-bar>strong small{justify-self:start;font-size:5px}.race-mode .course-panel{-webkit-backdrop-filter:blur(3px);background:#051e30c2}.race-mode .next-card{background:#08344dc2}.race-mode .advance{background:#051e30b3}}.race-mark{isolation:isolate;position:relative}.race-mark:before{content:"";z-index:-1;opacity:.9;pointer-events:none;background:currentColor;width:70px;height:70px;margin:-35px 0 0 -35px;position:absolute;top:50%;left:50%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Ccircle cx='36' cy='36' r='29' fill='none' stroke='black' stroke-width='2' stroke-dasharray='13 5' opacity='.55'/%3E%3Cpath d='M25 7h13l-5-5 9 6-9 6 5-5H25zM65 25v13l5-5-6 9-6-9 5 5V25zM47 65H34l5 5-9-6 9-6-5 5h13zM7 47V34l-5 5 6-9 6 9-5-5v13z' fill='black'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Ccircle cx='36' cy='36' r='29' fill='none' stroke='black' stroke-width='2' stroke-dasharray='13 5' opacity='.55'/%3E%3Cpath d='M25 7h13l-5-5 9 6-9 6 5-5H25zM65 25v13l5-5-6 9-6-9 5 5V25zM47 65H34l5 5-9-6 9-6-5 5h13zM7 47V34l-5 5 6-9 6 9-5-5v13z' fill='black'/%3E%3C/svg%3E") 50%/contain no-repeat}.race-mark.port:before{color:#ef444d;animation:3.2s linear infinite round-port;transform:scaleX(-1)}.race-mark.starboard:before{color:#19a567;animation:3.2s linear infinite round-starboard}@keyframes round-port{to{rotate:-360deg}}@keyframes round-starboard{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.race-mark.port:before,.race-mark.starboard:before{animation:none}}.race-mark:before{z-index:0}.race-mark>b,.race-mark>span,.race-mark>i{z-index:1;position:relative}.map-tools button:first-child{display:none}.course-angle{color:#ffbf4d;white-space:nowrap;background:#061f30eb;border:1px solid #ffd17c;border-radius:11px;place-items:center;min-width:46px;height:22px;padding:0 5px;font:900 10px Arial,sans-serif;display:grid;box-shadow:0 1px 4px #0012208c}.race-mark.port:before,.race-mark.starboard:before{animation-duration:8s}@media (width<=800px) and (orientation:portrait){.status{padding-right:174px}.status>.gps{width:24px;min-width:24px;overflow:hidden;border-left:0!important;flex:0 0 24px!important;padding:0!important;font-size:0!important}.status>.gps i{width:11px;height:11px;margin:auto}.status>div:nth-of-type(3),.status>div:nth-of-type(4){flex:0 0 57px;padding-left:5px!important;display:flex!important}.status>div:nth-of-type(3) small,.status>div:nth-of-type(4) small{letter-spacing:.7px;font-size:6px}.status>div:nth-of-type(3) strong,.status>div:nth-of-type(4) strong{font-size:13px}.mobile-wind-bar>strong{grid-template-columns:25px 1fr}.mobile-wind-bar>strong small{display:none!important}.map-tools{left:7px}.map-tools button:nth-child(2){width:48px}}@media (width<=380px) and (orientation:portrait){.status{padding-right:158px}.status>.gps{width:18px;min-width:18px;flex-basis:18px!important}.status>div:nth-of-type(3),.status>div:nth-of-type(4){flex-basis:51px;padding-left:3px!important}.status>div:nth-of-type(3) strong,.status>div:nth-of-type(4) strong{font-size:12px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}