@import url(style_cs.1782763697.css);

/* Иконический шрифт */
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Yeseva+One&display=swap");

/* Font Awesome */
@import url("https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css");

/* Design Fonts */
@font-face {
    font-family: 'lapochkin'; /* Задайте любое имя для шрифта */
    src: url('https://forumstatic.ru/files/001c/bd/b1/38733.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Оптимизация загрузки: показывает текст сразу, а шрифт подгружает позже */
}
@font-face {
    font-family: 'BodoniFLF'; /* Задайте любое имя для шрифта */
    src: url('https://forumstatic.ru/files/001c/bd/b1/21117.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Оптимизация загрузки: показывает текст сразу, а шрифт подгружает позже */
}


/****************************************
Чистый стиль by Alex Kolmar (бродяга)
****************************************/

/* Полезные сервисные настройки
-------------------------------------------------------------*/

.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position: absolute;
  left: -9999px;
  overflow: hidden;
}

#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  line-height: 0.0;
  font-size: 0;
}


/* Основные переменные
------------------------------------------*/

:root {
  --body-bg:;
  --pun-bg: url("https://forumstatic.ru/files/001c/bd/b1/93577.png") repeat center center;
  --sec-bg: cornsilk; 
  --link: #53796c;
  --link-hover: #aca76f;
  --pwidth: 213px;
  --pad1: 10px 20px;
  --pad2: 5px 20px;
  --pad3: 5px 10px;
  --msr: "Material Symbols Rounded";
  --fa: "Font Awesome 6 Pro", "Font Awesome 6 Brands";
}

/* Global
------------------------------------------*/

/* Применяется ко всем элементам */

* {
  margin: 0;
  padding: 0;
  border: none;
  text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* прокрутка 
-------------------------------------------------- */

/* Хром etc */

@supports selector(::-webkit-scrollbar) {

  *::-webkit-scrollbar-thumb {
    background: var(--link);
  }

  *::-webkit-scrollbar-thumb:hover {
    background: var(--link-hover);
    cursor: default;
  }

  *::-webkit-scrollbar-track {
    background: var(--sec-bg);
  }

  *::-webkit-scrollbar {
    width: 7px;
    height: 7px;
  }
}

/* Мозилла */

@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--link-hover) var(--sec-bg);
  }
}

/* выделение текста */

::selection {
  background: var(--link);
  color: var(--pun-bg);
}

:focus {
  outline: none;
}

/* все ссылки */

a,
.punbb #pun-admain a {
  text-decoration: none;
  color: var(--link);
  transition: all .2s linear 0s;
}

a:hover,
.punbb #pun-admain a:hover {
  color: var(--link-hover);
}

/* все заголовки */

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre {
  margin: 0;
}

h1,
h2 {
  padding: 10px 20px;
  font-weight: normal;
  text-align: center;
}

ul,
dl,
li,
dd,
dt {
  list-style: none;
}

address,
em {
  font-style: normal;
}

/* выключить список модераторов, отредактировано etc */

.modlist,
.lastedit,
.punbb div#pun-live-rusff,
.punbb .topic a.sharelink {
  display: none;
}

/* модальные окна, репутация, закладки etc */

#tags .container,
.post_report,
.post_reputation,
#MyBookmarks,
.inner.popup_graffiti,
.pun-modal .modal-inner,
.punbb-admin #pun-admin-award-form .inner {
  background: var(--sec-bg);
}

/* Формы
------------------------------------------- */

/* ОФОРМЛЕНИЕ КНОПОК */

input.button,
#pun-admain input.button,
#sub4,
input[type="button"],
input[type="submit"] {
  padding: 2px 10px;
  border: 1px solid currentColor;
  cursor: pointer;
  transition: all .2s linear 0s;
}

input.button:hover,
#pun-admain input.button:hover,
#sub4:hover,
input[type="button"]:hover,
input[type="submit"]:hover {}

/* ОФОРМЛЕНИЕ ПОЛЕЙ ВВОДА */

input[type="text"],
input[type="password"],
textarea,
select {
  padding: 2px 5px;
  border: 1px solid var(--link-hover);
}

textarea,
input,
select,
optgroup {
  font-size: 14px;
}

optgroup {
  font-weight: bold;
}

/* флажки и чекбоксы */

.checkfield input[type="checkbox"],
.radiofield input[type="radio"] {
  margin: 0 3px;
}

p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 20px;
  vertical-align: middle;
}

.formal .container {
  padding: var(--pad1);
}

.formsubmit {
  padding: 0;
  margin: 10px 0 0 0;
}

.formsubmit input,
.formsubmit a,
.formsubmit span {
  margin: 0 6px 0 0;
}

fieldset {
  border: none;
}

fieldset legend {
  font-weight: bold;
}

fieldset fieldset {
  border: none;
  margin: 0;
  padding: 0 0 8px 0
}

.fs-box {
  padding: 5px 0;
}

.fs-box p,
.fs-box fieldset {
  padding: 0 0 8px 0;
}

.inline .inputfield,
.inline .selectfield,
.inline .passfield {
  float: left;
  margin-right: 10px;
}

.inline .infofield {
  clear: both
}

.datafield br {
  display: none
}

.required label,
.datafield span.input {
  font-size: 10px;
}

textarea,
.longinput input {
  width: 64%;
  margin: 0;
}

.hashelp {
  position: relative;
}


/* Админка
------------------------------------------*/

.punbb-admin .adcontainer,
.punbb-admin .adformal {
  border: none;
}


/* Тело форума
------------------------------------------*/

/* фон */

html {
  background: var(--body-bg) url(https://forumstatic.ru/files/001c/bd/b1/46684.png) no-repeat top center;
}

/* заплатка для фиксированного фона */

body::before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-width: 100vw;
  min-height: 100vh;
  z-index: -10;
  background: var(--body-bg) url(https://forumstatic.ru/files/001c/bd/b1/46684.png) no-repeat top center/cover;
}

/* тело */

#pun {
  margin: 50px auto;
  width: 1010px;
  background: var(--pun-bg);
  border-radius: 30px;      /* скругление всех четырёх углов на 30 пикселей */
}

/* внутреннее тело */

.punbb {
  font: 12px Arial, Verdana;
  color: #53796c;
}

/* настройки внутренних блоков */

.punbb > div .container {
  padding: var(--pad1);
}

/* Навигационные ссылки */

#pun-navlinks {}

#pun-navlinks .container {
    text-align: center;
    transform: translateY(-45px);
    color: #f0eada;   /* цвет букв*/
    font-family: 'Yeseva One', serif; /* шрифт Yeseva One (подключён в начале) */
    font-weight: normal;         /* обычное начертание (regular) */
    text-transform: uppercase;   /* все буквы заглавные (верхний регистр) */
    font-size: 14px;              /* добавляем размер */
}

#pun-navlinks .container a {
    color: #f0eada;               /* тот же цвет для ссылок */
    font-size: 14px;              /* и для ссылок, чтобы переопределить возможные другие размеры */
}

#pun-navlinks .container:after {
  display: none;
}

#pun-navlinks li {
  padding: 0 10px;
  display: inline;
}

/* Пользовательские ссылки */
#pun-ulinks {
    transform: translateY(345px); /* смещение оставляем как есть */
}

#pun-ulinks .container {
    text-align: center;
    font-family: Arial, sans-serif;   /* шрифт Arial */
    font-weight: bold;              /* regular */
    font-size: 10px;                  /* размер 10px */
    letter-spacing: 1.2px;            /* межбуквенное расстояние */
    text-transform: lowercase;        /* все буквы строчные (нижний регистр) */
}

/* Чтобы ссылки наследовали эти стили (переопределяем глобальные стили ссылок) */
#pun-ulinks .container a {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: var(--link);   /* оставляем цвет ссылок как на всём форуме, можно изменить при необходимости */
}

/* Стили для пунктов списка (уже есть) */
#pun-ulinks li {
    padding: 0 5px;
    display: inline;
}

/* Статус */

/* Поднимаем и смещаем весь блок статуса */
#pun-status {
    transform: translateY(-455px) translateX(215px); /* поднятие и сдвиг вправо */
}

#pun-status span {
  white-space: nowrap;
  margin-right: 5px;
  font-family: Arial, sans-serif;
    font-size: 10px;
    color: inherit;           /* или #333, или inherit, если подходит */
    white-space: nowrap;
    margin-right: 5px;
    text-transform: lowercase;   /* все буквы строчные */
    line-height: 1.2;            /* интерлиньяж 1.2 */
    font-weight: bold;           /* жирное начертание */
}

/* Компенсируем смещение для правой части, чтобы она осталась на месте */
#pun-status .status-right {
    transform: translateX(-235px); /* сдвигаем обратно влево на ту же величину */
}

/* Хлебные крошки */

.crumbs.container {
    color: #53796c;                /* цвет текста */
    font-family: 'Yeseva One', serif; /* шрифт (подключён в начале) */
    text-transform: uppercase;      /* все буквы заглавные */
    font-weight: normal;            /* обычное начертание (не жирное) */
}
/* Копирайт */

#pun-about {}

#pun-about .container {
  text-align: center;
}


/* Основная форумная таблица
------------------------------------------*/

.main table {
  table-layout: fixed;
  width: 100%;
}

.main th {
  padding: 5px 10px;
 font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 11px;
    line-height: 1.5;
    text-transform: lowercase;
}

.main td {
  padding: 10px;
}

.tcl {
  width: 50%;
}

.tc2,
.tc3,
.tcmod {
  text-align: left;
  width: 10%;
}

.tcr {
  width: 30%;
text-align: left;
}

#pun-searchtopics .tcl,
#pun-modviewforum .tcl {
  width: 40%
}

#pun-searchtopics .tc2 {
  text-align: left;
  width: 20%;
}

#pun-debug table .tcl {
  width: 15%;
}

#pun-debug .tcr {
  width: 90%;
}

tbody.hasicon td.tcl {
  padding-left: 40px;
}

/* аватар */

.punbb td .user-avatar {

}

.punbb td .user-avatar .avatar-image {

}


/* Иконки */

div.icon {
  position: absolute;
  margin-left: -30px;
  margin-top: -3px;
  width: 20px;
  height: 20px;
  background: url(https://forumstatic.ru/files/001c/bd/b1/39817.png) no-repeat top center;
}

tr.inew div.icon {
  background: url(https://forumstatic.ru/files/001c/bd/b1/34558.png) no-repeat top center !important;
}

tr.isticky div.icon {
  background: url(https://forumstatic.ru/files/001c/bd/b1/37398.png) no-repeat top center;
}

tr.iclosed div.icon {
  background: url(https://forumstatic.ru/files/001c/bd/b1/88630.png) no-repeat top center;
}


/* Пагинация (Переключаемые страницы, Новая тема + Опрос, Подписка)
--------------------------------------------------------------------------------------------------- */

.multipage {
  margin-top: 10px;
}

.linkst {
  position: relative;
  padding: var(--pad2);
  display: flex;
  justify-content: space-between;
}

.linkst .pagelink {}

.linkst .postlink {
  text-align: right;
}

.linksb {
  position: relative;
  padding: var(--pad2);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.linksb .pagelink {
  order: -1;
}

.subscribelink {
  width: 100%;
  text-align: right;
}

.linksb noindex {
  order: 1;
}

.linksb .postlink {
  margin-left: auto;
  text-align: right;
}

/* Скрыть аватары в пагинации */
#pun-pagelinks .user-avatar,
#pun-pagelinks .avatar-image,
#pun-pagelinks img.avatar,
.multipage .user-avatar,
.multipage .avatar-image,
.multipage img.avatar,
.pagelink .user-avatar,
.pagelink .avatar-image,
.pagelink img.avatar {
    display: none !important;
}

/* Скрыть h1 над пагинацией */
.linkst h1,
#pun-main h1 {
    display: none !important;
}

/* Модераторское меню, RSS, Atom */

.modmenu .container {
  padding: var(--pad3);
  text-align: right;
}

.modmenu .container strong {
  float: left;
}

.modmenu input {
  margin-left: 10px;
}

#topic-users-in a:not(:last-child)::after {
  content: ',';
}

/* Шрифт для пагинации, модераторского меню и кнопок действий */
.linkst .pagelink,
.linkst .pagelink a,
.linkst .pagelink span,
.linkst .pagelink strong,
.linksb .pagelink,
.linksb .pagelink a,
.linksb .pagelink span,
.linksb .pagelink strong,
.linkst .postlink,
.linkst .postlink a,
.linkst .postlink span,
.linkst .postlink strong,
.linksb .postlink,
.linksb .postlink a,
.linksb .postlink span,
.linksb .postlink strong,
.modmenu .container,
.modmenu .container a,
.modmenu .container strong,
.modmenu .container span,
#topic-users-in a {
    font-family: Arial, sans-serif !important;
    font-weight: regular !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    text-transform: lowercase !important;
}

/* Главная страница
------------------------------------------*/

/* скрыть "форум, тем, сообщений" */

#pun-index thead, #pun-index .tc2, #pun-index .tc3 {
  display: none;
}

/* категория */

#pun-index .category {
    margin: 0 14px 10px 14px; /* отступы слева и справа 14px, снизу 10px */
    background-color: #f0eada;
    border: 1px solid #829b85;
    margin-bottom: 10px; /* чтобы категории не слипались */
    border-radius: 0 0 5px 5px;  /* опционально */
    overflow: hidden;    /* чтобы скругление работало для внутренних элементов */
}

/* заголовок категории */

#pun-index .category h2 {
  font-family: 'lapochkin', serif;
  font-weight: normal;
  font-size: 48px;
  background: url("https://forumstatic.ru/files/001c/bd/b1/49503.png") no-repeat center center / cover;
  text-transform: uppercase;
  height: 40px;               /* фиксированная высота */
  line-height: 40px;          /* вертикальное центрирование текста */
  padding: 0;                 /* убираем лишние отступы */
  margin: 0;                  /* убираем внешние отступы */
  overflow: hidden;           /* чтобы текст не вылезал за пределы */
}

/* левая колонка (форумы) */

#pun-index tbody.hasicon td.tcl {
  padding: 10px;
}

/* Контейнер .intd – выравнивание по верхнему краю */
#pun-index .intd {
    display: flex;
    gap: 10px;
    align-items: flex-start;   /* все элементы прижаты к верху */
}

/* Названия форумов – отступ снизу */
#pun-index .intd a {
    font-family: 'Yeseva One', serif;
    font-weight: normal;
    font-size: 20px;
    letter-spacing: 0px;
    text-transform: uppercase; /* все буквы заглавные */
    color: var(--link);
    display: inline-block;     /* чтобы margin-bottom работал */
    margin-bottom: 15px;        /* расстояние до описания */
    transform: translateY(3px); /* смещаем на 3px вниз */
}

/* Описания форумов – убираем все отступы */
#pun-index .intd .tclcon {
    font-family: Arial, sans-serif;
    font-weight: bold;   /*начертание */
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.5px;
    margin: 0;                 /* никаких смещений */
    width: 438px;                     /* задаём ширину */
    text-align: justify;       /* выравнивание по ширине */
    text-justify: inter-word;  /* дополнительно для лучшего распределения пробелов */
}

/* иконки на главной */

#pun-index div.icon {
  position: relative;
  margin: 0;
  flex-shrink: 0;
}

#pun-index .inew div.icon {}

/* аватар в последнем сообщении */
#pun-index td .user-avatar a {
    display: inline-block;
    position: relative;
    transform: translateX(-10px); /* смещение влево на 10px */
    border: 3px solid #53796c;   /* обводка 3px */
    border-radius: 30px;          /* опционально: скругление углов (можно убрать) */
}

#pun-index td .user-avatar {}

#pun-index td .user-avatar .avatar-image {}

/* Статистика */
#pun-stats {
    margin: 0 14px 10px 14px;
    background-color: #f0eada;
    border: 1px solid #829b85;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
}

/* Заголовок статистики (обычно скрыт) */
#pun-stats h2 {
    font-family: 'lapochkin', serif;
    font-weight: normal;
    font-size: 48px;
    background: url("https://forumstatic.ru/files/001c/bd/b1/49503.png") no-repeat center center / cover; /* можно заменить на свою картинку */
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0;
}

/* Контейнер со статистикой */
#pun-stats .container {
    padding: 10px 20px;           /* отступы как у других блоков */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 20px;
}

/* Элементы статистики (всего тем, сообщений и т.д.) */
#pun-stats li.item1,
#pun-stats li.item2,
#pun-stats li.item3,
#pun-stats li.item4 {
    background-color: #b6c1b7;
    border-radius: 10px;
    padding: 5px 10px;
    /* Шрифт и начертание */
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    line-height: 1.2;
    text-transform: lowercase;   /* все буквы строчные (лапслок) */
}

/* Чтобы ссылки внутри (например, ник последнего зарегистрированного) наследовали эти стили */
#pun-stats li.item1 a,
#pun-stats li.item2 a,
#pun-stats li.item3 a,
#pun-stats li.item4 a {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-transform: inherit;
    color: inherit;              /* сохраняет стандартный цвет ссылки, если нужно – поменяйте */
}

/* Онлайн-список (активны, посетили за сутки) */
li#onlinelist {
    margin-top: 10px;
    text-align: justify;
    width: 100%;
}

/* Шапка
------------------------------------------*/

#pun-title {}

/* скрыть заголовок в шаке */

#pun-title .title-logo {
  display: none;
}

/* содержимое шапки в html-верх */

.tablica {}


/* Объявление
------------------------------------------*/

#pun-announcement {
    transform: translateY(-75px);  /* поднимаем на 35px */
    width: 1010px;
    height: 384px;
    border-radius: 30px 30px 0 0;
    background: url("https://forumstatic.ru/files/001c/bd/b1/38126.png") no-repeat center center / cover;
    margin: 0 auto;
    /* если нужно, чтобы блок был внутри #pun, но шире — см. примечание ниже */
}

/* скрываем слово "объявление" */

#pun-announcement h2 {
  display: none;
}


/* Футер
------------------------------------------*/

#html-footer {}

#html-footer .container {padding: 0;}

/* баннеры */

.banners {
  padding: var(--pad1);
}

.banners a {
  opacity: .7;
}

.banners a:hover {
  opacity: 1;
}


/* Топик
------------------------------------------*/

.post {
  margin-top: 10px;
}

.toppost,
.topicpost {
  margin-top: 0;
}

/* контейнер поста */

.post .container {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
}

/* дата и номер поста */

.post h3 {
  padding: var(--pad2);
}

.post h3 span {
  display: block;
}

/* номер поста */

.post h3 strong {
  float: right;
  text-align: right;
  font-weight: normal;
}

/* Автор */
/* Автор – тело */
.post-author {
    position: relative;
    margin: 0 0 15px;
    width: var(--pwidth);
    box-sizing: border-box;
    background: #ece7d9;
    padding: 10px;
    padding-top: 50px;   /* высота хедера + зазор */
    padding-bottom: 40px; /* высота плашки + зазор */
    border-radius: 5px;
    border: 1px solid #829b85;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;      /* центрируем содержимое по горизонтали */
}

/* Хедер – через ::before у .post-author */
.post-author::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background-size: cover;
    background-position: center;
    z-index: 1;
    border-bottom: 1px solid #829b85;    /* обводка только снизу */
    box-sizing: border-box;
    border-radius: 5px 5px 0 0;
}

/* Плашка – через ::after у .post-author */
.post-author::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background-size: cover;
    background-position: center;
    z-index: 1;
    border-top: 1px solid #829b85;       /* обводка только сверху */
    box-sizing: border-box;
    border-radius: 0 0 5px 5px;
}

/* Иконка в профиле – через ::after у ul */
.post-author ul {
    position: relative;
}
.post-author ul::after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #bccfbf;
    background-image: url('default-icon.png');
    background-size: cover;
    background-position: center;
    z-index: 5;
    border: 1px solid #839c86;    /* обводка иконки (оставляем как было) */
}

/* Индивидуальные фоны */
.post[data-user-id="2"] .post-author::before {
    background-image: url('https://forumstatic.ru/files/001c/bd/b1/48918.png');
}
.post[data-user-id="2"] .post-author::after {
    background-image: url('https://forumstatic.ru/files/001c/bd/b1/57351.png');
}
.post[data-user-id="2"] .post-author ul::after {
    background-image: url('https://forumstatic.ru/files/001c/bd/b1/51135.png');
}

/* Добавьте остальных пользователей по аналогии */

.post-author ul {
  padding: 10px;
}

/* Поднимаем никнейм в середину хедера */
.pa-author {
    position: absolute;
    top: -50px;          /* 30px (середина хедера) - 70px (padding-top) = -40px */
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* Также убедимся, что ссылка внутри не имеет лишних отступов */
.pa-author a {
    font-family: 'BodoniFLF', 'Times New Roman', serif; /* если шрифт не подключён, будет fallback */
    font-size: 30px;
    line-height: 1.2;
    font-weight: normal; /* или bold, если нужно */
    text-decoration: none;
}

.pa-title {
    transform: translateY(-10px); 
}

.pa-avatar img {
    transform: translateY(-10px); 
}

.lz {
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    line-height: 1.2;
    text-transform: lowercase;   /* все буквы строчные (лапслок) */
}

/* Скрыть подпись "лз:" и перенос строки у pa-fld2 */
.pa-fld2 .fld-name {
    display: none !important;
}
.pa-fld2 br {
    display: none !important;
}
/* Оставляем .lz видимым, никак не трогаем */

.lz .name {
}

.pa-posts,
.pa-respect,
.pa-fld1 {
    display: inline-block;
    margin: 0 10px 5px;
    font-family: Arial, sans-serif !important;
    font-size: 7px !important;
    line-height: 1.2 !important;
    font-weight: normal !important;
}

.pa-posts .fld-name,
.pa-respect .fld-name,
.pa-fld1 .fld-name {
    display: block;
    /* наследуют шрифт от родителя */
}

/* если внутри есть ссылки, наследуем */
.pa-posts .fld-name a,
.pa-respect .fld-name a,
.pa-fld1 .fld-name a,
.pa-posts .fld-name span,
.pa-respect .fld-name span,
.pa-fld1 .fld-name span,
.pa-posts .fld-name strong,
.pa-respect .fld-name strong,
.pa-fld1 .fld-name strong {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
}

/* Центрирование статистики */
.post-author {
    text-align: center;   /* центрирует все inline-block элементы внутри */
}

/* Блок онлайна – картинка в левом верхнем углу */
.pa-online {
    position: absolute;
    top: -35px;              /* отступ сверху */
    left: 5px;             /* отступ слева */
    width: 14px;            /* размер иконки */
    height: 14px;
    background: url('https://forumstatic.ru/files/001c/bd/b1/36540.png') no-repeat center / contain;
    cursor: pointer;
    z-index: 10;            /* выше хедера и других элементов */
    margin: 0;              /* убираем старые отступы */
    /* убираем старые свойства width: fit-content, height: fit-content */
}

/* Убираем старую надпись "online" */
.pa-online::before {
    content: none !important; /* удаляем текст, который был добавлен через :before */
}

/* Стили для всплывающей подсказки (strong) оставляем без изменений, но немного подправим позиционирование */
.pa-online strong {
    position: absolute;
    top: calc(100% + 5px);   /* появляется снизу от иконки */
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 10px;
    background: rgba(0,0,0,.7);
    color: var(--pun-bg);
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity .2s linear 0s;
    pointer-events: none;
    font-weight: normal;
    font-size: 12px;
    /* убираем старые margin-right, transform с translate(-50%, 100%) */
}

/* Стрелка у подсказки (треугольник) */
.pa-online strong::after {
    content: '';
    position: absolute;
    bottom: 100%;           /* сверху от подсказки */
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-bottom: 6px solid rgba(0,0,0,.7);
    /* убираем старые значения border-left/right, margin-left и т.д. */
}

/* Показываем подсказку при наведении */
.pa-online:hover strong {
    opacity: 1;
}


/* Тело поста */

.post-body {
  width: calc(100% - var(--pwidth));
}

.post-box {
  padding: 0 0 10px 10px;
}

.post-links {
  margin-left: var(--pwidth);
  width: 100%;
}

.post-links ul {
  padding: 0;
  margin-left: calc(var(--pwidth) * -1);
  text-align: right;
}

.post-links li {
  display: inline;
}

.post-links li:not(:first-of-type) {
  padding-left: 10px;
}

.pl-email,
.pl-website {
  float: left;
}

.clearer {
  clear: both;
  height: 0;
  font-size: 0;
}


/* Контент поста - цитата, спойлер, таблицы и т.п. */

.punbb .post td {
  border: 0px transparent !important;
}

pre {
  font: 12px/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}

.post-content em {
  font-style: italic;
}

.post .post-content td {
  border-width: 0px !important;
}

.post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
}

.post-content p {
  margin: 0;
  padding: 0 0 12px 0;
  line-height: 150%;
  text-align: justify;
}

.post-content img {
  vertical-align: middle;
}

.scrollbox {
  width: 100%;
  overflow: auto;
  max-height: 200px;
}

/* цитата и код */

.quote-box,
.code-box {
  margin: 4px 10px 10px;
  padding: 5px;
  border: 1px solid var(--link-hover);
  background: var(--sec-bg);
}

.quote-box cite {
  display: block;
  padding-bottom: 5px;
  font-weight: bold;
  font-style: normal;
}

.code-box strong.legend {
  display: block;
  padding-bottom: 5px;
  font-weight: bold;
  font-style: normal;
}

.post-sig dt {
  border-bottom: 1px solid var(--link-hover);
  width: 300px;
  margin: 10px auto;
}

.punbb .reactions-root {
  padding: 0 0 10px;
}

.punbb .reactions-container {
  position: relative;
  justify-content: flex-end;
}

.punbb .reaction-picker {
  order: 1;
}

.punbb .reaction-picker-panel {
  right: 0;
}

/* Форма ответа */

#main-reply {
  box-sizing: border-box;
}

#tags {
  position: relative;
}

#tags .container {
  padding: var(--pad3) !important;
  top: 0 !important;
  max-height: 300px;
  overflow: auto;
}

/* Округлый контейнер для ника */
.pa-author a {
    display: inline-block !important;
    color: #53796c !important;
    text-decoration: none !important;
}

/* Стили для элементов топика, кроме тела поста и блока автора */
.post h3,
.post h3 *,
.post-links,
.post-links *,
.post-sig,
.post-sig *,
.reactions-root,
.reactions-root *,
.clearer {
    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: normal !important;
    text-transform: lowercase !important;
}

/* Контейнер для статистики – делаем flex для расположения в ряд */
.post-author ul {
    display: flex;
    flex-wrap: wrap;          /* если не хватает места, переносим на новую строку */
    justify-content: center;  /* центрируем элементы по горизонтали */
    gap: 10px 20px;           /* расстояние между элементами (вертикальное 10px, горизонтальное 20px) */
    padding: 10px;            /* сохраняем отступы, если они нужны */
    list-style: none;         /* убираем маркеры списка */
    margin: 0;                /* убираем лишние отступы */
}

/* Убираем лишние margin у самих элементов (они теперь управляются через gap) */
.pa-posts,
.pa-respect {
    display: inline-block;    /* или можно убрать, так как flex-элементы уже inline */
    margin: 0;                /* убираем старые margin, так как gap управляет расстоянием */
}

/* Профиль + ЛС
------------------------------------------*/

#profile .container {
  padding-left: 200px;
  min-height: 100px;
}

#profilenav {
  float: left;
  width: 180px;
  margin-left: -180px;
}

#viewprofile h2,
#profilenav h2 {
  padding: 0;
  margin: 0;
}

#profilenav li {
  padding: 0 0 5px;
}

#viewprofile li {
  padding: 5px 0;
}

#profile-right li {
  display: flex;
}

#profile-right li span {
  width: 150px;
  flex-shrink: 0;
}

#profile-left li strong, #profile-right li strong {
  font-weight: normal !important;
}

img.avatardemo {
  float: right;
  margin: 0 0 8px 18px;
}

#pun-messages .clearer {
  display: none;
}

/* Прочие страницы
------------------------------------------*/

/* Список пользователей */

#pun-userlist .formal,
#pun-userlist .formal .container {
  margin-bottom: 0;
}

#pun-userlist .tc2 {
  text-align: left;
  width: 20%;
}

#pun-userlist .tcl {
  width: 40%
}

.usertable .container {}

/* Собщения об ошибках */

.info .container {
  padding: var(--pad3);
}

.info .container .backlink {
  padding-top: 8px;
}

/* Регистрация */

.info-box {
  margin: 0 0 10px 0;
}

.info-box * {
  padding: 0 0 5px 0;
}

.info-box .legend {
  font-weight: bold;
}

.jGrowl-notification .jGrowl-close {
  position: relative;
  right: 6px;
}

.tipsy #respect figcaption {
  margin-top: 0;
}

/* Кнопки вверх-вниз
-------------------------------------------------------*/

.go-up,
.go-down {
  cursor: pointer;
  opacity: .5;
  z-index: 9999;
  display: none;
  position: fixed;
  margin-left: 1050px !important;
  box-sizing: border-box;
  transition: all .3s linear 0s;
}

.go-up {
  top: 260px;
}

.go-down {
  top: 320px;
}

.go-down:hover,
.go-up:hover {
  opacity: 1;
}

/* Form Buttons © max, the murderer!
----------------------------------------------------------------------- */

/* General */

#form-buttons table {
    width: 100% !important;
}

#form-buttons table tr {
    display: flex;
    justify-content: space-between; /* выравнивание кнопок в ряду */
    gap: 4px;
    margin-bottom: 4px;
}

#form-buttons td {
    position: relative;
    background: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px; /* ширина кнопки */
    height: 24px; /* высота кнопки */
}

#form-buttons td::before {
    font-family: var(--fa);
    font-size: 16px; /* размер иконки */
    font-weight: 400; /* стиль иконки */
    position: absolute;
    color: var(--link);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 1;
}

#form-buttons td:hover::before {
    color: var(--link-hover); /* цвет при наведении */
}


/* Icons */

#button-font::before {
    content: '\f031';
}

#button-size::before {
    content: '\f894';
}

#button-bold::before {
    content: '\f032';
}

#button-italic::before {
    content: '\f033';
}

#button-underline::before {
    content: '\f0cd';
}

#button-strike::before {
    content: '\f0cc';
}

#button-left::before {
    content: '\f036';
}

#button-right::before {
    content: '\f038';
}

#button-center::before {
    content: '\f037';
}

#button-link::before {
    content: '\f0c1';
}

#button-spoiler::before {
    content: '\f518';
}

#button-image::before {
    content: '\f302';
}

#button-video::before {
    content: '\f144';
}

#button-hide::before {
    content: '\f30d';
}

#button-quote::before {
    content: '\f27a';
}

#button-code::before {
    content: '\f121';
}

#button-color::before {
    content: '\f53f';
}

#button-table::before {
    content: '\f009';
}

#button-smile::before {
    content: '\f118';
}

#button-keyboard::before {
    content: '\f11c';
}

#button-addition::before {
    content: '\f0d7';
}

#form-buttons td#button-files_rusff::before {
    content: '\f07b';
}

#form-buttons td#button-graffiti_rusff::before {
    content: '\f5bd';
}

#button-transL::before {
    content: '\f891';
}

#button-indent::before {
    content: '\f878';
}

#button-justify::before {
    content: '\f039';
}

#floatbut::before {
    content: '\f03c';
}

#form-buttons #button-image ~ #button-image::before {
    content: '\f03e' !important;
}

#button-mask::before {
    content: '\f630';
}


/* Рейтинг поста */

body div.post-rating,
body div.post-vote {
  float: right;
  position: relative;
  line-height: initial;
}

body div.post-rating p,
body div.post-vote p {
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

div .post-rating p > a {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: 700 11px/100% verdana, arial, sans-serif !important;
  color: var(--link);
}

div.post-vote p > a {
  font-size: 0 !important;
}

div .post-rating p::before, div .post-vote p a::before {
  content: '\f004';
  font-family: var(--fa);
  font-weight: 700;
  font-size: 30px;
  line-height: 100%;
  color: var(--sec-bg);
  transition: all .2s linear 0s;
  text-stroke: 1px var(--link);
  -webkit-text-stroke: 1px var(--link);
}

div .post-vote p a:before {
  content: '\f075';
}

div .post-rating p:hover:before,
div .post-vote p:hover a:before {
  color: var(--link);
}

div .post-rating p:hover > a,
div .mylike .post-rating p > a {
  color: var(--pun-bg);
}

div .mylike .post-rating p:before {
  color: var(--link);
}

.post[data-group-id="3"] .post-rating {
  display: none;
}

.isguest .post .post-rating {
  pointer-events: none;
}

/* Скрыть шапку, плашку и иконку для гостей (у которых нет ссылки на профиль) */
.post-author:not(:has(.pa-author a))::before,
.post-author:not(:has(.pa-author a))::after,
.post-author:not(:has(.pa-author a)) .pa-online,
.post-author:not(:has(.pa-author a)) ul::after {
    display: none !important;
}

/* Принудительный шрифт для всех элементов статистики (включая цифры) */
.pa-posts .fld-name,
.pa-respect .fld-name,
.pa-fld1 .fld-name,
.pa-posts .fld-name *,
.pa-respect .fld-name *,
.pa-fld1 .fld-name *,
.pa-posts .fld-name a,
.pa-respect .fld-name a,
.pa-fld1 .fld-name a,
.pa-posts .fld-name span,
.pa-respect .fld-name span,
.pa-fld1 .fld-name span,
.pa-posts .fld-name strong,
.pa-respect .fld-name strong,
.pa-fld1 .fld-name strong,
.pa-posts .fld-name .num,
.pa-respect .fld-name .num,
.pa-fld1 .fld-name .num {
    font-family: Arial, sans-serif !important;
    font-size: 7px !important;
    line-height: 1.2 !important;
    font-weight: normal !important;
}