/* лёгкая маска */
.tile-mask{
  position:absolute; inset:0;
  background:rgba(0,0,0,.25);
  pointer-events:none;
}

/* ПРИНЦИПИАЛЬНОЕ: скрывать маску, когда "Локации" выключены */
#world_map:not(.show-city) .tile-mask{
  display:none !important;
}
 
.locatione {
  position: absolute;
  top: 15px;
  left: -5;
  width: 100%;
  padding: 2px 4px;
  font-size: 12px;
  font-family: Tahoma, sans-serif;
  color: #FFD700;
  text-align: center;
  text-shadow: 0 0 2px #000000;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  z-index: 1001;
  white-space: normal; /* позволяет перенос строк */
  word-wrap: break-word; /* перенос слов */
}



	#map-container {
    width: 95%;
    max-width: 1400px;
    margin: 1px auto 25px;
    height: 700px;
    overflow-y: auto;
    overflow-x: auto;
    border: 1px solid #000;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}

#map-container table {
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #000;
    white-space: nowrap;
    margin-bottom: 20px;
    width: 100%;
    table-layout: auto; /* Позволяет ячейкам адаптироваться */
}

#map-container td {
    position: relative;
    padding: 0;
    background: #1a1a1a;
    box-sizing: border-box;
    aspect-ratio: 1 / 1; /* Сохраняем квадратные пропорции */
    width: 5vw; /* Размер ячейки зависит от ширины viewport */
    height: 5vw;
}

#map-container img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#map-container div {
    font-size: 0.6vw; /* Размер шрифта тоже зависит от viewport */
}

/* Адаптация для маленьких экранов */
@media (max-width: 768px) {
    #map-container {
        height: 500px;
    }
    #map-container td {
        width: 8vw; /* Увеличиваем размер ячеек на маленьких экранах */
        height: 8vw;
    }
    #map-container div {
        font-size: 1vw;
    }
}
	
	
	
	
		.Bot-info {
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none;
			color: #9ACD32;
			font-style: normal;
			text-shadow: 0px 0px 4px #000;
			font-size: 10px;
			margin: 0;
			display: block;
			word-wrap: break-word;
			white-space: normal;
		}
		.fish {
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none;
			color: #20B2AA;
			font-style: normal;
			text-shadow: 0px 0px 4px #000;
			font-size: 10px;
			margin: 0;
			display: block;
			word-wrap: break-word;
			white-space: normal;
		}