@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2)format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2)format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-Ca8adRJv.woff2)format("woff2"),url(/assets/inter-latin-ext-700-normal-TidjK2hL.woff)format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-latin-600-normal-BFCDtZfi.woff2)format("woff2"),url(/assets/fraunces-latin-600-normal-DL5QCzvS.woff)format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-latin-ext-600-normal-BtzmzP0X.woff2)format("woff2"),url(/assets/fraunces-latin-ext-600-normal-B0Dy4lqi.woff)format("woff")}:root{--glass:#0a121adb;--glass-2:#ffffff0f;--line:#ffffff1f;--text:#eef2f5;--dim:#eef2f594;--accent:#ffd24a;--good:#43b36b;--bad:#e5484d;--warn:#f0a33a;--brass:#c9a45c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text);background:#0b1218;margin:0;overflow:hidden}#view{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer}input[type=range],input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.hud{pointer-events:none;z-index:10;font-size:13px;position:fixed;inset:0}.hud>*{pointer-events:auto}.instruments{align-items:flex-start;gap:10px;display:flex;position:absolute;top:14px;left:14px}.instruments .dial{width:150px;height:150px}.instruments .grid{background:var(--glass);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(3,76px);gap:6px;padding:8px;display:grid}.instruments .cell{background:#00000040;border-radius:8px;padding:4px 6px}.instruments .v{font-variant-numeric:tabular-nums;font:700 22px/1.1 Inter,system-ui}.instruments .l{letter-spacing:.08em;color:var(--dim);font-size:10px}.instruments .cell.alarm{box-shadow:inset 0 0 0 1px var(--bad);background:#e5484d73}.instruments .cell.caution{background:#f0a33a38;box-shadow:inset 0 0 0 1px #f0a33ab3}@keyframes blink{50%{background:#e5484d1a}}.topbar{background:var(--glass);border:1px solid var(--line);border-radius:12px;gap:4px;padding:4px;display:flex;position:absolute;top:14px;right:14px}.topbar .ts{background:0 0;border:0;border-radius:8px;min-width:36px;height:30px;font-weight:600}.topbar .ts.on{background:var(--accent);color:#221900}.topbar .ts:hover:not(.on){background:var(--glass-2)}.topbar .ts .ico{width:18px;height:18px;margin:0 auto;display:block}.panel{background:var(--glass);border:1px solid var(--line);border-radius:16px;width:318px;max-height:calc(100vh - 80px);padding:6px 14px 14px;position:absolute;top:60px;right:14px;overflow-y:auto}.panel h4{letter-spacing:.12em;text-transform:uppercase;color:var(--brass);margin:12px 0 6px;font-size:11px}.panel .row{align-items:center;gap:6px;margin:5px 0;display:flex}.panel .rl{width:82px;color:var(--dim);flex:none;font-size:12px}.panel .rl.working{color:var(--accent);font-weight:700}.panel .rl.working:after{content:"";vertical-align:1px;background:currentColor;border-radius:50%;width:6px;height:6px;margin-left:5px;display:inline-block}.panel input[type=range]{flex:1;min-width:0}.panel .lab{color:var(--dim);text-align:center;width:30px;font-size:10px}.panel .bar{background:#ffffff1a;border-radius:4px;flex:1;height:8px;overflow:hidden}.panel .bar .fill,.tasks .fill{background:linear-gradient(90deg,#d9aa35,#f5d774);height:100%}.btn,.hold{border:1px solid var(--line);background:var(--glass-2);border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600}.btn:hover,.hold:hover{background:#ffffff24}.btn.on{background:#43b36b4d;border-color:#43b36b99}.btn:disabled{opacity:.5}.btn.small{padding:3px 8px}.hold{touch-action:none;-webkit-user-select:none;user-select:none;width:32px;height:26px;padding:0}.hold.active{background:var(--accent);color:#221900}.dim{color:var(--dim)}.msgs{pointer-events:none;flex-direction:column-reverse;align-items:center;gap:6px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.msg{background:var(--glass);border:1px solid var(--line);border-radius:10px;max-width:60vw;padding:8px 14px;transition:opacity 1s}.msg.warn{border-color:var(--warn)}.msg.bad{border-color:var(--bad);background:#5a1014cc}.msg.fade{opacity:0}.tasks{pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;top:180px;left:14px}.task{background:var(--glass);border:1px solid var(--line);border-radius:10px;width:240px;padding:6px 10px}.task .bar{background:#ffffff1a;border-radius:3px;height:5px;margin-top:4px;overflow:hidden}.chartbox{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:14px;left:14px}.minimap{touch-action:none;cursor:crosshair;border:2px solid #fff9;border-radius:14px;width:220px;height:220px;transition:width .25s,height .25s;display:block;box-shadow:0 8px 30px #0006}.chartbox.expanded .minimap{cursor:grab;width:min(960px,100vw - 28px);height:min(720px,100vh - 110px)}.chartbox.expanded .minimap.panning{cursor:grabbing}.chartwrap{position:relative}.chartzoom{flex-direction:column;gap:4px;display:none;position:absolute;bottom:10px;right:10px}.chartbox.expanded .chartzoom{display:flex}.chartzoom .btn{background:#0c1622c7;width:32px;height:32px;padding:0;font-size:17px;line-height:1}.charttools{align-items:center;gap:4px;display:flex}.charttools .hint{color:var(--dim);text-shadow:0 1px 2px #000;font-size:11px;display:none}.chartbox.expanded .charttools .hint{display:inline}.plotter{background:#04120cd1;border:1px solid #50ffa040;border-radius:12px;gap:4px;max-width:calc(100vw - 1052px);padding:6px;font-family:Inter,monospace;display:flex;position:absolute;top:14px;left:452px}.plotter .pc{text-align:center;min-width:58px;padding:2px 6px}.plotter .v{color:#7dffb0;font-variant-numeric:tabular-nums;font:700 17px/1.1 Inter,system-ui}.plotter .l{color:#7dffb099;letter-spacing:.08em;font-size:9px}.plotter .pnote{align-self:center;max-width:170px;font-size:11px}.logbook{background:#00000073;place-items:center;display:none;position:absolute;inset:0}.logbook.show{display:grid}.logbook .lbcard{border:1px solid var(--line);background:#080e14f2;border-radius:16px;width:min(620px,92vw);max-height:80vh;padding:18px 22px;overflow-y:auto}.logbook h3{margin:0 0 10px;font-family:Fraunces,Georgia,serif;font-size:24px}.logbook .trip{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:8px 0;font-size:13px;display:flex}.logbook canvas{border-radius:8px;flex:none}.help{border:1px solid var(--line);background:#080e14eb;border-radius:16px;width:min(620px,92vw);padding:20px 24px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.help.show{display:block}.help h3{margin:0 0 10px;font-family:Fraunces,Georgia,serif;font-size:22px}.help td{vertical-align:top;padding:4px 10px 4px 0}.help td:first-child{white-space:nowrap;color:var(--accent);font-weight:700}.btn.warnbtn{border-color:var(--bad);background:#e5484d59}.panel .crew{flex-direction:column;gap:6px;display:flex}.panel .crewcard{border:1px solid var(--line);background:#ffffff0d;border-radius:10px;padding:6px 8px}.panel .crewcard .cname{font-size:12px}.panel .crewcard .stars,.ordermenu .stars{vertical-align:-1px;color:var(--accent);gap:1px;display:inline-flex}.stars .ico{width:10px;height:10px}.stars .on .ico{fill:currentColor}.stars .off{opacity:.45}.panel .crewcard .cstatus{min-height:14px;margin:2px 0 4px;font-size:11px}.panel .crewcard .corder{gap:4px;display:flex}.panel .crewcard select{min-width:0;font:inherit;background:var(--glass-2);color:var(--text);border:1px solid var(--line);border-radius:6px;flex:1;padding:3px;font-size:11px}.panel .rl.alarm{color:var(--bad);font-weight:700}.topbar .clock{font-variant-numeric:tabular-nums;white-space:nowrap;align-self:center;padding:0 10px;font-weight:600}.topbar .clock.warn{color:var(--warn)}.panel h4{cursor:pointer;-webkit-user-select:none;user-select:none}.panel h4:before{content:"";vertical-align:-1px;opacity:.7;background:currentColor;width:10px;height:10px;margin-right:5px;transition:transform .15s;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%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 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat}.panel h4.collapsed:before{transform:rotate(-90deg)}.panel .crewcard .chead{justify-content:space-between;align-items:center;gap:6px;display:flex}.ordermenu{z-index:30;border:1px solid var(--line);background:#0c141cf7;border-radius:14px;width:290px;max-height:calc(100vh - 16px);padding:6px;position:absolute;overflow-y:auto;box-shadow:0 16px 40px #00000080}.ordermenu .omgroup+.omgroup{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}.ordermenu .omtitle{letter-spacing:.12em;text-transform:uppercase;color:var(--brass);align-items:center;gap:6px;padding:2px 6px 4px;font-size:10px;display:flex}.ordermenu .omitem{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.ordermenu .omitem:hover{background:#ffffff14}.ordermenu .omi{text-align:center;width:18px;color:var(--accent);flex:none}.ordermenu .oml{flex:1}.ordermenu .omside{border:1px solid var(--line);cursor:pointer;border-radius:6px;width:28px;height:24px;font-size:12px;font-weight:700}.ordermenu .omside.port{color:#ff9a9d;background:#e5484d40}.ordermenu .omside.stbd{color:#8fe3ae;background:#43b36b40}.ordermenu .omside:hover{filter:brightness(1.4)}.topbar .langbtn{letter-spacing:.04em;font-size:11px}.instruments .grid{grid-template-columns:repeat(3,minmax(76px,auto))}.instruments .l{white-space:nowrap}.instruments .dialbox{flex-direction:column;align-items:center;gap:2px;display:flex}.instruments .dlegend{color:var(--dim);white-space:nowrap;background:#080e14b3;border-radius:8px;padding:2px 8px;font-size:10px}.instruments .dlegend .lg{margin:0 3px 0 6px}.instruments .dlegend .lg.app{color:#ffd24a}.instruments .dlegend .lg.tru{color:#0000;-webkit-text-stroke:1px #7fc8ff}.panel .crewcard .rolebtn{font:inherit;letter-spacing:.3px;cursor:pointer;color:var(--accent);background:#5fb4ff2e;border:1px solid #5fb4ff73;border-radius:999px;flex:none;padding:2px 7px;font-size:10px;font-weight:700}.panel .crewcard .rolebtn.none{color:var(--text);opacity:.5;border-color:var(--line);background:0 0}.menu{z-index:20;background:radial-gradient(1200px 700px at 30% 15%,#2f4e61 0%,#14232d 55%,#0b1218 100%);position:fixed;inset:0;overflow:auto}.menu.hidden{display:none}.menu .step{flex-direction:column;max-width:1320px;min-height:100%;margin:0 auto;padding:22px 32px 20px;display:flex}.menu .step.hidden{display:none}.menu .mhead{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.menu h1{letter-spacing:.5px;margin:0;font-family:Fraunces,Georgia,serif;font-size:46px;line-height:1}.menu .sub{color:var(--dim);margin:6px 0 0}.menu .steptitle{color:var(--text);margin:28px 0 14px;font:600 20px Inter,system-ui}.menu .langsel{background:var(--glass-2);border:1px solid var(--line);border-radius:10px;gap:2px;padding:3px;display:flex}.menu .langsel button{color:var(--dim);background:0 0;border:0;border-radius:7px;padding:4px 9px;font-size:12px;font-weight:700}.menu .langsel button.on{background:var(--accent);color:#221900}.menu .lakes{flex:1;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;min-height:0;display:grid}.menu .lakecard{text-align:left;background:var(--glass);border:1px solid var(--line);border-radius:18px;flex-direction:column;min-height:280px;padding:0;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}.menu .lakecard:hover{border-color:var(--accent);transform:translateY(-2px)}.menu .lakecard .lakemap{background:#22332a;flex:1;width:100%;min-height:180px}.menu .laketext{gap:4px;padding:14px 18px 16px;display:grid}.menu .laketext b{font-size:18px}.menu .laketext small{color:var(--dim);font-size:13px}.menu .laketext .ports{color:var(--brass)}.menu .lakemap .water{fill:#3f7f97;stroke:#9fd2e0;stroke-width:.6px;vector-effect:non-scaling-stroke}.menu .lakemap .harbour circle{fill:#eef2f573;stroke:#0b1218;stroke-width:.8px;vector-effect:non-scaling-stroke}.menu .lakemap .harbour.ok circle{fill:var(--accent);cursor:pointer}.menu .lakemap .harbour.sel circle{fill:#fff;stroke:var(--accent);stroke-width:3px}.menu .lakemap .harbour text{fill:var(--text);paint-order:stroke;stroke:#0b1218;stroke-width:3px;stroke-linejoin:round;cursor:pointer;font-weight:600}.menu .lakemap .scale{fill:none;stroke:var(--text);stroke-width:1.5px;vector-effect:non-scaling-stroke}.menu .lakemap .scalelabel{fill:var(--dim)}.menu .crumbs{align-items:center;gap:16px;display:flex}.menu .crumbs h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:30px}.menu .back{border:1px solid var(--line);background:var(--glass-2);border-radius:10px;padding:7px 12px;font-size:13px;font-weight:600}.menu .back:hover{border-color:var(--accent)}.menu .back{align-items:center;gap:4px;display:inline-flex}.menu .back .hico .ico{width:16px;height:16px;margin-left:-4px;display:block}.menu .setup{flex:1;grid-template-columns:minmax(0,1.25fr) minmax(360px,1fr);gap:22px;min-height:0;margin-top:16px;display:grid}.menu .mapcol{border:1px solid var(--line);background:#22332a;border-radius:18px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.menu .mapwrap{flex:1;min-height:260px;position:relative}.menu .mapwrap svg{width:100%;height:100%;position:absolute;inset:0}.menu .harbourinfo{background:var(--glass);border-top:1px solid var(--line);gap:2px;padding:12px 16px;display:grid}.menu .harbourinfo b{font-size:16px}.menu .harbourinfo small{color:var(--dim);font-size:12px}.menu .sidecol{flex-direction:column;gap:12px;min-height:0;display:flex}.menu .boatpick{background:var(--glass);border:1px solid var(--line);border-radius:18px;gap:8px;padding:10px;display:grid}.menu .boat3d{background:radial-gradient(at 50% 30%,#3a6378 0%,#152631 75%);border-radius:12px;width:100%;height:clamp(150px,26vh,260px);display:block}.menu .boatcards{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.menu .boatcard{text-align:left;background:var(--glass-2);border:1px solid var(--line);border-radius:10px;gap:2px;padding:8px 10px;display:grid}.menu .boatcard b{font-size:14px}.menu .boatcard small{color:var(--dim);font-size:11px;line-height:1.3}.menu .boatcard.on{border-color:var(--accent);background:#ffd24a1a}.menu .boatcard.soon{opacity:.55}.menu .seg{gap:6px;display:flex}.menu .seg label{flex:1;margin:0}.menu .seg input{display:none}.menu .seg span{text-align:center;border:1px solid var(--line);color:var(--dim);cursor:pointer;border-radius:8px;padding:6px;font-size:12px;font-weight:600;display:block}.menu .seg input:checked+span{border-color:var(--accent);color:var(--text);background:#ffd24a1a}.menu .basic{background:var(--glass);border:1px solid var(--line);border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:16px;padding:10px 16px;display:grid}.menu canvas.compass{cursor:crosshair;touch-action:none;width:128px;height:128px;display:block}.menu .sliders{gap:8px;display:grid}.menu label{color:var(--dim);font-size:13px;font-weight:600;display:block}.menu label output{float:right;color:var(--text)}.menu select,.menu input[type=range]{width:100%;margin-top:5px;display:block}.menu select{background:var(--glass-2);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:10px;padding:8px 10px;font-size:13px}.menu label.chk{color:var(--text);align-items:center;gap:8px;font-weight:500;display:flex}.menu label.chk input{width:auto;margin:0}.menu .advgrid{grid-template-columns:1fr 1fr;gap:10px 16px;padding-bottom:4px;display:grid}.menu .aidlist{flex-wrap:wrap;grid-column:1/-1;gap:6px 16px;display:flex}.menu .aidtitle{width:100%;color:var(--dim);font-size:12px;font-weight:600}.menu .gorow{gap:6px;margin-top:auto;display:grid}.menu .go{color:#2a1d00;background:linear-gradient(#f5d774,#d9aa35);border:0;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:700}.menu .go:disabled{opacity:.6}.menu .status{min-height:18px;color:var(--dim);text-align:center;margin:0;font-size:13px}@media (width<=900px){.menu .setup{grid-template-columns:1fr}.menu .mapwrap{min-height:300px}}.menu [hidden]{display:none!important}.menu .mtools{align-items:center;gap:8px;display:flex}.menu .iconbtn{border:1px solid var(--line);background:var(--glass-2);width:38px;height:38px;color:var(--text);border-radius:10px;flex:none;place-items:center;display:grid}.menu .iconbtn .ico{width:18px;height:18px}.menu .iconbtn.on{color:var(--accent)}.menu .hub{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;max-width:1000px;margin:36px auto 10px;display:grid}.menu .hubcard{text-align:left;border:1px solid var(--line);color:var(--text);background:#0f1d26;border-radius:18px;flex-direction:column;padding:0;display:flex;overflow:hidden}.menu .hubcard:hover,.menu .hubcard:focus-visible{border-color:var(--accent)}.menu .hubcard:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.menu .hubart{flex:none;width:100%;height:170px;display:block}.menu .hubtext{gap:3px;padding:12px 16px 15px;display:grid}.menu .hubtext b{font:600 21px/1.15 Fraunces,Georgia,serif}.menu .hubsub{color:var(--dim);font-size:13px;line-height:1.35;display:grid}.menu .hubcard.cont .hubart{background:#22332a}.menu .hubcard.learn .hubart{background:radial-gradient(120% 90% at 30% 20%,#1d4a5c,#10303d 70%)}.menu .hubart .track{fill:none;stroke:#ffd24a8c;stroke-width:2px;stroke-dasharray:5 6}.menu .hubart .buoy circle{fill:#0f2833;stroke:#eef2f58c;stroke-width:2px}.menu .hubart .buoy text{fill:var(--dim);text-anchor:middle;font:700 11px Inter,system-ui,sans-serif}.menu .hubart .buoy.done circle{fill:var(--accent);stroke:var(--accent)}.menu .hubart .buoy.done text{fill:#221900}.menu .hubart .buoy .tick{fill:none;stroke:#221900;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.tut-ico .ico{width:16px;height:16px;margin:auto;display:block}.tut-btn .ico{vertical-align:-2px;width:14px;height:14px;margin-right:6px}.tl-watch .ico{fill:currentColor;width:18px;height:18px}.tut-btn .ico path[d^="M7 4.5"]{fill:currentColor}.tl-lesson .n .ico{width:14px;height:14px}.menu .hubart .buoy.next circle{fill:#ff8c14;stroke:#fff;stroke-width:2.5px}.menu .hubart .buoy.next text{fill:#fff}.menu .hubcard.trip .hubart{background:radial-gradient(120% 90% at 70% 20%,#1d4a5c,#10303d 70%);grid-template-columns:1fr 1fr;gap:8px;padding:14px;display:grid}.menu .lakepair svg{width:100%;height:100%}.menu .lakemap.quiet .water{fill:#ffd24a14;stroke:var(--accent);stroke-width:1.4px}.menu .lakemap.quiet .harbour{display:none}.menu .hubcard.resume{background:var(--accent);border-color:var(--accent);color:#221900;flex-direction:row;grid-column:1/-1;align-items:center;gap:14px;padding:14px 18px}.menu .hubcard.resume .hubtext{padding:0}.menu .hubcard.resume .hubsub{color:#221900b3}.menu .hubcard.resume .hico{width:42px;height:42px;color:var(--accent);background:#221900;border-radius:50%;flex:none;place-items:center;display:grid}.menu .hubcard.resume .hico .ico{width:20px;height:20px}.menu .randombtn{border:1px solid var(--line);color:var(--text);text-align:left;background:#ffffff0d;border-radius:999px;align-items:center;gap:12px;margin:4px auto 0;padding:9px 18px 9px 10px;display:flex}.menu .randombtn:hover,.menu .randombtn:focus-visible{border-color:var(--accent)}.menu .randombtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.menu .randombtn .hico{width:34px;height:34px;color:var(--accent);background:#ffd24a24;border-radius:50%;flex:none;place-items:center;display:grid}.menu .randombtn .hico .ico{width:18px;height:18px}.menu .randombtn b{font-size:14px;display:block}.menu .randombtn small{color:var(--dim);font-size:12px;display:block}.menu .advanced{border-top:1px solid var(--line);padding-top:12px}.menu .linkbtn{color:var(--dim);background:0 0;border:0;padding:8px;font-size:13px}.menu .linkbtn b{color:var(--text);font-weight:600}.menu .linkbtn:hover b{color:var(--accent)}.menu #step-lake .lakes{flex:none;margin-top:18px}.menu #step-lake .lakecard .lakemap{flex:none;height:clamp(160px,32vh,320px)}.menu .pages{display:none}.menu .gorow{background:linear-gradient(#0b121800,#0f1b23 30%);margin-top:12px;padding:10px 0 14px;position:sticky;bottom:0}.menu .gobtns{gap:10px;display:flex}.menu .gobtns .go{flex:1}.menu .nextbtn{display:none}.menu .msettings{z-index:30;background:#08101699;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.menu .mdialog{border:1px solid var(--line);background:linear-gradient(#1a2a35,#0f1b23);border-radius:18px;gap:14px;width:min(440px,100%);max-height:calc(100dvh - 32px);padding:16px 18px;display:grid;overflow-y:auto}.menu .mdialog h2{margin:0;font:700 22px Fraunces,Georgia,serif}.menu .mdialog .mhead{align-items:center}.menu .mfoot{justify-content:center;margin-top:auto;padding:8px 0 12px;display:flex}.menu .mdialog.credits{align-content:start;gap:16px;width:min(560px,100%)}.menu .credits a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}.menu .credits a:hover{color:var(--accent);text-decoration-color:currentColor}.menu .credits .cwho{background:var(--glass-2);border:1px solid var(--line);border-radius:12px;gap:8px;padding:12px 14px;display:grid}.menu .credits .cgame{font:600 26px Fraunces,Georgia,serif}.menu .credits dl{grid-template-columns:auto 1fr;gap:4px 14px;margin:0;display:grid}.menu .credits dt{color:var(--dim)}.menu .credits dd{margin:0;font-weight:600}.menu .credits section{gap:6px;display:grid}.menu .credits h3{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:12px;font-weight:700}.menu .credits ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.menu .credits li{overflow-wrap:anywhere;font-size:14px;line-height:1.4}.menu .credits .cmeta,.menu .credits .cnote{color:var(--dim);font-size:13px}.menu .credits .cattr{font-size:13px}.menu .credits p.cnote{margin:0}.menu .credits p.ctrailer{flex-wrap:wrap;align-items:center;gap:4px 16px;margin:0;font-weight:600;display:flex}.menu .credits p.ctrailer span{align-items:center;gap:6px;display:inline-flex}.menu .credits p.ctrailer svg{width:16px;height:16px;fill:var(--accent);stroke:none}@media (width<=900px),(height<=560px){.menu .step{padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 0}.menu h1{font-size:34px}.menu .crumbs{gap:10px}.menu .crumbs h2{font-size:22px}.menu #step-home .mhead{grid-template-columns:1fr auto;align-items:center;row-gap:4px;display:grid}.menu #step-home .mhead>div:first-child{display:contents}.menu #step-home .mhead h1{grid-area:1/1}.menu #step-home .mhead .mtools{grid-area:1/2}.menu #step-home .mhead .sub{grid-area:2/1/auto/-1;margin:0}.menu .hub{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.menu .hubcard.cont{grid-column:1/-1}.menu .hubart{height:112px}.menu .hubcard.cont .hubart{height:150px}.menu .hubtext{padding:10px 12px 12px}.menu .hubtext b{font-size:18px}.menu .hubsub{font-size:12px}.menu #step-setup:not([data-page=wind]) .gobtns .go{display:none}.menu .pages{background:var(--glass-2);border:1px solid var(--line);border-radius:12px;gap:4px;margin-top:12px;padding:3px;display:flex}.menu .pages button{color:var(--dim);background:0 0;border:0;border-radius:9px;flex:1;padding:8px 4px;font-size:13px;font-weight:600}.menu .pages button.on{background:var(--accent);color:#221900}.menu .setup{margin-top:12px;display:block}.menu .setup [data-page]{display:none}.menu .setup[data-page=harbour] .mapcol[data-page],.menu .setup[data-page=boat] .boatpick[data-page]{display:grid}.menu .setup[data-page=wind] .windpage[data-page]{gap:12px;display:grid}.menu .setup[data-page=harbour] .mapcol[data-page]{display:flex}.menu .mapwrap{flex:none;height:clamp(220px,58dvh,620px);min-height:0}.menu .boat3d{height:clamp(150px,36dvh,320px)}.menu .nextbtn{border:1px solid var(--line);background:var(--glass-2);border-radius:14px;flex:1;padding:12px;font-weight:700;display:block}.menu .gobtns .go{padding:12px}.menu .lakes{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}}@media (width<=420px){.menu .advgrid{grid-template-columns:1fr}.menu canvas.compass{width:110px;height:110px}}.menu .lakes{grid-auto-rows:1fr}.menu .lakecard{min-height:0}.menu .lakecard .lakemap{flex:1 1 0;height:0;min-height:120px}.menu #step-lake,.menu #step-setup{height:100%}.menu .sidecol{padding-right:2px;overflow-y:auto}.menu .sidecol>*{flex:none}.menu .sidecol .gorow{background:linear-gradient(#0000,#0f1b23 30%);padding-top:6px;position:sticky;bottom:0}.panel .tiller{flex-direction:column;flex:1;align-items:stretch;display:flex}.panel .tillercv{cursor:grab;touch-action:none;width:100%;height:96px;display:block}.panel .tillercv:active{cursor:grabbing}.panel .tillerread{text-align:center;color:var(--dim);margin-top:-2px;font-size:11px}.perfstats{white-space:pre;text-align:center;z-index:30;color:#d8f5c6;pointer-events:none;background:#0009;border-radius:8px;padding:4px 10px;font:600 12px ui-monospace,monospace;position:fixed;bottom:8px;left:50%;transform:translate(-50%)}.instruments .sub{letter-spacing:.04em;color:#8fe3ae;min-height:12px;margin-top:1px;font-size:10px;font-weight:700}.panel .crewcard .chead .avatar{box-shadow:0 0 0 1px var(--line);border-radius:50%;flex:none;margin-right:8px}.panel .crewcard .chead .cname{flex:1}.tipcard{z-index:60;border:1px solid var(--line);max-width:300px;color:var(--text);pointer-events:none;background:#0a121af2;border-radius:10px;padding:8px 10px;font:500 12px/1.4 Inter,system-ui,sans-serif;display:none;position:fixed;box-shadow:0 6px 24px #00000059}.topbar .soundwrap{display:inline-flex;position:relative}.topbar .soundpop{background:var(--glass);border:1px solid var(--line);z-index:20;border-radius:12px;width:170px;padding:10px 12px;display:none;position:absolute;top:38px;right:0}.topbar .soundpop.show{gap:8px;display:grid}.topbar .soundpop .chk{align-items:center;gap:6px;font-size:12px;display:flex}.topbar .soundpop input[type=range]{width:100%}.topbar .langpop{gap:2px;width:160px;padding:6px}.topbar .langpop.show{display:grid}.topbar .langopt{text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;height:34px;padding:0 10px;font-weight:600;display:flex}.topbar .langopt:hover,.topbar .langopt:focus-visible{background:var(--glass-2)}.topbar .langopt.on{color:var(--accent)}.topbar .langopt .ico{width:16px;height:16px}.paddlepad{flex:none;grid-template-columns:repeat(3,30px);gap:3px;display:grid}.paddlepad .hold{width:30px;height:24px}.paddlepad .hold .ico{width:16px;height:16px;margin:0 auto;display:block}.paddlepad .hold.on{background:#43b36b73;border-color:#43b36bcc}.panel .paddleinfo{color:var(--dim);min-width:0;font-size:11px;line-height:1.35}.panel .moor{--held:#5fb4ff;--slack:#8fd3a6;--post:#9a7650;flex-direction:column;gap:8px;display:flex}.panel .moor .ico{flex:none;width:14px;height:14px}.panel .mdiagram{border:1px solid var(--line);background:radial-gradient(120% 90%,#2e607057,#1226324d);border-radius:10px;overflow:hidden}.mdsvg{width:100%;height:auto;display:block}.mdsvg path,.mdsvg rect,.mdsvg circle{vector-effect:non-scaling-stroke}.mdsvg .mpier{fill:#c9a45c3d;stroke:#c9a45c8c;stroke-width:1px}.mdsvg .mnb{fill:#ffffff12;stroke:#ffffff52;stroke-width:1px}.mdsvg .mpost{fill:var(--post);stroke:#00000059;stroke-width:1px}.mdsvg .mhull{fill:#eef2f524;stroke:var(--text);stroke-width:1.4px}.mdsvg .mbowmark{fill:none;stroke:var(--dim);stroke-width:1.2px}.mdsvg .mcleats circle{fill:var(--brass)}.mdsvg .mfenders rect{fill:#3f7fd0;stroke:#a9c9f2;stroke-width:.8px}.mdsvg .ln{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.mdsvg .ln.fast{stroke:var(--good)}.mdsvg .ln.slack{stroke:var(--slack);stroke-dasharray:4 3}.mdsvg .ln.taut{stroke:var(--bad);stroke-width:2.6px}.mdsvg .ln.held{stroke:var(--held)}.mdsvg .ln.releasing{stroke:var(--warn);stroke-dasharray:4 3}.mdsvg .ln.trailing{stroke:var(--bad);stroke-dasharray:2 3}.mdsvg .ln.hauling{stroke:var(--dim);stroke-dasharray:2 3}.mdsvg .ln.free{stroke:#eef2f580;stroke-width:1.6px;stroke-dasharray:1 4}.mdsvg .mhit{fill:none;stroke:#0000;stroke-width:12px;pointer-events:stroke;cursor:pointer}.mdsvg .mline.sel .ln{stroke-width:3.4px;filter:drop-shadow(0 0 3px #ffd24acc)}.mdsvg .mt{stroke-width:1px}.mdsvg .mt.cleat{fill:#cfd6dc;stroke:#0006}.mdsvg .mt.post{fill:var(--post);stroke:#e3c79a}.mdsvg .mt.buoy{fill:#f0a33a40;stroke:var(--warn);stroke-width:1.6px}.mdsvg .mt.hand{fill:var(--held);stroke:none}.panel .mfrow{align-items:center;gap:8px;font-size:12px;display:flex}.panel .mfico{color:var(--dim);display:flex}.panel .mflabel{color:var(--dim)}.panel .mfstate{flex:1;font-weight:700}.panel .mfstate.out{color:#8fbaf0}.panel .mcard{border:1px solid var(--line);background:#ffffff0d;border-radius:10px;padding:8px 10px 4px}.panel .mhead{justify-content:space-between;align-items:center;gap:8px;min-height:26px;display:flex}.panel .mtitle{font-size:13px;font-weight:700}.panel .btn.mprimary{background:var(--accent);color:#221900;border-color:var(--accent);align-items:center;gap:6px;display:inline-flex}.panel .btn.mprimary:hover{background:#ffdd6e}.panel .btn.mprimary.running{color:var(--accent);opacity:1;background:0 0}.panel .msteps{counter-reset:mstep;margin:4px 0 0;padding:0;list-style:none}.panel .mstep{counter-increment:mstep;grid-template-columns:20px minmax(0,1fr) auto;align-items:start;gap:8px;padding:5px 0;display:grid;position:relative}.panel .mstep:before{content:"";background:var(--line);width:2px;position:absolute;top:27px;bottom:-5px;left:9px}.panel .mstep:last-child:before{display:none}.panel .mstep.done:before{background:#43b36b80}.panel .mmark{width:20px;height:20px;color:var(--dim);background:#16222c;border:1.5px solid #ffffff47;border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid;position:relative}.panel .mmark:empty:before{content:counter(mstep)}.panel .mmark .ico{width:12px;height:12px}.panel .mstep.done .mmark{background:var(--good);border-color:var(--good);color:#0c1f13}.panel .mstep.next .mmark{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 3px #ffd24a29}.panel .mstep.doing .mmark{border-style:dashed;border-color:var(--accent);color:var(--accent)}.panel .mbody{min-width:0}.panel .mtop{flex-wrap:wrap;align-items:baseline;gap:0 6px;display:flex}.panel .mlabel{font-size:12.5px;font-weight:600}.panel .mwho{color:#9fcfff;font-size:11px}.panel .msub{color:var(--dim);font-size:11px;line-height:1.3}.panel .mstatus div{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.panel .mstatus div:empty{display:none}.panel .mstep.done .mlabel{color:var(--dim);font-weight:500}.panel .mstep.done .mwho,.panel .mstep.done .msub,.panel .mstep.done .malts,.panel .mstep.done .mseg{display:none}.panel .btn.mgo{align-items:center;gap:4px;display:inline-flex}.panel .btn.mgo .ico{width:11px;height:11px}.panel .mstep.next .btn.mgo{border-color:var(--accent);color:var(--accent);background:#ffd24a29}.panel .malts{gap:4px;margin-top:4px;display:flex}.panel .btn.malt{align-items:center;gap:4px;padding:2px 7px;font-size:11px;display:inline-flex}.panel .mseg{background:var(--glass-2);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:4px;padding:2px;display:grid}.panel .msegb{color:var(--dim);background:0 0;border:0;border-radius:6px;padding:3px 0;font-size:11px;font-weight:600}.panel .msegb.on{background:var(--accent);color:#221900}.panel .mlisthead{text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:2px 0;font-size:12px;font-weight:700;display:flex}.panel .mlisthead .ico{color:var(--dim);transition:transform .15s}.panel .mlisthead.open .ico{transform:rotate(90deg)}.panel .mlist{flex-direction:column;gap:4px;display:flex}.panel .mempty{font-size:11px;line-height:1.35}.panel .mrow{cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:8px;padding:6px 8px}.panel .mrow:hover{background:#ffffff12}.panel .mrow.sel{border-color:var(--accent)}.panel .mrhead{justify-content:space-between;align-items:center;gap:6px;display:flex}.panel .mrname{white-space:nowrap;flex:none;font-size:12px;font-weight:600}.panel .mrwhere{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.panel .mrfoot{justify-content:space-between;align-items:center;gap:6px;margin-top:4px;display:flex}.panel .mrfoot:has(.mracts[style*=none]){margin-top:0}.panel .mracts{gap:4px;display:flex}.panel .mracts.tie{flex:1;min-width:0}.panel .mracts select{min-width:0;font:inherit;background:var(--glass-2);color:var(--text);border:1px solid var(--line);border-radius:6px;flex:1;padding:3px;font-size:11px}.panel .mrwho{color:#9fcfff;white-space:nowrap;margin-left:auto;font-size:10.5px}.panel .mrfoot{flex-wrap:wrap}.panel .mracts{flex-wrap:wrap;min-width:0}.panel .mracts.tie{flex:100%}.panel .mracts .tiegroup{flex:100%;gap:4px;min-width:0;display:flex}.panel .mracts .manual{flex-wrap:wrap;gap:4px;display:flex}.panel .btn.mact{align-items:center;gap:3px;padding:3px 6px;font-size:11px;display:inline-flex}.panel .btn.mact .ico{width:12px;height:12px}.panel .chip{font-variant-numeric:tabular-nums;white-space:nowrap;border:1px solid;border-radius:999px;flex:none;padding:1px 7px;font-size:10.5px;font-weight:700}.panel .chip.fast{color:var(--good);background:#43b36b24;border-color:#43b36b80}.panel .chip.slack{color:var(--slack);border-style:dashed;border-color:#8fd3a666}.panel .chip.taut,.panel .chip.trailing{color:#ff8a8d;background:#e5484d29;border-color:#e5484d99}.panel .chip.held{color:var(--held);background:#5fb4ff1f;border-color:#5fb4ff80}.panel .chip.releasing{color:var(--warn);border-color:#f0a33a80}.panel .chip.hauling,.panel .chip.free{color:var(--dim);border-color:var(--line)}.panel .mrow.free .mrwhere{display:none}.panel .mrow.free .chip{text-overflow:ellipsis;border-style:dotted;flex:0 auto;min-width:0;font-weight:600;overflow:hidden}.panel .msub:empty{display:none}.panel .hold .ico{width:14px;height:14px;margin:0 auto;display:block}.panel .row .steplab{text-align:center;flex:1;font-size:12px;font-weight:600}.ordermenu .omitem.on .oml{color:var(--accent)}.panel .btn.ordbtn{align-items:center;gap:2px;display:inline-flex}.panel .btn.ordbtn .ico{width:13px;height:13px}.ordermenu .omi{justify-content:center;display:flex}.ordermenu .omi .ico{width:16px;height:16px}.ordermenu .omtitle .omi .ico{width:13px;height:13px}.ordermenu .omitem{align-items:flex-start}.ordermenu .omitem .omi{margin-top:1px}.ordermenu .omdesc{color:var(--dim);margin-top:1px;font-size:11px;line-height:1.3;display:block}.ordermenu .omside:not(.port):not(.stbd){background:var(--glass-2);width:auto;color:var(--text);padding:0 7px;font-size:11px;font-weight:600}.chartzoom .btn .ico{width:18px;height:18px;margin:0 auto;display:block}.charttools .btn{align-items:center;gap:5px;display:inline-flex}.charttools .btn .ico{width:13px;height:13px}.charttools .btn.chart-ais{letter-spacing:.04em;font-weight:700}.charttools .btn.chart-ais.on{color:#fff;background:#1d7a45;border-color:#2fa060}.instruments .dlegend .lg{vertical-align:-2px;display:inline-flex}.instruments .dlegend .lg .ico{width:12px;height:12px}.instruments .dlegend .lg.app .ico path:last-child{fill:currentColor}.instruments .dlegend .lg.tru{-webkit-text-stroke:0;color:#7fc8ff}.topbar .clock{align-items:center;gap:6px;display:inline-flex}.topbar .clock .cwarn{display:none}.topbar .clock.warn .cwarn{display:inline-flex}.topbar .clock .cwarn .ico{width:15px;height:15px}.panel .rl.winch:before{content:"";vertical-align:-1px;background:currentColor;width:11px;height:11px;margin-right:4px;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%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 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3C/svg%3E") 50%/contain no-repeat}.loading{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;background:#0810168c;place-items:center;transition:opacity .15s;display:grid;position:fixed;inset:0}.loading.show{opacity:1;pointer-events:auto}.loading .lcard{background:var(--glass);border:1px solid var(--line);min-width:min(300px,100vw - 48px);color:var(--text);border-radius:18px;justify-items:center;gap:14px;padding:24px 28px;display:grid}.loading .lspin{will-change:transform;border:4px solid #ffffff26;border-top-color:#f5d774;border-radius:50%;width:38px;height:38px;animation:.9s linear infinite lspin}@keyframes lspin{to{transform:rotate(360deg)}}.loading .ltext{text-align:center;font-size:15px;font-weight:600}.loading .lbar{background:#ffffff1f;border-radius:3px;width:100%;height:6px;overflow:hidden}.loading .lreveal{gap:6px;width:100%;min-width:min(320px,100vw - 80px);display:grid}.loading .lreveal .rtitle{font-family:var(--display,Georgia, serif);text-align:center;color:#f5d774;margin-bottom:4px;font-size:20px;font-weight:650}.loading .lreveal .rrow{animation:.3s ease-out both rrowIn;animation-delay:calc(var(--i) * .4s);justify-content:space-between;align-items:baseline;gap:16px;font-size:15px;display:flex}.loading .lreveal .rlab{color:var(--muted,#9db3ba);font-size:13px}.loading .lreveal .rreel{text-align:right;height:1.5em;font-weight:650;line-height:1.5em;display:inline-block;overflow:hidden}.loading .lreveal .rstrip{transform:translateY(calc(-1.5em * var(--n)));animation:1.1s cubic-bezier(.15,.6,.25,1) both rspin;animation-delay:calc(var(--i) * .4s);will-change:transform;flex-direction:column;display:flex}.loading .lreveal .rstrip span{white-space:nowrap;height:1.5em}@keyframes rspin{0%{transform:translateY(0)}}@keyframes rrowIn{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.loading .lreveal .rstrip,.loading .lreveal .rrow{animation:none}}.loading .lbar i{background:linear-gradient(90deg,#d9aa35,#f5d774);border-radius:3px;width:0;height:100%;transition:width .3s;display:block}.tutcard{z-index:15;color:#1b1b1b;background:#fdf6e3;border:2px solid #e8b93a;border-radius:14px;width:min(430px,100vw - 820px);min-width:300px;padding:9px 12px 10px;font:500 13.5px/1.4 Inter,system-ui,sans-serif;position:fixed;top:14px;left:calc(50% + 40px);transform:translate(-50%);box-shadow:0 6px 22px #00000059}@media (width<=1150px){.tutcard{width:380px;top:180px;left:14px;transform:none}}.tutcard[hidden],.tutmodal[hidden]{display:none}.tut-head{letter-spacing:.04em;text-transform:uppercase;color:#8a6a10;align-items:center;gap:8px;font-size:11px;display:flex}.tut-head b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tut-head span{white-space:nowrap}.tut-ico{color:#6b520c;background:#8a6a101f;border:0;border-radius:8px;flex:none;width:28px;height:28px;font-size:14px;line-height:1}.tut-ico:hover{background:#8a6a103d}.tut-text{margin-top:4px;font-weight:600}.tut-mark{color:#c26a00;margin-top:5px;font-size:12px;font-weight:700}.tut-mark:before{content:"";vertical-align:0;background:#ff8c14;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block;box-shadow:0 0 0 2px #fff,0 0 0 3px #ff8c14}.tut-hint{color:#6b520c;border-top:1px solid #8a6a1040;margin-top:6px;padding-top:6px;font-style:italic}.tut-failed{color:#8c2a12;background:#fde2d8;border-radius:8px;margin-top:6px;padding:6px 8px;font-weight:600}.tut-trouble{color:#6b3d00;background:#fbe9c4;border-radius:8px;margin-top:6px;padding:6px 8px}.tut-row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.tut-row.end{justify-content:flex-end}.tut-col{gap:7px;margin-top:14px;display:grid}.tut-btn{color:#2a1d00;background:linear-gradient(#f5d774,#d9aa35);border:0;border-radius:10px;padding:9px 16px;font-weight:700}.tut-btn.small{padding:6px 10px;font-size:12px}.tut-btn.ghost{color:#6b520c;background:0 0;border:1px solid #8a6a10}.tut-btn.wide{width:100%;margin-top:12px}.tutmodal{z-index:40;background:#0810168c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.tutbox{color:#1b1b1b;background:#fdf6e3;border:2px solid #e8b93a;border-radius:16px;width:min(420px,100%);max-height:calc(100vh - 32px);padding:16px 18px;font:500 14px/1.45 Inter,system-ui,sans-serif;overflow-y:auto;box-shadow:0 10px 34px #00000080}.tutbox.center{text-align:center}.tutbox .tut-k{letter-spacing:.05em;text-transform:uppercase;color:#8a6a10;font-size:11px}.tutbox h3{margin:4px 0 8px;font:700 20px/1.2 Fraunces,Georgia,serif}.tutbox p{margin:8px 0 0}.tut-fig{max-width:300px;margin:4px auto 0}.tut-all{color:#8a6a10;font-weight:700}.tut-pulse{animation:1.4s ease-in-out infinite tutpulse}@keyframes tutpulse{0%,to{box-shadow:0 0 #ff8c1400}50%{box-shadow:0 0 0 4px #ff8c14d9,0 0 18px #ff8c1499}}.tutlist-wrap{z-index:50;background:#08101699;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.tutlist{border:1px solid var(--line);background:linear-gradient(#1a2a35,#0f1b23);border-radius:18px;width:min(440px,100%);padding:16px;box-shadow:0 12px 40px #00000080}.tutlist .tl-head{justify-content:space-between;align-items:center;display:flex}.tutlist h2{margin:0;font:700 24px Fraunces,Georgia,serif}.tutlist .tut-ico{background:var(--glass-2);color:var(--text)}.tl-seg{border:1px solid #fff3;border-radius:12px;grid-template-columns:1fr 1fr;margin:12px 0 14px;display:grid;overflow:hidden}.tl-seg button{text-align:left;color:#cfd8de;background:0 0;border:0;padding:9px 8px}.tl-seg button b{font-size:13px;display:block}.tl-seg button small{opacity:.8;margin-top:2px;font-size:11px;display:block}.tl-seg button.on{color:#2a1d00;background:#e8b93a}.tl-lesson{text-align:left;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;align-items:center;gap:10px;width:100%;margin-bottom:7px;padding:9px 11px;display:flex}.tl-lesson:hover{background:#ffffff1a}.tl-lesson .n{background:#ffffff24;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font:700 12px Inter,system-ui,sans-serif;display:grid}.tl-lesson.done .n{background:var(--good)}.tl-lesson.next{border-color:#e8b93a}.tl-lesson b{font-size:14px;display:block}.tl-lesson small{color:var(--dim);margin-top:1px;font-size:12px;display:block}.tl-all{color:var(--accent);text-align:center;margin:12px 0 0;font-weight:600}.tut-badge{color:#fff;letter-spacing:.06em;background:#2a6f97;border-radius:6px;margin-right:6px;padding:1px 6px;font-style:normal;display:inline-block}.tut-say{color:#173a4f;background:#e3eef5;border-radius:8px;margin-top:6px;padding:6px 8px;font-weight:600}.tut-say:before,.tut-strip-text.said:before{content:"";vertical-align:0;background:#2a6f97;width:10px;height:10px;margin-right:6px;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4.5v15l12-7.5z'/%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 24 24'%3E%3Cpath d='M7 4.5v15l12-7.5z'/%3E%3C/svg%3E") 50%/contain no-repeat}.tut-row.tut-demo{justify-content:flex-end}.tl-note{color:var(--dim);margin:12px 2px 0;font-size:12px;line-height:1.4}.tutcard.strip{align-items:center;gap:6px;padding:5px 6px 5px 10px;display:flex}.tut-strip-line{cursor:pointer;flex:1;align-items:center;gap:7px;min-width:0;display:flex}.tut-strip-n{color:#8a6a10;white-space:nowrap;flex:none;font-size:12px}.tut-strip-n .tut-badge{font-size:10px}.tut-strip-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.tutcard.strip .tut-ico.take{color:#2a1d00;background:#e8b93a;font-size:15px}.tutcard.strip .tut-btn.small{white-space:nowrap;padding:5px 8px}.tl-line{align-items:stretch;gap:7px;margin-bottom:7px;display:flex}.tl-line .tl-lesson{flex:1;min-width:0;margin-bottom:0}.tl-watch{color:#fff;background:#2a6f9759;border:1px solid #ffffff24;border-radius:12px;flex:none;align-content:center;place-items:center;gap:1px;width:64px;font-size:15px;display:grid}.tl-watch small{color:#cfe3ef;font-size:10px}.tl-watch:hover{background:#2a6f978c}.instruments .cell.astern .v:before{content:"";background:var(--bad);width:.8em;height:.8em;margin-right:3px;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='m19 12-7 7-7-7'/%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 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='m19 12-7 7-7-7'/%3E%3C/svg%3E") 50%/contain no-repeat}.tillerread.astern,.tc-label.astern{color:#ff8a80}@media (height<=560px) and (width>=600px){.menu .hub{grid-template-columns:repeat(3,minmax(0,1fr))}.menu .hubcard.cont{grid-column:auto}.menu .hubart,.menu .hubcard.cont .hubart{height:96px}}.menu .hubcard.cont .lakemap .harbour:not(.sel){display:none}.menu .hubcard.cont .lakemap .harbour.sel circle{stroke-width:4px}.menu .hub:has(#m-quick[hidden]){grid-template-columns:repeat(2,minmax(0,1fr));max-width:680px}@media (width<=600px){.menu .hub:has(#m-quick[hidden]){grid-template-columns:1fr}.menu .hub:has(#m-quick[hidden]) .hubart{height:150px}}.chartbox .mdiagram.chartalt{background:radial-gradient(120% 90%,#2e6070d9,#0e1e28e6);border:2px solid #fff9;border-radius:14px;width:340px;overflow:hidden;box-shadow:0 8px 30px #0006}.dock{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:8px 12px 10px;position:absolute;box-shadow:0 8px 30px #00000059}.dock .docktitle{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-size:11px;font-weight:700}.dock .row{align-items:center;gap:6px;margin:4px 0;display:flex}.dock .rl{color:var(--dim);font-size:12px}.dock .lab{color:var(--dim);text-align:center;font-size:10px}.enginedock{width:150px;top:270px;left:14px}.enginedock .row{flex-wrap:wrap;justify-content:center}.enginedock .row>.rl{text-align:center;flex:1 0 100%;min-width:0}.enginedock .row .btn{flex:auto}.enginedock .throttlerow{flex-flow:column-reverse;align-items:center;gap:4px}input[type=range].throttle{appearance:none;cursor:pointer;background:linear-gradient(var(--dir,to right), #ffffff29 var(--lo,50%), var(--accent) var(--lo,50%), var(--accent) var(--hi,50%), #ffffff29 var(--hi,50%));border-radius:3px;height:6px}input[type=range].throttle::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid #221900;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000080}input[type=range].throttle::-moz-range-thumb{background:var(--accent);border:2px solid #221900;border-radius:50%;width:14px;height:14px}.enginedock .throttlerow input[type=range]{writing-mode:vertical-lr;--dir:to top;direction:rtl;width:6px;height:130px;margin:6px 0}.tillerdock{padding-bottom:6px;bottom:14px;left:50%;transform:translate(-50%)}.tillerdock .row>.rl{display:none}.tillerdock .tiller{flex-direction:column;align-items:center;display:flex}.tillerdock .tillercv{cursor:grab;touch-action:none;width:260px;height:100px;display:block}.tillerdock .tillercv:active{cursor:grabbing}.tillerdock .docktitle{text-align:center}html:not(.ui-touch) .msgs{bottom:190px}.ui-touch .hud.sheet-open .msgs{top:150px;bottom:auto}.mobbtn{z-index:30;color:#fff;cursor:pointer;background:#c62828;border:2px solid #fff;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font:700 16px/1.1 Inter,system-ui,sans-serif;animation:1s ease-in-out infinite mobpulse;display:inline-flex;position:absolute;top:40%;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000073}.mobbtn[hidden]{display:none}.mobbtn svg{width:20px;height:20px}.mobbtn kbd{background:#ffffff40;border-radius:5px;padding:2px 6px;font:600 12px/1 Inter,system-ui,sans-serif}@keyframes mobpulse{50%{box-shadow:0 0 0 6px #c6282859,0 6px 24px #00000073}}@media (prefers-reduced-motion:reduce){.mobbtn{animation:none}}.tut-quiz{flex-direction:column;gap:6px;margin-top:8px;display:flex}.tut-qbtn{text-align:left;color:inherit;cursor:pointer;background:#ffffffa6;border:1.5px solid #8a6a1059;border-radius:10px;padding:8px 12px;font:600 14px/1.3 Inter,system-ui,sans-serif}.tut-qbtn:hover{background:#fff;border-color:#b8860b}.tut-qbtn.right{background:#2e7d321f;border-color:#2e7d32}.tut-qbtn.wrong{opacity:.75;background:#c6282814;border-color:#c62828;text-decoration:line-through}.tutcard.quiz{bottom:calc(var(--sab,0px) + 160px);top:auto!important}html:not(.ui-touch).tut-quiz .msgs{top:14px;bottom:auto}.ui-touch.tut-quiz .msgs{bottom:auto;top:calc(var(--sat,0px) + 150px)}.ui-bottom.tut-quiz .tc-left,.ui-bottom.tut-quiz .tc-right,.ui-side.tut-quiz .tc-left{display:none}.ui-side.ui-phone .tutcard.quiz{bottom:calc(var(--sab,0px) + 66px);left:calc(var(--sal,0px) + 292px);width:calc(100vw - var(--sal,0px) - var(--sar,0px) - var(--tabw) - 292px - 148px);overflow-y:auto;top:calc(var(--sat,0px) + 62px)!important}.ui-side.ui-phone.tut-quiz .msgs{left:calc(var(--sal,0px) + 8px);top:calc(var(--sat,0px) + 100px);align-items:flex-start;max-width:276px;transform:none}.gllost{z-index:100;color:#eef2f5;text-align:center;background:#0c1826f2;border:1px solid #fff3;border-radius:14px;max-width:min(420px,100vw - 32px);padding:18px 20px;font:15px/1.45 Inter,system-ui,sans-serif;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #00000080}.gllost p{margin:0 0 12px}.btn.anchorbtn{white-space:nowrap;flex:none;align-items:center;gap:6px;display:inline-flex}.btn.anchorbtn svg{flex:none;width:16px;height:16px}.lab.anchorstate{flex:1;min-width:0;font-size:12px;line-height:1.3}.lab.anchorstate.warn{color:var(--warn,#f0a33a);font-weight:600}.topbar .demospeed{color:var(--dim);justify-content:center;align-items:center;gap:4px;padding:0 10px;font-size:14px;display:none}.topbar .demospeed b{color:var(--text);font-weight:700}.topbar .demospeed.fast,.topbar .demospeed.fast b{color:var(--accent)}.topbar .demospeed .ico{width:16px;height:16px}.topbar.demo-on .demospeed{display:inline-flex}.topbar.demo-on .ts[data-s]:not([data-s="0"]),.topbar.demo-on .tsspeed{display:none!important}:root{--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--tabh:58px;--tabw:66px}.touchctl,.sheetbar,.topbar .touchonly,.morepop{display:none}.ui-touch,.ui-touch body{overscroll-behavior:none}.ui-touch .hud{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.ui-touch .hud button,.ui-touch .hud input,.ui-touch .hud .omitem{touch-action:manipulation}.ui-touch .touchctl,.ui-touch .touchctl *,.ui-touch .sheetbar,.ui-touch .sheetbar *{touch-action:none}.ui-touch .panel,.ui-touch .ordermenu,.ui-touch .help,.ui-touch .logbook .lbcard{touch-action:pan-y;overscroll-behavior:contain}.ui-touch .topbar .deskonly{display:none}.ui-touch .topbar .touchonly{justify-content:center;align-items:center;display:inline-flex}.ui-touch .topbar{top:calc(var(--sat) + 6px);align-items:center;gap:2px;padding:3px}.ui-touch .topbar .ts{min-width:44px;height:44px;font-size:14px}.ui-touch .topbar .ts .ico{width:20px;height:20px}.ui-touch .topbar .clock{text-overflow:ellipsis;min-width:0;padding:0 6px;font-size:12px;overflow:hidden}.ui-bottom .topbar{left:calc(var(--sal) + 8px);right:calc(var(--sar) + 8px)}.ui-bottom .topbar .clock{flex:1}.ui-side .topbar{right:calc(var(--tabw) + var(--sar) + 8px);max-width:calc(100vw - var(--tabw) - var(--sar) - 380px)}.ui-side:not(.ui-phone) .topbar{max-width:calc(100vw - var(--tabw) - var(--sar) - 520px)}@media (orientation:portrait){.ui-side:not(.ui-phone) .topbar{max-width:none;left:calc(var(--sal) + 8px)}.ui-side:not(.ui-phone) .topbar .clock{flex:1}.ui-side:not(.ui-phone) .instruments{top:calc(var(--sat) + 62px)}.ui-side:not(.ui-phone) .chartbox:not(.expanded){top:calc(var(--sat) + 70px)}.ui-side:not(.ui-phone) .tc-actions{left:calc(var(--sal) + 12px);bottom:calc(var(--sab) + 90px)}.ui-side:not(.ui-phone) .tc-left{bottom:calc(var(--sab) + 168px)}.ui-side:not(.ui-phone) .msgs{bottom:auto;top:calc(var(--sat) + 270px);max-width:70vw}}.ui-side:not(.ui-phone) .tc-right .tc-label{width:70px}.morepop{z-index:30;border:1px solid var(--line);background:#0c141cf7;border-radius:14px;width:210px;padding:6px;position:absolute;top:50px;right:0;box-shadow:0 16px 40px #00000080}.ui-touch .morepop.show{gap:2px;display:grid}.moreitem{text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;min-height:46px;padding:0 12px;font-size:15px;display:flex}.moreitem:active{background:var(--glass-2)}.moreitem .ico{width:20px;height:20px;color:var(--accent);flex:none}.moreitem .qm{place-items:center;font-size:14px;font-style:normal;display:inline-grid}.morelangs{grid-template-columns:repeat(3,1fr);gap:4px;padding:4px 4px 2px;display:grid}.morelangs button{border:1px solid var(--line);background:0 0;border-radius:10px;min-height:40px;font-size:14px;font-weight:600}.morelangs button.on{border-color:var(--accent);color:var(--accent)}.ui-touch .instruments{top:calc(var(--sat) + 8px);left:calc(var(--sal) + 8px)}.ui-bottom .instruments{top:calc(var(--sat) + 62px)}.ui-phone .instruments{gap:6px}.ui-phone .instruments .dial{width:84px;height:84px}.ui-phone .instruments .dlegend{display:none}.ui-phone .instruments .grid{grid-template-columns:repeat(3,minmax(56px,auto));gap:3px;padding:4px}.ui-phone .instruments .cell{padding:2px 5px}.ui-phone .instruments .v{font-size:16px}.ui-phone .instruments .l{letter-spacing:.04em;font-size:8.5px}.ui-phone .instruments .sub{display:none}.ui-touch .chartbox{bottom:auto;left:auto}.ui-touch .charttools{position:absolute;top:4px;left:4px}.ui-touch .charttools .btn{background:#0c1622c7;min-width:40px;min-height:40px}.ui-touch .chartbox:not(.expanded) .charttools .btn span,.ui-touch .chartbox:not(.expanded) .charttools .btn+.btn{display:none}.ui-touch .chartbox:not(.expanded) .minimap{width:118px;height:118px}.ui-touch .chartbox .charttools .btn{min-width:44px;min-height:44px}.ui-bottom .chartbox:not(.expanded){top:calc(var(--sat) + 160px);right:calc(var(--sar) + 8px)}.ui-side .chartbox:not(.expanded){top:calc(var(--sat) + 62px);right:calc(var(--tabw) + var(--sar) + 10px)}.ui-phone .chartbox:not(.expanded) .minimap{width:96px;height:96px}.ui-bottom.ui-phone{--mapw:clamp(72px, 22vw, 96px);--dialw:clamp(58px, 18vw, 84px)}.ui-bottom.ui-phone .instruments{right:calc(var(--sar) + 8px + var(--mapw) + 6px)}.ui-bottom.ui-phone .instruments .dial{width:var(--dialw);height:var(--dialw);flex:none}.ui-bottom.ui-phone .instruments .grid{flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}.ui-bottom.ui-phone .instruments .cell{min-width:0;padding:2px 4px;overflow:hidden}.ui-bottom.ui-phone .instruments .v{font-size:clamp(13px,4.3vw,16px)}.ui-bottom.ui-phone .instruments .l{white-space:nowrap;font-size:clamp(7px,2.2vw,8.5px)}.ui-bottom.ui-phone .chartbox:not(.expanded){top:calc(var(--sat) + 62px)}.ui-bottom.ui-phone .chartbox:not(.expanded) .minimap{width:var(--mapw);height:var(--mapw)}.ui-touch{--tile:118px}.ui-phone{--tile:96px}.ui-bottom.ui-phone{--tile:var(--mapw)}.ui-touch .chartbox.withalt:not(.altbig) .mdiagram.chartalt{width:var(--tile);height:var(--tile);cursor:zoom-in;place-items:center;display:grid}.ui-touch .chartbox.withalt:not(.altbig) .mdiagram.chartalt .mdsvg{width:100%;height:100%}.ui-touch .chartbox.withalt:not(.altbig) .mdiagram.chartalt .mfrow{display:none}.ui-touch .chartbox.altbig{z-index:35}.ui-touch .chartbox.altbig .mdiagram.chartalt{width:min(560px, calc(100vw - var(--sal) - var(--sar) - 16px))}.ui-touch .chartbox.altbig .mdsvg{max-height:45dvh}.ui-touch .chartbox.expanded{z-index:40;top:calc(var(--sat) + 8px);bottom:calc(var(--sab) + 8px);left:calc(var(--sal) + 8px);right:calc(var(--sar) + 8px);border:1px solid var(--line);background:#080e14f5;border-radius:16px;flex-direction:column-reverse;justify-content:flex-end;padding:6px}.ui-touch .chartbox.expanded .charttools .hint{display:none}.ui-touch .chartbox.expanded .charttools{position:static}.ui-touch .chartbox.expanded .minimap{width:100%;height:calc(100vh - var(--sat) - var(--sab) - 84px);height:calc(100dvh - var(--sat) - var(--sab) - 84px)}.ui-touch .chartzoom .btn{width:44px;height:44px}.ui-touch .hud.sheet-open .chartbox:not(.expanded){display:none}.ui-touch .msgs{gap:4px}.ui-touch .msg{max-width:calc(100vw - 24px);padding:6px 10px;font-size:12px}.ui-bottom .msgs{bottom:calc(var(--tabh) + var(--sab) + 350px)}.ui-side .msgs{bottom:calc(var(--sab) + 84px);max-width:52vw}.ui-touch .tasks{top:auto;bottom:calc(var(--tabh) + var(--sab) + 350px);left:calc(var(--sal) + 8px)}.ui-side .tasks{bottom:auto;top:calc(var(--sat) + 110px)}.ui-touch .task{width:200px;font-size:12px}.ui-phone .plotter{display:none!important}.ui-touch:not(.ui-phone) .plotter{top:calc(var(--sat) + 190px);left:calc(var(--sal) + 14px);max-width:60vw}.ui-touch .help{max-height:calc(100vh - var(--sat) - var(--sab) - 24px);z-index:45;padding:16px 18px;font-size:13px;overflow-y:auto}.ui-touch .help td:first-child{white-space:normal}.ui-touch .help .touchhelp td:first-child{width:30px}.ui-touch .help .touchhelp .ico{width:20px;height:20px}.ui-touch .help .touchhelp+h3{margin-top:16px}.ui-touch .help .helpclose{float:right;width:44px;height:44px;color:var(--text);z-index:1;background:#080e14d9;border:1px solid #ffffff38;border-radius:12px;place-items:center;margin:-8px -10px 0 8px;display:grid;position:sticky;top:0}.ui-touch .help .helpclose .ico{width:22px;height:22px}.ui-touch .sheetbar{z-index:12;border:1px solid var(--line);background:#0a121aeb;gap:2px;padding:4px;display:flex;position:absolute}.ui-bottom .sheetbar{height:calc(var(--tabh) + var(--sab));padding:4px calc(var(--sar) + 4px) calc(var(--sab) + 4px) calc(var(--sal) + 4px);border-width:1px 0 0;bottom:0;left:0;right:0}.ui-side .sheetbar{width:calc(var(--tabw) + var(--sar));padding:calc(var(--sat) + 4px) calc(var(--sar) + 4px) calc(var(--sab) + 4px) 4px;border-width:0 0 0 1px;flex-direction:column;justify-content:center;top:0;bottom:0;right:0}.sheettab{min-width:0;min-height:44px;color:var(--dim);background:0 0;border:0;border-radius:10px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:2px;font-size:10px;font-weight:600;display:flex}.ui-side .sheettab{flex:0 64px}.sheettab span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.sheettab .ico{width:22px;height:22px}.sheettab.on{background:var(--glass-2);color:var(--accent);box-shadow:inset 0 0 0 1px #ffd24a59}.ui-touch .panel{z-index:11;max-height:none;padding:8px 14px 14px;font-size:14px;display:none}.ui-touch .hud.sheet-open .panel{display:block}.ui-bottom .panel{width:auto;top:auto;left:0;right:0;bottom:calc(var(--tabh) + var(--sab));max-height:56dvh;padding-left:calc(var(--sal) + 14px);padding-right:calc(var(--sar) + 14px);border-bottom:0;border-radius:16px 16px 0 0}.ui-side .panel{top:calc(var(--sat) + 60px);bottom:calc(var(--sab) + 8px);right:calc(var(--tabw) + var(--sar) + 6px);width:min(400px,52vw)}.ui-touch .panel .sec{display:none}.ui-touch .panel .sec.cur{display:block}.ui-touch .panel .sec>h4{display:none}.ui-touch .panel .secbody{display:block!important}.ui-touch .panel .row{gap:8px;margin:8px 0}.ui-touch .panel .rl{width:92px;font-size:13px}.ui-touch .panel .lab{font-size:11px}.ui-touch .panel input[type=range]{height:44px}.ui-touch .btn{min-height:44px;padding:6px 12px}.ui-touch .btn.small{min-width:44px;min-height:40px}.ui-touch .hold{width:44px;height:44px}.ui-touch .panel .crewcard{padding:8px 10px}.ui-touch .panel .crewcard .cname{font-size:14px}.ui-touch .panel .crewcard .cstatus{font-size:12px}.ui-touch .panel .crewcard .rolebtn{min-height:36px;padding:2px 12px;font-size:12px}.ui-touch .panel .tillercv{height:120px}.ui-touch .paddlepad{grid-auto-rows:44px;grid-template-columns:repeat(3,44px)!important}.ui-touch .paddlepad .hold{width:44px;height:44px}.ui-touch .ordermenu{width:min(440px, calc(100vw - var(--sal) - var(--sar) - 16px));z-index:50;max-height:72dvh;top:auto!important;left:auto!important;bottom:calc(var(--sab) + 8px)!important;right:calc(var(--sar) + 8px)!important}.ui-side .ordermenu{width:min(440px, calc(100vw - var(--tabw) - var(--sar) - var(--sal) - 16px));right:calc(var(--tabw) + var(--sar) + 8px)!important}.ui-touch .ordermenu .omitem{min-height:46px;font-size:14px}.ui-touch .ordermenu .omside{width:44px;height:38px;font-size:13px}.ui-touch .touchctl{pointer-events:none;display:block;position:absolute;inset:0}.ui-touch .touchctl>*{pointer-events:auto}.ui-touch .hud.sheet-open .touchctl{display:none}.ui-side .hud.sheet-open .touchctl{display:block}.ui-side .hud.sheet-open .tc-right,.ui-side .hud.sheet-open .tc-actions{display:none}.tc-strip{flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute}.tc-label{color:var(--text);text-shadow:0 1px 3px #000;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none;font-size:11px;font-weight:600}.tc-track{-webkit-backdrop-filter:blur(3px);background:#080e148c;border:1px solid #ffffff38;border-radius:14px;position:relative;box-shadow:inset 0 0 12px #00000059}.tc-fill{background:#ffd24a47;border-radius:12px;position:absolute}.tc-thumb{background:linear-gradient(#f5d774,#d9aa35);border-radius:10px;position:absolute;box-shadow:0 2px 8px #00000080}.tc-strip.active .tc-track{border-color:var(--accent)}.tc-strip.idle .tc-track{opacity:.45}.tc-strip.alarm .tc-label{color:var(--bad)}.tc-end{color:var(--dim);pointer-events:none;z-index:1;text-shadow:0 0 3px #000000b3;font-size:10px;font-weight:700;position:absolute}.tc-strip.vert .tc-track{width:52px;height:180px}.tc-strip.vert .tc-fill{left:4px;right:4px}.tc-strip.vert .tc-thumb{height:30px;margin-top:0;left:4px;right:4px;transform:translateY(-50%)}.tc-strip.vert .tc-end{text-align:center;left:0;right:0}.tc-strip.vert .tc-end.lo{bottom:4px}.tc-strip.vert .tc-end.hi{top:4px}.tc-strip.horiz .tc-track{width:100%;height:48px}.tc-strip.horiz .tc-fill{top:4px;bottom:4px}.tc-strip.horiz .tc-thumb{width:34px;top:4px;bottom:4px;transform:translate(-50%)}.tc-strip.horiz .tc-end{top:50%;transform:translateY(-50%)}.tc-strip.horiz .tc-end.lo{left:10px}.tc-strip.horiz .tc-end.hi{right:10px}.tc-strip.horiz .tc-track:after{content:"";pointer-events:none;background:#f5d77499;width:2px;margin-left:-1px;position:absolute;top:8px;bottom:8px;left:50%}.tc-tiller{align-items:stretch}.tc-tiller .tc-label{align-self:center}.tc-right{align-items:flex-end;gap:14px;display:flex;position:absolute}.tc-right .tc-label{white-space:normal;text-align:center;overflow-wrap:anywhere;width:60px;font-size:10px;line-height:1.15}.tc-right .tc-strip,.tc-left .tc-strip{position:static}.tc-left{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}.tc-actions{gap:6px;display:flex;position:absolute}.tc-btn{min-width:52px;min-height:48px;color:var(--text);-webkit-backdrop-filter:blur(3px);background:#080e149e;border:1px solid #ffffff38;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 6px;font-size:10px;font-weight:600;display:flex}.tc-btn .ico{width:20px;height:20px}.tc-btn:active{background:var(--accent);color:#221900}.tc-btn.on{background:#43b36b73;border-color:#43b36bcc}.tc-capsize{display:none}.tc-capsize.show{border-color:var(--bad);background:#5a1014cc;display:flex}.tc-left.engoff .tc-throttle{display:none}.tc-eng{text-align:center;min-width:64px;max-width:96px;font-size:10.5px;line-height:1.15}.tc-pad{grid-template-columns:repeat(3,44px);grid-auto-rows:44px;gap:3px;display:grid}.tc-padcell{background:#080e1499;border:1px solid #ffffff38;border-radius:10px;place-items:center;padding:0;display:grid}.tc-padcell .ico{width:20px;height:20px}.tc-padcell.on{background:var(--accent);color:#221900}.ui-bottom .tc-tiller{left:calc(var(--sal) + 10px);right:calc(var(--sar) + 10px);bottom:calc(var(--tabh) + var(--sab) + 8px)}.ui-bottom .tc-actions{left:50%;bottom:calc(var(--tabh) + var(--sab) + 80px);transform:translate(-50%)}.ui-bottom .tc-right{right:calc(var(--sar) + 10px);bottom:calc(var(--tabh) + var(--sab) + 140px)}.ui-bottom .tc-left{left:calc(var(--sal) + 10px);bottom:calc(var(--tabh) + var(--sab) + 140px)}.ui-side .tc-tiller{left:calc(var(--sal) + 12px);width:min(40vw,440px);bottom:calc(var(--sab) + 8px)}.ui-side .tc-actions{left:calc(var(--sal) + 24px + min(40vw, 440px));bottom:calc(var(--sab) + 8px)}.ui-side .tc-right{right:calc(var(--tabw) + var(--sar) + 12px);bottom:calc(var(--sab) + 8px)}.ui-side .tc-left{left:calc(var(--sal) + 12px);bottom:calc(var(--sab) + 82px);flex-direction:row;align-items:flex-end}.ui-side.ui-phone .tc-strip.vert .tc-track{height:min(150px,38vh)}.ui-side:not(.ui-phone) .tc-strip.vert .tc-track{width:60px;height:240px}.ui-side:not(.ui-phone) .tc-btn{min-width:60px;min-height:54px;font-size:11px}.ui-side:not(.ui-phone) .tc-label{font-size:12px}.ui-touch .tutcard{min-width:0;padding:7px 10px 8px;font-size:13px;transform:none}.ui-bottom .tutcard{top:calc(var(--sat) + 62px + var(--mapw,96px) + 10px);left:calc(var(--sal) + 8px);right:calc(var(--sar) + 8px);width:auto}.ui-side .tutcard{top:calc(var(--sat) + 100px);left:calc(var(--sal) + 8px);width:min(380px, calc(100vw - var(--tabw) - 180px))}.ui-touch .tut-ico{width:34px;height:34px}.tc-btn[hidden],.ui-touch .topbar .fsbtn{display:none}.ui-side .topbar .fsbtn:not([hidden]){display:inline-flex}.ui-touch .topbar .fsbtn.on{color:var(--accent)}.ui-side .sheetbar{justify-content:safe center;overflow-y:auto}.ui-side .sheettab{height:min(64px, calc((100dvh - var(--sat) - var(--sab) - 8px) / 7));flex:none;min-height:44px}.ui-touch .chartbox.withalt:not(.altbig) .charttools .btn{width:30px;min-width:30px;height:30px;min-height:30px;padding:0}.ui-touch .chartbox.withalt:not(.altbig) .charttools .btn .ico{width:16px;height:16px}