.world-map-canvas{background:#1f4b6b}
.world-map-paint{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.world-map-paint>img{position:absolute;display:block;max-width:none;max-height:none;object-fit:fill;user-select:none;pointer-events:none}
.world-map-paint .atlas-ocean-paint{z-index:0}
.world-map-paint .atlas-land-paint{z-index:1}
.world-map-routes{z-index:1;pointer-events:none}
.world-map-routes .shipping-lanes path{stroke:#e0ebed55;stroke-width:1;stroke-dasharray:3 8}
.global-overview .world-map-routes .shipping-lanes path{opacity:.46}
.world-map-routes .planned-course{stroke:#f3e4ce;stroke-width:2.2;filter:drop-shadow(0 1px 2px #15384c)}
.world-map-canvas .continent-name{z-index:13;background:#173c62c4;box-shadow:0 2px 9px #102b4433;color:#f7f6ed}
.world-map-canvas .continent-name:hover,.world-map-canvas .continent-name:focus-visible{background:#173c62ef;color:#fff;box-shadow:0 0 0 2px #d7e6f0aa,0 4px 12px #0d263c66}
.world-map-canvas .continent-name small{color:#d5e1e9}
.world-map-canvas .world-port{z-index:6}
.world-map-canvas .world-port.selected,.world-map-canvas .world-port:hover{z-index:8}
.world-map-canvas.regional-overview .world-port b{padding:1px 4px;border-radius:3px;background:#12314bd4;color:#f4f6f7;text-shadow:0 1px 2px #0b253f;font-size:10px;line-height:1.5}
.world-map-canvas.regional-overview .world-port.selected b,.world-map-canvas.regional-overview .world-port.home-port b{background:#f0efe6;color:#183c60;text-shadow:none;box-shadow:0 1px 5px #0c243f55}
.world-map-canvas .world-port>span{box-shadow:0 0 0 2px #14304d77,0 2px 5px #10263c88}
.world-map-canvas .sea-name{z-index:2;color:#d2e4edc9;text-shadow:0 1px 4px #173a57,0 0 8px #173a5788;font-size:17px}
.world-map-canvas .chart-key{z-index:2;color:#e4edf0;text-shadow:0 1px 3px #173a57}
.world-map-canvas .chart-key small{padding-top:2px}
.world-map-canvas .pirate-marker{z-index:3;background:#4a283ee0;box-shadow:0 1px 5px #18344b66}
.world-map-canvas .fleet-token{z-index:5}
.world-map-canvas .player-token{z-index:7}
.world-map-canvas .world-ruin{z-index:7}
.world-map-canvas .fleet-token:hover{z-index:5}
.world-map-canvas .fleet-token:focus-visible{z-index:9}
@media(max-width:760px){
  .world-map-canvas.global-overview.compact .world-port{width:8px;height:8px;padding:0}
  .world-map-canvas .sea-name{font-size:14px;letter-spacing:2px}
  .world-map-canvas.regional-overview.compact .world-port b{font-size:10px;line-height:1.4;padding:1px 3px}
  .world-map-canvas.global-overview.compact .continent-name{padding:3px 5px;line-height:1.3}
  .world-map-canvas .chart-key{font-size:11px}
}