/* One's map (web/static/js/map.js): the land, and on a wide map the big lakes, under the
   graticule and the dots. Tokens only. The land is raised; the sea (app.css) and the lakes
   are sunk, so a dot keeps the contrast it had on the sea, or gains (love and nope hold 3:1
   on raised, tokens.test.js). Coasts and shores are a hairline of line-strong, about 3:1
   against land and water in both themes; the map's edge is one of line, so a frame all land
   still reads as a map in the light theme. */
.mymap { outline: 1px solid var(--line); outline-offset: -1px; }
.m-land, .m-lakes { fill-rule: evenodd; stroke: var(--line-strong); stroke-width: .5; stroke-linejoin: round; }
.m-land { fill: var(--raised); }
.m-lakes { fill: var(--sunk); }