html, body {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100vw;
    overflow: hidden; /* Prevent accidental page scrolling */
}

/* The map must take the full height of its parent element */
#map {
    height: 100%;
    width: 100%;
    background-color: #efefef; /* Default gray before tiles load */
}

.map-redesign {
    /* Keep land white; make gray areas (rivers/seas) deep black for contrast */
    filter: brightness(0.6) contrast(6) !important;
}