body, .leaflet-container {
    background-color: #f4ecd8 !important; 
}


.leaflet-tile-pane {
    filter: sepia(0.6) contrast(1.1) brightness(0.9);
}


.leaflet-control {
    background: #f4ecd8 !important; 
    background-image: url('data:image/svg+xml;utf8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100" height="100" filter="url(%23noise)" opacity="0.05"/></svg>') !important;
    border: 2px solid #5a4634 !important;
    border-radius: 0 !important;
    font-family: "Special Elite", "IM Fell English", serif !important;
    color: #3e2723 !important;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5) !important;
}


.leaflet-tooltip {
    background: #f4ecd8 !important;
    background-image: url('data:image/svg+xml;utf8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100" height="100" filter="url(%23noise)" opacity="0.05"/></svg>') !important;
    border: 1px solid #5a4634 !important;
    color: #3e2723 !important;
    font-family: "Special Elite", "IM Fell English", serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5) !important;
}


.leaflet-control-layers {
    border-radius: 0 !important;
}


body::after {
    content: "";
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    background: radial-gradient(circle, transparent 60%, rgba(30, 20, 10, 0.6) 110%);
    z-index: 900;
}