:root{font-family:Verdana,Arial,sans-serif;color:#fff6dc;font-size:15px;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#1c4959}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}#sea{position:fixed;inset:0;width:100%;height:100%;display:block}#ui{position:fixed;inset:0;pointer-events:none}button,input,select,#steer-touch,#trim-touch{pointer-events:auto}#hud{position:absolute;inset:0;text-shadow:0 2px 5px #183b49,0 1px 2px #183b49}#brand,#compass,#objective,#top-right,#context,#efficiency,#hud-menu{position:absolute}#compass{text-align:center}#compass svg{width:100%;fill:none;stroke:#fff4d8;stroke-width:1;filter:drop-shadow(0 1px 3px #284f5a)}#compass text{font-size:10px;stroke:none;fill:#fff4d8;text-anchor:middle}#compass .wind{fill:#92ded3;stroke:#174d59;stroke-width:.7}#compass .bearing{fill:#ffcd7c;stroke:none}#compass .boat-mark{fill:#fcf4d9;stroke:none}#compass .trim{fill:#edddb5;fill-opacity:.85;stroke:none}#compass small{display:block}#boat-speed{font-variant-numeric:tabular-nums;opacity:.95}#objective{left:50%;transform:translate(-50%);text-align:center;display:flex;flex-direction:column}#destination{text-transform:uppercase;font-weight:400}#top-right{text-align:right}.urgent{color:#ffc5a9;animation:urgent 1s ease-in-out infinite}@keyframes urgent{50%{opacity:.65}}.plain{background:none;border:0;color:inherit;text-shadow:inherit}.plain:hover{color:#ffd18b}#efficiency{left:50%;transform:translate(-50%);text-align:center}.eff-track{background:transparent;overflow:hidden;box-shadow:0 1px 3px #244652}#eff-fill{display:block;background:#f1deb1;height:100%;transition:width .15s}.sail-icon{position:absolute}#speech{position:absolute;left:52%;transform:translate(-50%,-100%);padding:13px 22px 23px;min-width:150px;background:url(/art/speech-bubble-v2.png) center/100% 100% no-repeat;color:#183d4d;text-shadow:none;font-size:12px;font-weight:700;text-align:center}#speech.instruction{width:260px;white-space:normal;line-height:1.4;font-weight:400}#context{left:50%;transform:translate(-50%);text-align:center;display:flex;flex-direction:column}#hud-menu{display:flex;font-size:17px}#home-marker{position:absolute;width:72px;height:72px;object-fit:contain;transform:translate(-50%,-50%);opacity:.76;filter:drop-shadow(0 1px 2px #173c4b66);pointer-events:none}#wind-label,#hint,#room-badge,#objective-kicker,#notification,#sail-state,#trim-text,#tutorial{display:none!important}#bearing-text:empty{border:0;padding:0}#menu{position:absolute;inset:0;display:flex;pointer-events:auto}body.menu-open #hud{visibility:hidden}#touch,#rotate-message{display:none}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#194653}.fatal{background:#f5efda;color:#193d4a;padding:30px;margin:10vh auto;width:min(500px,90vw)}@media(pointer:coarse),(max-width:850px){:root{font-size:13px}#touch{display:block}#steer-touch,#trim-touch{position:absolute;touch-action:none}#steer-touch i,#touch-thumb,#touch button{position:absolute}#steer-touch i{transform:translate(var(--stick,0px))}#touch button{color:#f9efd5}#speech{font-size:11px;min-width:130px;padding:11px 18px 20px}#home-marker{width:64px;height:64px}}@media(orientation:portrait)and (pointer:coarse){#rotate-message{display:grid;position:absolute;inset:0;place-items:center;padding:30px;text-align:center;background:#163f4eea;font:23px Georgia,serif;z-index:100;pointer-events:auto}}:root{--ink:#102f40;--ivory:#faf2db;--teal:#0e4658;--line:#a9ad9d;--ui-font:Verdana,Arial,sans-serif}#compass .no-go{fill:url(#no-go-fade);stroke:none}#bearing-text{display:flex;align-items:center;justify-content:center;gap:5px}.destination-arrow{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.ui-icon{display:inline-block;width:27px;height:27px;flex:0 0 27px;vertical-align:middle;background:currentColor;mask-image:var(--icon);mask-size:contain;mask-position:center;mask-repeat:no-repeat}.ui-icon.colored{mask:none;background:var(--icon) center/contain no-repeat}.coins{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;font-variant-numeric:tabular-nums}.coins .ui-icon{width:25px;height:25px;flex-basis:25px}.item-art{display:block;width:100%;aspect-ratio:1;background:var(--item) center/contain no-repeat}button{touch-action:manipulation}button:focus-visible,input:focus-visible{outline:2px solid #d8a64f;outline-offset:3px}button:disabled{opacity:.48}#brand{top:max(19px,env(safe-area-inset-top));left:max(30px,env(safe-area-inset-left));font:15px var(--ui-font);letter-spacing:.5px}#compass{top:43px;left:max(22px,env(safe-area-inset-left));width:108px}#compass #boat-speed{margin-top:0;font-size:11px}#objective{top:max(24px,env(safe-area-inset-top));min-width:280px;gap:4px}#destination{font:17px var(--ui-font);display:flex;align-items:center;justify-content:center;gap:4px;letter-spacing:.3px}#destination .ui-icon{width:23px;height:23px;flex-basis:23px}#bearing-text{font-size:12px;padding-top:5px;border-top:1px solid #fff4d888}#top-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;right:max(27px,env(safe-area-inset-right));top:19px}#countdown{order:-1;font:28px var(--ui-font);font-variant-numeric:tabular-nums;border-bottom:1px solid #fff4d888;padding-bottom:5px;min-width:85px;text-align:center}#countdown:empty{display:none}#money{font:18px var(--ui-font);color:var(--ivory)}#efficiency{bottom:max(25px,env(safe-area-inset-bottom));width:170px}.eff-track{height:7px;margin:0;border:1px solid #f4e9d0aa;border-radius:5px}.sail-icon{width:25px;height:29px;left:-34px;bottom:-2px}#efficiency:after{content:"+";position:absolute;left:calc(50% - 5px);top:8px;font-size:16px;line-height:15px}#context{bottom:56px;min-width:0;max-width:340px;gap:5px;font:12px var(--ui-font);line-height:1.35;white-space:nowrap}#context button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:4px;font-size:12px;font-weight:400}#context .small{font-size:10px}#context.pickup{bottom:auto;transform:translateY(-100%);align-items:flex-start;text-align:left;min-width:230px;gap:6px;white-space:normal}#context.pickup strong{display:flex;align-items:center;gap:3px;font:700 23px Georgia,serif;text-transform:uppercase;line-height:1.15}#context.pickup .fare-pay{font-size:16px;color:var(--ivory);justify-content:flex-start}#context.pickup .pickup-action{font-size:15px;font-weight:600}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:26px;padding:0 5px;border:1px solid #173a4799;border-radius:4px;background:#faf4e3;color:var(--ink);font:bold 12px var(--ui-font);text-shadow:none;box-shadow:0 1px 2px #183b4955}.gamepad-key,body.gamepad-active .keyboard-key{display:none}body.gamepad-active .gamepad-key{display:inline-flex;border-radius:50%;background:#188c76;color:#fff}#speech{z-index:2;max-width:260px}#hud-menu{bottom:13px;right:22px;gap:7px}#hud-menu button{padding:3px 6px}#menu{padding:24px;background:#08273828;backdrop-filter:blur(2px);align-items:center;justify-content:center}.menu-panel,.menu-panel.wide{background:none;width:min(570px,92vw);height:auto;max-height:calc(100dvh - 44px);padding:17px;border:20px solid transparent;border-image:url(/art/ui-teal-surface-v3.png) 95 fill / 20px / 0 stretch;color:var(--ink);display:flex;flex-direction:column;position:relative;filter:drop-shadow(0 5px 12px #08273522)}.panel-heading{text-align:center;color:var(--ivory);padding:0 2px 12px}.panel-heading>small{display:block;font-size:12px;letter-spacing:2px;line-height:1.1}.menu-panel h1{font:700 31px Georgia,serif;letter-spacing:.2px;margin:4px 0 0;line-height:1.12}.panel-heading h1{display:flex;justify-content:center;align-items:center;gap:8px}.panel-heading h1 .ui-icon{width:31px;height:31px;flex-basis:31px}.panel-heading p{font:10px var(--ui-font);letter-spacing:1.4px;margin:5px 0 0}.panel-content{height:auto;min-height:0;overflow:auto;padding:18px;border:12px solid transparent;border-image:url(/art/ui-ivory-surface-v3.png) 80 fill / 12px / 0 stretch;text-align:center;scrollbar-width:thin;scrollbar-color:#8b9d95 transparent}.menu-panel .subtitle{font:11px var(--ui-font);letter-spacing:.8px;margin:5px 0 15px}.menu-panel small{font:10px/1.4 var(--ui-font);margin:0}.menu-panel h2{font:13px var(--ui-font);letter-spacing:1px;text-align:left;margin:14px 0 8px}.menu-panel .menu-button:not(.plain),.menu-button{width:100%;min-height:41px;margin:6px 0;padding:8px 12px;border:1px solid #8d9b9688;border-radius:6px;background:transparent;color:var(--ink);font:600 12px var(--ui-font);letter-spacing:.3px;display:flex;align-items:center;justify-content:center;gap:9px;text-transform:uppercase}.menu-panel .menu-button.primary,.menu-button.primary,.segments button[aria-pressed=true],.shop-tabs button[aria-pressed=true]{background:var(--teal) url(/art/menu-teal-button-v2.png) center/100% 190% no-repeat;color:var(--ivory);border-color:#7fa8ac;border-radius:7px}.menu-button span{min-width:0}.menu-button small{display:block;font-size:9px;color:#aa4738;letter-spacing:.4px;margin-top:3px}.menu-button .ui-icon{width:25px;height:25px;flex-basis:25px}.menu-button:hover:not(:disabled){background-color:#b3c3b62c;filter:brightness(1.08)}.menu-panel .plain{background:none;border:0;color:inherit;text-shadow:none}.menu-panel .quiet{min-height:26px;font-size:10px;border:0}.menu-footnote{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;letter-spacing:1px;margin:14px 0 0}.menu-footnote .ui-icon{width:23px;height:23px;flex-basis:23px}#menu-error{font:11px/1.4 var(--ui-font);color:#9c4a36;margin:8px 0 0}#menu-error:empty{display:none}#menu[data-menu=main]{background:none;backdrop-filter:none;justify-content:flex-start}.menu-panel.title-menu{width:325px;margin:0 0 0 1.3vw;padding:10px 12px 14px;max-height:94dvh;color:var(--ivory)}.title-menu .panel-content{border:0;background:none;padding:0;overflow:visible}.title-header{text-align:center;padding:0 0 9px}.title-header>.ui-icon{width:53px;height:53px;display:block;margin:0 auto;background:var(--ivory);mask-size:contain}.title-menu h1{font-size:36px;margin:4px 0 0;white-space:nowrap}.wave-ornament{display:block;font:23px/18px Georgia;letter-spacing:-3px;margin:2px 0 7px}.title-actions .menu-button{justify-content:flex-start;border-color:#a4c0bf77;color:var(--ivory);height:43px;margin:6px 0;background:transparent!important;font-size:12px;padding:8px 10px}.title-actions .menu-button:after{content:"›";font:25px Georgia;margin-left:auto}.title-actions .menu-button.primary{background:#f9f0d7!important;color:var(--ink)}.title-footer{border-top:1px solid #e8eed275;margin-top:20px;padding-top:8px}.title-footer .menu-button{margin:0!important;padding:8px!important;border:0!important;color:var(--ivory);font-size:11px}.menu-panel.title-menu .menu-button:not(.primary){color:var(--ivory)}#menu[data-menu=pause],#menu[data-menu=career]{justify-content:flex-end;padding-right:9vw}.pause-menu{width:445px}.pause-menu .panel-content{padding:8px 19px 12px}.pause-menu .menu-button{min-height:42px}.career-menu{width:560px}.career-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 0 22px;border-bottom:1px solid var(--line);gap:8px;margin-bottom:18px}.career-stats>div+div{border-left:1px solid #a9ad9d77}.career-stats .ui-icon{width:55px;height:55px;margin-bottom:9px}.career-stats span{display:block;font-size:11px;font-weight:700}.career-stats strong{display:block;font:700 29px var(--ui-font);margin-top:5px}.save-actions{display:flex;gap:9px}.save-actions .menu-button{font-size:11px;min-height:52px}.menu-panel.ivory-menu{border-image-source:url(/art/ui-ivory-surface-v3.png);border-image-slice:80 fill;width:500px;padding:18px 14px}.ivory-menu .panel-content{border:0;background:none;padding:0 8px}.dialog-header{text-align:center;margin-bottom:18px}.dialog-header>.ui-icon{width:34px;height:34px}.dialog-header h1{font-size:27px}.friends-tabs{margin-bottom:20px!important}.form-row{display:grid!important;grid-template-columns:25px 1fr 1.25fr;gap:9px;align-items:center;padding:5px 7px;margin:6px 0!important;background:#d5d0bd33;border-radius:6px;font:10px var(--ui-font)!important;letter-spacing:.3px!important;text-align:left!important}.form-row strong{font-size:12px;padding:10px;background:#fffaf144;border:1px solid #a8b0a7;border-radius:5px;font-weight:400}.menu-panel input:not([type=file]):not([type=range]){font:13px var(--ui-font);text-align:left;width:100%;margin:0;padding:10px 11px;color:var(--ink);background:#fffaf177;border:1px solid #9daaa0;border-radius:5px}.code-label{text-align:left!important;font:11px var(--ui-font)!important;letter-spacing:.6px!important;margin:12px 0 9px!important}.code-label input{font-weight:700!important;letter-spacing:3px;margin-top:6px!important}.room-share{background:#d9d2bc44;border-radius:6px;padding:12px;display:flex;align-items:center;gap:8px}.room-share>div{margin-right:auto;text-align:left}.room-code{display:block;font:bold 20px var(--ui-font);letter-spacing:1px;margin:0;padding:0;background:none}.room-share .menu-button{font-size:9px;white-space:nowrap;width:auto;padding:7px;gap:3px}.room-share .ui-icon{width:20px;height:20px;flex-basis:20px}.settings-menu{width:590px}.settings-menu .panel-content{padding:9px 15px}.setting-row{display:grid!important;grid-template-columns:25px 90px 1fr 42px;gap:10px;align-items:center;text-align:left!important;font:11px var(--ui-font)!important;letter-spacing:.2px!important;margin:0!important;padding:10px 0;border-bottom:1px solid #a9ad9d66}.setting-row:last-child{border:0}.setting-row .ui-icon{width:25px;height:25px}.setting-row input[type=range]{width:100%;height:8px;margin:0;padding:0;border:0;background:#cfc7b3;border-radius:6px;accent-color:#1f7d8d;appearance:none}.setting-row input[type=range]::-webkit-slider-thumb{appearance:none;width:19px;height:19px;border:1px solid #738987;border-radius:50%;background:#fff8e3;box-shadow:0 1px 2px #243f4433}.setting-row output{font-weight:700;text-align:right}.setting-row>.menu-button{grid-column:3/5;min-height:31px;margin:0}.segments{display:flex;gap:4px}.menu-panel .segments button{flex:1;min-width:0;min-height:31px;padding:6px 7px;margin:0;font-size:10px;letter-spacing:0}.quality-row .segments{grid-column:3/5}.control-row{grid-template-columns:25px 90px 1fr}.control-row>.control-tabs{grid-column:3}.control-row>.control-guide{grid-column:1/4}.control-guide{display:flex;align-items:center;justify-content:space-around;gap:10px;margin:12px 0 3px;text-align:center}.control-guide>span{display:block;font:9px/1.6 var(--ui-font)}.control-guide kbd{height:24px;min-width:22px;font-size:10px;margin:0 2px 5px}.control-guide kbd:last-of-type{margin-right:6px}.stick-key,.pad-key{display:inline-flex;align-items:center;justify-content:center;height:30px;min-width:30px;border:2px solid var(--ink);border-radius:50%;margin:0 6px 0 0;font-size:12px;float:left}.pad-key{color:#fff;border:0}.pad-key.a{background:#168c75}.pad-key.x{background:#2878a0}.panel-done{width:60%!important;margin:12px auto 0!important}.controls-menu .control-tabs{margin-bottom:20px}.controls-menu .control-guide{margin-bottom:25px}.menu-panel.players-menu{width:min(820px,94vw);padding:12px}.players-menu .panel-heading{padding-right:55px}.players-menu .panel-heading h1{font-size:32px}.crew-count{position:absolute;right:27px;top:25px;font:700 24px var(--ui-font);color:var(--ivory)}.crew-count small{display:block;font-size:10px;letter-spacing:1px}.players-menu .panel-content{border:0;background:none;padding:0;color:var(--ivory)}.crew-table{margin:0;width:100%;font-size:12px;border-collapse:separate;border-spacing:0}.crew-table th{font:10px var(--ui-font);letter-spacing:.5px;color:var(--ivory);padding:12px 8px;background:#0c3445}.crew-table th:first-child{width:42%;padding-left:20px;border-radius:8px 0 0}.crew-table th:last-child{border-radius:0 8px 0 0}.crew-table td{padding:9px 8px;color:var(--ink);background:#f8f0da;border-bottom:1px solid #bdbca8;font-weight:600}.crew-table td:first-child{text-align:left;padding-left:17px}.crew-table td .coins .ui-icon{width:22px;height:22px;flex-basis:22px}.crew-table td small{display:block}.crew-table .you{display:inline-block;font-size:8px;font-weight:700;background:#efd599;padding:2px 4px;margin-right:7px;border-radius:4px}.player-dot{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:9px;vertical-align:middle}.crew-totals{display:grid;grid-template-columns:42% 19% 15% 24%;align-items:center;margin-top:8px;padding:9px 14px;border-top:1px solid #e5ead45c;font-size:12px;text-align:left}.crew-totals>span:first-child{font-size:11px;letter-spacing:1px}.close-row{display:flex;justify-content:flex-end}.close-row .menu-button{width:130px;background:#faf0d6;margin:3px 0 0;min-height:30px;font-size:10px}#menu[data-menu=shop]{background:none;backdrop-filter:none;padding:64px 24px 25px;justify-content:flex-end;align-items:center}#menu[data-menu=shop] .menu-panel{width:min(620px,49vw);height:auto;max-height:calc(100dvh - 85px);padding:10px;border:16px solid transparent;border-image:url(/art/ui-ivory-surface-v3.png) 80 fill / 16px / 0 stretch}.shop-menu .panel-content{padding:0 4px;border:0;background:none}.shop-heading{position:absolute;left:25px;top:20px;display:flex;align-items:flex-start;gap:12px;color:var(--ivory)}.shop-heading>div{background:#103f51d9;padding:7px 20px 10px;border-radius:7px}.shop-heading h1{font:700 36px/1.05 Georgia;margin:0 0 4px;letter-spacing:1px}.shop-heading>div>span{display:block;font-size:11px;letter-spacing:1.7px;border-top:1px solid #dfebd777;padding-top:5px}.shop-heading .shop-back{width:45px;height:44px;min-height:44px;margin:3px 0;background:#103f51d9;color:var(--ivory);border:0;font-size:35px;padding:0;line-height:1}.shop-balance{position:absolute;right:28px;top:14px;background:#103f51e8;border-radius:6px;color:var(--ivory);padding:5px 11px;font-size:18px}.shop-tabs{display:flex;gap:0;margin:0 0 13px}.menu-panel .shop-tabs .menu-button{margin:0;flex:1;min-height:39px;gap:7px;border:0;background:#d6cdb744;border-radius:5px;font-size:12px;color:var(--ink)}.shop-tabs .ui-icon{width:28px;height:28px;flex-basis:28px}.menu-panel .shop-tabs button[aria-pressed=true]{color:var(--ivory);background:#10475a}.paint-row{display:grid;grid-template-columns:80px 1fr;align-items:center;padding:8px 0;margin:0;border-bottom:1px solid #abae9a66}.paint-row.expanded{display:block;padding-top:0}.menu-panel .paint-heading{display:block;text-align:left;width:auto;min-height:24px;margin:0 0 3px;padding:0;font:13px var(--ui-font);letter-spacing:1px;color:var(--ink);border:0}.paint-colors{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.menu-panel .paint-choice{background:none;border:0;color:var(--ink);padding:4px 0;min-height:0;margin:0;font:10px var(--ui-font);border-radius:0}.paint-choice .swatch{display:block;width:49px;height:49px;border-radius:50%;border:1px solid #5c6a6666;margin:2px auto 7px;box-shadow:inset 0 1px 2px #fff8,0 1px 2px #6763}.paint-choice.selected .swatch{outline:2px solid #1a5466;outline-offset:3px}.paint-choice small{display:flex;align-items:center;justify-content:center;gap:2px;font-size:9px;margin:0}.paint-choice .ui-icon{width:17px;height:17px;flex-basis:17px}.collapsed .paint-colors{display:flex;justify-content:flex-end;gap:7px}.collapsed .paint-choice .swatch{width:20px;height:20px;margin:1px}.collapsed .paint-choice small{display:none}.collapsed .paint-heading{margin:0}.shop-actions{display:flex;gap:10px;margin:12px 0 11px}.shop-actions .menu-button{margin:0;min-height:36px;flex:1;font-size:10px!important;padding:6px;letter-spacing:.4px}.shop-actions .coins .ui-icon{width:19px;height:19px;flex-basis:19px}.shop-menu h2{font-size:11px;margin:9px 0 6px}.decor-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.menu-panel .decor-choice{background:#e1d9bf33;border:1px solid #b6b6a855;border-radius:7px;min-height:0;padding:2px 5px 4px;margin:0;color:var(--ink);font:10px var(--ui-font)}.decor-choice .item-art{width:80%;max-width:100px;margin:auto}.decor-choice small{display:flex;justify-content:center;align-items:center;gap:3px;font-size:9px}.decor-choice .ui-icon{width:18px;height:18px;flex-basis:18px}.decor-choice.selected{outline:2px solid #205c69;outline-offset:-2px}.decor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.decor-grid .item-art{max-width:95px}.shop-location-note{font:9px var(--ui-font);margin:10px 0 0;color:#49646a;text-align:center}.sail-caption{display:flex;justify-content:space-between;align-items:center}.sail-caption h2{font:700 20px Georgia;margin:7px 0}.sail-caption small{font-size:9px}.sail-art{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 10px}.menu-panel .tier-art-button{padding:0;border:0;background:none;min-height:0;color:var(--ink);margin:0;font:10px var(--ui-font)}.sail-art .item-art{height:155px;aspect-ratio:1;width:auto;margin:0 auto 3px}.sail-tiers{display:grid;gap:7px;margin:8px 0 15px}.menu-panel .sail-tier{display:grid;grid-template-columns:18px 1fr 1.3fr 1fr;gap:9px;align-items:center;padding:8px 10px;border:1px solid transparent;border-radius:5px;background:#d2d0c344;min-height:35px;color:var(--ink);margin:0;font:10px var(--ui-font);text-align:left}.sail-tier.selected{border-color:#245e6b;background:transparent}.radio-dot{width:15px;height:15px;border:1px solid #5b737d;border-radius:50%}.selected .radio-dot{border:5px solid #1b6171}.sail-tier .coins{justify-content:flex-end}.sail-tier .coins .ui-icon{width:20px;height:20px;flex-basis:20px}.upgrade-footer{display:flex;align-items:center;gap:12px;text-align:left}.upgrade-footer>small{font-size:9px;flex:1}.upgrade-footer .menu-button{width:auto;min-width:200px;font-size:10px;margin:0}.upgrade-footer .ui-icon{width:22px;height:22px;flex-basis:22px}@media(pointer:coarse),(max-width:850px){#brand{font-size:11px;top:10px;left:18px}#compass{width:80px;top:29px;left:12px}#objective{top:12px;min-width:205px}#destination{font-size:13px}#bearing-text{font-size:10px}#top-right{right:16px;top:10px}#money{font-size:14px}#countdown{font-size:22px;min-width:66px}#money .ui-icon{width:21px;height:21px;flex-basis:21px}#context{bottom:45px;font-size:10px}#context.pickup{min-width:170px;max-width:230px;gap:3px}#context.pickup strong{font-size:18px}#context.pickup .fare-pay,#context.pickup .pickup-action{font-size:12px}#context.pickup .ui-icon{width:21px;height:21px;flex-basis:21px}.keyboard-key,.gamepad-key{display:none!important}#efficiency{width:125px;bottom:22px}#hud-menu{bottom:4px;right:14px}#steer-touch{width:96px;height:96px;left:28px;bottom:30px;border:1px solid #fff1cfcc;border-radius:50%}#steer-touch i{width:23px;height:23px;left:36px;top:36px;background:#fff1cf;border:0;border-radius:50%}#steer-touch small,#trim-touch small{display:none}#trim-touch{height:105px;right:25px;bottom:59px;width:20px;border-left:2px solid #fff1cfbb}#touch-thumb{width:15px;height:15px;left:-8.5px;margin-top:-7px;border-radius:50%;background:#fff1cf}#touch button{width:49px;height:49px;border:0;border-radius:0;background:none;right:71px;bottom:58px;font-size:9px;padding-top:29px}#touch #touch-sails{right:125px;bottom:58px}#touch button:before{content:"";position:absolute;left:11px;top:0;width:28px;height:28px;mask:url(/art/ui-icons/anchor.png) center/contain no-repeat;background:#fff1cf}#touch #touch-sails:before{mask-image:url(/art/ui-icons/sail.png)}#menu{padding:12px}.menu-panel,.menu-panel.wide{max-height:calc(100dvh - 22px);padding:7px;border-width:15px;border-image-width:15px}.panel-heading{padding-bottom:7px}.panel-heading>small{font-size:9px}.menu-panel h1{font-size:23px}.panel-heading p{font-size:8px}.panel-content{padding:8px;border-width:9px;border-image-width:9px}.menu-panel .menu-button:not(.plain){min-height:33px;font-size:10px;margin:4px 0;padding:5px 9px}.menu-panel.title-menu{width:260px;padding:5px 9px;margin-left:1vw}.title-header>.ui-icon{width:36px;height:36px}.title-menu h1{font-size:29px}.title-header{padding-bottom:2px}.wave-ornament{font-size:17px;line-height:12px;margin-bottom:4px}.title-actions .menu-button{height:33px;font-size:10px}.title-footer{margin-top:11px;padding-top:3px}.title-footer .menu-button{font-size:9px}.title-actions .ui-icon{width:21px;height:21px;flex-basis:21px}#menu[data-menu=pause],#menu[data-menu=career]{padding-right:5vw}.pause-menu{width:330px}.pause-menu .panel-content{padding:5px 10px}.pause-menu .menu-button{min-height:30px!important}.menu-button small{font-size:7px}.menu-panel.ivory-menu{width:440px;padding:6px 10px}.dialog-header{margin-bottom:8px}.dialog-header>.ui-icon{width:25px;height:25px}.dialog-header h1{font-size:23px}.friends-tabs{margin-bottom:7px!important}.form-row{padding:3px 6px;margin:4px 0!important;font-size:9px!important}.form-row strong,.menu-panel input:not([type=file]):not([type=range]){font-size:11px;padding:6px 9px}.menu-panel .subtitle{font-size:9px;margin:3px 0 7px}.menu-footnote{font-size:8px;margin-top:7px}.settings-menu{width:520px}.setting-row{padding:6px 0;grid-template-columns:23px 75px 1fr 33px;gap:7px;font-size:10px!important}.quality-row .segments{grid-column:3/5}.control-row{grid-template-columns:23px 75px 1fr}.control-guide{margin:6px 0 0;gap:5px}.control-guide>span{font-size:7px}.control-guide .stick-key,.control-guide .pad-key{height:24px;min-width:24px;font-size:9px}.setting-row .ui-icon{width:23px;height:23px}.menu-panel .segments button{min-height:25px;font-size:8px;padding:4px}.panel-done{margin-top:7px!important}.career-menu{width:460px}.career-stats{padding:5px 0 12px;margin-bottom:9px}.career-stats .ui-icon{width:42px;height:42px;margin-bottom:6px}.career-stats span{font-size:9px}.career-stats strong{font-size:25px}.save-actions .menu-button{font-size:9px}.menu-panel.players-menu{width:700px;padding:6px}.players-menu .panel-heading h1{font-size:25px}.crew-count{top:15px;right:20px;font-size:20px}.crew-count small{font-size:8px}.crew-table td{padding:6px;font-size:10px}.crew-table th{padding:7px;font-size:8px}.crew-totals{font-size:10px;padding:6px 12px}.crew-totals>span:first-child{font-size:9px}#menu[data-menu=shop]{padding:42px 12px 10px}#menu[data-menu=shop] .menu-panel{width:54vw;max-height:calc(100dvh - 51px);padding:5px;border-width:11px;border-image-width:11px}.shop-menu .panel-content{padding:0 3px}.shop-heading{top:12px;left:12px;gap:7px}.shop-heading>div{padding:5px 12px}.shop-heading h1{font-size:26px}.shop-heading>div>span{font-size:8px;letter-spacing:1px}.shop-heading .shop-back{width:31px;height:32px;min-height:32px;font-size:27px}.shop-balance{font-size:13px;right:15px;top:8px;padding:2px 7px}.shop-balance .ui-icon{width:20px;height:20px;flex-basis:20px}.menu-panel .shop-tabs .menu-button{min-height:29px;font-size:9px;padding:3px;gap:3px}.shop-tabs{margin-bottom:7px}.shop-tabs .ui-icon{width:21px;height:21px;flex-basis:21px}.paint-row{padding:5px 0;grid-template-columns:60px 1fr}.menu-panel .paint-heading{font-size:10px;min-height:17px}.paint-colors{gap:4px}.paint-choice .swatch{width:32px;height:32px;margin:1px auto 4px}.paint-choice small{font-size:7px}.paint-choice .ui-icon{width:14px;height:14px;flex-basis:14px}.collapsed .paint-colors{gap:6px}.collapsed .paint-choice .swatch{width:16px;height:16px}.shop-actions{margin:7px 0;gap:5px}.shop-actions .menu-button{min-height:28px!important;font-size:8px!important;padding:3px!important}.shop-actions .coins .ui-icon{width:15px;height:15px;flex-basis:15px}.shop-menu h2{font-size:9px;margin:7px 0 4px}.decor-strip{gap:5px}.decor-choice .item-art{max-width:56px;width:80%}.decor-choice small{font-size:7px}.decor-choice .ui-icon{width:14px;height:14px;flex-basis:14px}.decor-grid{gap:5px}.decor-grid .item-art{max-width:63px}.shop-location-note{font-size:7px;margin:6px 0 0}.sail-caption h2{font-size:15px}.sail-caption small{font-size:7px}.sail-art{gap:5px;margin:4px 0 7px}.sail-art .item-art{height:88px}.tier-art-button span{font-size:8px}.sail-tiers{gap:4px;margin:5px 0 8px}.menu-panel .sail-tier{min-height:26px;padding:5px 6px;gap:6px;grid-template-columns:13px 1fr 1.3fr 1fr;font-size:8px}.radio-dot{width:12px;height:12px}.selected .radio-dot{border-width:4px}.sail-tier .coins .ui-icon{width:15px;height:15px;flex-basis:15px}.upgrade-footer{gap:6px}.upgrade-footer>small{font-size:7px}.upgrade-footer .menu-button{min-width:130px;font-size:8px!important}.upgrade-footer .ui-icon{width:17px;height:17px;flex-basis:17px}}@media(max-height:420px){.title-menu .title-footer{margin-top:6px}.title-menu .title-header>.ui-icon{width:30px;height:30px}.title-menu h1{font-size:26px}.menu-panel.title-menu{width:245px}.menu-panel .panel-heading h1{font-size:21px}.pause-menu .menu-button{min-height:27px!important}.pause-menu .ui-icon{width:20px;height:20px;flex-basis:20px}}.upgrade-footer>small{flex:1;min-width:0;line-height:1.5}.upgrade-footer .menu-button{width:auto;flex:0 0 49%;min-width:0}.menu-panel .segments .menu-button[aria-pressed=true]{background:#164f60;color:var(--ivory);border-color:#164f60}.menu-panel.title-menu{clip-path:inset(0 round 18px)}.menu-panel.ivory-menu{overflow:visible}.ivory-menu:before{content:"";position:absolute;width:82px;height:54px;left:50%;top:-36px;transform:translate(-50%);border-radius:50% 50% 0 0;background:#faf2db url(/art/ui-ivory-surface-v3.png) center/500% 500%;z-index:0}.ivory-menu .dialog-header{position:relative;padding-top:9px}.dialog-header>.ui-icon{position:absolute;left:50%;top:-42px;transform:translate(-50%)}.dialog-header h1:before,.dialog-header h1:after{content:"∿";font-weight:400;color:#718486;padding:0 8px}@media(max-width:850px){.ivory-menu:before{width:62px;height:39px;top:-24px}.dialog-header>.ui-icon{top:-27px}.ivory-menu .dialog-header{padding-top:4px}.dialog-header h1:before,.dialog-header h1:after{padding:0 5px}}.menu-panel .close-row .menu-button:not(.plain){width:130px;min-height:32px;margin:8px 0 0;background:#faf0d6;color:var(--ink);border:1px solid #9fa99e}.crew-table{table-layout:fixed}.crew-table th:nth-child(2){width:22%}.crew-table th:nth-child(3){width:17%}.crew-table th:nth-child(4){width:19%}.crew-totals{grid-template-columns:42% 22% 17% 19%;padding-left:0;padding-right:0;text-align:center}.crew-totals>span:first-child{text-align:left;padding-left:14px}@media(max-width:850px)and (max-height:420px){.paint-row{padding:2px 0}.menu-panel .paint-heading{min-height:13px;font-size:9px;margin-bottom:1px}.menu-panel .paint-choice{padding:2px 0}.paint-choice .swatch{width:29px;height:29px;margin-bottom:2px}.shop-tabs{margin-bottom:4px}.shop-actions{margin:5px 0}.shop-menu h2{margin:4px 0}.decor-strip .item-art{max-width:42px}.decor-choice small{margin:0}.menu-panel .decor-choice{padding:1px 3px 2px}}.menu-panel.settings-menu,.menu-panel.pause-menu{color:var(--ivory)}.settings-menu .panel-content,.pause-menu .panel-content{border:0;background:none}.menu-panel.settings-menu .menu-button,.menu-panel.pause-menu .menu-button{color:var(--ivory);background:transparent;border-color:#a4c0bf77}.menu-panel.settings-menu .menu-button.primary,.menu-panel.pause-menu .menu-button.primary,.menu-panel.settings-menu .segments .menu-button[aria-pressed=true]{color:var(--ink);background:var(--ivory);border-color:var(--ivory)}.pause-menu .menu-button small{color:#e8d4b3}.settings-menu .stick-key{border-color:currentColor}.settings-menu .setting-row{border-bottom-color:#e8eed244}.menu-panel .menu-button.open-room{background:none;border:0;box-shadow:none;color:var(--ink)}#efficiency #sail-state.no-sail-zone{display:block!important;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:max-content;font-size:10px;line-height:1.3;letter-spacing:.6px;color:#fff6dc}@media(pointer:coarse),(max-width:850px){#efficiency #sail-state.no-sail-zone{font-size:9px;bottom:calc(100% + 7px)}}.shop-menu [data-do=purchase]>span{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;line-height:1.3}.shop-menu .purchase-label{white-space:nowrap}.menu-panel.shop-menu .shop-actions .menu-button{margin:0;align-self:stretch}#menu[data-menu=shop]{padding:24px;align-items:center}.shop-workspace{position:relative;display:flex;flex-direction:column;gap:10px;width:min(620px,49vw);max-height:calc(100dvh - 48px);min-height:0}.shop-workspace .shop-heading{position:static;flex:none;align-items:center;gap:10px;padding-right:80px}.shop-workspace .shop-heading>div{flex:1;padding:8px 12px}.shop-workspace .shop-heading h1{font-size:28px}.shop-workspace .shop-balance{top:11px;right:0;font-size:15px;padding:5px 7px}#menu[data-menu=shop] .shop-workspace .menu-panel{width:100%;max-height:none;min-height:0;flex:0 1 auto}@media(pointer:coarse),(max-width:850px){#menu[data-menu=shop]{padding:12px}.shop-workspace{width:54vw;max-height:calc(100dvh - 24px);gap:6px}.shop-workspace .shop-heading{gap:6px;padding-right:66px}.shop-workspace .shop-heading>div{padding:5px 8px}.shop-workspace .shop-heading h1{font-size:22px}.shop-workspace .shop-heading>div>span{font-size:8px;letter-spacing:.5px}.shop-workspace .shop-balance{top:7px;font-size:12px;padding:4px}.shop-menu [data-do=purchase]>span{gap:4px}}