/* ── НАСТРОЙКИ ПРОФИЛЯ: читаемые размеры (02.10, владелец: «настройки профиля сделай нормально») ──────────────────
   Раньше почти всё в настройках было набрано узким Orbitron капсом 7–9px: пункты меню слева, подписи полей, заголовки
   карточек, кнопки «Сохранить», названия фонов и рамок (7px). Читалось с трудом, на телефоне — почти никак.
   Здесь — одна общая поправка для всех страниц (раньше стили профиля были скопированы в gc/um/aj/foc.css по отдельности);
   подключается в partials/head.php ПОСЛЕ игрового CSS. Цвета, отступы и раскладку не трогает — только шрифт и размеры:
   служебный текст — Inter 12–13px, кнопки — Inter 13px без капса, заголовки разделов остаются Orbitron, но крупнее. */

#ptab-settings { --pfs-ui: 'Inter', system-ui, sans-serif; }

/* меню разделов слева */
#ptab-settings .profile-nav-item {
  font-family: var(--pfs-ui); font-size: 13px; font-weight: 500; letter-spacing: 0; text-transform: none;
  padding: 10px 16px; gap: 10px; line-height: 1.25;
}
#ptab-settings .profile-nav-item.active { font-weight: 600; }
#ptab-settings .profile-sidebar-name { font-size: 12px; }
#ptab-settings .profile-sidebar-rank { font-size: 11px; letter-spacing: .3px; }

/* заголовок раздела и подзаголовок */
#ptab-settings .profile-sec-title { font-size: 15px; letter-spacing: .6px; margin-bottom: 5px; }
#ptab-settings .profile-sec-sub { font-size: 13px; line-height: 1.55; }

/* карточки, подписи, подсказки */
#ptab-settings .profile-card-title {
  font-family: var(--pfs-ui); font-size: 12px; font-weight: 600; letter-spacing: .8px; margin-bottom: 14px;
}
#ptab-settings .profile-label {
  font-family: var(--pfs-ui); font-size: 12.5px; font-weight: 500; letter-spacing: 0; text-transform: none; margin-bottom: 6px;
}
#ptab-settings .profile-hint,
#ptab-settings .privacy-hint { font-size: 12px; line-height: 1.5; }
#ptab-settings .privacy-label { font-size: 14px; }
#ptab-settings .profile-ok,
#ptab-settings .profile-err { font-size: 12.5px; }
#ptab-settings .danger-card-text { font-size: 13px; }
#ptab-settings .danger-card-title { font-family: var(--pfs-ui); font-size: 12.5px; letter-spacing: 1.2px; }

/* поля ввода */
#ptab-settings .profile-input,
#ptab-settings .profile-textarea { font-size: 14px; }

/* основные кнопки (Сохранить, Удалить аккаунт, Загрузить фото) — капсом, как и были, но читаемым размером;
   у части из них капс прямо в тексте переводов, поэтому капс оставлен у всех — одинаково */
#ptab-settings .profile-save-btn,
#ptab-settings .danger-btn,
#ptab-settings #psec-avatar label[onclick*="openAvatarEditor"],
#ptab-settings #pAvatarPngRemoveBtn {
  font-family: var(--pfs-ui) !important; font-size: 12.5px !important; font-weight: 700 !important;
  letter-spacing: .6px !important; text-transform: uppercase !important;
}
#ptab-settings .profile-save-btn,
#ptab-settings .danger-btn { padding: 11px 22px; }
#ptab-settings #psec-avatar label[onclick*="openAvatarEditor"],
#ptab-settings #pAvatarPngRemoveBtn { padding: 10px 14px !important; }
/* второстепенные кнопки-чипы (Как в игре, Выкл, Добавить фон, Сбросить всё) — обычным регистром */
#ptab-settings .fr-toolbtn,
#ptab-settings .friend-add-btn {
  font-family: var(--pfs-ui); font-size: 13px; font-weight: 600; letter-spacing: .2px; text-transform: none;
}
#ptab-settings #pAvatarPngMsg { font-size: 12px !important; }
#ptab-settings #psec-privacy span[style*="font-size:8px"] { font-size: 10px !important; }
/* статус «В сети» в «Приватности» был Share Tech Mono 11px */
#ptab-settings #statusTrigger,
#ptab-settings #statusText { font-family: var(--pfs-ui); font-size: 13px; letter-spacing: 0; }

/* «Внешний вид»: подзаголовок «Авто-смена фона» был вообще без стиля (крупный белый текст среди мелких заголовков),
   значения ползунков — моноширинным шрифтом */
#ptab-settings .look-sec-lbl {
  font-family: var(--pfs-ui); font-size: 12px; font-weight: 600; letter-spacing: .8px; text-transform: uppercase;
  color: var(--muted); margin-bottom: 10px;
}
#ptab-settings .look-val { font-family: var(--pfs-ui); font-size: 13px; }
#ptab-settings .look-hint { font-size: 12px; }

/* подписи под картинками фонов и рамок (были 7px) */
#ptab-settings .bg-option-label {
  font-family: var(--pfs-ui); font-size: 12px; font-weight: 600; letter-spacing: .2px; padding: 5px 8px;
}
#ptab-settings .frame-label { font-family: var(--pfs-ui); font-size: 12px; font-weight: 600; letter-spacing: .2px; }

@media (max-width: 900px) {
  #ptab-settings .profile-nav-item { font-size: 13px; padding: 10px 14px; }
}
/* телефон: раздел (рамка) и карточка внутри давали по 26 + 22 px с каждой стороны — поле ввода сжималось до ~260 px
   на экране 390. Отступы меньше, поля шире. */
@media (max-width: 600px) {
  #ptab-settings .profile-section { padding: 16px 12px; }
  #ptab-settings .profile-card { padding: 16px 14px; }
  #ptab-settings .danger-card { padding: 16px 14px; }
  /* «Загрузить и обрезать» рядом с кругом аватара: на японском последний знак уезжал на отдельную строку,
     на русском кнопка ломалась на две. Во всю ширину колонки, без разрядки — помещается в одну строку */
  #ptab-settings #psec-avatar label[onclick*="openAvatarEditor"],
  #ptab-settings #pAvatarPngRemoveBtn {
    width: 100%; justify-content: center; text-align: center; letter-spacing: 0 !important;
    font-size: 12px !important; line-height: 1.3; padding: 10px 8px !important;
  }
  /* рамок больше 40 — в две колонки список растягивался на несколько экранов; на телефоне три */
  #ptab-settings .frame-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  #ptab-settings .frame-option { padding: 10px 4px; }
  #ptab-settings .frame-label { font-size: 11.5px; line-height: 1.25; }
}