.control-deck{z-index:5;bottom:max(22px, env(safe-area-inset-bottom));width:min(850px,100% - 48px);color:var(--ink,#193c43);-webkit-backdrop-filter:blur(22px);-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(125deg,#faf8ecf5,#edf0e2e8);border:1px solid #fffff4d9;border-radius:21px;grid-template-columns:minmax(0,3.25fr) minmax(0,1fr);gap:0;padding:17px 10px 13px;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 12px 48px #163c3e24,inset 0 1px #fffdf4}.control-deck .deck-bay{min-width:0;padding:0 19px;position:relative}.control-deck .deck-bay+.deck-bay{border-left:1px solid #39564e21}.control-deck .sheet-controls{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);min-width:0;display:grid}.control-deck .sheet-controls>.deck-bay{padding-left:13px;padding-right:13px}.control-deck .deck-heading{white-space:nowrap;align-items:center;gap:8px;height:24px;display:flex}.control-deck h2{letter-spacing:.1px;margin:0;font:650 12px/1.3 DM Sans,sans-serif}.control-deck .deck-heading>output{font-variant-numeric:tabular-nums;margin-left:auto;font-size:15px;font-weight:550}.control-deck .deck-heading>output>span{color:#647c76;margin-left:2px;font-size:9px;font-weight:500}.control-deck .trim-state{color:#567b68;align-items:center;gap:4px;font-size:9px;line-height:1;display:inline-flex}.control-deck .trim-state:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:4px;height:4px}.control-deck .trim-state.warning{color:#a47a46}.control-deck .main-sheet-body{justify-content:center;height:119px;margin-top:17px;display:flex;position:relative}.control-deck .sheet-interaction{--rope-color:#9d825d;--rope-edge:#726c53;--rope-light:#f1dfb8;--grip-color:#6a7060;--grip-pull:0px;--rope-travel:0px;cursor:grab;touch-action:none;outline-offset:0;border-radius:14px;position:relative}.control-deck .sheet-interaction:focus-visible,.control-deck .helm-interaction:focus-visible,.control-deck .rudder-interaction:focus-visible{background:#fffff873;outline:2px solid #347e74}.control-deck .sheet-interaction.is-grabbed,.control-deck .helm-interaction.is-grabbed,.control-deck .rudder-interaction.is-grabbed{cursor:grabbing}.control-deck .sheet-interaction.is-grabbed{background:#fffffa6b}.control-deck .main-sheet{width:119px;height:119px}.control-deck .sheet-winch{filter:drop-shadow(0 4px 3px #2941350f);width:100%;height:100%;display:block;overflow:visible}.control-deck .rope-shadow{fill:none;stroke:var(--rope-edge);stroke-width:6.6px;stroke-linecap:round}.control-deck .rope-core{fill:none;stroke:var(--rope-color);stroke-width:5.2px;stroke-linecap:round}.control-deck .rope-fleck{fill:none;stroke:var(--rope-light);stroke-width:3.6px;stroke-dasharray:1 4.5;stroke-dashoffset:var(--rope-travel);opacity:.67}.control-deck .standing-sheet{opacity:.75}.control-deck .sheet-grip{transform:translateY(var(--grip-pull));transition:transform .16s ease-out}.control-deck .is-grabbed .sheet-grip{transition:none}.control-deck .grip-shadow{fill:#183f3936}.control-deck .grip-body{fill:var(--grip-color);stroke:var(--rope-edge);stroke-width:.6px}.control-deck .grip-ridges{fill:none;stroke:var(--rope-light);stroke-width:1px;opacity:.52}.control-deck .sheet-pull-arrow{color:var(--rope-color);opacity:.5;transition:opacity .12s}.control-deck .sheet-interaction:hover .sheet-pull-arrow,.control-deck .sheet-interaction:focus-visible .sheet-pull-arrow{opacity:1}.control-deck .is-grabbed .sheet-pull-arrow{opacity:0}.control-deck .sheet-direction{color:#829084;pointer-events:none;flex-direction:column;align-items:center;gap:8px;font-size:9px;display:flex;position:absolute;top:25px;left:2px}.control-deck .sheet-direction>span{justify-content:space-between;gap:7px;width:35px;display:flex}.control-deck .sheet-direction>span>span{font-size:13px;line-height:10px}.control-deck .sheet-direction>i{background:#889a7f30;width:1px;height:24px}.control-deck .sheet-side{min-width:0;position:relative}.control-deck .sheet-name{justify-content:space-between;gap:4px}.control-deck .sheet-name h2{align-items:center;gap:5px;display:flex}.control-deck .sheet-name i{background:#b5796b;border-radius:50%;width:4px;height:4px;display:block}.control-deck .sheet-name>output{color:#647a6d;font-variant-numeric:tabular-nums;font-size:10px;font-weight:500}.control-deck .sheet-state{color:#7b887b;height:17px;font-size:9px;line-height:17px;display:block}.control-deck .loaded:not(.sheet-released) .sheet-state{color:#365f50;font-weight:650}.control-deck .loaded:not(.sheet-released) .sheet-name i{box-shadow:0 0 0 3px #b5796b14}.control-deck .sheet-side .sheet-interaction{width:min(100%,135px);height:119px;margin:0 auto}.control-deck .port-sheet .sheet-interaction{--rope-color:#b77868;--rope-edge:#815b53;--rope-light:#f1cbbb;--grip-color:#885a51}.control-deck .starboard-sheet .sheet-interaction{--rope-color:#547c74;--rope-edge:#30574f;--rope-light:#bdd0b8;--grip-color:#355e55}.control-deck .starboard-sheet .sheet-name i{background:#608579}.control-deck .starboard-sheet.loaded:not(.sheet-released) .sheet-name i{box-shadow:0 0 0 3px #60857916}.control-deck .released-sheet,.control-deck .sheet-released .winch-wraps,.control-deck .sheet-released .sheet-tail{display:none}.control-deck .sheet-released .released-sheet{display:inline}.control-deck .sheet-released .sheet-pull-arrow{opacity:.8}.control-deck .sheet-actions{justify-content:center;align-items:center;min-height:30px;display:flex}.control-deck .sheet-ready-hint{color:#667d6d;text-align:center;font-size:9px;line-height:1.3}.control-deck .sheet-actions [hidden]{display:none}.control-deck .deck-button{color:#536f62;background:#ffffff3b;border:1px solid #4b706022;border-radius:7px;justify-content:center;align-items:center;min-width:54px;min-height:25px;padding:4px 10px;font-size:9px;font-weight:550;line-height:1.2;transition:background .12s,border-color .12s;display:inline-flex}.control-deck .deck-button:hover{color:#234d46;background:#fffef4;border-color:#4b706052}.control-deck .deck-button:active{background:#dce4d5}.control-deck .deck-button:focus-visible{outline-offset:2px;outline:2px solid #347e74}.control-deck .boom-control{max-width:190px;margin:0 auto}.control-deck .boom-caption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 5px;font-size:9px;line-height:13px;display:flex}.control-deck .boom-caption>span{font-weight:550}.control-deck .boom-caption output{color:#6d8175;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:8px}.control-deck .boom-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin-top:4px;display:grid}.control-deck .boom-buttons .deck-button{touch-action:manipulation;min-width:0;min-height:28px;padding:4px 2px}.control-deck .boom-buttons .deck-button[aria-pressed=true]{color:#f8f8ed;background:#3c6b5f;border-color:#325d52;box-shadow:inset 0 1px 2px #2045381a}.control-deck .boom-held .boom-buttons .deck-button[aria-pressed=true]{background:#937346;border-color:#86673b}.control-deck .boom-hold-hint{visibility:hidden;color:#8c7048;text-align:center;margin-top:4px;font-size:8px;line-height:11px;display:block}.control-deck .boom-held .boom-hold-hint{visibility:visible}.control-deck .recovery-hint{color:#6c6148;text-align:center;pointer-events:none;background:#f5f3e6ed;border:1px solid #ffffefb3;border-radius:10px;width:max-content;max-width:min(100%,560px);margin:0;padding:8px 13px;font-size:10px;line-height:1.45;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 3px 15px #163c3e12}.control-deck .recovery-hint[hidden]{display:none}.help-grid .help-recovery{grid-column:1/-1}.practice-irons{color:#3c6658;background:#ffffff4d;border:1px solid #426f5d44;border-radius:7px;align-items:center;margin-bottom:6px;padding:8px 11px;font-size:11px;display:inline-flex}.practice-irons:hover{background:#e1eadc}.practice-irons:focus-visible{outline-offset:2px;outline:2px solid #347e74}.control-deck .release-sheet{margin:0 auto;display:flex}.control-deck .release-sheet[hidden]{display:none}.control-deck .helm-control{border-left:1px solid #39564e21;padding-left:20px;padding-right:16px}.control-deck .helm-control .deck-heading>output{color:#6d8175;font-size:10px;font-weight:500}.control-deck .helm-body{justify-content:center;align-items:center;height:124px;display:flex}.control-deck .helm-interaction{cursor:grab;touch-action:none;border-radius:50%;width:122px;height:122px}.control-deck .helm-wheel{filter:drop-shadow(0 3px 2px #30503d14);width:100%;height:100%;display:block;overflow:visible}.control-deck .wheel-rotor{transform-origin:100px 100px;transform:rotate(var(--helm-angle,0deg))}.control-deck .rudder-control{max-width:160px;margin:0 auto}.control-deck .rudder-caption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 5px;font-size:9px;line-height:13px;display:flex}.control-deck .rudder-caption>span{font-weight:550}.control-deck .rudder-caption output{color:#6d8175;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:8px}.control-deck .rudder-interaction{cursor:grab;touch-action:none;border-radius:8px;height:57px;position:relative;overflow:hidden}.control-deck .rudder-interaction:hover,.control-deck .rudder-interaction.is-grabbed{background:#fffff64d}.control-deck .rudder-diagram{width:160px;height:100%;display:block;position:absolute;left:50%;transform:translate(-50%)}.control-deck .rudder-stern{fill:#9bad9c18;stroke:#7d958878;stroke-width:1px}.control-deck .rudder-centerline{stroke:#6d897967;stroke-dasharray:2 3;stroke-width:1px}.control-deck .rudder-sweep,.control-deck .rudder-limit{fill:none;stroke:#8d9e8660;stroke-width:1px}.control-deck .rudder-blade{transform-origin:80px 14px;transform:rotate(var(--rudder-angle,0deg))}.control-deck .rudder-blade>path:first-child{fill:#4b786e;stroke:#2f5a52;stroke-width:1px}.control-deck .rudder-blade>path:last-child{fill:none;stroke:#c8d6bb;stroke-width:1.3px;stroke-linecap:round}.control-deck .rudder-pivot{fill:#f1f0df;stroke:#52766a;stroke-width:1.5px}.control-deck .rudder-side{text-transform:uppercase;letter-spacing:.4px;pointer-events:none;font-size:8px;line-height:1;position:absolute;top:28px}.control-deck .rudder-port{color:#9b7065;left:4px}.control-deck .rudder-starboard{color:#547c70;right:4px}.control-deck .rudder-drag-arrow{fill:none;stroke:#8a9b85;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round}.control-deck .helm-foot{justify-content:center;align-items:center;gap:7px;margin-top:4px;display:flex}.control-deck .helm-foot>span{color:#6d8175;font-size:8px;line-height:1.4}.control-deck .sheet-feedback{border-top:1px solid #39564e1a;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;margin:7px 13px 0;padding-top:9px;display:flex}.control-deck .jib-summary{white-space:nowrap;align-items:center;gap:7px;font-size:9px;display:flex}.control-deck .jib-summary>output{color:#647a6d;font-variant-numeric:tabular-nums;font-size:10px}.control-deck .jib-summary>output>span{margin-left:2px;font-size:8px}.control-deck .sheet-gesture-hint{color:#657c6c;letter-spacing:.1px;white-space:nowrap;pointer-events:none;justify-content:center;align-items:center;gap:6px;margin:0;font-size:9px;line-height:1.3;display:flex}.control-deck .sheet-gesture-hint>span{color:#b5bba8}.control-deck .sheet-gesture-hint svg{fill:none;stroke:#83977e;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;width:9px;height:12px;margin-right:1px}.control-deck .deck-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.control-deck{width:calc(100% - 32px)}.control-deck .deck-bay{padding-left:13px;padding-right:13px}.control-deck .deck-heading{gap:6px}.control-deck .deck-heading>output{font-size:13px}.control-deck .sheet-name>output{font-size:10px}.control-deck .sheet-direction{left:-3px}}@media (width<=700px){.control-deck .deck-bay,.control-deck .sheet-controls>.deck-bay{padding-left:9px;padding-right:9px}.control-deck .deck-heading{flex-wrap:wrap;align-content:flex-start;gap:3px 5px;height:35px;position:relative}.control-deck h2{font-size:11px}.control-deck .deck-heading .trim-state{order:2;width:100%;font-size:8px}.control-deck .deck-heading>output{font-size:11px}.control-deck .deck-heading>output>span{font-size:7px}.control-deck .main-sheet-body{height:105px}.control-deck .main-sheet{width:105px;height:105px}.control-deck .sheet-direction{display:none}.control-deck .sheet-side .sheet-interaction{height:105px}.control-deck .sheet-name{flex-direction:column;justify-content:flex-start}.control-deck .sheet-name h2{gap:4px}.control-deck .sheet-name>output{margin-left:0;font-size:9px}.control-deck .sheet-feedback{flex-direction:column;gap:6px;padding-top:7px}.control-deck .helm-body{height:110px}.control-deck .helm-interaction{width:108px;height:108px}.control-deck .helm-foot{gap:4px}.control-deck .helm-foot>span{font-size:8px}}@media (width<=600px){.control-deck{bottom:max(10px, env(safe-area-inset-bottom));border-radius:17px;grid-template-columns:minmax(0,3.3fr) minmax(0,1fr);width:calc(100% - 18px);padding:12px 2px 10px}.control-deck .deck-bay,.control-deck .sheet-controls>.deck-bay{padding-left:5px;padding-right:5px}.control-deck .deck-heading{height:35px}.control-deck h2,.control-deck .deck-heading>output{font-size:10px}.control-deck .deck-heading>output>span{font-size:7px}.control-deck .main-sheet-body{align-items:center;height:84px;margin-top:15px}.control-deck .main-sheet{width:100%;height:84px}.control-deck .sheet-winch{overflow:hidden}.control-deck .main-sheet .sheet-winch{transform-origin:55% 48%;transform:scale(1.13)}.control-deck .sheet-name{gap:2px}.control-deck .sheet-name>output{font-size:9px}.control-deck .sheet-state{height:15px;font-size:8px;line-height:15px}.control-deck .sheet-side .sheet-interaction{height:84px}.control-deck .sheet-side .sheet-winch{transform-origin:55%;transform:scale(1.16)}.control-deck .sheet-pull-arrow{display:none}.control-deck .sheet-ready-hint{font-size:8px}.control-deck .deck-button{min-width:44px;min-height:30px;padding:4px 6px;font-size:8px}.control-deck .boom-caption{gap:1px 3px;font-size:8px;line-height:11px}.control-deck .boom-caption output{font-size:7px}.control-deck .boom-buttons{gap:2px;margin-top:3px}.control-deck .boom-buttons .deck-button{min-width:0;min-height:30px;padding:4px 0;font-size:7px}.control-deck .boom-hold-hint{margin-top:3px;font-size:7px;line-height:10px}.control-deck .recovery-hint{width:max-content;max-width:100%;padding:7px 10px;font-size:9px;bottom:calc(100% + 7px)}.control-deck .helm-control .deck-heading{flex-direction:column;align-items:flex-start;gap:3px}.control-deck .helm-control .deck-heading>output{margin-left:0;font-size:8px}.control-deck .helm-body{height:92px}.control-deck .helm-interaction{width:91px;max-width:calc(100% + 10px);height:91px}.control-deck .rudder-caption{flex-direction:column;gap:0;font-size:8px;line-height:11px}.control-deck .rudder-caption output{font-size:7px}.control-deck .rudder-interaction{height:47px}.control-deck .rudder-diagram{width:132px}.control-deck .rudder-drag-arrow{display:none}.control-deck .rudder-side{letter-spacing:0;font-size:6px;top:25px}.control-deck .rudder-port{left:0}.control-deck .rudder-starboard{right:0}.control-deck .helm-foot{flex-direction:column;gap:3px;margin-top:2px}.control-deck .helm-foot>span{text-align:center;font-size:7px}.control-deck .sheet-feedback{gap:5px;margin:6px 5px 0}.control-deck .sheet-gesture-hint{letter-spacing:0;gap:4px;font-size:8px}.control-deck .sheet-gesture-hint svg{width:7px;height:10px}}@media (width<=380px){.control-deck .deck-bay,.control-deck .sheet-controls>.deck-bay{padding-left:3px;padding-right:3px}.control-deck h2{font-size:9px}.control-deck .sheet-name h2{gap:3px}.control-deck .sheet-name i{width:3px;height:3px}.control-deck .sheet-gesture-hint{gap:3px;font-size:7px}.control-deck .sheet-ready-hint{font-size:7px}}@media (height<=560px) and (width>=601px){.control-deck{width:min(760px,100% - 30px);padding-top:10px;padding-bottom:9px;bottom:10px}.control-deck .deck-heading{flex-wrap:nowrap;height:22px}.control-deck .deck-heading .trim-state{order:initial;width:auto}.control-deck .sheet-name{flex-direction:row}.control-deck .sheet-name>output{margin-left:auto}.control-deck .main-sheet-body{height:63px}.control-deck .main-sheet{width:65px;height:65px}.control-deck .sheet-side .sheet-interaction{height:63px}.control-deck .sheet-direction{display:none}.control-deck .helm-body{height:76px}.control-deck .helm-interaction{width:76px;height:76px}.control-deck .rudder-interaction{height:40px}.control-deck .rudder-side{top:18px}.control-deck .rudder-drag-arrow{display:none}.control-deck .deck-button{min-height:23px}.control-deck .sheet-actions{min-height:25px}.control-deck .boom-caption{font-size:8px;line-height:11px}.control-deck .boom-buttons{margin-top:2px}.control-deck .boom-buttons .deck-button{min-height:23px}.control-deck .boom-hold-hint{margin-top:2px;font-size:7px;line-height:9px}.control-deck .sheet-feedback{flex-direction:row;margin-top:5px;padding-top:6px}.control-deck .sheet-gesture-hint{font-size:8px}}@media (prefers-reduced-motion:reduce){.control-deck .sheet-grip,.control-deck .deck-button,.control-deck .sheet-pull-arrow{transition:none}}:root{color:#193c43;font-synthesis:none;--ink:#193c43;--muted:#738789;--accent:#267c79;--line:#264d5021;background:#abc8d0;font-family:DM Sans,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline-offset:4px;outline:3px solid #3fa8a0}button:hover{color:#207b76}button:disabled{opacity:.4;cursor:default}button svg{stroke-width:1.65px;width:18px;height:18px}#simulator{width:100%;height:100svh;min-height:360px;position:relative;overflow:hidden}#scene,.vignette{position:absolute;inset:0}#scene canvas{touch-action:none;display:block}.vignette{pointer-events:none;z-index:1;background:linear-gradient(#e1eced59,#0000 20% 70%,#07252c29)}.glass{-webkit-backdrop-filter:blur(20px);background:#f9fcf9e0;border:1px solid #ffffffb3;border-radius:14px;box-shadow:0 8px 35px #14353c0d}.topbar{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;height:78px;padding:0 28px;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.brand>svg{width:25px;height:28px}.brand>span{letter-spacing:3px;font-family:Manrope,sans-serif;font-size:24px;font-weight:800}.top-actions{align-items:center;gap:8px;display:flex}.icon-button{background:#f7fbf7a6;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s;display:inline-flex}.icon-button:hover{background:#f4fbf7}#pause[aria-label=Resume\ simulation]{color:#fff;background:#234c50}.weather-pill{background:#f9fcf5c9;border:1px solid #ffffff7a;border-radius:24px;align-items:center;gap:10px;margin-right:3px;padding:10px 13px;font-size:13px;display:flex}.weather-pill>svg:last-child{width:12px}.weather-pill b{font-weight:650}.weather-direction{color:var(--muted);padding-left:8px}.instruments{z-index:3;width:214px;padding:18px 18px 0;position:absolute;top:92px;left:28px}.speed{align-items:center;gap:10px;margin:0 0 17px;display:flex}.speed>span:first-child{letter-spacing:-3px;font-variant-numeric:tabular-nums;font-family:Manrope,sans-serif;font-size:58px;font-weight:500;line-height:1}.speed-unit{margin-top:8px;font-size:18px;font-weight:450}.speed-unit>span{letter-spacing:.8px;color:var(--muted);margin-top:5px;font-size:8px;display:block}.instrument-row{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:14px;display:flex}.small-label{letter-spacing:1px;color:#768889;font-size:9px;font-weight:600;display:block}.instrument-row strong{letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin-top:4px;font-family:Manrope,sans-serif;font-size:22px;font-weight:500;display:block}.unit{color:#849393;margin-left:3px;font-family:DM Sans,sans-serif;font-size:11px}.sailing-state{align-items:center;gap:9px;padding:14px 0;display:flex}.sail-state-dot{background:#65a797;border-radius:50%;flex-shrink:0;width:6px;height:6px}.sailing-state strong{font-size:12px;font-weight:600;display:block}.sailing-state span:not(.sail-state-dot){color:var(--muted);margin-top:3px;font-size:10px;display:block}.eyebrow{letter-spacing:1.4px;color:#687f80;align-items:center;font-size:9px;font-weight:650;display:flex}.wind-instrument{z-index:3;width:180px;padding:8px 13px 12px;position:absolute;top:92px;right:28px}.wind-instrument .eyebrow{justify-content:space-between}.tiny-button{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.tiny-button:hover,.tiny-button[aria-pressed=true]{background:#dcece5}.tiny-button svg{width:15px;height:15px}#wind-dial{width:148px;height:148px;margin:-3px auto 0;display:block}.wind-stats{text-align:center;grid-template-columns:1fr 1fr;gap:8px;display:grid}.wind-stats>div:nth-child(2){border-left:1px solid var(--line)}.wind-stats strong{letter-spacing:-.8px;font-family:Manrope,sans-serif;font-size:23px;font-weight:500}.wind-stats strong span{color:#768889;margin-left:3px;font-family:DM Sans,sans-serif;font-size:12px}.wind-stats .small-label{letter-spacing:.5px;margin-top:3px;font-size:8px;line-height:1.45}.wind-stats .small-label i{vertical-align:1px;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.wind-stats .wind-speed-stat{border-top:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:baseline;padding-top:7px;display:flex}.wind-stats .wind-speed-stat strong{letter-spacing:-.3px;font-size:16px}.wind-stats .wind-speed-stat strong span{font-size:10px}.wind-stats .wind-speed-stat .small-label{margin-top:0;font-size:7px}.apparent-key{background:#2d8780}.true-key{background:#a4b8b1}.toast{color:#edf7ef;z-index:6;opacity:0;pointer-events:none;text-align:center;background:#1f494bed;border:1px solid #789c9255;border-radius:30px;max-width:min(450px,100% - 32px);padding:12px 20px;font-size:12px;transition:opacity .3s,transform .3s;position:absolute;top:86px;left:50%;transform:translate(-50%,-10px)}.toast.visible{opacity:1;transform:translate(-50%)}.conditions{z-index:7;overscroll-behavior:contain;width:300px;max-width:calc(100vw - 24px);max-height:calc(100svh - 90px);padding:21px;position:absolute;top:70px;right:185px;overflow-y:auto}.conditions[hidden]{display:none}.panel-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.panel-heading h2{letter-spacing:-.4px;margin:0;font-family:Manrope,sans-serif;font-size:18px}.setting-label{justify-content:space-between;align-items:center;margin:23px 0 16px;font-size:12px;display:flex}.setting-label output{color:#507c71;font-size:12px}.range-labels{color:#81938f;justify-content:space-between;align-items:center;gap:5px;margin-top:12px;font-size:10px;display:flex}input[type=range]{--fill:25%;appearance:none;background:linear-gradient(to right,#4b8b7e 0%,#4b8b7e var(--fill),#d5e1d8 var(--fill),#d5e1d8 100%);cursor:pointer;touch-action:none;border-radius:9px;width:100%;height:5px;margin:0;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;background:#427b6f;border:4px solid #f6f9f2;border-radius:50%;width:19px;height:19px;box-shadow:0 0 0 1px #719a85,0 2px 4px #294c3e22}input[type=range]::-moz-range-thumb{background:#427b6f;border:4px solid #f6f9f2;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 1px #719a85}.toggle-label{border-top:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;font-size:12px;display:flex}.toggle-label small{color:#7b8d85;margin-top:4px;font-size:10px;display:block}.toggle-label input{appearance:none;cursor:pointer;background:#ccd9cf;border-radius:12px;flex-shrink:0;width:34px;height:21px;position:relative}.toggle-label input:after{content:"";background:#fafcf9;border-radius:50%;width:15px;height:15px;transition:left .2s;position:absolute;top:3px;left:3px}.toggle-label input:checked{background:#4e8a7b}.toggle-label input:checked:after{left:16px}dialog{color:var(--ink);background:#f3f7f0;border:none;border-radius:20px;width:calc(100% - 32px);max-width:660px;max-height:calc(100svh - 32px);padding:25px 30px;box-shadow:0 25px 100px #102e4466}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#13364066}dialog p{color:#70847d;font-size:12px;line-height:1.7}.help-grid{grid-template-columns:1fr 1fr;gap:10px 28px;margin:20px 0;display:grid}.help-grid h3{margin-bottom:6px;font-size:13px;font-weight:650}.help-grid p{margin-top:0}.help-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-top:15px;display:flex}.help-foot p{flex:1;margin:0;font-size:10px}.primary-button{color:#f1f9ed;background:#28594f;border-radius:8px;padding:12px 18px;font-size:12px}.primary-button:hover{color:#fff;background:#367465}#loading{z-index:20;background:#e2ece6;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .6s;display:flex;position:absolute;inset:0}#loading.hidden{opacity:0;pointer-events:none}.loading-brand{letter-spacing:8px;font-family:Manrope,sans-serif;font-size:42px;font-weight:800}#loading>span{color:#718a7e;font-size:12px}.loading-track{background:#b7ccbe;width:120px;height:2px;overflow:hidden}.loading-track i{background:#417c69;width:40px;height:2px;animation:1.2s ease-in-out infinite loading;display:block}@keyframes loading{0%{transform:translate(-40px)}to{transform:translate(120px)}}@media (width<=800px){.topbar{height:68px;padding:0 18px}.instruments{width:184px;padding:14px 14px 0;top:78px;left:18px}.speed>span:first-child{font-size:48px}.speed{margin-bottom:12px}.instrument-row strong{font-size:19px}.small-label{font-size:8px}.wind-instrument{width:152px;padding:6px 11px 10px;top:78px;right:18px}#wind-dial{width:125px;height:125px}.wind-stats strong{font-size:20px}.conditions{right:18px}}@media (width<=600px){.topbar{height:62px;padding:0 12px}.brand{gap:7px}.brand>span{letter-spacing:2px;font-size:18px}.brand>svg{width:20px;height:24px}.top-actions{gap:4px}.icon-button{width:34px;height:34px}.weather-pill{gap:6px;margin-right:0;padding:8px 10px;font-size:11px}.weather-pill>svg:last-child,.desktop-only{display:none}.weather-direction{padding-left:4px}.instruments{width:150px;padding:12px 12px 0;top:70px;left:12px}.speed>span:first-child{letter-spacing:-2px;font-size:40px}.speed-unit{margin-top:4px;font-size:14px}.speed-unit>span{font-size:6px}.instrument-row{padding-bottom:10px}.instrument-row strong{font-size:17px}.small-label{letter-spacing:.7px;font-size:7px}.sailing-state{gap:7px;padding:10px 0}.sailing-state strong{font-size:10px}.sailing-state span:not(.sail-state-dot){font-size:9px}.wind-instrument{width:124px;padding:5px 9px 9px;top:70px;right:12px}#wind-dial{width:103px;height:103px}.wind-stats{gap:5px}.wind-stats strong{font-size:18px}.wind-stats .small-label{font-size:6px}.wind-stats .wind-speed-stat .small-label{letter-spacing:0;font-size:6px}.wind-stats .wind-speed-stat strong{font-size:13px}.eyebrow{font-size:8px}.tiny-button{width:25px;height:25px}.conditions{top:62px;right:12px}.toast{width:max-content;padding:10px 16px;font-size:11px;top:66px}dialog{padding:20px}.help-grid{grid-template-columns:1fr;gap:0;margin-top:12px}}@media (height<=650px) and (width>=601px){.topbar{height:56px;padding:0 18px}.brand>span{font-size:19px}.brand>svg{width:21px;height:23px}.instruments{width:164px;padding:10px 12px 0;top:64px;left:18px}.speed>span:first-child{font-size:40px}.speed{margin-bottom:10px}.speed-unit{font-size:14px}.speed-unit>span{font-size:6px}.instrument-row{padding-bottom:8px}.instrument-row strong{font-size:18px}.sailing-state{padding:9px 0}.sailing-state strong{font-size:10px}.sailing-state span:not(.sail-state-dot){font-size:9px}.wind-instrument{width:138px;padding:4px 10px 8px;top:64px;right:18px}#wind-dial{width:90px;height:90px}.wind-stats strong{font-size:18px}.wind-stats .small-label{font-size:6px}.wind-stats .wind-speed-stat{display:none}.conditions{top:56px}}@media (height<=480px){.instruments{width:145px}.speed{gap:8px}.speed>span:first-child{font-size:34px}.sailing-state{display:none}.instrument-row{border-bottom:0}.wind-instrument{width:118px}#wind-dial{width:72px;height:72px}.wind-instrument .eyebrow{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.loading-track i{animation:none}}