/* Логотип поверх карты */
#beta-logo {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2600;
  padding-top: 8px;
}

.beta-logo-inner {
  display: flex;
  align-items: center;
  gap: 8px;

  height: 50px;
  padding: 4px 6px;

  /* тёмное, но более прозрачное стекло */
  background: linear-gradient(
    135deg,
    rgba(0, 0, 0, 0.78),
    rgba(0, 0, 0, 0.5)
  );
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
}

.beta-logo-mark {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;

  background-image: url('/img/PL_C.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.beta-logo-btn {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;

  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(40, 40, 40, 0.9);
  clip-path: polygon(10% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 10%);
  cursor: default;
  padding: 0;
}

.zs_lvl,
.acs_lvl,
.rf_lvl,
.msu_lvl,
.fav_lvl {
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}


/* ZS через псевдоэлемент */
.zs_lvl {
  position: relative;
}

.zs_lvl::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('/img/ZS_70.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.zs_lvl:not(.active)::before {
  filter: brightness(1) saturate(0) brightness(0.16);
}

/* ACS */
.acs_lvl {
  position: relative;
}

.acs_lvl::before {
  content: '';
  position: absolute;
  inset: 0; /* вместо 6px */
  background-image: url('/img/ACS_70.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.acs_lvl:not(.active)::before {
  filter: brightness(1) saturate(0) brightness(0.16);
}

/* RF */
.rf_lvl {
  position: relative;
}
.rf_lvl::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('/img/RF.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.rf_lvl:not(.active)::before {
  filter: brightness(1) saturate(0) brightness(0.16);
}

/* остальные без псевдоэлемента */
.msu_lvl { background-image: url('/img/MSU_70.png'); }
.fav_lvl { background-image: url('/img/FAV.png'); }