:root{font-family:Avenir Next,Avenir,Helvetica Neue,Arial,sans-serif;color:#17334c;background:#87cdd5;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17334c;--ink-deep: #10283c;--paper: #fff3d6;--paper-strong: #fff8e8;--coral: #df5639;--sun: #efbf3f;--aqua: #40a9a5;--glass-paper: rgb(255 243 214 / 91%);--glass-ink: rgb(16 40 60 / 86%);--safe-top: max(14px, env(safe-area-inset-top));--safe-right: max(14px, env(safe-area-inset-right));--safe-bottom: max(14px, env(safe-area-inset-bottom));--safe-left: max(14px, env(safe-area-inset-left))}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{min-width:320px;min-height:100vh;min-height:100dvh;background:#87cdd5}button{color:inherit;font:inherit}button:focus-visible{outline:3px solid var(--sun);outline-offset:3px}.game-shell{position:relative;isolation:isolate;width:100vw;height:100vh;height:100dvh;overflow:hidden;outline:0;background:linear-gradient(180deg,#86d0dc,#65b9cb 43%,#1d74a8);color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.game-shell:focus-visible{box-shadow:inset 0 0 0 3px #efbf3fb8}.game-shell>canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%!important;height:100%!important;outline:0;cursor:grab}.game-shell>canvas.is-camera-dragging{cursor:grabbing}.game-shell>canvas.is-hotspot-hovered{cursor:pointer}.game-shell:before,.game-shell:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:""}.game-shell:before{z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.58' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)' opacity='.52'/%3E%3C/svg%3E");background-repeat:repeat;background-size:156px 156px;mix-blend-mode:soft-light;opacity:.082}.game-shell:after{z-index:2;background:radial-gradient(ellipse 69% 79% at 50% 46%,transparent 48%,rgb(255 247 226 / 10%) 58%,rgb(255 247 226 / 32%) 73%,rgb(255 247 226 / 66%) 90%,rgb(255 247 226 / 84%) 100%),radial-gradient(ellipse 42% 56% at -7% 9%,rgb(255 243 214 / 27%),transparent 66%),radial-gradient(ellipse 36% 49% at 105% 91%,rgb(255 248 232 / 29%),transparent 68%),radial-gradient(ellipse 29% 42% at 92% -8%,rgb(255 243 214 / 21%),transparent 70%),radial-gradient(ellipse 24% 38% at 4% 102%,rgb(255 248 232 / 18%),transparent 72%),linear-gradient(104deg,rgb(255 248 232 / 22%),transparent 15% 84%,rgb(255 243 214 / 29%)),linear-gradient(180deg,rgb(255 248 232 / 14%),transparent 21% 76%,rgb(255 243 214 / 24%));box-shadow:inset 0 0 74px #fff7e22e;transform-origin:50% 47%;animation:deckled-breathe 15s cubic-bezier(.45,0,.55,1) infinite alternate}@keyframes deckled-breathe{0%{opacity:calc(var(--deckle-cycle, 1) * .82);transform:scale(1)}to{opacity:var(--deckle-cycle, 1);transform:scale(1.018)}}.game-brand,.compass-hud,.movement-chip,.game-reset,.controls-hud,.instruments,.game-tip{position:absolute;z-index:3}.game-brand{top:var(--safe-top);left:var(--safe-left);display:grid;grid-template-columns:auto 1fr;width:max-content;color:var(--brand-cycle, var(--ink-deep));filter:drop-shadow(0 1px 0 rgb(7 26 42 / 25%));line-height:1;pointer-events:none}.game-brand>span{grid-row:1 / span 2;align-self:center;margin-right:8px;padding:5px 5px 4px;border:1px solid currentcolor;color:var(--coral);font-family:Georgia,Times New Roman,serif;font-size:.72rem;font-style:italic;font-weight:800}.game-brand strong{font-family:Impact,Haettenschweiler,Arial Narrow Bold,Helvetica Neue Condensed,sans-serif;font-size:clamp(1.35rem,2.25vw,2rem);font-stretch:condensed;font-weight:900;letter-spacing:.035em}.game-brand small{margin-top:5px;color:inherit;font-size:.54rem;font-weight:900;letter-spacing:.2em;opacity:.72}.compass-hud{top:var(--safe-top);left:50%;display:flex;align-items:center;gap:10px;min-height:58px;padding:7px 14px 7px 8px;border:2px solid var(--ink);border-radius:999px;background:var(--glass-paper);box-shadow:4px 4px #df5639e0;transform:translate(-50%);pointer-events:none;-webkit-backdrop-filter:blur(9px) saturate(1.1);backdrop-filter:blur(9px) saturate(1.1)}.compass-ring{position:relative;flex:0 0 auto;width:42px;height:42px;border:2px solid var(--ink);border-radius:50%;background:linear-gradient(90deg,transparent 48%,rgb(23 51 76 / 18%) 48% 52%,transparent 52%),linear-gradient(0deg,transparent 48%,rgb(23 51 76 / 18%) 48% 52%,transparent 52%),var(--paper-strong)}.compass-north{position:absolute;z-index:2;top:1px;left:50%;color:var(--coral);font-size:.52rem;font-weight:1000;line-height:1;transform:translate(-50%)}.compass-boat{position:absolute;z-index:2;top:50%;left:50%;color:var(--ink);font-size:.72rem;line-height:1;transform:translate(-50%,-39%)}.compass-wind{position:absolute;z-index:1;top:3px;right:3px;bottom:3px;left:3px;transform-origin:50% 50%}.compass-wind i{position:absolute;top:0;left:calc(50% - 1px);width:2px;height:14px;border-radius:2px;background:var(--sun);box-shadow:0 0 0 1px #10283c47}.compass-wind i:before{position:absolute;top:-2px;left:50%;width:0;height:0;border-right:4px solid transparent;border-bottom:6px solid var(--sun);border-left:4px solid transparent;content:"";transform:translate(-50%)}.compass-hud>div:last-child{display:grid;gap:2px}.compass-hud>div:last-child span{color:var(--coral);font-size:.53rem;font-weight:1000;letter-spacing:.14em}.compass-hud>div:last-child strong{font-family:Georgia,Times New Roman,serif;font-size:.96rem}.world-time-readout{color:#10283c9e;font-size:.43rem;font-style:normal;font-weight:1000;letter-spacing:.12em;line-height:1}.movement-chip{top:calc(var(--safe-top) + 67px);left:var(--safe-left);display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgb(255 248 232 / 58%);border-radius:999px;background:var(--glass-ink);box-shadow:0 2px 10px #07273b2e;color:var(--paper-strong);font-size:.54rem;font-weight:1000;letter-spacing:.16em;pointer-events:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.movement-chip i{width:7px;height:7px;border-radius:50%;background:#81d4a9;box-shadow:0 0 0 3px #81d4a92e;animation:movement-pulse 2.4s ease-in-out infinite}.movement-chip.is-stalled i{background:var(--coral);box-shadow:0 0 0 3px #df563938;animation-duration:1.25s}@keyframes movement-pulse{50%{box-shadow:0 0 0 6px #81d4a900}}.game-reset{top:var(--safe-top);right:var(--safe-right);display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 12px;border:2px solid var(--ink);border-radius:999px;background:var(--glass-paper);box-shadow:3px 3px #df5639e0;color:var(--ink);cursor:pointer;font-size:.57rem;font-weight:1000;letter-spacing:.13em;pointer-events:auto;transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-reset:hover{background:var(--paper-strong);box-shadow:2px 2px #df5639e0;transform:translate(1px,1px)}.game-reset:active{box-shadow:none;transform:translate(3px,3px)}.controls-hud{bottom:var(--safe-bottom);left:var(--safe-left);pointer-events:none}.desktop-controls{display:flex;align-items:stretch;gap:7px;padding:8px;border:1px solid rgb(255 248 232 / 44%);border-radius:14px;background:var(--glass-ink);box-shadow:0 6px 20px #07273b2e;color:var(--paper-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.desktop-controls>span{display:flex;align-items:center;gap:4px;padding-right:8px;border-right:1px solid rgb(255 248 232 / 20%)}.desktop-controls>span:last-child{padding-right:0;border-right:0}.desktop-controls kbd{display:grid;place-items:center;min-width:25px;height:25px;padding:0 5px;border:1px solid rgb(255 248 232 / 72%);border-radius:6px;background:#fff8e81f;box-shadow:inset 0 -2px #fff8e824;color:var(--paper-strong);font-family:inherit;font-size:.68rem;font-weight:900}.desktop-controls b{margin-left:3px;color:#fff8e8ad;font-size:.48rem;letter-spacing:.12em}.vector-toggle{display:flex;align-items:center;gap:4px;margin:-3px;padding:3px 5px;border:1px solid transparent;border-radius:9px;background:transparent;color:inherit;cursor:pointer;pointer-events:auto;transition:background-color .14s ease,border-color .14s ease,transform .14s ease}.vector-toggle:hover{border-color:#fff8e847;background:#fff8e817}.vector-toggle.is-active{border-color:var(--paper-strong);background:var(--paper-strong);box-shadow:2px 2px 0 var(--coral)}.vector-toggle.is-active kbd{border-color:var(--ink);background:var(--sun);box-shadow:inset 0 -2px #17334c24;color:var(--ink)}.vector-toggle.is-active b{color:var(--ink)}.touch-controls{display:none}.instruments{right:var(--safe-right);bottom:var(--safe-bottom);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(335px,calc(100vw - 28px));overflow:hidden;border:2px solid var(--ink);border-radius:15px;background:var(--glass-paper);box-shadow:5px 5px #df5639e0;-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1)}.speed-readout,.heading-readout{display:flex;align-items:center;gap:9px;min-height:58px;padding:9px 12px}.speed-readout{border-right:1px solid rgb(23 51 76 / 24%)}.speed-readout svg,.heading-readout svg{flex:0 0 auto;color:var(--coral)}.speed-readout span,.heading-readout span,.trim-readout>span{display:flex;align-items:baseline;min-width:0}.speed-readout small,.heading-readout small,.trim-readout small{margin-right:7px;color:var(--coral);font-size:.48rem;font-weight:1000;letter-spacing:.13em}.speed-readout strong,.heading-readout strong,.trim-readout strong{font-family:Georgia,Times New Roman,serif;font-size:1.12rem;line-height:1}.speed-readout b{margin-left:3px;font-size:.57rem}.trim-readout{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px 12px;padding:10px 12px 11px;border-top:1px solid rgb(23 51 76 / 24%)}.game-trim-track{position:relative;height:8px;border:1px solid var(--ink);border-radius:999px;background:#17334c1f}.game-trim-track i{position:absolute;top:50%;display:block;transform:translate(-50%,-50%)}.game-trim-zone{height:100%;border-radius:999px;background:#40a9a585}.game-trim-ideal{width:2px;height:14px;background:var(--aqua)}.game-trim-actual{width:8px;height:18px;border:2px solid var(--ink);border-radius:4px;background:var(--coral);box-shadow:0 0 0 2px var(--paper-strong)}.trim-readout p{grid-column:1 / -1;margin:0;overflow:hidden;color:#17334cb8;font-family:Georgia,Times New Roman,serif;font-size:.73rem;font-style:italic;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.game-tip{bottom:calc(var(--safe-bottom) + 2px);left:50%;display:flex;align-items:center;gap:8px;max-width:min(420px,33vw);padding:9px 12px;border:1px solid rgb(255 248 232 / 42%);border-radius:999px;background:#10283cb8;box-shadow:0 5px 18px #07273b26;color:#fff8e8e0;font-family:Georgia,Times New Roman,serif;font-size:.72rem;line-height:1.25;transform:translate(-50%);pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-tip svg{flex:0 0 auto;color:var(--sun)}.game-tip.vector-mode{max-width:min(690px,52vw);border-color:#fff8e88f}.vector-legend-copy{display:flex;align-items:center;gap:9px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-style:normal;white-space:nowrap}.vector-legend-copy b{display:inline-flex;align-items:center;gap:4px;font-size:.56rem;font-weight:900;letter-spacing:.07em}.vector-legend-copy i{width:8px;height:8px;border:1px solid rgb(255 248 232 / 72%);border-radius:2px}.vector-legend-copy .airflow{background:#fff3cf}.vector-legend-copy .sail-vector{background:#df5639}.vector-legend-copy .water-vector{background:#58b9a4}.vector-legend-copy .track-vector{background:#efbf3f}.vector-legend-copy em{color:#fff8e88c;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.46rem;font-style:normal;font-weight:800;letter-spacing:.1em}.tutorial-dock{position:absolute;z-index:5;top:max(calc(var(--safe-top) + 112px),18vh);left:var(--safe-left);display:grid;justify-items:start;gap:7px;width:146px;color:var(--ink);transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}.tutorial-kicker{padding:3px 7px;border:1px solid rgb(23 51 76 / 42%);background:#fff3d6d6;font-size:.43rem;font-weight:1000;letter-spacing:.16em;pointer-events:none}.tutorial-buttons{display:grid;gap:7px}.tutorial-button{--tutorial-accent: var(--coral);position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px;width:140px;min-height:46px;padding:6px 8px;overflow:hidden;border:2px solid var(--ink);border-radius:5px 10px 7px 5px;background:#fff3d6ed;box-shadow:4px 4px color-mix(in srgb,var(--tutorial-accent) 86%,transparent);cursor:pointer;pointer-events:auto;text-align:left;transition:width .16s ease,background-color .16s ease,transform .16s ease;-webkit-backdrop-filter:blur(8px) saturate(1.05);backdrop-filter:blur(8px) saturate(1.05)}.tutorial-button:before{position:absolute;top:0;right:0;left:0;height:4px;background:var(--tutorial-accent);content:"";opacity:0}.tutorial-button:hover,.tutorial-button:focus-visible,.tutorial-button.is-active{width:148px;background:var(--paper-strong);transform:translate(2px)}.tutorial-button.is-active:before{opacity:1}.tutorial-button--crosswind{--tutorial-accent: var(--aqua)}.tutorial-button--tailwind{--tutorial-accent: var(--sun)}.tutorial-button--calm{--tutorial-accent: #79a6b5}.tutorial-button-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgb(23 51 76 / 38%);border-radius:50%;background:color-mix(in srgb,var(--tutorial-accent) 26%,var(--paper-strong));color:var(--ink)}.tutorial-button-copy{display:grid;gap:2px;min-width:0}.tutorial-button-copy b{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:.65rem;font-weight:900;letter-spacing:.09em;line-height:1;text-transform:uppercase;white-space:nowrap}.tutorial-button-copy small{overflow:hidden;font-family:Georgia,Times New Roman,serif;font-size:.55rem;font-style:italic;line-height:1.1;opacity:.68;text-overflow:ellipsis;white-space:nowrap}.tutorial-button em{position:absolute;top:5px;right:5px;padding:2px 3px;background:var(--tutorial-accent);font-size:.36rem;font-style:normal;font-weight:1000;letter-spacing:.08em}.tutorial-button.is-active .tutorial-button-copy{padding-top:4px}.tutorial-coach{position:relative;display:grid;gap:5px;width:238px;margin-top:2px;padding:11px 12px 10px;border:2px solid var(--ink);border-radius:5px 11px 7px 5px;background:#fff8e8f2;box-shadow:5px 5px #df5639d6;pointer-events:auto;-webkit-backdrop-filter:blur(10px) saturate(1.08);backdrop-filter:blur(10px) saturate(1.08);animation:tutorial-coach-in .22s cubic-bezier(.22,1,.36,1) both}.tutorial-coach:before{position:absolute;top:0;right:0;left:0;height:5px;background:var(--sun);content:""}@keyframes tutorial-coach-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.tutorial-coach>span{margin-top:4px;color:var(--coral);font-size:.46rem;font-weight:1000;letter-spacing:.14em}.tutorial-coach>strong{font-family:Georgia,Times New Roman,serif;font-size:.88rem;line-height:1.08}.tutorial-coach p{margin:0;font-family:Georgia,Times New Roman,serif;font-size:.69rem;line-height:1.3}.tutorial-coach-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:3px;padding-top:7px;border-top:1px solid rgb(23 51 76 / 28%)}.tutorial-coach-actions kbd{display:grid;place-items:center;min-width:32px;min-height:25px;padding:3px 7px;border:1px solid var(--ink);border-radius:5px;background:var(--sun);box-shadow:2px 2px #17334c2e;font-family:inherit;font-size:.54rem;font-weight:1000}.tutorial-coach-actions i{min-width:1px}.tutorial-coach-actions button{padding:5px 7px;border:1px solid var(--ink);border-radius:999px;background:transparent;cursor:pointer;font-size:.46rem;font-weight:1000;letter-spacing:.12em}.tutorial-coach-actions button:hover{background:var(--paper)}.lesson-shortcuts{position:absolute;z-index:6;top:max(calc(var(--safe-top) + 112px),18vh);right:0;display:grid;justify-items:end;gap:8px;color:var(--ink);transition:opacity .16s ease,transform .22s cubic-bezier(.22,1,.36,1)}.lesson-shortcuts.has-active-lesson{opacity:0;pointer-events:none;transform:translate(100%)}.lesson-shortcuts>span{margin-right:10px;padding:3px 7px;border:1px solid rgb(23 51 76 / 42%);background:#fff3d6d1;font-size:.43rem;font-weight:1000;letter-spacing:.16em;pointer-events:none}.lesson-shortcuts button{position:relative;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:7px;width:101px;min-height:44px;padding:7px 10px 7px 9px;border:2px solid var(--ink);border-right:0;border-radius:5px 0 0 5px;background:#fff3d6f0;box-shadow:-4px 4px #df5639db;cursor:pointer;pointer-events:auto;transition:width .16s ease,background-color .16s ease,transform .16s ease}.lesson-shortcuts button:hover,.lesson-shortcuts button:focus-visible,.lesson-shortcuts button.is-active{width:111px;background:var(--paper-strong);transform:translate(-1px)}.lesson-shortcuts button:after{position:absolute;top:0;right:0;left:0;height:4px;background:var(--sun);content:"";opacity:0}.lesson-shortcuts button.is-active:after{opacity:1}.lesson-shortcuts button i{position:relative;display:block;width:24px;height:24px;border:1px solid rgb(23 51 76 / 22%);border-radius:50%;background:#40a9a538}.lesson-shortcuts .sail-lesson-tab i:before{position:absolute;top:4px;left:8px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:8px solid var(--coral);content:"";transform:rotate(8deg)}.lesson-shortcuts .rudder-lesson-tab{box-shadow:-4px 4px #40a9a5db}.lesson-shortcuts .rudder-lesson-tab i:before{position:absolute;top:4px;left:10px;width:4px;height:15px;border:1px solid var(--ink);background:var(--sun);content:"";transform:rotate(13deg)}.lesson-shortcuts button b{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:.68rem;font-weight:900;letter-spacing:.12em}.physics-lessons{position:absolute;z-index:6;top:calc(var(--safe-top) + 58px);right:var(--safe-right);bottom:calc(var(--safe-bottom) + 146px);display:grid;grid-template-rows:43px minmax(0,1fr);width:min(390px,calc(100vw - 40px));min-height:0;color:var(--ink);filter:drop-shadow(-12px 18px 27px rgb(7 26 42 / 16%));pointer-events:auto;animation:lesson-drawer-in .26s cubic-bezier(.22,1,.36,1) both}@keyframes lesson-drawer-in{0%{opacity:0;transform:translate(calc(100% + var(--safe-right)))}to{opacity:1;transform:translate(0)}}.physics-lesson-tabs{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:6px;padding:0 7px}.physics-lesson-tab{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:6px;min-height:38px;padding:6px 10px;border:2px solid var(--ink);border-bottom:0;border-radius:5px 5px 0 0;background:#fff3d6eb;color:#17334cad;cursor:pointer;text-align:left;transition:min-height .15s ease,background-color .15s ease,color .15s ease}.physics-lesson-tab:hover,.physics-lesson-tab:focus-visible,.physics-lesson-tab.is-selected{min-height:43px;background:var(--paper-strong);color:var(--ink)}.physics-lesson-tab.is-selected{box-shadow:inset 0 4px var(--sun)}.physics-lesson-tab--sail svg{color:var(--coral)}.physics-lesson-tab--rudder svg{color:var(--aqua)}.physics-lesson-tab small{color:var(--coral);font-size:.45rem;font-weight:1000}.physics-lesson-tab--rudder small{color:#258a88}.physics-lesson-tab span{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:.67rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.physics-lesson-drawer{position:relative;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:2px solid var(--ink);border-radius:5px 2px 5px 7px;background:linear-gradient(#fff3d6f7,#fff8e8f5),var(--paper);box-shadow:7px 7px #df5639e5;scrollbar-color:var(--coral) transparent;scrollbar-width:thin;touch-action:pan-y;user-select:text;-webkit-user-select:text}.physics-lessons[data-active-lesson=rudder] .physics-lesson-drawer{box-shadow:7px 7px #40a9a5e5}.physics-lesson-drawer:before{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.72' numOctaves='2' seed='23'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");content:"";mix-blend-mode:multiply;opacity:.075;pointer-events:none}.physics-lesson-actions{position:sticky;z-index:4;top:9px;display:flex;justify-content:flex-end;gap:6px;width:max-content;height:0;margin-left:auto;padding-right:9px;pointer-events:auto}.physics-lesson-actions button{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;border:2px solid var(--ink);border-radius:999px;background:var(--paper-strong);box-shadow:2px 2px 0 var(--coral);color:var(--ink);cursor:pointer}.physics-lesson-actions button:hover{background:#ffe7a1}.physics-lesson-pin{gap:5px;padding:0 10px}.physics-lesson-pin span{font-size:.53rem;font-weight:1000;letter-spacing:.1em;text-transform:uppercase}.physics-lesson-panel[hidden]{display:none}.physics-lesson-panel{min-height:100%;outline:0}.physics-lesson-content{position:relative;display:grid;gap:11px;padding:19px 16px 17px;animation:lesson-content-in .17s ease-out both}@keyframes lesson-content-in{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.physics-lesson-title-row{display:grid;gap:8px;padding-top:28px}.physics-lesson-title-row>div{min-width:0}.physics-lesson-eyebrow{margin:0 0 6px;color:var(--coral);font-size:.52rem;font-weight:1000;letter-spacing:.16em;text-transform:uppercase}.physics-lesson-panel--rudder .physics-lesson-eyebrow{color:#218481}.physics-lesson-title-row h2{max-width:340px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.48rem,2.3vw,1.78rem);font-weight:700;letter-spacing:-.035em;line-height:.99}.physics-lesson-status{justify-self:start;padding:5px 8px;border:1px solid var(--ink);border-radius:999px;background:var(--sun);font-size:.48rem;font-weight:1000;letter-spacing:.11em;line-height:1;text-transform:uppercase}.physics-lesson-status--rudder{background:#9ed8cf}.physics-lesson-lede{margin:0;font-family:Georgia,Times New Roman,serif;font-size:.84rem;line-height:1.38}.physics-lesson-figure{margin:0}.physics-lesson-diagram{display:block;width:100%;height:clamp(172px,27vh,205px);border:2px solid var(--ink);border-radius:5px;background:#b8ded8;box-shadow:3px 3px #17334c29}.physics-lesson-figure figcaption{margin:6px 2px 0;color:#17334cb3;font-family:Georgia,Times New Roman,serif;font-size:.67rem;font-style:italic;line-height:1.25}.physics-diagram-water{fill:#a9d8d4;stroke:none}.physics-diagram-water-mark{fill:none;stroke:#fff8e8a8;stroke-linecap:round;stroke-width:2}.physics-diagram-hull{fill:#fff0c5;stroke:var(--ink);stroke-width:3;vector-effect:non-scaling-stroke}.physics-diagram-deck{fill:#df5639;fill-opacity:.14;stroke:#df5639;stroke-width:2;vector-effect:non-scaling-stroke}.physics-diagram-centerline{fill:none;stroke:#17334c52;stroke-dasharray:5 5;stroke-width:1.5;vector-effect:non-scaling-stroke}.physics-diagram-sail-actual{transition:transform .15s ease-out}.physics-diagram-sail-actual path{fill:#fff3cf;stroke:#df5639;stroke-width:3;vector-effect:non-scaling-stroke}.physics-diagram-sail-actual .physics-diagram-jib{fill:var(--sun);stroke:var(--ink)}.physics-diagram-sail-actual line{stroke:var(--ink);stroke-width:3;vector-effect:non-scaling-stroke}.physics-diagram-sail-optimal{fill:none;stroke:var(--ink);stroke-dasharray:5 5;stroke-width:2;opacity:.32;vector-effect:non-scaling-stroke}.physics-diagram-mast{fill:var(--ink);stroke:var(--paper-strong);stroke-width:2;vector-effect:non-scaling-stroke}.physics-diagram-centerboard{fill:none;stroke:#58b9a4;stroke-width:6;vector-effect:non-scaling-stroke}.physics-diagram-rudder-blade{fill:var(--sun);stroke:var(--ink);stroke-width:2;vector-effect:non-scaling-stroke}.physics-diagram-tiller{stroke:#754733;stroke-linecap:round;stroke-width:5;vector-effect:non-scaling-stroke}.physics-diagram-tiller-grip{fill:#df5639;stroke:var(--ink);stroke-width:1.5;vector-effect:non-scaling-stroke}.physics-diagram-bow-mark{fill:none;stroke:var(--ink);stroke-width:2;vector-effect:non-scaling-stroke}.physics-diagram-vector-label,.physics-diagram-pivot-label,.physics-diagram-angle,.physics-diagram-caption{fill:var(--ink);paint-order:stroke;stroke:#fff8e8e0;stroke-linejoin:round;stroke-width:3px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:9px;font-weight:900;letter-spacing:.08em}.physics-diagram-angle{font-family:Avenir Next,Avenir,sans-serif;font-size:8px}.physics-diagram-caption{font-size:7.5px;letter-spacing:.14em}.physics-diagram-sheet-arc{fill:none;stroke:var(--ink);stroke-dasharray:3 3;stroke-width:1.5}.physics-diagram-pivot{fill:#fff3d68a;stroke:var(--ink);stroke-dasharray:3 3;stroke-width:1.5}.physics-diagram-vector--airflow .physics-diagram-vector-ink,.physics-diagram-vector--airflow .physics-diagram-vector-color,.physics-lesson-figure--rudder .physics-diagram-vector--water .physics-diagram-vector-ink,.physics-lesson-figure--rudder .physics-diagram-vector--water .physics-diagram-vector-color{stroke-dasharray:9 7;animation:lesson-flow 1.2s linear infinite}.physics-diagram-vector.is-ambient-flow{opacity:.52}.physics-diagram-track,.physics-diagram-track-color{animation:lesson-flow 1.35s linear infinite}.physics-diagram-track.is-recovery,.physics-diagram-track-color.is-recovery{opacity:.62}@keyframes lesson-flow{to{stroke-dashoffset:-32}}.physics-lesson-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;overflow:hidden;border:1px solid var(--ink);background:#fff8e894}.physics-lesson-stat{min-width:0;padding:8px 7px;text-align:center}.physics-lesson-stat+.physics-lesson-stat{border-left:1px solid rgb(23 51 76 / 34%)}.physics-lesson-stat dt{margin-bottom:3px;color:var(--coral);font-size:.43rem;font-weight:1000;letter-spacing:.12em;text-transform:uppercase}.physics-lesson-panel--rudder .physics-lesson-stat dt{color:#218481}.physics-lesson-stat dd{margin:0;overflow:hidden;font-family:Georgia,Times New Roman,serif;font-size:.82rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.physics-lesson-explainer{padding-top:4px;border-top:1px solid rgb(23 51 76 / 40%)}.physics-lesson-explainer h3{margin:0 0 4px;color:var(--coral);font-size:.5rem;font-weight:1000;letter-spacing:.13em;text-transform:uppercase}.physics-lesson-panel--rudder .physics-lesson-explainer h3{color:#218481}.physics-lesson-explainer p{margin:0;font-family:Georgia,Times New Roman,serif;font-size:.76rem;line-height:1.32}.physics-lesson-try{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:9px 10px;border:1px solid var(--ink);background:#ffe6a0;box-shadow:3px 3px #df5639bf}.physics-lesson-panel--rudder .physics-lesson-try{background:#c8e6df;box-shadow:3px 3px #40a9a5c7}.physics-lesson-try strong{color:var(--coral);font-size:.48rem;font-weight:1000;letter-spacing:.12em}.physics-lesson-panel--rudder .physics-lesson-try strong{color:#176f6d}.physics-lesson-try span{font-family:Georgia,Times New Roman,serif;font-size:.7rem;line-height:1.25}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1160px){.game-tip{display:none}}@media(hover:none)and (pointer:coarse),(max-width:760px){.desktop-controls{display:none}.touch-controls{display:flex;align-items:flex-end;gap:14px}.touch-controls>div{display:flex;gap:7px}.touch-key{display:grid;place-items:center;width:52px;height:52px;padding:0;border:2px solid var(--paper-strong);border-radius:50%;background:#10283cc2;box-shadow:3px 4px #df5639c7;color:var(--paper-strong);cursor:pointer;font-size:.78rem;font-weight:1000;pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.touch-key:active{background:var(--coral);box-shadow:1px 1px #10283cb3;transform:translate(2px,3px)}.vector-touch-toggle{display:flex;flex-direction:column;gap:1px;align-self:center;width:58px;height:58px;border-color:var(--sun)}.vector-touch-toggle small{font-size:.38rem;font-weight:1000;letter-spacing:.08em}.vector-touch-toggle.is-active{border-color:var(--ink);background:var(--paper-strong);box-shadow:3px 4px 0 var(--coral);color:var(--ink)}}@media(max-width:760px){:root{--safe-top: max(10px, env(safe-area-inset-top));--safe-right: max(10px, env(safe-area-inset-right));--safe-bottom: max(10px, env(safe-area-inset-bottom));--safe-left: max(10px, env(safe-area-inset-left))}.tutorial-dock{top:calc(var(--safe-top) + 106px);width:116px;gap:5px}.tutorial-kicker{padding:3px 5px;font-size:.38rem;letter-spacing:.12em}.tutorial-buttons{gap:5px}.tutorial-button,.tutorial-button:hover,.tutorial-button:focus-visible,.tutorial-button.is-active{grid-template-columns:24px minmax(0,1fr);gap:6px;width:112px;min-height:42px;padding:5px 7px;transform:none}.tutorial-button-icon{width:24px;height:24px}.tutorial-button-copy b{font-size:.56rem}.tutorial-button-copy small,.tutorial-button em{display:none}.tutorial-button.is-active .tutorial-button-copy{padding-top:0}.tutorial-coach{position:fixed;right:var(--safe-right);bottom:calc(var(--safe-bottom) + 72px);left:var(--safe-left);width:auto;margin:0;padding:9px 10px 8px;box-shadow:4px 4px #df5639d1}.tutorial-coach>strong{font-size:.82rem}.tutorial-coach p{font-size:.64rem}.tutorial-coach-actions{position:absolute;top:7px;right:8px;gap:5px;margin:0;padding:0;border:0}.tutorial-coach-actions kbd{min-width:29px;min-height:23px}.tutorial-coach-actions button{background:var(--paper-strong)}.tutorial-coach>span,.tutorial-coach>strong,.tutorial-coach p{padding-right:100px}.game-shell.has-lesson .tutorial-dock{opacity:0;pointer-events:none;transform:translate(-110%)}.lesson-shortcuts{top:calc(var(--safe-top) + 155px);gap:6px}.lesson-shortcuts>span{display:none}.lesson-shortcuts button,.lesson-shortcuts button:hover,.lesson-shortcuts button:focus-visible,.lesson-shortcuts button.is-active{grid-template-columns:19px 1fr;gap:5px;width:82px;min-height:40px;padding:5px 7px;transform:none}.lesson-shortcuts button i{width:19px;height:19px}.lesson-shortcuts .sail-lesson-tab i:before{top:3px;left:6px;border-top-width:6px;border-bottom-width:6px;border-left-width:7px}.lesson-shortcuts .rudder-lesson-tab i:before{top:3px;left:8px;height:12px}.lesson-shortcuts button b{font-size:.57rem}.physics-lessons{top:auto;right:8px;bottom:calc(var(--safe-bottom) + 68px);left:8px;grid-template-rows:41px minmax(0,1fr);width:auto;height:min(62dvh,520px);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 126px);filter:drop-shadow(0 13px 24px rgb(7 26 42 / 20%));animation-name:lesson-sheet-in;animation-duration:.3s}@keyframes lesson-sheet-in{0%{opacity:0;transform:translateY(calc(100% + 80px))}to{opacity:1;transform:translateY(0)}}.physics-lesson-tabs{width:min(260px,calc(100% - 86px));padding-right:0}.physics-lesson-tab,.physics-lesson-tab:hover,.physics-lesson-tab:focus-visible,.physics-lesson-tab.is-selected{min-height:41px;padding:5px 8px}.physics-lesson-actions{top:7px;padding-right:7px}.physics-lesson-actions button{min-width:36px;min-height:36px}.physics-lesson-pin span{display:none}.physics-lesson-pin{padding:0}.physics-lesson-content{gap:9px;padding:14px 12px 15px}.physics-lesson-title-row{gap:6px;padding-top:27px}.physics-lesson-title-row h2{max-width:300px;font-size:clamp(1.28rem,6vw,1.55rem)}.physics-lesson-lede{font-size:.78rem}.physics-lesson-diagram{height:clamp(148px,23vh,168px)}.physics-lesson-figure figcaption{font-size:.61rem}.physics-lesson-stat{padding:7px 4px}.physics-lesson-stat dd{font-size:.74rem}.physics-lesson-explainer p,.physics-lesson-try span{font-size:.68rem}.game-brand strong{font-size:1.12rem}.game-brand>span{margin-right:6px;padding:4px;font-size:.61rem}.game-brand small{margin-top:3px;font-size:.43rem;letter-spacing:.14em}.game-shell:after{background:radial-gradient(ellipse 74% 84% at 50% 47%,transparent 52%,rgb(255 247 226 / 12%) 63%,rgb(255 247 226 / 34%) 79%,rgb(255 247 226 / 68%) 100%),radial-gradient(ellipse 42% 52% at -8% 10%,rgb(255 243 214 / 23%),transparent 68%),radial-gradient(ellipse 36% 48% at 106% 90%,rgb(255 248 232 / 25%),transparent 70%),radial-gradient(ellipse 28% 40% at 92% -8%,rgb(255 243 214 / 17%),transparent 72%),linear-gradient(103deg,rgb(255 248 232 / 17%),transparent 14% 86%,rgb(255 243 214 / 23%)),linear-gradient(180deg,rgb(255 248 232 / 11%),transparent 22% 78%,rgb(255 243 214 / 18%));box-shadow:inset 0 0 52px #fff7e224;animation-name:deckled-breathe-mobile}.compass-hud{min-height:45px;gap:6px;padding:5px 9px 5px 5px;box-shadow:3px 3px #df5639db}.compass-ring{width:34px;height:34px}.compass-wind i{height:10px}.compass-hud>div:last-child span{display:none}.compass-hud>div:last-child strong{font-size:.76rem}.game-reset{width:42px;min-height:42px;padding:0}.game-reset span{display:none}.movement-chip{top:calc(var(--safe-top) + 53px);padding:6px 8px;font-size:.46rem}.controls-hud{right:var(--safe-right);left:var(--safe-left)}.touch-controls{justify-content:space-between;width:100%}.touch-key{width:50px;height:50px}.instruments{top:calc(var(--safe-top) + 54px);right:var(--safe-right);bottom:auto;width:166px;border-radius:12px;box-shadow:3px 3px #df5639db}.speed-readout,.heading-readout{gap:4px;min-height:43px;padding:6px 7px}.speed-readout svg,.heading-readout svg{display:none}.speed-readout span,.heading-readout span{display:grid}.speed-readout small,.heading-readout small,.trim-readout small{margin:0 0 2px;font-size:.4rem}.speed-readout strong,.heading-readout strong,.trim-readout strong{font-size:.86rem}.speed-readout b{display:none}.trim-readout{grid-template-columns:57px 1fr;gap:5px;padding:7px}.trim-readout>span{display:grid}.trim-readout p{display:none}.game-trim-track{height:6px}}@keyframes deckled-breathe-mobile{0%{opacity:calc(var(--deckle-cycle, 1) * .84);transform:scale(1)}to{opacity:var(--deckle-cycle, 1);transform:scale(1.011)}}@media(max-width:390px){.tutorial-dock{width:102px}.tutorial-button,.tutorial-button:hover,.tutorial-button:focus-visible,.tutorial-button.is-active{grid-template-columns:22px minmax(0,1fr);width:98px;padding-right:5px}.tutorial-button-icon{width:22px;height:22px}.tutorial-button-copy b{font-size:.5rem;letter-spacing:.06em}.tutorial-coach>span,.tutorial-coach>strong,.tutorial-coach p{padding-right:90px}.game-brand strong,.game-brand small{display:none}.game-brand>span{grid-row:auto}.compass-hud{left:52%}.touch-key{width:47px;height:47px}.physics-lessons{right:6px;left:6px}.physics-lesson-tabs{width:min(235px,calc(100% - 80px))}.physics-lesson-tab{grid-template-columns:auto 1fr}.physics-lesson-tab small{display:none}.physics-lesson-diagram{height:146px}}@media(max-height:620px){.movement-chip,.trim-readout p{display:none}.physics-lesson-diagram{height:146px}}@media(hover:hover)and (pointer:fine){.touch-key:hover{background:#df5639d6}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.game-shell:after{animation:none!important;opacity:calc(var(--deckle-cycle, 1) * .94);transform:none}}@media(prefers-contrast:more){.game-shell:before{display:none}.game-shell:after{opacity:.58}}