:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f9fa;--fg:#15202b;--muted:#5c6b78;--card:#fff;--border:#dde4ea;--accent:#1366a6;--sea:#dcebf5;--land:#f1ede4;--land-edge:#c9c1ae;--boat:#d9480f;font-family:system-ui,sans-serif;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f151b;--fg:#e4ebf0;--muted:#93a3b1;--card:#17202a;--border:#26323e;--accent:#6cb4ea;--sea:#10283a;--land:#2a2e2c;--land-edge:#464c48;--boat:#ff8a4c}}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);margin:0}a{color:var(--accent)}.wrap{max-width:48rem;margin:0 auto;padding:0 1rem}.note{color:var(--muted)}.hero{border-bottom:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent);padding:4rem 0 2.5rem}.wordmark{letter-spacing:-.04em;color:var(--accent);margin:0;font-size:clamp(3rem,12vw,5rem);font-weight:800;line-height:1}.tagline{color:var(--muted);margin:.75rem 0 1.5rem;font-size:1.15rem}.hero nav{flex-wrap:wrap;gap:.5rem;display:flex}.hero nav a{border:1px solid var(--border);background:var(--card);color:var(--fg);border-radius:999px;padding:.35rem .9rem;text-decoration:none}.hero nav a:hover{border-color:var(--accent)}section{padding:2.5rem 0 .5rem;scroll-margin-top:1rem}h2{margin:0 0 1.25rem;font-size:1.5rem}h3{margin:1.75rem 0 .5rem;font-size:1.05rem}.totals{grid-template-columns:repeat(4,1fr);gap:.75rem;margin:0;display:grid}@media (width<=40rem){.totals{grid-template-columns:repeat(2,1fr)}}.totals div{border:1px solid var(--border);background:var(--card);border-radius:.75rem;padding:.75rem 1rem}.totals dt{color:var(--muted);font-size:.85rem}.totals dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.35rem;font-weight:700}.map-box{aspect-ratio:5/4;border:1px solid var(--border);border-radius:.75rem;overflow:hidden}.map{width:100%;height:auto;display:block}.map-sea{fill:var(--sea)}.map-land{fill:var(--land);stroke:var(--land-edge);stroke-width:.75px;vector-effect:non-scaling-stroke}.map-route,.map-rowed{fill:none;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.map-route{stroke:var(--muted);stroke-width:1.5px;stroke-dasharray:4 4}.map-rowed{stroke:var(--accent);stroke-width:3px}.map-port{fill:var(--card);stroke:var(--muted);stroke-width:1.5px;vector-effect:non-scaling-stroke}.map-port-passed{fill:var(--accent);stroke:var(--accent)}.map-label{fill:var(--fg);paint-order:stroke;stroke:var(--sea);stroke-width:3px;stroke-linejoin:round}.map-boat-halo{fill:color-mix(in srgb, var(--boat) 30%, transparent)}.map-boat-dot{fill:var(--boat);stroke:var(--card);stroke-width:2px;vector-effect:non-scaling-stroke}.routes{gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.route{border:1px solid var(--border);background:var(--card);width:100%;color:var(--fg);font:inherit;text-align:left;cursor:pointer;border-radius:.75rem;grid-template-columns:1fr auto;gap:.15rem 1rem;padding:.75rem 1rem;display:grid}.route:hover,.route[aria-pressed=true]{border-color:var(--accent)}.route-name{font-weight:700}.route-desc{color:var(--muted);grid-column:1/-1;font-size:.9rem}.route progress{width:100%;accent-color:var(--accent);grid-column:1;align-self:center}.route-state{color:var(--muted);font-variant-numeric:tabular-nums;grid-area:1/2;font-size:.9rem}.credit{color:var(--muted);font-size:.8rem}.comparison-total{margin:0 0 1rem;font-size:1.1rem}.comparison-total strong{color:var(--accent)}.comparisons{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.comparison{border:1px solid var(--border);background:var(--card);border-radius:.75rem;flex-direction:column;padding:.75rem 1rem;display:flex}.comparison-next{background:0 0;border-style:dashed}.comparison-amount{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800}.chart{width:100%;height:auto;display:block}.chart-grid{stroke:var(--border)}.chart-label{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.chart-bar{fill:var(--accent)}.chart-bar:hover,.chart-point:hover{fill:var(--boat)}.chart-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round}.chart-point{fill:var(--accent);stroke:var(--card);stroke-width:1.5px}.table-box{overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:.4rem .75rem .4rem 0}thead th{color:var(--muted);font-size:.85rem;font-weight:600}footer{border-top:1px solid var(--border);color:var(--muted);margin-top:3rem;padding-top:1rem;padding-bottom:2rem;font-size:.9rem}