.steer{--water:#d9e9ec;--water-deep:#c4dde2;--grid:#b4d3da;--ink:#163642;--ink-soft:#3f5f6b;--port:#c4452f;--stbd:#2e7d5b;--luff:#dd8a26;--hull:#f6f1e7;--sail:#fff;--rudder:#b8382a;--wood:#c69a5e;--wood-dark:#8a5a2b;--wood-deep:#5f3c1c;--wood-hi:#e6cc98;--brass:#b9932f;background:var(--water);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,sans-serif;position:fixed;inset:0;overflow:hidden}.steer button,.steer .padbtn,.steer .annbtn,.steer .fintab,.steer .modeopt,.steer input{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.steer input{-webkit-user-select:text;user-select:text}.steer img,.steer image,.steer svg{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.steer canvas{-webkit-user-drag:none;width:100%;height:100%;display:block}.steer .loadscreen{z-index:100;background:var(--water);opacity:0;visibility:hidden;place-items:center;transition:opacity .4s,visibility 0s linear .4s;display:grid;position:fixed;inset:0}.steer.loading .loadscreen{opacity:1;visibility:visible;transition:opacity .2s}.steer .loadspinner{border:3px solid #16364226;border-top-color:var(--ink);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite steerspin}@keyframes steerspin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.steer .loadspinner{animation-duration:1.6s}}.steer .hud{padding:10px 12px calc(10px + env(safe-area-inset-top,0px));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.steer .eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);font-size:10px}.steer .allure{letter-spacing:-.01em;margin-top:2px;font-size:22px;font-weight:650;line-height:1.05}.steer .allure.luffing{color:var(--luff)}.steer .left{flex-direction:column;gap:10px;display:flex}.steer .speed{font-variant-numeric:tabular-nums;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;font-weight:600}.steer .right{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.steer .metric{text-align:right}.steer .metric .speed.penalty{transform-origin:100%;animation:.5s timepenalty}@keyframes timepenalty{0%{color:var(--ink);transform:scale(1)}25%{color:var(--port);transform:scale(1.45)}60%{color:var(--port);transform:scale(1.1)}to{color:var(--ink);transform:scale(1)}}.steer .metric .speed.pop{transform-origin:100%;animation:.55s cubic-bezier(.34,1.56,.64,1) timestart}@keyframes timestart{0%{color:var(--ink);transform:scale(1)}35%{color:var(--stbd);transform:scale(1.5)}to{color:var(--ink);transform:scale(1)}}.steer .finish{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#d9e9eceb;flex-direction:column;justify-content:safe center;align-items:center;gap:14px;padding:24px;animation:.25s finishfade;display:flex;position:absolute;inset:0;overflow-y:auto}@keyframes finishfade{0%{opacity:0}to{opacity:1}}.steer .finish.start{animation:none}.steer .finishcard{text-align:center;background:#fff;border:1px solid #16364214;border-radius:24px;flex-direction:column;align-items:center;gap:6px;width:min(360px,100%);padding:30px 28px;animation:.32s cubic-bezier(.2,.9,.3,1.2) finishpop;display:flex;position:relative;box-shadow:0 24px 60px #16364238}@keyframes finishpop{0%{opacity:0;transform:translateY(10px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.steer .finisheyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);font-size:11px}.steer .startlogo{pointer-events:none;margin-top:-66px;margin-bottom:6px}.steer .startlogo img{filter:drop-shadow(0 8px 18px #16364233);width:128px;height:auto;display:block}.steer .finish:not(.start) .startlogo{margin-top:-50px;margin-bottom:0}.steer .finish:not(.start) .startlogo img{width:96px}.steer .finishrank{border:1px solid #1636421f;border-radius:999px;align-items:center;gap:8px;margin-top:8px;padding:4px 14px 4px 4px;display:inline-flex}.steer .finishrank.r1{border-color:#dd8a264d}.steer .finishrankmedal{width:24px;height:24px;color:var(--ink);background:#dd8a262e;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.steer .finishrank.r2 .finishrankmedal{background:#788a9433}.steer .finishrank.r3 .finishrankmedal{background:#c47a5a33}.steer .finishrank.r4 .finishrankmedal,.steer .finishrank.r5 .finishrankmedal{color:var(--ink-soft);background:#1636420f}.steer .finishranklab{letter-spacing:.01em;color:var(--ink);font-size:12.5px;font-weight:700}.steer .finishlead{letter-spacing:.06em;text-transform:uppercase;color:#a86a12;background:#dd8a2624;border:1px solid #dd8a2657;border-radius:999px;align-items:center;gap:6px;margin-top:6px;padding:4px 13px 4px 10px;font-size:12px;font-weight:800;display:inline-flex}.steer .finishlead svg{fill:currentColor;width:15px;height:15px}.steer .finishtime{letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:52px;font-weight:700;line-height:1}.steer .finishverdict{max-width:30ch;color:var(--ink);margin-top:2px;font-size:14px;font-weight:600;line-height:1.35}.steer .finishsub{color:var(--ink-soft);font-size:13px}.steer .finishsub .startaside{opacity:.72;margin-top:8px;font-size:11.5px;line-height:1.35;display:block}.steer .finishbtn{z-index:3;pointer-events:auto;cursor:pointer;font:inherit;letter-spacing:.02em;white-space:nowrap;color:#fff;background:var(--ink);border:none;border-radius:999px;padding:13px 30px;font-size:14px;font-weight:700;transition:transform 80ms,background .14s;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);box-shadow:0 8px 22px #16364238}.steer .finishbtn:hover{background:#0f2630}.steer .finishbtn:active{transform:translate(-50%,calc(50% + 1px))scale(.98)}.steer .finishtitle{letter-spacing:-.01em;color:var(--ink);margin:2px 0 4px;font-size:26px;font-weight:700;line-height:1.1}.steer .modechoice{background:0 0;border:1px solid #16364229;border-radius:999px;gap:6px;margin-bottom:16px;padding:4px;display:flex}.steer .modeopt{pointer-events:auto;cursor:pointer;font:inherit;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);background:0 0;border:1.5px solid #0000;border-radius:999px;padding:8px 18px;font-size:12px;font-weight:700;transition:border-color .14s,color .14s}.steer .modeopt.sel{color:var(--ink);border-color:var(--ink);box-shadow:none;background:0 0}.steer .modeopt:disabled{cursor:not-allowed}.steer .modeopt.sel:disabled{opacity:.5;box-shadow:none}.steer .modeopt:disabled:not(.sel){opacity:.3}.steer .modehint{color:var(--ink-soft);text-align:center;margin:-6px 0 14px;font-size:12px}.steer .telltales{left:12px;top:calc(env(safe-area-inset-top,0px) + 128px);z-index:4;pointer-events:none;position:absolute}.steer.hard .telltales{top:calc(env(safe-area-inset-top,0px) + 14px)}.steer .ttsvg{width:96px;height:76px;margin-top:6px;margin-left:-18px;display:block;overflow:visible}.steer .ttsail{fill:#ffffffd1;stroke:#16364238;stroke-width:1.2px}.steer .ttluff{stroke:#1636428c;stroke-width:3px;stroke-linecap:round}.steer .tt{fill:none;stroke-linecap:round;stroke-linejoin:round}.steer .tt-w{stroke:#c4452f;stroke-width:3px}.steer .tt-l{stroke:#2e7d5b;stroke-width:2.6px;stroke-dasharray:3 3;opacity:.7}.steer.hard .left{display:none}.steer.hard .hud{justify-content:flex-end}.steer .ctrl{--disc:26px;--gap:11px;--cut:calc(var(--disc) / 2 + var(--gap));--btn-gap:18px;--padh:72px;--card-bottom:calc(16px + env(safe-area-inset-bottom));align-items:stretch;gap:var(--btn-gap);width:100%;max-width:560px;height:26%;min-height:190px;padding:0 10px var(--card-bottom) 10px;pointer-events:none;display:flex;position:absolute;bottom:0;left:50%;right:auto;transform:translate(-50%)}.steer .pad{pointer-events:none;flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;gap:13px;min-width:0;height:100%;display:flex}.steer .padcard{--edge:#16364229;filter:drop-shadow(0 8px 20px #16364224);justify-content:center;width:100%;display:flex}.steer .padcard.lofer{--edge:#1565c066}.steer .padcard.abattre{--edge:#2e7d5b66}.steer .padl .padcard{justify-content:flex-end}.steer .padr .padcard{justify-content:flex-start}.steer .padbtn{width:100%;height:var(--padh);pointer-events:auto;cursor:pointer;color:var(--ink-soft);box-shadow:inset 0 0 0 1px var(--edge);-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;-webkit-mask-size:calc(var(--cut) * 2) calc(var(--cut) * 2), 100% 100%;-webkit-mask-size:calc(var(--cut) * 2) calc(var(--cut) * 2), 100% 100%;mask-size:calc(var(--cut) * 2) calc(var(--cut) * 2), 100% 100%;-webkit-mask-composite:destination-out;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 12px;transition:transform 80ms,background .12s,color .12s;display:flex;position:relative;-webkit-mask-composite:xor;mask-composite:exclude}.steer .padl .padbtn{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23000'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23000'/%3E%3C/svg%3E"),linear-gradient(#000,#000);-webkit-mask-position:calc(100% + var(--cut) + var(--btn-gap) / 2) center, 0 0;-webkit-mask-position:calc(100% + var(--cut) + var(--btn-gap) / 2) center, 0 0;mask-position:calc(100% + var(--cut) + var(--btn-gap) / 2) center, 0 0;padding-right:calc(var(--cut) + 6px);transform-origin:calc(100% + var(--btn-gap) / 2) center}.steer .padr .padbtn{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23000'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23000'/%3E%3C/svg%3E"),linear-gradient(#000,#000);-webkit-mask-position:calc(-1 * var(--cut) - var(--btn-gap) / 2) center, 0 0;-webkit-mask-position:calc(-1 * var(--cut) - var(--btn-gap) / 2) center, 0 0;mask-position:calc(-1 * var(--cut) - var(--btn-gap) / 2) center, 0 0;padding-left:calc(var(--cut) + 6px);transform-origin:calc(var(--btn-gap) / -2) center}.steer .padbtn.lofer{color:#1565c0;background:#ecf3fa}.steer .padbtn.abattre{color:var(--stbd);background:#eef5f2}.steer .tiller{left:50%;bottom:calc(var(--card-bottom) + (var(--padh) - var(--disc)) / 2);z-index:2;pointer-events:none;position:absolute;transform:translate(-50%)}.steer .tillerdial{width:var(--disc);height:var(--disc);position:relative}.steer .tillerdial:before{content:"";box-sizing:content-box;width:calc(var(--cut) * 2);height:calc(var(--cut) * 2);border:1px solid var(--edge,#16364247);-webkit-mask-image:linear-gradient(90deg, #000 0, #000 calc(50% - var(--btn-gap) / 2), transparent calc(50% - var(--btn-gap) / 2), transparent calc(50% + var(--btn-gap) / 2), #000 calc(50% + var(--btn-gap) / 2), #000 100%);-webkit-mask-image:linear-gradient(90deg, #000 0, #000 calc(50% - var(--btn-gap) / 2), transparent calc(50% - var(--btn-gap) / 2), transparent calc(50% + var(--btn-gap) / 2), #000 calc(50% + var(--btn-gap) / 2), #000 100%);mask-image:linear-gradient(90deg, #000 0, #000 calc(50% - var(--btn-gap) / 2), transparent calc(50% - var(--btn-gap) / 2), transparent calc(50% + var(--btn-gap) / 2), #000 calc(50% + var(--btn-gap) / 2), #000 100%);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.steer .tillersvg{filter:drop-shadow(0 2px 3px #16364238);width:57px;height:76px;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.steer .pad:active .padbtn,.steer .padbtn.active{filter:brightness(.97);background:#f4f8fa}@keyframes padswap{0%{transform:scale(1)}32%{transform:scale(1.08)}to{transform:scale(1)}}.steer .padbtn.bump{animation:.34s cubic-bezier(.2,.9,.3,1.25) padswap}@keyframes coachpulse{0%,to{background:#eef5f2;transform:scale(1)}50%{background:#d3e9df;transform:scale(1.05)}}.steer .padbtn.coach{animation:1.15s ease-in-out infinite coachpulse}.steer .kbd{box-sizing:border-box;text-align:center;min-width:17px;height:17px;color:var(--ink-soft);opacity:.75;pointer-events:none;z-index:3;background:#ffffffa8;border:1px solid #16364233;border-radius:5px;padding:0 3px;font-size:10px;font-weight:800;line-height:15px;display:none;position:absolute;top:6px}.steer .kbd.kbd-l{left:6px}.steer .kbd.kbd-r{right:6px}@media (hover:hover) and (pointer:fine){.steer .kbd{display:block}}.steer .pad:active .padcard{filter:drop-shadow(1px 0 0 var(--edge)) drop-shadow(-1px 0 0 var(--edge)) drop-shadow(0 1px 0 var(--edge)) drop-shadow(0 -1px 0 var(--edge)) drop-shadow(0 3px 9px #16364229);transform:translateY(1px)}.steer .padeff{letter-spacing:-.01em;color:var(--ink-soft);font-size:18px;font-weight:750;line-height:1}.steer .padeff.lofer{color:#1565c0}.steer .padeff.abattre{color:var(--stbd)}.steer .annbtn{pointer-events:auto;cursor:pointer;width:100%;max-width:196px;font:inherit;letter-spacing:.01em;text-align:center;color:var(--ink-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8;border:1.5px solid #1636421a;border-radius:6px;justify-content:center;align-items:center;min-height:40px;padding:7px 16px;transition:transform .1s,background .14s,border-color .14s,color .14s,box-shadow .14s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 16px #1636421a}.steer .annlab{flex-direction:column;align-items:center;gap:2px;line-height:1;display:flex}.steer .anneye{letter-spacing:.14em;text-transform:uppercase;opacity:.6;font-size:9px;font-weight:700}.steer .annverb{letter-spacing:-.01em;font-size:15px;font-weight:800}.steer .annbtn:hover{background:#ffffff85;border-color:#16364273}.steer .annbtn:active{transform:translateY(1px)scale(.985);box-shadow:0 3px 10px #1636421f}.steer .annbtn.armed{border-style:solid;border-color:var(--luff);color:#9a5e10;background:#dd8a2629;box-shadow:0 6px 18px #dd8a2638}.steer .annbtn:after{content:"";height:3px;transform:scaleX(var(--prep,0));transform-origin:0;opacity:0;background:currentColor;transition:opacity .14s;position:absolute;top:0;left:0;right:0}.steer .annbtn.armed:after,.steer .annbtn.ready:after{opacity:.5}.steer .annbtn.ready{border-style:solid;border-color:var(--stbd);color:var(--stbd);background:#2e7d5b2e;box-shadow:0 6px 18px #2e7d5b3d}.steer .crew{left:50%;top:calc(env(safe-area-inset-top,0px) + 60px);pointer-events:none;white-space:nowrap;opacity:0;background:#ffffffd1;border-radius:20px;padding:6px 16px;font-size:14px;font-weight:700;transition:opacity .15s;position:absolute;transform:translate(-50%);box-shadow:0 4px 14px #1636421f}.steer .crew.show{opacity:1}.steer .crew.armed{color:#9a5e10}.steer .crew.ready{color:var(--stbd)}.steer .act{left:50%;top:calc(env(safe-area-inset-top,0px) - 24px);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;white-space:nowrap;opacity:0;background:#fffffff0;border-radius:0 0 18px 18px;flex-direction:column;align-items:center;gap:1px;max-width:92vw;padding:31px 22px 8px;line-height:1.05;transition:opacity .16s,transform .22s cubic-bezier(.2,.9,.3,1.3);display:flex;position:absolute;transform:translate(-50%)translateY(-130%);box-shadow:0 6px 20px #16364238}.steer .act .acttop{letter-spacing:.16em;text-transform:uppercase;opacity:.62;font-size:9px;font-weight:700}.steer .act .actmain{letter-spacing:.02em;font-size:16px;font-weight:850}.steer .act.show{opacity:1;transform:translate(-50%)translateY(0)}.steer .act.event{border:1.5px solid #0000;border-top:none;animation:.32s cubic-bezier(.2,.9,.3,1.4) actpop}.steer .act.event .actmain{font-size:17px}.steer .act.tack{color:#1565c0;background:#e6f0fb;border-color:#1565c08c}.steer .act.gybe{color:#9a5e10;border-color:var(--luff);background:#fbecd1}.steer .act.ok{color:var(--stbd);border-color:var(--stbd);background:#e0f0e8}.steer .act.coach{color:var(--stbd);background:#e0f0e8}.steer .act.info .acttop{color:var(--stbd);opacity:.85}@keyframes actpop{0%{opacity:0;transform:translate(-50%)translateY(-120%)}60%{opacity:1;transform:translate(-50%)translateY(6%)scale(1.04)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.steer .topbtn{pointer-events:auto;color:var(--ink-soft);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:6px;font-size:10px;position:absolute;top:14px}.steer .reset{left:50%;transform:translate(-50%)}.steer .fintabs{border-bottom:1px solid #1636421f;width:100%;margin:8px 0 12px;display:flex}.steer .fintab{pointer-events:auto;cursor:pointer;font:inherit;letter-spacing:.01em;color:var(--ink-soft);background:0 0;border:none;border-bottom:2px solid #0000;flex:1 1 0;margin-bottom:-1px;padding:8px 12px 9px;font-size:13.5px;font-weight:700;transition:color .14s,border-color .14s}.steer .fintab.sel{color:var(--ink);border-bottom-color:var(--ink)}.steer .tabpane{flex-direction:column;gap:10px;width:100%;min-height:216px;margin-bottom:14px;display:flex}.steer .minimapframe{width:100%}.steer .minimap{max-height:118px}.steer .mmlegend{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;gap:6px 14px;font-size:11px;display:flex}.steer .mmlegend .lg{align-items:center;gap:6px;display:inline-flex}.steer .mmlegend .lg:before{content:"";border-radius:50%;width:8px;height:8px}.steer .mmlegend .lg-start:before{background:var(--stbd,#2e7d5b)}.steer .mmlegend .lg-end:before{background:#c4452f}.steer .mmlegend .lg-wild:before{background:#dd8a26;border-radius:1px;transform:rotate(45deg)}.steer .statrow{gap:8px;width:100%;display:flex}.steer .stattile{background:#1636420a;border:1px solid #16364212;border-radius:12px;flex-direction:column;flex:1 1 0;align-items:center;gap:1px;padding:8px 6px;display:flex}.steer .stattile b{color:var(--ink);font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:19px;font-weight:700;line-height:1.1}.steer .stattile span{letter-spacing:.03em;color:var(--ink-soft);font-size:10.5px}.steer .podrow.podentry{gap:8px;padding:0 12px}.steer .podinput{box-sizing:border-box;min-width:0;height:25px;font:inherit;color:var(--ink);background:#fff;border:1px solid #16364229;border-radius:7px;outline:none;flex:auto;padding:0 10px;font-size:14px;font-weight:650;transition:border-color .14s}.steer .podinput:focus{border-color:var(--stbd)}.steer .podsign{box-sizing:border-box;pointer-events:auto;cursor:pointer;height:25px;font:inherit;color:#fff;background:var(--stbd);border:none;border-radius:7px;flex:none;padding:0 14px;font-size:13px;font-weight:700;transition:transform 80ms,opacity .14s}.steer .podsign:disabled{opacity:.45;cursor:default}.steer .podsign:not(:disabled):active{transform:translateY(1px)scale(.98)}.steer .podium{flex-direction:column;gap:4px;width:100%;display:flex}.steer .podrow{box-sizing:border-box;background:#1636420a;border-radius:12px;align-items:center;gap:10px;height:39px;padding:0 12px;display:flex}.steer .podrow.me{background:#2e7d5b1a}.steer .podmedal{height:23px;color:var(--ink);background:#dd8a262e;border-radius:50%;flex:0 0 23px;place-items:center;font-size:11.5px;font-weight:700;display:grid}.steer .podrow:nth-child(2) .podmedal{background:#788a9433}.steer .podrow:nth-child(3) .podmedal{background:#c47a5a33}.steer .podrow:nth-child(n+4) .podmedal{color:var(--ink-soft);background:#1636420f}.steer .podname{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:14px;font-weight:650;overflow:hidden}.steer .podname em{color:var(--stbd);font-style:normal;font-weight:600}.steer .podtime{font-variant-numeric:tabular-nums;flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:700}.steer .podrow.empty{background:#16364206}.steer .podrow.empty .podmedal{color:#16364252;background:#1636420d}.steer .podrow.empty .podname,.steer .podrow.empty .podtime{color:#16364242;font-weight:600}.steer .finishactions{align-items:center;gap:10px;display:flex}.steer .lbghost{pointer-events:auto;cursor:pointer;font:inherit;color:var(--ink-soft);background:#1636420f;border:none;border-radius:999px;padding:13px 22px;font-size:14px;font-weight:700;transition:background .14s}.steer .lbghost:hover{background:#1636421a}.steer .lbmodal{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#16364252;justify-content:center;align-items:center;padding:24px;animation:.2s finishfade;display:flex;position:absolute;inset:0}.steer .lbcard{background:#fff;border-radius:24px;flex-direction:column;gap:12px;width:min(380px,100%);padding:24px 24px 20px;animation:.28s cubic-bezier(.2,.9,.3,1.2) finishpop;display:flex;box-shadow:0 24px 60px #16364247}.steer .lblist{flex-direction:column;gap:2px;max-height:46vh;display:flex;overflow-y:auto}.steer .lbline{border-radius:10px;align-items:center;gap:12px;padding:8px 10px;display:flex}.steer .lbline.me{background:#2e7d5b24}.steer .lbpos{text-align:right;color:var(--ink-soft);font-variant-numeric:tabular-nums;flex:0 0 22px;font-size:13px;font-weight:700}.steer .lbname{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.steer .lbtime{font-variant-numeric:tabular-nums;flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:700}.steer .lbempty{text-align:center;color:var(--ink-soft);padding:20px 8px;font-size:13px}.steer .finish:not(.start) .finishcard{width:min(420px,100%)}.steer .minimap{background:#d9e9ec80;border:1px solid #1636421a;border-radius:14px;width:100%;height:auto;display:block}.steer .windrose{flex-direction:column;flex:none;align-items:center;gap:5px;display:flex}.steer .windrose svg{width:88px;height:88px}.steer .windrose .wrring{fill:#d9e9ec80;stroke:#16364224;stroke-width:1.5px}.steer .windrose .wrtick{stroke:#16364247;stroke-width:1.5px;stroke-linecap:round}.steer .windrose .wrn{fill:var(--ink-soft);text-anchor:middle;letter-spacing:.04em;font-size:13px;font-weight:700}.steer .windrose .wrshaft{stroke:var(--mm-wind,#4a7c8c);stroke-width:4px;stroke-linecap:round}.steer .windrose .wrhead{fill:var(--mm-wind,#4a7c8c)}.steer .windrose .wrstreak{stroke:var(--mm-wind,#4a7c8c);stroke-width:2px;stroke-linecap:round;opacity:.4;stroke-dasharray:5 9;animation:.9s linear infinite windflow}@keyframes windflow{0%{stroke-dashoffset:14px}to{stroke-dashoffset:0}}.steer .windcap{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:10px}@media (prefers-reduced-motion:reduce){.steer .windrose .wrstreak{animation:none}}.steer .minimap .mmtrack{stroke:var(--port);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.steer .minimap .mmgate{stroke:var(--ink-soft);stroke-width:1.5px;stroke-dasharray:4 4}.steer .minimap .mmbuoy{fill:#16364247}.steer .minimap .mmstart{fill:var(--stbd)}.steer .minimap .mmend{fill:var(--port)}.steer .minimap .mmwild .mmwildbg{fill:#fff;stroke:var(--luff);stroke-width:1px}.steer .minimap .mmwild line{stroke:var(--luff);stroke-width:2.2px;stroke-linecap:round}.steer .minimap .mmlabel{fill:var(--ink-soft);text-anchor:end;letter-spacing:.08em;font-size:9px}@media (width<=480px){.steer .hud{padding:8px 10px calc(8px + env(safe-area-inset-top,0px));gap:6px}.steer .eyebrow{letter-spacing:.14em;font-size:9px}.steer .allure{font-size:17px}.steer .speed{font-size:15px}.steer .left,.steer .right{gap:7px}.steer .telltales{top:calc(env(safe-area-inset-top,0px) + 104px)}.steer .ttsvg{width:78px;height:62px;margin-left:-14px}.steer .act{padding:46px 18px 7px}.steer .act .actmain{font-size:14px}.steer .ctrl{--disc:22px;--padh:60px;--gap:9px;--btn-gap:12px;min-height:150px}.steer .tillersvg{width:48px;height:64px}.steer .padeff{font-size:15px}.steer .pad{gap:9px}.steer .annbtn{max-width:168px;min-height:34px;padding:6px 12px}.steer .annverb{font-size:13px}.steer .anneye{font-size:8px}}.steer .tuto{z-index:90;-webkit-backdrop-filter:blur(3px);background:#16364247;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.steer .tutocard{box-sizing:border-box;text-align:center;background:#fff;border:1px solid #16364214;border-radius:24px;flex-direction:column;align-items:center;gap:10px;width:min(360px,100%);padding:24px 26px 20px;animation:.3s cubic-bezier(.2,.9,.3,1.2) finishpop;display:flex;box-shadow:0 24px 60px #16364238}.steer .tutoart{background:#d9e9ec80;border:1px solid #16364214;border-radius:16px;place-items:center;width:100%;height:270px;display:grid}.steer .tutotitle{color:var(--ink);letter-spacing:-.01em;font-size:20px;font-weight:800}.steer .tutobody{color:var(--ink-soft);font-size:14px;line-height:1.5}.steer .tutobody b{color:var(--ink);font-weight:750}.steer .tutodots{gap:6px;margin-top:2px;display:flex}.steer .tutodot{background:#1636422e;border-radius:50%;width:7px;height:7px;transition:background .18s,transform .18s}.steer .tutodot.on{background:var(--stbd);transform:scale(1.15)}.steer .tutonav{justify-content:space-between;align-items:center;width:100%;margin-top:8px;display:flex}.steer .tutoskip{pointer-events:auto;cursor:pointer;font:inherit;color:var(--ink-soft);opacity:.8;background:0 0;border:none;padding:8px 6px;font-size:13px;font-weight:650}.steer .tutonext{pointer-events:auto;cursor:pointer;font:inherit;color:#fff;background:var(--ink);border:none;border-radius:999px;padding:10px 22px;font-size:15px;font-weight:750;transition:transform 80ms}.steer .tutonext:active{transform:translateY(1px)scale(.98)}.steer .tuto .tt-helm{--disc:38px;--gap:14px;--cut:calc(var(--disc) / 2 + var(--gap));--btn-gap:24px;--padh:104px;--card-bottom:0px;width:280px;height:var(--padh);align-items:stretch;gap:var(--btn-gap);display:flex;position:relative}.steer .tuto .tt-helm .tillersvg{width:78px;height:104px}.steer .tuto .tt-helm .padeff{font-size:22px}.steer .tuto .tt-allure{width:100%;max-width:300px;height:auto;overflow:visible}.steer .tuto .tt-allure .al-ring,.steer .tuto .tt-allure .al-div{fill:none;stroke:#3f5f6b4d;stroke-width:1.2px;stroke-dasharray:4 5;stroke-linecap:round}.steer .tuto .tt-allure .al-wedge{fill:url(#tt-wedge)}.steer .tuto .tt-allure .al-speed{fill:#2e7d5b29;stroke:#2e7d5b8c;stroke-width:1.4px;stroke-linejoin:round}.steer .tuto .tt-allure .al-nogo{stroke:#dd8a2680;stroke-width:1.2px;stroke-dasharray:4 5}.steer .tuto .tt-allure .al-wind{stroke:var(--ink-soft);stroke-width:2px;stroke-linecap:round}.steer .tuto .tt-allure .al-windfill{fill:var(--ink-soft)}.steer .tuto .tt-allure .al-hull,.steer .tuto .tt-bearing .al-hull{fill:#f6f1e7;stroke:var(--ink);stroke-width:1.6px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.steer .tuto .tt-allure .al-sail,.steer .tuto .tt-bearing .al-sail{fill:var(--rudder);stroke:var(--ink);stroke-width:.9px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.steer .tuto .tt-allure .al-mast,.steer .tuto .tt-bearing .al-mast{fill:var(--ink)}.steer .tuto .tt-allure .al-lab{fill:var(--ink-soft);dominant-baseline:central;font-size:9px;font-weight:700}.steer .tuto .tt-bearing{width:100%;max-width:300px;height:auto;overflow:visible}.steer .tuto .tt-bearing .ga-guide{stroke:#3f5f6b59;stroke-width:1.4px;stroke-dasharray:3 6;stroke-linecap:round}.steer .tuto .tt-bearing .ga-pointer{filter:drop-shadow(0 1px 2px #16364252)}.steer .tuto .tt-bearing .ga-arrow,.steer .tuto .tt-bearing .ga-glyphhead{fill:var(--port)}.steer .tuto .tt-bearing .ga-glyph{stroke:var(--port);stroke-width:1.9px;stroke-linecap:round}.steer .tuto .tt-bearing .ga-dist{fill:var(--port);dominant-baseline:central;text-anchor:start;font-size:15px;font-weight:800}.steer .tuto .tt-bearing .ga-buoy,.steer .tuto .tt-bearing .ga-pennant{fill:var(--port)}.steer .tuto .tt-bearing .ga-band{stroke:#ffffffb3;stroke-width:1.4px;stroke-linecap:round}.steer .tuto .tt-bearing .ga-mast{stroke:var(--ink);stroke-width:1.4px;stroke-linecap:round}.steer .tuto .tt-calls{flex-direction:column;gap:10px;width:min(230px,100%);display:flex}.steer .tuto .tt-calls .annbtn{cursor:default;max-width:none;min-height:64px;padding:14px 12px}@keyframes tt-tillersweep{0%,to{transform:translate(-50%,-50%)rotate(-17deg)}50%{transform:translate(-50%,-50%)rotate(17deg)}}.steer .tuto .tt-helm .tillersvg{transform-origin:50%;animation:2.8s ease-in-out infinite tt-tillersweep}@keyframes tt-selfclick{0%,2%{background:#ffffffb8;transform:scale(1)}5%{background:#dd8a2633;transform:scale(.965)}9%,to{background:#ffffffb8;transform:scale(1)}}.steer .tuto .tt-calls .annbtn{animation:6s ease-in-out infinite tt-selfclick}.steer .tuto .tt-calls .annbtn:last-child{animation-delay:3s}@keyframes tt-prepbar{0%,2%{opacity:0;background:var(--luff);transform:scaleX(0)}4%{opacity:.5;background:var(--luff)}17%{opacity:.5;background:var(--luff);transform:scaleX(1)}19%{background:var(--stbd);transform:scaleX(1)}93%{opacity:.5;background:var(--stbd);transform:scaleX(0)}96%,to{opacity:0;background:var(--stbd);transform:scaleX(0)}}.steer .tuto .tt-calls .annbtn:after{background:var(--luff);transform-origin:0;animation:6s linear infinite tt-prepbar}.steer .tuto .tt-calls .annbtn:last-child:after{animation-delay:3s}@media (prefers-reduced-motion:reduce){.steer .tuto .tt-helm .tillersvg,.steer .tuto .tt-calls .annbtn,.steer .tuto .tt-calls .annbtn:after{animation:none}}.steer .tuto .tt-goal{align-items:flex-start;gap:30px;display:flex}.steer .tuto .tt-goal .metric{text-align:center}.steer .tuto .tt-goal .speed{font-size:36px}.steer .tuto .tt-goal .speed.pop{transform-origin:50%}