.faw-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 32px}.faw-harbours{display:flex;flex-wrap:wrap;gap:12px}.faw-harbours label{display:flex;flex-direction:column;gap:6px;font-size:12px}.faw-harbours select{min-width:160px;min-height:44px;padding:0 12px;font:inherit;font-size:14px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:3px}.faw-harbours select:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.faw-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.faw-buttons .action-button:nth-child(2){min-width:72px}.faw-buttons .action-button[aria-disabled=true]{opacity:.5;box-shadow:none;cursor:default}.faw-stage{margin-top:20px;padding:12px 16px 8px}.faw-map{width:100%;max-width:820px;height:auto;margin:0 auto;overflow:visible}.faw-grid{fill:none;stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke;opacity:.7}.faw-hatch{stroke:var(--ink);stroke-width:1.2;opacity:.45}.faw-coast{fill:none;stroke:var(--ink);stroke-width:1.5px;stroke-linecap:square;vector-effect:non-scaling-stroke}.faw-waves{fill:none;stroke:var(--ink);stroke-width:1.2px;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.35}.faw-map[data-currents=strong] .faw-waves{stroke-width:1.6px;opacity:.7}.faw-settled circle{fill:var(--ink);opacity:.4}.faw-settled text{font-family:var(--mono);font-size:11px;text-anchor:end;fill:var(--muted)}.faw-open{fill:var(--blue-wash);stroke:var(--blue);stroke-width:1.5px;vector-effect:non-scaling-stroke}.faw-current{fill:none;stroke:var(--blue);stroke-width:2px;vector-effect:non-scaling-stroke}.faw-route{fill:none;stroke:var(--blue);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;animation:faw-route .7s var(--ease) both}@keyframes faw-route{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.faw-harbour circle{fill:var(--paper-light);stroke:var(--ink);stroke-width:1.5px;vector-effect:non-scaling-stroke}.faw-harbour[data-role=start] circle{fill:var(--ink)}.faw-harbour[data-role=end] circle{stroke:var(--blue);stroke-width:3px}.faw-harbour text{font-family:var(--mono);fill:var(--ink)}.faw-harbour-letter{font-size:14px;font-weight:700;text-anchor:middle}.faw-harbour[data-role=start] .faw-harbour-letter{fill:var(--paper-light)}.faw-harbour-name{font-size:16px;letter-spacing:.06em;text-transform:uppercase}.faw-leader{fill:none;stroke:var(--ink);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.find-a-way .step-text{min-height:calc(3.2em + 32px)}.faw-legend{display:flex;flex-wrap:wrap;gap:6px 22px;margin:14px 0 0;padding:0;list-style:none;font-family:var(--mono);font-size:10px;color:var(--muted)}.faw-legend li{display:inline-flex;align-items:center;gap:8px}.faw-key{position:relative;width:18px;height:14px;flex:none}.faw-key-land{border:1px solid var(--ink);background:repeating-linear-gradient(-45deg,var(--ink) 0 1px,transparent 1px 4px);opacity:.7}.faw-key-sea{border:1px solid var(--line)}.faw-key-current{border:1px solid var(--line);background:radial-gradient(circle at 50% 120%,transparent 5px,var(--ink) 5.5px 6.5px,transparent 7px) 0 2px / 9px 9px repeat-x;opacity:.7}.faw-key-open:after,.faw-key-settled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;border-radius:50%}.faw-key-open:after{width:12px;height:12px;background:var(--blue-wash);border:1.5px solid var(--blue)}.faw-key-settled:after{width:5px;height:5px;background:var(--ink);opacity:.5}.faw-key-route:after{content:"";position:absolute;left:0;right:0;top:6px;height:3px;border-radius:2px;background:var(--blue)}@media (max-width: 1199px){.faw-buttons{flex-basis:100%;margin-left:0}}@media (max-width: 600px){.faw-controls{flex-direction:column;align-items:stretch}.faw-harbours{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.faw-harbours select{min-width:0;width:100%}.faw-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-left:0}.faw-stage{padding:8px 6px 4px}.faw-harbour-name{font-size:30px;letter-spacing:0}.faw-harbour-letter{font-size:20px}.faw-harbour circle{r:16px}.faw-settled text,.faw-key-cost{display:none}.faw-settled circle{r:5px}.find-a-way .step-text{min-height:calc(3 * 1.6em + 32px)}.faw-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.faw-legend-wide{grid-column:1 / -1}}