html, body { 
    width: 100%; height: 100%; margin: 0; padding: 0; 
    overflow: hidden; background-color: #e0e0e0; 
    display: flex; justify-content: center; align-items: center;
}
.container { 
    position: relative; width: 100%; height: 100%; max-width: 1400px; 
    background: #fff; box-shadow: 0 0 50px rgba(0,0,0,0.15); overflow: hidden;
}
#map { width: 100%; height: 100%; background: #fdfdfd; }
.leaflet-tile { filter: grayscale(100%) brightness(105%); }
.cursor-crosshair { cursor: crosshair !important; }

@media (max-width: 768px) {
    .pc-wing-gap { display: none; }
}