:root{--serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;color:#f6f2e6;font-synthesis:none;--cream:#f3eddd;--gold:#d9be82;--ink:#193b42;--muted:#637773;--line:#ede9d83b;background:#203f49;font-family:Arial,Helvetica,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}input:focus-visible{outline:1px solid var(--gold)}[hidden]{display:none!important}#sea{cursor:grab;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#sea.dragging{cursor:grabbing}#app{pointer-events:none;position:fixed;inset:0}#app button,#app input,#app a,#app dialog{pointer-events:auto}.vignette{pointer-events:none;background:linear-gradient(#091d244d,#0000 22% 66%,#08191f61);position:absolute;inset:0}.masthead{justify-content:space-between;align-items:center;height:40px;display:flex;position:absolute;top:30px;left:3.4%;right:3.4%}.brand{color:var(--cream);letter-spacing:5px;align-items:center;gap:11px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.brand svg{width:30px;height:30px}.connection-pill{color:#f0f0e9;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d242b52;border:1px solid #eeefe126;border-radius:30px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;display:flex}.status-dot{background:#c4c9bf;border-radius:50%;width:5px;height:5px}.status-dot.live{background:#b8d3a9;box-shadow:0 0 8px #b8d3a94a}.status-dot.pending{background:var(--gold);animation:1.4s infinite pulse}.welcome{text-shadow:0 2px 25px #07171d47;width:390px;position:absolute;top:50%;left:7%;transform:translateY(-45%)}.eyebrow{letter-spacing:2.3px;font-size:10px;font-weight:500;display:block}.welcome .eyebrow{letter-spacing:3px;color:var(--gold);align-items:center;gap:10px;display:flex}.welcome .eyebrow>span{background:var(--gold);width:25px;height:1px;display:block}h1,h2,h3,p{margin:0}h1{font-family:var(--serif);letter-spacing:-3px;margin:25px 0 22px;font-size:clamp(66px,6.4vw,102px);font-weight:400;line-height:1.01}.intro{color:#e9e9df;letter-spacing:.15px;font-size:14px;line-height:1.85}.join-form{pointer-events:auto;width:320px;margin-top:32px}.join-form label{letter-spacing:1.8px;color:#e5e3d5;margin:17px 0 8px;font-size:9px;display:block}.join-form input{width:100%;height:45px;color:var(--cream);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#132a307a;border:1px solid #ebefe45e;border-radius:2px;padding:12px 14px;font-size:14px}.join-form input::placeholder{color:#d4daceaa}.primary{background:var(--cream);color:var(--ink);letter-spacing:.3px;border:0;border-radius:2px;justify-content:space-between;align-items:center;width:100%;height:48px;margin-top:12px;padding:0 17px;font-size:12px;font-weight:600;transition:background .2s,transform .2s;display:flex;box-shadow:0 4px 25px #081e2420}.primary:hover{background:#fff;transform:translateY(-1px)}.primary span+span{font-size:24px;font-weight:300}.text-button{text-align:left;color:inherit;opacity:.8;background:0 0;border:0;padding:0;font-size:11px;line-height:1.6}.text-button:hover{opacity:1}.join-form .text-button{margin-top:14px;font-size:10px}.form-error{color:#ffd5bc;margin-top:10px;font-size:12px;line-height:1.5}.form-error:empty{display:none}.loading-track{background:#ffffff25;width:100%;height:1px;margin-top:14px;overflow:hidden}.loading-track span{background:var(--gold);width:5%;height:100%;transition:width .5s;display:block}.welcome-note{color:#e2e7d9ab;letter-spacing:.2px;align-items:center;gap:11px;margin-top:29px;font-size:10px;line-height:1.6;display:flex}.tiny-star{color:var(--gold);font-size:23px}.welcome-location{text-align:right;text-shadow:0 2px 20px #091e2b66;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:14%;right:5%}.welcome-location .eyebrow{color:var(--gold);font-size:9px}.welcome-location strong{font-family:var(--serif);font-size:34px;font-weight:400}.welcome-location>span:last-child{letter-spacing:.5px;color:#e0e7de;font-size:11px}#welcome-footer{color:#e2e7db90;letter-spacing:1.7px;justify-content:space-between;gap:15px;font-size:8px;display:flex;position:absolute;bottom:27px;left:3.4%;right:3.4%}#welcome-footer span:last-child{letter-spacing:.8px}.compass{letter-spacing:1px;align-items:center;gap:17px;font-size:9px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.compass i{opacity:.5;border-top:1px solid #ffffff60;border-left:1px solid #ffffff60;border-right:1px solid #ffffff60;width:46px;height:8px}.compass #bearing{text-align:center;min-width:68px;color:var(--cream);font-size:12px}.world-readout{letter-spacing:.2px;flex-direction:column;gap:7px;font-size:11px;display:flex;position:absolute;top:91px;left:3.4%}.world-readout span+span{color:#e2e7ddaa;font-size:9px}.tools{flex-direction:column;gap:10px;display:flex;position:absolute;top:97px;right:3.4%}.tools button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--cream);text-align:left;background:#0f283075;border:0;border-radius:3px;align-items:center;gap:9px;height:39px;padding:0 12px;font-size:10px;transition:background .2s;display:flex}.tools button:hover{background:#0f2830c2}.tools svg{opacity:.85;width:18px;height:18px}.tools span{min-width:41px}.tools kbd{opacity:.65;margin-left:auto}kbd{opacity:.75;border:1px solid;border-radius:3px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:1px 4px;font:9px Arial,sans-serif;display:inline-flex}.instruments{text-shadow:0 2px 10px #06233388;justify-content:center;align-items:center;gap:23px;min-width:330px;display:flex;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.instruments>div{flex-direction:column;gap:8px;display:flex}.instruments .speed{flex-direction:row;align-items:baseline;gap:8px;display:flex}.speed strong{font-family:var(--serif);font-size:47px;font-weight:400;line-height:1}.speed span{letter-spacing:1.2px;color:#e2e7d9ab;font-size:8px}.instrument-label{letter-spacing:1.5px;color:#e2e7d9ab;font-size:7px}.instruments strong{font-size:11px;font-weight:400}.instruments .speed strong{font-size:47px}.instrument-divider{border-left:1px solid #ffffff38;height:30px}.action-area{text-align:right;position:absolute;bottom:5%;right:3.4%}.action-area>span{color:#e3e8dfcc;margin-bottom:11px;font-size:10px;display:block}.context-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--cream);background:#102a2fab;border:1px solid #d5e1d54a;border-radius:3px;align-items:center;gap:12px;padding:13px 17px;font-size:12px;display:inline-flex}.context-button:hover{background:#183e46}.quick-keys{color:#e2e7d9a0;justify-content:flex-end;align-items:center;gap:12px;margin-top:15px;font-size:8px;display:flex}.quick-keys span{align-items:center;gap:4px;display:flex}.quick-keys kbd{min-width:14px;height:14px;font-size:7px}.danger{color:#ffbd9a!important}.connection-banner{color:#fff3cd;text-align:center;z-index:5;background:#5b432bee;border-radius:3px;max-width:450px;padding:12px 20px;font-size:12px;line-height:1.5;position:absolute;top:90px;left:50%;transform:translate(-50%)}.toast{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;z-index:20;background:#0e272ceb;border:1px solid #b7d0bb42;border-radius:4px;max-width:500px;padding:14px 22px;font-size:12px;line-height:1.6;position:absolute;bottom:145px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #03232a33}.toast.error{background:#573e30ee;border-color:#d1ac7755}.voyage-dialog{color:var(--ink);scrollbar-width:thin;scrollbar-color:#c0c5b8 transparent;background:#f3f0e5;border:1px solid #e1dfcf;border-radius:5px;width:calc(100% - 50px);max-width:760px;max-height:calc(100vh - 100px);padding:30px 32px;box-shadow:0 30px 100px #00131e55}.voyage-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1f2573}.dialog-heading{border-bottom:1px solid #c8cdc3;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;display:flex}.dialog-heading .eyebrow{letter-spacing:1.7px;color:#869080;margin-bottom:8px;font-size:8px}.dialog-heading h2{font-family:var(--serif);font-size:33px;font-weight:400}.close-button{color:#5d776f;background:0 0;border:1px solid #cad1c5;border-radius:50%;width:31px;height:31px;font-size:24px;font-weight:300;line-height:1}.panel-intro{color:#6c7d70;margin-bottom:20px;font-size:12px;line-height:1.7}.panel-section{margin:25px 0 0}.panel-section h3{font-family:var(--serif);margin-bottom:13px;font-size:22px;font-weight:400}.muted,.empty{color:#6b7b72;font-size:12px;line-height:1.8}.field-note{color:#6b7b72;margin:12px 0 0;font-size:10px;line-height:1.6}.join-form .field-note{color:#e4dfcfbd}.ledger-summary{border-bottom:1px solid #d5dace;justify-content:space-between;padding:14px 0 21px;display:flex}.ledger-summary>span{letter-spacing:1.2px;color:#7d8d7d;flex-direction:column;gap:9px;font-size:8px;display:flex}.ledger-summary strong{font-family:var(--serif);color:var(--ink);letter-spacing:0;font-size:26px;font-weight:400}.ledger-summary small{color:#718071;font:11px Arial,sans-serif}.trade-row{border-top:1px solid #dce0d3;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.trade-row>div{flex-direction:column;gap:6px;display:flex}.trade-row strong{font-size:12px;font-weight:500}.trade-row span{color:#7d8776;font-size:10px}.trade-row em{color:#6b7e54;background:#e0e5d1;border-radius:2px;margin-left:10px;padding:4px 6px;font:8px Arial,sans-serif}.trade-button{color:#375344;white-space:nowrap;background:#e7ebdb;border:1px solid #9fad96;border-radius:3px;padding:9px 14px;font-size:10px}.trade-button:hover{background:#d6dfc9}.trade-button:disabled{cursor:default;opacity:.45}.empty-state{text-align:center;padding:36px 45px 18px}.empty-state svg{color:#9cac95;width:44px;height:44px;margin-bottom:15px}.empty-state h3{font-family:var(--serif);margin-bottom:12px;font-size:26px;font-weight:400}.empty-state p{color:#6b7b72;font-size:12px;line-height:1.8}.chart-canvas{border:1px solid #c5cdbc;border-radius:2px;width:100%;height:270px}.chart-legend{color:#7e8a7b;align-items:center;gap:18px;margin:12px 0 20px;font-size:9px;display:flex}.chart-legend>span{align-items:center;gap:6px;display:flex}.chart-legend i{background:#5e776c;border-radius:50%;width:5px;height:5px;display:inline-block}.chart-legend .legend-ship{background:0 0;border-bottom:8px solid #254e59;border-left:4px solid #0000;border-right:4px solid #0000;border-radius:0;width:0;height:0}.port-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.port-card{text-align:left;color:var(--ink);background:0 0;border:1px solid #d8ddce;border-radius:2px;flex-direction:column;gap:7px;padding:12px 35px 12px 13px;display:flex;position:relative}.port-card strong{font-size:12px;font-weight:400}.port-card span{color:#87917f;font-size:9px}.port-card b{color:#95a185;font-size:17px;font-weight:400;position:absolute;top:17px;right:13px}.port-card:hover{background:#e7ebdd;border-color:#abb99a}.cargo-list{flex-wrap:wrap;gap:8px;display:flex}.cargo-list span{text-transform:capitalize;background:#e6ebda;border:1px solid #c9d1bd;border-radius:2px;align-items:center;gap:20px;padding:8px 10px;font-size:11px;display:flex}.cargo-list b{font-size:12px;font-weight:400}.journal-entry{border-top:1px solid #d5ddcd;grid-template-columns:85px 1fr;gap:12px;padding:16px 0;display:grid}.journal-entry>span{text-transform:uppercase;letter-spacing:1px;color:#9b9d82;padding-top:4px;font-size:8px}.journal-entry p{font-family:var(--serif);color:#5a705f;font-size:16px;line-height:1.5}.controls-grid{color:#68806d;grid-template-columns:1fr 1fr;gap:15px 20px;font-size:11px;display:grid}.controls-grid kbd{color:#466748;margin-right:3px}.button-row{flex-wrap:wrap;gap:9px;display:flex}.option{color:#426246;background:0 0;border:1px solid #bac9b1;border-radius:3px;padding:10px 16px;font-size:11px}.option.selected,.option:hover{background:#e1e8d3;border-color:#9db58e}details{color:#537255;margin-top:15px;font-size:11px}summary{cursor:pointer;pointer-events:auto}.recovery-secret{-webkit-user-select:all;user-select:all;pointer-events:auto;overflow-wrap:anywhere;letter-spacing:1px;background:#e4ead9;border-radius:3px;margin-top:10px;padding:15px;font-size:14px;display:block}.voyage-dialog kbd{opacity:1}.voyage-dialog a{color:inherit}@keyframes pulse{50%{opacity:.3}}@media (min-width:1600px){.welcome{left:8%}.join-form{width:350px}.welcome-note{margin-top:35px}.intro{font-size:15px}.welcome-location{bottom:17%}.masthead{top:38px}.world-readout{top:102px}.tools{top:110px}}@media (max-height:760px){.welcome{top:48%;transform:translateY(-40%)}h1{margin:16px 0;font-size:68px}.intro{font-size:12px}.join-form{margin-top:20px}.welcome-note{margin-top:18px}.welcome .eyebrow{font-size:9px}.masthead{top:22px}.world-readout{top:76px}.tools{top:80px}.voyage-dialog{max-height:calc(100vh - 45px)}}@media (max-width:1050px){.ship-condition{display:none!important}.instruments{gap:16px;min-width:230px;bottom:5%}.action-area .quick-keys{flex-wrap:wrap;max-width:210px}.welcome-location{bottom:17%;right:4%}.compass i{width:20px}.compass{gap:10px}.connection-pill{padding:9px;font-size:9px}.tools span,.tools kbd{display:none}.tools button{padding:0 10px}.brand{letter-spacing:3px;font-size:12px}}@media (max-width:700px){.welcome{width:86%;top:46%;left:7%}.welcome-location{display:none}.welcome h1{font-size:65px}.welcome .join-form{width:100%;max-width:320px}.masthead{left:5%;right:5%}.connection-pill{max-width:170px}.compass{top:50px}.world-readout{display:none}.instruments{gap:15px;min-width:0;bottom:5%;left:5%;transform:none}.instruments>div:nth-last-child(2){display:none}.action-area{bottom:5%;right:5%}.quick-keys{display:none}.tools{top:90px;right:5%}.voyage-dialog{width:calc(100% - 24px);padding:22px}.controls-grid{grid-template-columns:1fr}.chart-legend>span:last-child{display:none}.chart-canvas{height:230px}.journal-entry{grid-template-columns:1fr;gap:6px}.port-grid{grid-template-columns:1fr 1fr}.toast{width:85%}.ship-condition{display:none}#welcome-footer{font-size:7px;left:5%;right:5%}#welcome-footer>span:first-child{max-width:140px;line-height:1.6}.connection-banner{width:360px;max-width:85%;top:115px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}#sea.mouse-helm{cursor:none}.tools button[aria-pressed=true]{background:#35564fe6;border:1px solid #b5c6a675}.trim-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-shadow:0 1px 6px #001c2780;background:#102b32bd;border:1px solid #d2dfc62b;border-radius:4px;width:340px;padding:13px 16px 11px;position:absolute;bottom:calc(5% + 78px);left:50%;transform:translate(-50%)}.trim-heading{letter-spacing:1.6px;color:var(--gold);justify-content:space-between;align-items:center;font-size:8px;display:flex}.trim-heading button{color:var(--cream);background:#eff0df10;border:1px solid #dbe5c84a;border-radius:3px;align-items:center;gap:7px;padding:5px 8px;font-size:10px;display:flex}.trim-heading button[aria-pressed=false]{color:#eed2a0;background:#dec39116;border-color:#dfc79490}.trim-heading kbd{min-width:15px;height:15px;font-size:8px}.sheet-meter{background:#dce9d52b;border-radius:2px;height:4px;margin:15px 0 10px;position:relative}.sheet-meter>span{background:#d6c392;border-radius:2px;height:100%;transition:width .1s linear;display:block}.sheet-meter>i{background:#c5d9b3;width:2px;height:12px;position:absolute;top:-4px;box-shadow:0 0 5px #c5d9b355}.trim-readout{color:#dbe3d6;justify-content:space-between;align-items:baseline;gap:12px;font-size:10px;display:flex}.trim-readout strong{font-family:var(--serif);color:var(--cream);font-size:20px;font-weight:400}.trim-readout span{text-align:right;font-size:10px}.tiller-readout{letter-spacing:1px;color:#dfebd790;align-items:center;gap:9px;margin-top:13px;font-size:7px;display:flex}.tiller-meter{background:#e3ebdf2b;flex:1;height:2px;position:relative}.tiller-meter:after{content:"";background:#dce4d852;width:1px;height:8px;position:absolute;top:-3px;left:50%}.tiller-meter i{background:#e2d2a6;border-radius:1px;width:7px;height:7px;position:absolute;top:-3px;left:50%;transform:translate(-50%)rotate(45deg)}.trim-panel p{color:#d9e5d7b5;text-align:center;margin-top:11px;font-size:9px;line-height:1.5}@media (max-width:1050px){.trim-panel{width:310px}}@media (max-height:650px){.trim-panel{padding:9px 13px;bottom:calc(5% + 64px)}.tiller-readout{margin-top:8px}.trim-panel p{margin-top:7px}.sheet-meter{margin-top:11px}}@media (max-width:700px){.trim-panel{width:275px;bottom:calc(5% + 68px);left:5%;transform:none}}#sea.drag-helm{cursor:crosshair}#sea.drag-helm.dragging{cursor:move}#hud:not([hidden])~.toast{bottom:calc(5% + 255px)}.nearby-find{color:#f6e9ba;text-align:left;background:#344d42ed;border:1px solid #e1cf8c88;border-radius:3px;max-width:250px;margin:0 0 15px auto;padding:10px 13px;font-size:11px;display:block}.ship-ledger{grid-template-columns:1fr 1fr;gap:12px 20px;margin:0;display:grid}.ship-ledger>div{border-bottom:1px solid #d8dece;padding:10px 0}.ship-ledger dt{color:#718271;margin-bottom:6px;font-size:10px}.ship-ledger dd{color:var(--ink);margin:0;font-size:13px;line-height:1.5}.damage-note{color:#824e35;background:#eadfd0;border:1px solid #dbc7ae;border-radius:3px;margin:14px 0;padding:12px 14px;font-size:12px;line-height:1.6}.trade-row>div{min-width:0}.trade-row span{line-height:1.55}.trade-row strong,.find-card h4{overflow-wrap:anywhere}.trade-button:focus-visible,.option:focus-visible,.nearby-find:focus-visible{outline-offset:3px;outline:2px solid #827449}.option:disabled{opacity:.45;cursor:default}.find-card{background:#e9eddd99;border:1px solid #ccd5bd;border-radius:4px;margin:12px 0;padding:17px 18px}.find-card>div:first-child{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.find-card h4{font-family:var(--serif);color:#345743;margin:0 0 8px;font-size:20px;font-weight:400}.find-card p{color:#61755f;margin:0 0 13px;font-size:12px;line-height:1.7}.find-distance{color:#71816b;white-space:nowrap;font-size:10px}.find-card .field-note{font-size:11px}.active-clue{background:#eae3cd;border-left:3px solid #b99c56;padding:13px 17px}.active-clue strong{font:21px var(--serif)}.active-clue p{color:#6e725b;margin:8px 0 12px;font-size:12px;line-height:1.7}.catapult-form{pointer-events:auto}.aim-fields{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.aim-fields label{color:#596f57;font-size:10px;line-height:1.6}.aim-fields input{color:#2e5036;width:100%;font:13px var(--sans);background:#f8f6ec;border:1px solid #b9c8a9;border-radius:3px;margin-top:5px;padding:10px;display:block}.aim-fields input:focus{outline-offset:1px;outline:2px solid #8caa78}.abandon-confirmation{background:#eee0cf;border:1px solid #c5a58c;border-radius:4px;padding:23px}.abandon-confirmation h3{font:28px var(--serif);color:#6f4031;margin:0 0 15px}.abandon-confirmation p{color:#775447;margin:12px 0;font-size:13px;line-height:1.8}.abandon-confirmation .button-row{margin-top:21px}.abandon-confirmation [data-confirm-abandon]{color:#fff1dc;background:#794d38;border-color:#794d38}.abandon-confirmation .option{background:#f5efdf}.badge-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.passage-badge{background:#ebe7cf;border:1px solid #c9c9aa;border-radius:3px;flex-direction:column;gap:8px;padding:15px;display:flex}.passage-badge strong{font:19px var(--serif);text-transform:capitalize}.passage-badge span{color:#758168;font-size:10px;line-height:1.6}.trophy-flags{margin-top:14px}.standings-scroll{pointer-events:auto;overflow-x:auto}.standings{border-collapse:collapse;width:100%;font-size:11px}.standings th,.standings td{text-align:right;white-space:nowrap;border-bottom:1px solid #d0d9c5;padding:11px 10px}.standings thead th{color:#73836b;font-size:9px;font-weight:400;line-height:1.5}.standings th:nth-child(2),.standings tbody th{text-align:left;white-space:normal;overflow-wrap:anywhere}.standings tbody th{font-weight:500}.rowing-cue{border-top:1px solid #d2dfc62b;margin-top:13px;padding-top:11px}.rowing-cue strong{color:#e5d6aa;font-size:11px;font-weight:400}.rowing-meter{background:linear-gradient(90deg,#82ad8999 0 50%,#dce9d529 50% 100%);border-radius:3px;height:7px;margin:11px 0;position:relative}.rowing-meter i{background:#f6e6b4;border-radius:1px;width:3px;height:13px;position:absolute;top:-3px;transform:translate(-50%)}.rowing-cue>span{color:#cad9c7;font-size:9px}.rowing-cue.struggling strong{color:#efba96}.chart-controls{margin:0 0 13px}.chart-canvas{pointer-events:auto;cursor:grab;height:340px}.chart-canvas:active{cursor:grabbing}.chart-canvas:focus-visible{outline-offset:2px;outline:2px solid #8caa78}.chart-legend{flex-wrap:wrap;gap:10px 17px}.chart-legend>span:last-child{margin-left:0}.legend-passengers{color:#a27c25}.legend-cargo{color:#a9583a}@media (max-width:700px){.trade-row{flex-wrap:wrap;align-items:flex-start}.trade-row>div{flex:180px}.ship-ledger{gap:8px 12px}.aim-fields{gap:8px}.aim-fields label{font-size:9px}.aim-fields input{padding:9px 6px}.badge-grid{grid-template-columns:1fr}.find-card>div:first-child{flex-direction:column;align-items:flex-start;gap:0}.nearby-find{max-width:190px;font-size:10px}.standings th,.standings td{padding:10px 7px}}.sound-settings{max-width:460px}.sound-volume-label{color:var(--ink);justify-content:space-between;margin:18px 0 8px;font-size:12px;display:flex}.sound-volume-label output{font-variant-numeric:tabular-nums}#sound-volume{accent-color:#557365;cursor:pointer;width:100%;display:block}#sound-volume:disabled{cursor:default}.sound-settings .field-note{min-height:3.2em}.world-readout .weather-stale{color:#e8bf89}.voyage-dialog :is(button,input,summary,a):focus{outline-offset:3px;outline:2px solid #426246}.encounter-card{pointer-events:auto;width:270px;position:absolute;top:125px;left:3.4%}.encounter-card button{text-align:left;color:#f0ebd6;background:#102e36cc;border:1px solid #d6d8b359;border-radius:6px;width:100%;padding:13px;box-shadow:0 3px 20px #0002}.encounter-card strong,.encounter-card span{display:block}.encounter-card strong{font:18px var(--serif);margin-bottom:7px}.encounter-card span{margin-top:6px;font-size:11px;line-height:1.5}.encounter-card span:last-child{color:#ddd3a1;font-size:10px}@media (max-width:700px){.encounter-card{width:calc(100% - 110px);max-width:270px;top:110px;left:5%}.encounter-card span{font-size:10px}}#sea,.chart-canvas{touch-action:none}button{touch-action:manipulation}.touch-controls,.touch-help,.sail-gesture-hint,.portrait-notice,.tilt-status{display:none}.touch-ui .touch-help{display:block}.touch-ui{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:max(14px,env(safe-area-inset-left,0px));--safe-right:max(14px,env(safe-area-inset-right,0px));--helm-space:76px}.touch-ui.mobile-pad,.touch-ui.mobile-rowing{--helm-space:170px}#app.touch-ui{height:100dvh}.touch-ui .vignette{background:linear-gradient(#08232c55,#0000 17% 76%,#08232c55)}.touch-ui .masthead{top:calc(var(--safe-top) + 15px);left:var(--safe-left);right:var(--safe-right);height:32px}.touch-ui .brand{letter-spacing:2px;gap:6px;font-size:10px}.touch-ui .brand svg{width:22px;height:22px}.touch-ui .connection-pill{-webkit-backdrop-filter:none;backdrop-filter:none;background:#102b3270;max-width:165px;padding:7px;font-size:9px}.touch-ui.mobile-sailing .connection-pill{display:none}.touch-ui .tools{top:calc(var(--safe-top) + 9px);left:auto;right:var(--safe-right);flex-direction:row;gap:8px;display:flex}.touch-ui .tools button{-webkit-backdrop-filter:none;backdrop-filter:none;background:#102b3285;border:1px solid #f5edda36;border-radius:22px;gap:6px;min-width:62px;height:auto;min-height:44px;padding:8px 10px;font-size:10px}.touch-ui .tools svg{width:16px;height:16px}.touch-ui .tools span{min-width:0;font-size:10px;display:block}.touch-ui .tools button:not([data-panel=chart]):not([data-panel=settings]),.touch-ui .tools kbd,.touch-ui .quick-keys,.touch-ui .world-readout{display:none}.touch-ui .compass{text-shadow:0 1px 8px #08232c;gap:0;top:55px;left:0;transform:none}.touch-ui .compass #bearing{min-width:0;font-size:11px}.touch-ui .compass i,.touch-ui .compass>span:not(#bearing){display:none}.touch-ui .instruments{top:calc(var(--safe-top) + 68px);bottom:auto;left:auto;right:var(--safe-right);gap:14px;min-width:0;transform:none}.touch-ui .instruments>div{gap:3px}.touch-ui .instruments .speed{gap:5px}.touch-ui .instruments .speed span{font-size:7px}.touch-ui .instruments>div:nth-last-child(2),.touch-ui .ship-condition,.touch-ui .instrument-divider,.touch-ui .instruments .instrument-label{display:none}.touch-ui .instruments strong{font-size:11px}.touch-ui .encounter-card{top:calc(var(--safe-top) + 112px);left:var(--safe-left);width:auto;max-width:calc(100% - 28px)}.touch-ui .encounter-card:not(.has-target){display:none}.touch-ui .encounter-card button{min-height:44px;box-shadow:none;background:#102b3290;border-radius:22px;align-items:center;gap:7px;padding:7px 11px;display:flex}.touch-ui .encounter-card strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font:11px Arial,sans-serif;overflow:hidden}.touch-ui .encounter-card span{display:none}.touch-ui .trim-panel{left:var(--safe-left);right:var(--safe-right);bottom:calc(var(--safe-bottom) + var(--helm-space));-webkit-backdrop-filter:none;backdrop-filter:none;width:auto;box-shadow:none;text-shadow:0 1px 6px #062333;background:0 0;border:0;padding:0;display:none;transform:none}.touch-ui.mobile-sheet .trim-panel,.touch-ui.mobile-rowing .trim-panel{display:block}.touch-ui .trim-heading,.touch-ui .tiller-readout,.touch-ui #mouse-hint,.touch-ui .sheet-meter,.touch-ui .trim-readout{display:none}.touch-ui.mobile-sheet .trim-readout{gap:10px;display:flex}.touch-ui .trim-readout strong{font:16px var(--serif);flex-shrink:0}.touch-ui .trim-readout span{text-wrap:balance;min-width:0;font-size:10px;line-height:1.5}.touch-ui .rowing-cue{border:0;margin:0;padding:0}.touch-ui .rowing-advice,.touch-ui .rowing-cue strong{font-size:11px}.touch-ui .rowing-meter{background:#102b3280;margin:8px 0 0}.touch-ui .rowing-cue>span{display:none}.touch-ui .sail-gesture-hint{left:var(--safe-left);right:var(--safe-right);bottom:calc(var(--safe-bottom) + var(--helm-space) + 32px);text-align:center;color:#f3eddd;text-shadow:0 1px 8px #062333;pointer-events:none;margin:0;font-size:12px;line-height:1.5;display:block;position:absolute}.touch-ui .sail-gesture-hint.ready{color:#f4df9e}.touch-ui .action-area{left:auto;right:var(--safe-right);bottom:calc(var(--safe-bottom) + 18px);text-align:right;align-items:center;display:flex}.touch-ui .action-area>span{display:none}.touch-ui.mobile-distress .action-area>span{color:#ffd2af;text-shadow:0 1px 6px #062333;width:180px;font-size:11px;display:block;position:absolute;bottom:52px;right:0}.touch-ui .context-button{-webkit-backdrop-filter:none;backdrop-filter:none;white-space:nowrap;background:#102b3299;border:1px solid #f5edda50;border-radius:24px;min-height:46px;padding:11px 15px;font-size:12px}.touch-ui .context-button kbd{display:none}.touch-ui .nearby-find{top:calc(var(--safe-top) + 112px);bottom:auto;right:var(--safe-right);background:#102b3290;border-radius:22px;max-width:165px;min-height:44px;margin:0;font-size:11px;position:fixed}.touch-ui.mobile-encounter .nearby-find{top:calc(var(--safe-top) + 164px)}.touch-ui .touch-controls{left:var(--safe-left);right:var(--safe-right);bottom:calc(var(--safe-bottom) + 18px);pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:end;gap:10px;display:flex;position:absolute}.touch-ui [data-touch-pad]{pointer-events:auto;touch-action:none;color:#f3eddd;background:radial-gradient(circle,#49665840,#102b3266);border:1px solid #dece9970;border-radius:50%;width:120px;height:120px;position:relative}.touch-pad-knob{width:38px;height:38px;transform:translate(var(--touch-x,0px),var(--touch-y,0px));pointer-events:none;background:#d9c28b30;border:1px solid #e3d4a880;border-radius:50%;position:absolute;top:calc(50% - 19px);left:calc(50% - 19px)}.touch-pad-axis,.touch-pad-caption{text-align:center;pointer-events:none;letter-spacing:.6px;width:100%;font-size:8px;position:absolute;top:14px}.touch-pad-caption{letter-spacing:0;color:#ecedd5bb;font-size:8px;top:auto;bottom:13px}.touch-ui .touch-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:148px;display:grid;position:absolute;bottom:0;left:0}.touch-ui.mobile-pad .touch-actions,.touch-ui.mobile-rowing .touch-actions{bottom:57px;left:auto;right:0}.touch-ui .touch-actions button{min-height:46px;color:var(--cream);touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;background:#102b3285;border:1px solid #f5edda36;border-radius:24px;padding:8px 6px;font-size:11px}.touch-ui #tilt-button{grid-column:1/-1;justify-self:start;padding:10px 15px}.touch-ui.mobile-pad #tilt-button,.touch-ui.mobile-rowing #tilt-button{justify-self:end}.touch-ui .touch-actions button.active,.touch-ui [data-touch-pad].active{background-color:#47645699;border-color:#e7d59d}.touch-ui .touch-actions button:disabled{cursor:default;opacity:.45}.touch-ui .tilt-status{bottom:calc(var(--safe-bottom) + var(--helm-space) + 10px);left:var(--safe-left);right:var(--safe-right);text-align:center;color:#f2e6be;text-shadow:0 1px 8px #062333;pointer-events:none;font-size:11px;line-height:1.5;display:block;position:absolute}.touch-ui .voyage-dialog{width:calc(100% - var(--safe-left) - var(--safe-right));max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 24px);overscroll-behavior:contain;margin:auto;padding:18px;overflow:auto}.touch-ui .dialog-heading{z-index:2;background:#f3f0e5;gap:10px;margin-bottom:16px;padding:12px 0;position:sticky;top:-18px}.touch-ui .dialog-heading h2{font-size:28px}.touch-ui .voyage-dialog button,.touch-ui .voyage-dialog summary{min-height:44px}.touch-ui .close-button{flex-shrink:0;min-width:44px}.touch-ui .voyage-dialog input,.touch-ui .join-form input{min-height:44px;font-size:16px}.touch-ui .voyage-dialog .chart-canvas{height:clamp(180px,40dvh,340px)}.touch-ui .controls-grid{grid-template-columns:1fr}.touch-ui .desktop-controls{display:none}.touch-ui .voyage-pages{grid-template-columns:1fr 1fr;gap:7px;display:grid}.touch-ui .voyage-pages button{text-align:left;justify-content:space-between;align-items:center;font-size:12px;display:flex}.touch-ui .voyage-pages span{opacity:.5}.touch-ui .mobile-voyage .panel-section{margin-top:20px}.touch-ui .mobile-voyage .button-row{grid-template-columns:1fr 1fr;display:grid}.touch-ui .mobile-voyage .button-row button{font-size:11px}.touch-ui .phone-instructions{margin:16px 0}.touch-ui .phone-instructions summary{cursor:pointer;padding:12px 0;font-size:12px;display:list-item}.touch-ui .voyage-pause-note{color:#7a8478;margin:16px 0;font-size:10px}.touch-ui .toast,.touch-ui #hud:not([hidden])~.toast{bottom:calc(var(--safe-bottom) + var(--helm-space) + 20px);pointer-events:auto;width:calc(100% - 32px);max-height:30dvh;padding:10px 14px;overflow:auto}.touch-ui .connection-banner{top:calc(var(--safe-top) + 112px);width:calc(100% - 28px);max-width:500px;padding:10px 14px}.touch-ui .welcome{top:calc(var(--safe-top) + 68px);bottom:calc(var(--safe-bottom) + 42px);left:var(--safe-left);width:calc(100% - var(--safe-left) - var(--safe-right));overscroll-behavior:contain;pointer-events:auto;padding:12px 12px 24px;overflow-y:auto;transform:none}.touch-ui .welcome h1{margin:18px 0;font-size:60px;line-height:1}.touch-ui .welcome .join-form{width:100%;max-width:360px;margin-top:18px}.touch-ui .welcome .text-button{min-height:44px}.touch-ui .welcome-location{display:none}.touch-ui #welcome-footer{left:var(--safe-left);right:var(--safe-right);bottom:calc(var(--safe-bottom) + 12px);font-size:7px}.touch-ui #welcome-footer>span:first-child{display:none}@media (max-width:360px){.touch-ui .brand span{display:none}.touch-ui [data-touch-pad]{width:112px;height:112px}}@media (orientation:landscape){.touch-ui .portrait-notice{z-index:100;color:var(--cream);text-align:center;pointer-events:auto;background:#152f38;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:24px;display:flex;position:fixed;inset:0}.portrait-notice>span{color:var(--gold);font-size:42px}.portrait-notice h2{font:30px var(--serif)}.portrait-notice p{color:#d3dccc;font-size:14px;line-height:1.8}.touch-ui #hud,.touch-ui .welcome,.touch-ui .masthead,.touch-ui #welcome-footer,.touch-ui .voyage-dialog{visibility:hidden}.touch-ui .voyage-dialog::backdrop{visibility:hidden}}@media (orientation:portrait) and (max-height:660px){.touch-ui .welcome h1{font-size:48px}.touch-ui .welcome-note{display:none}}.rescue-card{border-bottom:1px solid #b8aa8d40;align-items:center;gap:20px;padding:18px 0;display:flex}.creature-portrait{background:#e8dfc880;border-radius:50%;flex:0 0 88px;place-items:center;height:88px;font-size:54px;display:grid}.rescue-card h3{margin:0 0 6px!important;font-size:22px!important}.rescue-card p{margin:0 0 12px;line-height:1.5}.rescue-card .option,.rescue-card .trade-button{min-height:44px}.port-service{background:#cfdfcc70;border-radius:12px;padding:18px;line-height:1.6}.rescue-paper{background:#e9d6aa;border:1px solid #c8ad79;border-radius:8px;padding:16px;box-shadow:0 4px 16px #53422a18}.rescue-paper>p{font-style:italic}.rescue-paper .chart-canvas{min-height:240px}@media (max-width:480px){.creature-portrait{flex-basis:62px;height:62px;font-size:40px}.rescue-card{gap:12px}}.rescue-book{--rescue-ink:#264b4d;--rescue-green:#336456;color:var(--rescue-ink)}.rescue-steps{gap:12px;margin:12px 0 22px;padding:0;list-style:none;display:flex}.rescue-steps li{color:#526d66;background:#e0e7dd;border:2px solid #0000;border-radius:15px;flex:1;justify-content:center;align-items:center;gap:9px;padding:12px 9px;font:700 14px system-ui;display:flex}.rescue-steps svg{width:38px;height:38px}.rescue-steps .current{color:#604b28;background:#f8e5af;border-color:#ac8238}.rescue-steps .complete{background:#cbdfca}.rescue-card{background:linear-gradient(130deg,#fffdf3,#f4f1df);border:1px solid #d6dfcf;border-radius:22px;gap:22px;margin:14px 0;padding:20px;box-shadow:0 5px #2f55530c}.creature-portrait{width:102px;display:block;background:0 0!important;flex:0 0 102px!important;height:102px!important}.creature-portrait svg{width:100%;height:100%}.rescue-card-state{letter-spacing:1.2px;color:#6b7963;margin-bottom:6px;font:700 10px system-ui;display:block}.rescue-card h3{color:#264b4d!important;font-size:28px!important}.rescue-card p{color:#587066;max-width:37ch;font-size:15px}.rescue-card .option,.rescue-card .trade-button{color:#fffbee;background:#336456;border:0;border-radius:13px;min-height:52px;padding:12px 22px;font:700 16px system-ui}.rescue-card button:focus-visible{outline-offset:4px;outline:4px solid #d6a33b}.rescue-card button:hover{background:#264f43}.rescue-empty{background:#e9eee2;border-radius:18px;align-items:center;gap:18px;padding:18px;display:flex}.rescue-empty svg{color:#628273;flex-shrink:0;width:58px;height:58px}.port-service{color:#355944;background:#dce9d3;border-radius:16px;font-weight:600}.rescue-paper{border-radius:18px}.guide-action{color:#5d5333;background:#f5de9d;border-radius:50%;width:42px;height:42px;padding:5px;position:absolute;bottom:0;right:-24px}.guide-action svg{width:100%;height:100%}.rescue-celebration{z-index:60;color:#2f514b;pointer-events:none;background:#fff8e7;border:2px solid #e8c981;border-radius:26px;align-items:center;gap:20px;width:470px;max-width:90vw;padding:22px 28px;animation:.4s ease-out rescue-arrival;display:flex;position:fixed;top:15%;left:50%;transform:translate(-50%);box-shadow:0 12px 50px #153b4850}.celebration-portrait{flex-shrink:0;width:94px}.celebration-portrait svg{width:94px;height:94px}.rescue-celebration strong{font:700 27px Georgia,serif;display:block}.celebration-hearts{color:#cc7182;letter-spacing:10px;margin-top:10px;display:block}@keyframes rescue-arrival{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0}}@media (max-width:600px){.guide-action{width:30px;height:30px;right:-12px}.rescue-card{gap:13px;padding:14px}.creature-portrait{width:74px;flex-basis:74px!important;height:74px!important}.rescue-card h3{font-size:23px!important}.rescue-card p{font-size:13px}.rescue-steps{gap:7px}.rescue-steps li{flex-direction:column;padding:9px 4px}.rescue-celebration{gap:14px;width:340px;padding:18px;top:14%}.rescue-celebration strong{font-size:23px}.celebration-portrait,.celebration-portrait svg{width:65px;height:65px}}@media (prefers-reduced-motion:reduce){.rescue-celebration{animation:none}}.binocular-view{z-index:25;pointer-events:none;color:#e9e6d5;position:fixed;inset:0}.binocular-mask{position:absolute;inset:0}.binocular-reticle{opacity:.5;text-shadow:0 1px 3px #000;font:24px Georgia,serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.binocular-caption{white-space:nowrap;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.binocular-caption>span{letter-spacing:3px;font-size:10px}.binocular-caption button{pointer-events:auto;color:inherit;background:#172224;border:1px solid #b8bdab60;border-radius:4px;padding:8px 14px;font-size:12px}.binocular-caption small{opacity:.65;font-size:10px}.binoculars-active #app{visibility:hidden}.mobile-notices{display:contents}.touch-ui.mobile-sailing .brand{display:none}.touch-ui .compass{top:24px}.touch-ui .compass #bearing{color:#eee9d8cc;font-size:10px}.touch-ui .instruments{top:calc(var(--safe-top) + 10px);left:var(--safe-left);right:auto}.touch-ui .instruments>div:not(.speed){display:none}.touch-ui .instruments .speed strong{font-size:23px}.touch-ui .mobile-notices{top:calc(var(--safe-top) + 65px);left:var(--safe-left);right:var(--safe-right);scrollbar-width:thin;pointer-events:auto;overscroll-behavior:contain;flex-direction:column;align-items:flex-start;gap:6px;max-height:30dvh;display:flex;position:absolute;overflow-y:auto}.touch-ui .mobile-notices .encounter-card,.touch-ui .mobile-notices .nearby-find{flex-shrink:0;width:auto;max-width:100%;margin:0;position:static}.touch-ui .mobile-notices .encounter-card button{max-width:100%}.touch-ui .connection-banner{top:calc(var(--safe-top) + 65px)}.minimap{cursor:pointer;pointer-events:auto;touch-action:manipulation;filter:drop-shadow(0 2px 5px #00151c80);background:0 0;border:0;border-radius:50%;width:192px;height:192px;padding:0;position:absolute;bottom:24px;left:24px}.minimap canvas{pointer-events:none;width:100%;height:100%;display:block}.minimap:hover{filter:drop-shadow(0 2px 7px #00151cb0)brightness(1.08)}.minimap:focus-visible{outline:2px solid var(--gold);outline-offset:-8px}.rescue-guidance{color:#284849;border-bottom:1px solid #355d4a25;padding:0 0 14px}.rescue-guidance h3{margin:0 0 8px;font-size:21px}.rescue-guidance p{margin:0;line-height:1.5}.rescue-guidance meter{accent-color:#3a7757;width:100%;height:24px;margin-top:10px}@media (max-width:700px){.minimap{width:148px;height:148px;bottom:108px;left:10px}}.touch-ui .minimap{left:calc(var(--safe-left) - 8px);bottom:calc(var(--safe-bottom) + var(--helm-space) + 12px);width:132px;height:132px}