.map_main {
        padding: 20px 0;
        background: rgba(10, 50, 10, 0.8);
        backdrop-filter: blur(15px);
        border: 1px solid rgba(0, 255, 66, 0.3);
        box-shadow: 0 0 30px rgba(0, 255, 66, 0.2);
    }

    .map-container-wrapper {
        max-width: 2000px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .map-header-info {
        text-align: center;
        margin-bottom: 20px;
    }

    .map-header-info h1 {
        color: #00ff88;
        font-size: 28px;
        margin-bottom: 10px;
        text-shadow: 0 0 10px rgba(0, 255, 136, 0.8);
    }

    .map-header-info .map-id {
        color: #88ff88;
        font-size: 14px;
        text-shadow: 0 0 5px rgba(136, 255, 136, 0.5);
    }

    .map-display-container {
        background: linear-gradient(145deg, rgba(20, 60, 20, 0.95), rgba(40, 80, 40, 0.9));
        padding: 25px;
        border-radius: 12px;
        border: 1px solid rgba(0, 255, 66, 0.4);
        box-shadow:
            0 8px 32px rgba(0, 0, 0, 0.4),
            inset 0 1px 0 rgba(0, 255, 66, 0.2),
            0 0 40px rgba(0, 255, 66, 0.15);
        backdrop-filter: blur(10px);
    }

    .map-frame {
        width: 1920px;
        height: 780px;
        border: 2px solid rgba(0, 255, 66, 0.6);
        border-radius: 8px;
        overflow: hidden;
        position: relative;
        margin: 0 auto;
        box-shadow:
            0 0 20px rgba(0, 255, 66, 0.4),
            inset 0 0 20px rgba(0, 0, 0, 0.3);
    }

    #map {
        width: 100%;
        height: 100%;
        border-radius: 6px;
    }