body {
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', sans-serif;
    background: #000;
    color: #fff;
    overflow: hidden;
    /* Prevent body scroll */
}

/* --- MAP CONTAINER --- */
#map {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 0;
}

/* --- OVERRIDES (MapLibre) --- */
.maplibregl-ctrl-top-right {
    top: 15px;
    right: 15px;
}

.maplibregl-ctrl-group {
    background: #222 !important;
    border: 1px solid #444;
}

.maplibregl-ctrl-icon {
    filter: invert(1);
}

/* --- INTERACTIVITY FIXES (User Suggested) --- */

/* The overlay must not eat mouse or touch */
.map_overlay,
.map_overlay *,
#vehicle-icon,
#vehicle-icon * {
    pointer-events: none !important;
}

/* Make extra sure the map itself can receive input */
#map,
#map canvas,
.maplibregl-map,
.maplibregl-canvas,
.maplibregl-canvas-container {
    pointer-events: auto !important;
}

/* Ensure UI elements on top are clickable */
#sidebar,
#sidebar *,
#menu-btn,
#recenter-btn,
.maplibregl-ctrl {
    pointer-events: auto !important;
}