.chart-page,.chart-sheet{--chart-paper:light-dark(#efe5cc,#131b23);--chart-sea:light-dark(#e3e9df,#0f171f);--chart-graticule:light-dark(#2a3a441f,#d7c9a31a);--chart-ink:light-dark(#2a3a44,#d7c9a3);--chart-ink-soft:light-dark(#2a3a449e,#d7c9a39e);--chart-land:light-dark(#e6d7ab,#3b4a3c);--chart-land-edge:light-dark(#8f7a4a,#7d8a6a);--chart-shoal:light-dark(#8fb1ad47,#8fb1ad29);--chart-route:light-dark(#8a6f3f,#b6a26f);--chart-gold:#d59b42;--chart-red:#cc5e45;--chart-beam:light-dark(#f2dfad8c,#ffd67838)}.chart-page{background:var(--chart-paper);min-height:100dvh;color:var(--chart-ink);padding:1.5rem 1rem 2rem;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif}.chart-header{max-width:68rem;margin:0 auto 1rem}.chart-title{letter-spacing:.04em;margin:0;font-size:2rem;font-weight:600}.chart-standfirst{color:var(--chart-ink-soft);margin:.25rem 0 0;font-size:1.05rem}.chart-frame{aspect-ratio:1200/800;width:100%;max-width:68rem;max-height:min(100%,100dvh - 9rem);margin:0 auto;position:relative}.chart-sheet{background:var(--chart-sea);border:1px solid var(--chart-land-edge);border-radius:.5rem;width:100%;height:100%;font-family:inherit;display:block;position:absolute;inset:0;box-shadow:0 1px #0000000d,0 12px 30px #0000001f}.chart-sea{fill:var(--chart-sea)}.chart-graticule-line{stroke:var(--chart-graticule);stroke-width:1px}.chart-region{fill:var(--chart-ink-soft);font-variant:small-caps;letter-spacing:.28em;font-size:15px}.chart-route{fill:none;stroke:var(--chart-route);stroke-width:1.4px;stroke-dasharray:6 7;stroke-linecap:round;opacity:.8}.chart-island{cursor:pointer;outline:none}.chart-island-shoal{fill:var(--chart-shoal)}.chart-land,.chart-land path{fill:var(--chart-land);stroke:var(--chart-land-edge);stroke-width:1.4px;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:filter .16s,transform .16s}.chart-island-name{fill:var(--chart-ink);letter-spacing:.02em;font-size:15px;font-weight:600}.chart-island--reports .chart-island-name,.chart-island--hives .chart-island-name{font-size:13px}.chart-island-blurb{fill:var(--chart-ink-soft);font-size:11px;font-style:italic}.chart-island--reports .chart-island-blurb,.chart-island--hives .chart-island-blurb{display:none}@media (hover:hover){.chart-island:hover .chart-land{filter:drop-shadow(0 3px 4px #00000040)}.chart-island:hover .chart-island-name{fill:var(--chart-gold)}}.chart-island:focus-visible .chart-island-shoal{stroke:var(--chart-gold);stroke-width:2px}.chart-lighthouse-tower{fill:light-dark(#f7edcf,#e8dcb8);stroke:var(--chart-land-edge);stroke-width:1.2px}.chart-lighthouse-band{fill:var(--chart-red)}.chart-lighthouse-lamp{fill:var(--chart-gold);stroke:var(--chart-land-edge);stroke-width:1px}.chart-lighthouse-cap{fill:var(--chart-ink)}.chart-lighthouse-beam{fill:var(--chart-beam)}.chart-lighthouse-name{fill:var(--chart-ink);font-variant:small-caps;letter-spacing:.12em;font-size:15px;font-weight:600}.chart-compass circle{fill:none;stroke:var(--chart-ink-soft);stroke-width:1px}.chart-compass path{fill:var(--chart-ink-soft)}.chart-compass-north{fill:var(--chart-red)}.chart-compass text{fill:var(--chart-ink);font-size:14px;font-weight:700}.chart-empty-title{fill:var(--chart-ink);font-variant:small-caps;letter-spacing:.1em;font-size:14px}.chart-footer{max-width:68rem;color:var(--chart-ink-soft);gap:.6rem;margin:.75rem auto 0;font-size:.9rem;display:flex}.chart-footer a{color:inherit}@media (width<=720px){.chart-page{padding:1rem .75rem 1.5rem}.chart-title{font-size:1.5rem}.chart-frame{max-height:none}}