/* ====== Futurist Map Theme ====== */
.map-outerframe { 
    border: 1px solid rgba(99,102,241,.35); 
    overflow: hidden; 
    position: relative; 
    top: 0; left: 0;
    border-radius: 10px;
    box-shadow: 0 0 24px rgba(0,229,255,.15);
}
.map-outerframe div { margin: 0; }

.map-surface { 
    margin: 0; padding: 0; overflow: hidden; 
    background-image: url(../images/waterback.jpg); 
    background-size: cover;
    background-color: #0b0f1a; /* fallback */
}

.map-regionname { 
    color: #00e5ff;   /* cyan néon */
    position: absolute; 
    top: 0; left: 0; 
    margin-top: 0; 
    font-size: 10pt; 
    font-weight: bold;
    text-shadow: 0 0 6px rgba(0,229,255,.6);
}
.map-regionname-block { 
    opacity: 0.75; 
    background-color: rgba(17,24,39,.85);
    padding: 2px 4px;
    border-radius: 4px;
}

.map-reuse { display: none; }

.map-tooltip { 
    color: #e5e7eb; 
    background: rgba(17,24,39,0.9);
    border: 1px solid rgba(99,102,241,.35);
    padding: 6px 8px;
    border-radius: 6px;
    font-size: 0.85rem;
    box-shadow: 0 0 12px rgba(0,229,255,.15);
}

.map-controls { 
    text-align: center; 
    padding: 8px 6px; 
    border: 1px solid rgba(99,102,241,.35); 
    position: absolute; 
    top: 10px; right: 10px; 
    z-index: 1000; 
    width: 54px; height: 200px; 
    background: rgba(17,24,39,0.85); 
    color: #e5e7eb; 
    border-radius: 10px;
    box-shadow: 0 0 16px rgba(0,229,255,.2);
}

.map-zoom { 
    position: relative; 
    top: 10px; 
    left: 18px; 
    height: 140px; 
}