/* ================================================================
   Образ персонажа (mpgAvatar) — точные стили bk2 (main.css / project-ui.css):
   фигура + эффекты на ней. Используется инвентарём, инф. о персонаже, боем.
   ================================================================ */
.shadow-pers-bg {
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
.shadow-pers {
  position: relative;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  width: calc(120px * var(--sizerem, 1));
}
.shadow-effs {
  position: absolute;
  width: calc(120px * var(--sizerem, 1));
  height: 1px;
  top: calc(2px * var(--sizerem, 1));
  left: 0;
  z-index: 2;
  word-break: normal;
}
.eff-block {
  width: calc(40px * var(--sizerem, 1));
  height: calc(25px * var(--sizerem, 1));
  display: inline-block;
  position: relative;
}
.eff-stack {
  position: absolute;
  right: 1px;
  bottom: 1px;
  min-width: 12px;
  padding: 0 2px;
  background: rgba(0, 0, 0, 0.72);
  border-radius: 2px;
  color: #fff;
  font: bold 10px/12px Verdana, Arial, sans-serif;
  text-align: center;
  pointer-events: none;
}
.eff-mnb {
  width: calc(40px * var(--sizerem, 1));
  height: calc(25px * var(--sizerem, 1));
  display: inline-block;
  object-fit: contain;
}
.eff-size0 {
  width: calc(40px * var(--sizerem, 1));
  height: calc(25px * var(--sizerem, 1));
}
.eff-size1 {
  width: calc(30px * var(--sizerem, 1));
  height: calc(19px * var(--sizerem, 1));
}
.eff-x {
  font-size: 10px;
  right: 1px;
  bottom: 1px;
  color: #fefefe;
  cursor: default;
  position: absolute;
  text-shadow: #000 1px 0,#000 1px 1px,#000 0 1px,#000 -1px 1px,#000 -1px 0,#000 -1px -1px,#000 0 -1px,#000 1px -1px,#000 0 0 3px,#000 0 0 3px,#000 0 0 3px;
  left: 0;
  z-index: 1;
}