/* ================================================================
 * Модуль «Информация о персонаже» — стили окна/блока в игре.
 * Разметка — точная копия classicbk (inf.php / bk.inf.persInfo);
 * глобальные правила classicbk (pi_block, hp/mp-линии, shadow-* и т.д.)
 * уже загружены в игре (main.css / project-ui.css / buttons.css /
 * mpg-platform.css). Здесь — только обвязка окна и мобильный стек.
 * ================================================================ */

/* Контент окна «Персонаж» — страница inf.php внутри .info-body */
.info-body { background: #dedede; }

/* Блок персонажа — блочная раскладка 1:1 (pi-grid 240×280, слоты absolute).
   Разметку строит общий render-block; здесь только обвязка окна/страницы.
   В локации/инвентаре блок остаётся слева, как в classicbk: центрируем только
   внутри страницы/окна инфо (.info-body), иначе дробные margin дают 0,5px. */
.info-body .pi_block { margin-left: auto; margin-right: auto; }

.info-body .pi_login { white-space: nowrap; }

/* Анкета: длинные слова не создают горизонтальный скролл на 430px */
.info-body .info-anketa { overflow-wrap: anywhere; }

/* Эффекты на фигуре — размеры как в classicbk main.css (дубли для независимости) */
.info-body .eff-block, #ui-my-info-inv .eff-block { width: 40px; height: 25px; display: inline-block; position: relative; }
.info-body .eff-size0, #ui-my-info-inv .eff-size0 { width: 40px; height: 25px; }
.info-body .eff-size1, #ui-my-info-inv .eff-size1 { width: 30px; height: 19px; }
.info-body .eff-mnb, #ui-my-info-inv .eff-mnb { width: 40px; height: 25px; display: inline-block; object-fit: contain; }
.info-body .eff-size1.eff-mnb, #ui-my-info-inv .eff-size1.eff-mnb { width: 30px; height: 19px; }
.info-body .eff-x, #ui-my-info-inv .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; left: 0; z-index: 1; }

/* Мобильный стек < 730px (окно игры — платформенная адаптация;
   страница /info использует те же правила из PAGE_CSS) */
@media (max-width: 729px) {
  .info-body .info-body-table, .info-body .info-body-table > tbody,
  .info-body .info-body-table > tbody > tr, .info-body .info-body-table > tbody > tr > td { display: block; width: auto !important; }
  .info-body .info-body-table { padding: 0 10px; }
  .info-body .info-body-table > tbody > tr > td { text-align: center !important; }
  .info-body .info-col-main { padding-bottom: 12px; }
  .info-body .info-col-facts { padding-top: 6px; }
  .info-body .info-facts-wrap { margin: 0 auto !important; text-align: center; }
  .info-body .info-col-facts hr.pi_hr { width: calc(100% - 24px) !important; }
  .info-body .info-col-zodiac { padding-top: 10px; }
  .info-body .info-zodiac-row { display: flex; align-items: center; justify-content: center; gap: 18px; text-align: center; }
  .info-body .info-zodiac-row img { padding-top: 0; }
  .info-body .info-zodiac-row br { display: none; }
  .info-body .info-anketa { margin-left: 0 !important; padding: 0 20px 20px; text-align: left; }
}
/* Тот же стек для сжатого окна на десктопе */
.info-body.info-stack .info-body-table, .info-body.info-stack .info-body-table > tbody,
.info-body.info-stack .info-body-table > tbody > tr, .info-body.info-stack .info-body-table > tbody > tr > td { display: block; width: auto !important; }
.info-body.info-stack .info-body-table { padding: 0 10px; }
.info-body.info-stack .info-body-table > tbody > tr > td { text-align: center !important; }
.info-body.info-stack .info-col-main { padding-bottom: 12px; }
.info-body.info-stack .info-col-facts { padding-top: 6px; }
.info-body.info-stack .info-facts-wrap { margin: 0 auto !important; text-align: center; }
.info-body.info-stack .info-col-facts hr.pi_hr { width: calc(100% - 24px) !important; }
.info-body.info-stack .info-col-zodiac { padding-top: 10px; }
.info-body.info-stack .info-zodiac-row { display: flex; align-items: center; justify-content: center; gap: 18px; text-align: center; }
.info-body.info-stack .info-zodiac-row img { padding-top: 0; }
.info-body.info-stack .info-zodiac-row br { display: none; }
.info-body.info-stack .info-anketa { margin-left: 0 !important; padding: 0 20px 20px; text-align: left; }