.route-map{margin:0}.route-map svg{border:1px solid var(--color-border);background:var(--color-surface-low);border-radius:12px;width:100%;height:auto;display:block}.route-sea{fill:var(--color-surface-low)}.route-land path{fill:#24425f;stroke:#3b6283;stroke-width:1px;stroke-linejoin:round}.route-region{fill:var(--color-muted);letter-spacing:.2em;text-transform:uppercase;opacity:.6;font-size:26px}.route-line{fill:none;stroke:var(--color-accent);stroke-width:4px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:10s linear .2s forwards route-draw}.route-line.restart{animation:none}@keyframes route-draw{to{stroke-dashoffset:0}}.route-pin circle{fill:var(--color-primary);stroke:var(--color-background);stroke-width:3px}.route-pin-end circle{fill:none;stroke:var(--color-accent);stroke-width:3px}.route-pin-name{fill:var(--color-foreground);font-size:24px;font-weight:700}.route-pin-date{fill:var(--color-muted);font-size:20px}.route-boat polygon{fill:var(--color-foreground);stroke:var(--color-background);stroke-width:2px}.route-note{color:var(--color-muted);margin:12px 0;font-size:.875rem}@media (prefers-reduced-motion:reduce){.route-line{stroke-dashoffset:0;animation:none}.route-boat{display:none}}@media (width<=600px){.route-region{font-size:36px}.route-pin-name{font-size:34px}.route-pin-date{font-size:26px;transform:translateY(10px)}}