@import url(style_cs.1783285324.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 */
@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-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/81757.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Оптимизация загрузки: показывает текст сразу, а шрифт подгружает позже */
}
@fontt-face {
    font-family: 'Yeseva One'; /* Задайте любое имя для шрифта */
    src: url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap') 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,
#pun-title .title-logo-tdl,
#pun-index h1,
#pun-announcement h2,
.punbb :not(#pun-statistic) #pun-main h1,
#pun-crumbs1 .container strong,
#pun-crumbs2 .container strong,
#pun-index thead,
#pun-status .item4,
#pun-userlist h1,
#pun-userlist h2,
#pun-profile h2,
#pun-viewtopic h2,
#post fieldset legend > span,
.sharelink,
#formkey,
#formetc,
#pun-searchposts h1,
#pun-searchposts h2,
#pun-searchtopics h1,
#pun-searchtopics h2,
#pun-modviewforum h1,
#pun-modviewforum h2,
#pun-viewforum h1,
#pun-viewforum h2,
.pa-gifts,
.gid5 #navprofile,
.post-sig dt,
#pun-navlinks #navawards,
#pun-navlinks #navrules,
.modlist,
.tclcon:has(.modlist) > br:last-of-type,
#pun-ulinks #h-replies,
#pun-ulinks #h-unanswered,
.pl-email.email,
.catleft,
.catright,
#pun-premoderation .pa-title,
#pun-premoderation .pa-ua,
#pun-premoderation .pa-posts,
#pun-premoderation .pa-respect,
#pun-premoderation li[class^="pa-fld"],
#pun-premoderation h2,
#pun-viewtopic .linksb .postlink,
.inputfield:has(.social) {
    display: none !important;
}

#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;
  --header-bg: url('https://forumstatic.ru/files/001c/bd/b1/89805.png');
  --mystic-bg: url('https://forumstatic.ru/files/001c/bd/b1/63082.png');
  --amc-bg: url('https://forumstatic.ru/files/001c/bd/b1/65963.png');
  --game-bg: url('https://forumstatic.ru/files/001c/bd/b1/88036.png');
  --best-bg: url('https://forumstatic.ru/files/001c/bd/b1/99757.png');
  --rules-bg: url('https://forumstatic.ru/files/001c/bd/b1/37339.png');
  --roles-bg: url('https://forumstatic.ru/files/001c/bd/b1/57864.png');
  --need-bg: url('https://forumstatic.ru/files/001c/bd/b1/26422.png');
  --sec-bg: cornsilk; 
  --link: #53796c;
  --link-hover: #aca76f;
  --pwidth: 213px;
  --font: 'Yeseva One', arial, times new roman, garamond, serif;
  --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: #87a08a;   /* новый цвет фона */
  color: #f0eada;  /* цвет текста при выделении (оставляем как есть) */
}

: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: none;
    cursor: pointer;
    transition: all .2s linear 0s;
    background-color: #b6c1b7;
    border-radius: 30px;
    font-family: Arial, sans-serif;
    font-size: 9px;
    line-height: 1.6;
    font-weight: normal;
    color: #53796c;               /* новый цвет текста */
    text-transform: lowercase;    /* все буквы строчные */
}

input.button:hover,
#pun-admain input.button:hover,
#sub4:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    background-color: #d6d2c6; /* можно подобрать другой оттенок */
}

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

input[type="text"],
input[type="password"],
textarea,
select {
  padding: 5px 10px;                    /* увеличенные отступы для комфорта */
  border: 1px solid #829b85;            /* рамка как у категорий */
  border-radius: 5px;                  /* скругление углов */
  background-color: #b6c1b7;           /* белый фон для полей (можно заменить на #f0eada, если нужно) */
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color: #53796c;
  box-sizing: border-box;              /* чтобы отступы не увеличивали ширину */
}

textarea,
input,
select,
optgroup {
  font-size: 11px;                     /* единый размер шрифта */
}

optgroup {
  font-weight: bold;
}

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

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

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

.formal .container {
  padding: var(--pad1);
  /* background-color: #f0eada;   удалено */
  border-radius: 5px;                  /* скругление углов */
}

.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: 11px;                     /* единый размер для подписей */
  font-family: Arial, sans-serif;
  color: #53796c;
}

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

.hashelp {
  position: relative;
}

/* Выпадающие списки (select) – отдельный стиль */
select {
    background-color: #b6c1b7 !important;   /* новый фон */
    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
    font-weight: normal !important;
    /* обводка и padding остаются из общего правила */
    /* если нужно явно сохранить обводку, можно переопределить */
    border: 1px solid #829b85 !important;
    border-radius: 5px !important;
    padding: 5px 10px !important;
}

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

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

/* Сброс смещения для пользовательских ссылок в админке */
.punbb-admin #pun-ulinks {
    transform: none !important;   /* убираем translateY */
    /* если нужно также сбросить другие позиционирования, добавьте: */
    /* position: static; или top: auto; и т.д. */
}

.punbb-admin #pun-title {
   height: 50px;
}

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

/* фон */

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 {
    position: absolute;
    top: 20px;
    width: 1010px;
}

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

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

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

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

/* Блок навигации – гибкий контейнер */
.custom-nav {
    display: flex;
    flex-wrap: wrap;        /* перенос на новую строку при нехватке места */
    justify-content: center; /* центрируем по горизонтали */
    gap: 10px;              /* расстояние между кнопками */
    padding: 10px 0;        /* отступы вокруг блока (опционально) */
}

/* Каждая ссылка – как отдельная кнопка */
.custom-nav a {
    display: inline-block;          /* размер по содержимому */
    padding: 4px 10px;              /* внутренние отступы */
    background-color: #829b85;      /* фон */
    border: 1px solid #53796c;      /* обводка */
    border-radius: 10px;            /* закругление */
    color: #f0eada !important;          /* временно добавляем !important для проверки */
    font-family: 'Yeseva One', serif !important;
    font-size: 11px !important;                /* размер шрифта */
    text-decoration: none;          /* убираем подчёркивание */
    transition: background-color 0.2s ease; /* плавное изменение фона */
    text-transform: lowercase !important;
}

/* При наведении – небольшой эффект (можно убрать или изменить) */
.custom-nav a:hover {
    background-color: #6f8a72;      /* чуть темнее */
}

/*Быстрая смена*/

#navprofiles {
  position: relative;
  z-index: 999;
}

#pun-navlinks.section .multiacc-profilemenu {
    position: absolute;
    top: 20px;
    right: 0px;
    width: max-content;
    height: auto;
    background: #829b85;
    border-radius: 20px;
    border-inline: 1px solid #628474;
    color: #829b85;
}

.multiacc-profilemenu li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 12px;
  gap: 10px;
  width: 100%;
}

.multiacc-profilemenu li a {
  display: block;
  flex-grow: 1;
  text-align: left;
  padding-left: 20px;
  position: relative;
}

.multiacc-profilemenu li:first-child {
  background-color: #e0e0e0;
  font-weight: 700;
}

#pun-navlinks.section .multiacc-profilemenu li {
  position: relative;
  display: flex;
  justify-content: space-evenly;
  align-items: flex-end;
  font-size: 0.8rem;
  padding: 6px 16px 10px;
  border-bottom: 1px solid #64695c69;
  top: 0;
}

#pun-navlinks.section .multiacc-profilemenu li:last-child {
  border-bottom: 0;
}

#pun-navlinks.section .multiacc-profilemenu li:hover {
  box-shadow: inset 0px 0px 30px 3px rgba(43, 67, 62, 0.2);
}

#pun-navlinks.section .multiacc-profilemenu li a {
  color: #555;
}

#pun-navlinks.section .multiacc-profilemenu li a:hover {
  color: #888;
}

.multiacc-delete-btn {
  background: none;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  margin-left: auto;
}

.multiacc-dialog {
    z-index: 9999;
    padding: 10px;
    font-size: 0.8rem;
    background: #829b85 !important;
    border: 1px solid #53796c;
    color: #eae5d5;
}

.multiacc-dialog > form {
  border: 1px solid #53796c;
  padding: 10px 10px 2px;
}

.multiacc-dialog input {
  padding: 4px 10px;
  border: 1px solid #53796c;
}

.multiacc-dialog div {
  display: flex;
  justify-content: center;
}

.multiacc-dialog div:not(.multiacc-dialog div:last-child) {
  flex-direction: column;
}

.multiacc-dialog button {
  margin: 6px;
  padding: 4px 8px;
  background: #829b85;
  color: #eae5d5;
  border-inline: 1px solid #53796c;
  border-block: 0;
  border-radius: 4px;
  cursor: pointer;
}

.multiacc-dialog button:hover {
  color: #444;
}

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

#pun-ulinks .container {
    height: auto;
    /* border: 1px solid red; */
    padding-inline-start: 0px;
    width: 100%;
    margin-top: 0;
}

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

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0;
}

/* Статус */

/* Поднимаем и смещаем весь блок статуса */
#pun-status {
    position: absolute;
    top: 55px;
    margin-left: 150px;
}

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

#pun-status .status-right {
    float: right;
    position: absolute;
    left: 500px;
}

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

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

/* Копирайт */

#pun-about {}

#pun-about .container {
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 8px;
    line-height: 1.2;
    text-transform: lowercase;   /* все буквы строчные */
}

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

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

.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;
  text-transform: lowercase;
}

#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;
}

/* аватар */

#pun .user-avatar {

}

#pun-userlist .user-avatar {
    margin: 0;
}

.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/66273.png") no-repeat center center / cover;
  text-transform: uppercase;
  height: 40px;               /* фиксированная высота */
  line-height: 40px;          /* вертикальное центрирование текста */
  padding: 0;                 /* убираем лишние отступы */
  margin: 0;                  /* убираем внешние отступы */
  overflow: hidden;           /* чтобы текст не вылезал за пределы */
  border-bottom: 1px solid #829b85;  /* обводка только снизу */
}

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

#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: 2px 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/66273.png") no-repeat center center / cover; /* можно заменить на свою картинку */
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #829b85;  /* обводка только снизу */
}

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

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

/* Чтобы ссылки внутри (например, ник последнего зарегистрированного) наследовали эти стили */
#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 {
height: 384px;
}

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

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

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

.tablica {
    position: absolute;
    width: 1010px;
    height: 384px;
    margin: 0 auto;
    background: var(--header-bg) no-repeat top center;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 0; /* чтобы быть поверх фона */
}

.tablica .mystic {
    position: absolute;
    width: 200px;          /* ширина картинки */
    height: 27px;          /* высота картинки */
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: var(--mystic-bg) no-repeat top center / auto;
    left: 65px;  /* 87.891px */
    top: 310px;    /* 314.006px */
    font-size: 27px;
    font-family: 'lapochkin', serif;
    text-transform: lowercase;    /* все буквы строчные */
    color: rgb(83, 121, 108);
    line-height: 0.444;
    z-index: 55;
}

.tablica .gamer {
    position: absolute;
    width: 113px;          /* ширина картинки */
    height: 17px;          /* высота картинки */
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: var(--game-bg) no-repeat top center / auto;
    font-family: 'lapochkin', serif;
    text-transform: lowercase;    /* все буквы строчные */
    font-size: 24px;
    color: rgb(83, 121, 108);
    line-height: 0.444;
    z-index: 55;
}

/* Уникальные позиции для каждого */
.tablica .gamer1 {
    left: 70px;
    top: 70px;
}
.tablica .gamer2 {
    left: 97px;
    top: 100px;
}
.tablica .gamer3 {
    left: 70px;
    top: 130px;
}
.tablica .gamer4 {
    left: 97px;
    top: 160px;
}

.tablica .amc {
    position: absolute;
    width: 97px;          /* ширина картинки */
    height: 18px;          /* высота картинки */
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: var(--amc-bg) no-repeat top center / auto;
    font-family: 'lapochkin', serif;
    text-transform: lowercase;    /* все буквы строчные */
    font-size: 24px;
    color: rgb(83, 121, 108);
    line-height: 0.444;
    z-index: 55;
}

/* Уникальные позиции для каждого */
.tablica .amc1{
    left: 730px;
    top: 60px;
}
.tablica .amc2{
    left: 600px;
    top: 79px;
}
.tablica .amc3{
    left: 750px;
    top: 90px;
}
.tablica .amc4{
    left: 620px;
    top: 109px;
}

.tablica .best{
    position: absolute;
    left: 785px; 
    top: 185px;
    width: 200px;          /* ширина картинки */
    height: 31px;          /* высота картинки */
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: var(--best-bg) no-repeat top center / auto;
    font-family: 'lapochkin', serif;
    text-transform: lowercase;    /* все буквы строчные */
    font-size: 30px;
    color: rgb(83, 121, 108);
    line-height: 0.444;
    z-index: 55;
}

.tablica .best-text {
    position: absolute;
    left: 780px;  /* 87.891px */
    top: 220px;    /* 314.006px */
    width: 210px;
    height: 110px;
    overflow: auto;                /* скролл при переполнении */
    background: transparent;       /* прозрачный фон */
    border: none;                  /* без рамок */
    font-family: 'Yeseva One', serif;
    font-size: 9px;
    line-height: 12pt;             /* интерлиньяж 12 пунктов */
    box-sizing: border-box;
    color: #f0eada;
    z-index: 10;                   /* если нужно поверх других элементов */
    background: rgba(195, 191, 181, 0.5); /* полупрозрачная подложка (0.5 = 50% прозрачности) */
    padding: 3px;
    text-align: justify;
}

.tablica .need {
    position: absolute;            /* как у .image-swap */
    left: 560px;  /* 87.891px */
    top: 230px;    /* 314.006px */
    width: 91px;
    height: 23px;
    background: transparent;       /* прозрачный фон */
    border: none;                  /* без рамок */
    font-family: 'lapochkin', serif;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 12pt;             /* интерлиньяж 12 пунктов */
    box-sizing: border-box;
    color: rgb(83, 121, 108);
    z-index: 10;                   /* если нужно поверх других элементов */
    background: var(--need-bg) no-repeat top center / auto;
}

.tablica .rules {
    position: absolute;            /* как у .image-swap */
    left: 550px;  /* 87.891px */
    top: 260px;    /* 314.006px */
    width: 102px;
    height: 20px;
    background: transparent;       /* прозрачный фон */
    border: none;                  /* без рамок */
    font-family: 'lapochkin', serif;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 12pt;             /* интерлиньяж 12 пунктов */
    box-sizing: border-box;
    color: rgb(83, 121, 108);
    z-index: 10;                   /* если нужно поверх других элементов */
    background: var(--rules-bg) no-repeat top center / auto;
}

.tablica .roles {
    position: absolute;            /* как у .image-swap */
    left: 555px;  /* 87.891px */
    top: 290px;    /* 314.006px */
    width: 74px;
    height: 24px;
    background: transparent;       /* прозрачный фон */
    border: none;                  /* без рамок */
    font-family: 'lapochkin', serif;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 12pt;             /* интерлиньяж 12 пунктов */
    box-sizing: border-box;
    color: rgb(83, 121, 108);
    z-index: 10;                   /* если нужно поверх других элементов */
    background: var(--roles-bg) no-repeat top center / auto;
}

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

#pun-announcement {
}

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

#pun-announcement h2 {
  display: none;
}


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

/* Фон для всего подвала */

#html-footer {
    width: 1010px;              /* ширина 1010px */
    height: 113px;              /* высота 113px */
    margin: 0 auto;             /* центрирование по горизонтали */
    background-image: url('https://forumstatic.ru/files/001c/bd/b1/31998.png');
    background-size: cover;        /* чтобы картинка покрывала весь блок */
    background-repeat: no-repeat;
    background-position: center;

}

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

/* баннеры */
.banners {
  padding: var(--pad1);        /* отступы вокруг контейнера */
}

.banners a {
  opacity: .7;
}

.banners a:hover {
  opacity: 1;
}

/* Новый стиль для контейнера баннеров */
.banners .container {
    width: 300px;              /* ширина блока */
    height: 65px;             /* высота блока */
    overflow: auto;            /* внутренняя прокрутка, если содержимое не помещается */
    margin-left: 50px;         /* отступ слева 50px */
    box-sizing: border-box;    /* чтобы padding не увеличивал размер */
    direction: rtl;                /* скроллбар слева */
}

/* Если внутри много картинок, можно задать им inline-block, чтобы они были в ряд */
.banners .container a {
    display: inline-block;     /* или float: left, но inline-block проще */
    margin: 2px;               /* отступы между баннерами */
}


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

.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: 0 0 30px;
    border: 1px solid #829b85;
    border-radius: 5px;
    overflow: hidden;
    text-align: center; 
}

/* Хедер – через ::before у .post-author */
.post-author::before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 40px;
    background-size: cover;
    background-position: center;
    z-index: 1;
    border-bottom: 1px solid #829b85;
    box-sizing: border-box;
    display: block;
    left: 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: 1.5px solid #829b85;       /* обводка только сверху */
    box-sizing: border-box;
    border-radius: 0 0 0 0
}

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

/* Индивидуальные фоны */
.post .pa-author {
    background-image: url('https://forumstatic.ru/files/001c/8a/82/34148.png');
}
.post .post-author::after {
    background-image: url('https://forumstatic.ru/files/001c/8a/82/25602.png');
}
.post .post-author ul::after {
    background-image: url('https://forumstatic.ru/files/001c/bd/b1/97296.png');
}

/* Добавьте остальных пользователей по аналогии */
/* Индивидуальные фоны */
.post[data-user-id="3"] .pa-author {
    background-image: url('https://forumstatic.ru/files/001c/8a/82/34148.png');
}
.post[data-user-id="3"] .post-author::after {
    background-image: url('https://forumstatic.ru/files/001c/8a/82/69732.png');
}
.post[data-user-id="3"] .post-author ul::after {
    background-image: url('https://forumstatic.ru/files/001c/8a/82/22499.png');
}

/* Индивидуальные фоны */
.post[data-user-id="7"] .pa-author {
    background-image: url('https://forumstatic.ru/files/001c/8a/82/34148.png');
}
.post[data-user-id="7"] .post-author::after {
    background-image: url('https://forumstatic.ru/files/001c/8a/82/25602.png');
}
.post[data-user-id="7"] .post-author ul::after {
    background-image: url('https://forumstatic.ru/files/001c/8a/82/76870.png');
}

/* Индивидуальные фоны */
.post[data-user-id="8"] .pa-author {
    background-image: url('https://forumstatic.ru/files/001c/8a/82/34148.png');
}
.post[data-user-id="8"] .post-author::after {
    background-image: url('https://forumstatic.ru/files/001c/8a/82/25602.png');
}
.post[data-user-id="8"] .post-author ul::after {
    background-image: url('https://forumstatic.ru/files/001c/8a/82/76870.png');
}


/* Индивидуальные фоны */
.post[data-user-id="47"] .pa-author {
    background-image: url('https://forumstatic.ru/files/001c/8a/82/34148.png');
}
.post[data-user-id="47"] .post-author::after {
    background-image: url('https://forumstatic.ru/files/001c/8a/82/25602.png');
}
.post[data-user-id="47"] .post-author ul::after {
    background-image: url('https://forumstatic.ru/files/001c/8a/82/76870.png');
}

/* Индивидуальные фоны */
.post[data-user-id="68"] .pa-author {
    background-image: url('https://forumstatic.ru/files/001c/8a/82/34148.png');
}
.post[data-user-id="68"] .post-author::after {
    background-image: url('https://forumstatic.ru/files/001c/8a/82/25602.png');
}
.post[data-user-id="68"] .post-author ul::after {
    background-image: url('https://forumstatic.ru/files/001c/8a/82/76870.png');
}

/* Индивидуальные фоны */
.post[data-user-id="76"] .pa-author {
    background-image: url('https://forumstatic.ru/files/001c/8a/82/34148.png');
}
.post[data-user-id="76"] .post-author::after {
    background-image: url('https://forumstatic.ru/files/001c/8a/82/25602.png');
}
.post[data-user-id="76"] .post-author ul::after {
    background-image: url('https://forumstatic.ru/files/001c/8a/82/76870.png');
}

/* Поднимаем никнейм в середину хедера */
.pa-author {
    background: url() no-repeat top center / cover;
    padding: 2px 10px;
    line-height: 1 !important;
    font-family: 'Yeseva+One', serif; /* если шрифт не подключён, будет fallback */
    font-size: 18px;
    line-height: 1.2;
    font-weight: normal; /* или bold, если нужно */
    text-decoration: none;
    border-bottom: 1px solid #829b85;
}

/* Также убедимся, что ссылка внутри не имеет лишних отступов */
.pa-author a {
}

.pa-title {
   padding: 5px 10px;
   font-size: 9px;
   text-transform: lowercase;
}

.pa-avatar {
   padding-bottom: 5px;
}

.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
}

.lz, .lz a {
    font-family: 'Yeseva One', sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.2;
    text-transform: uppercase;   /* все буквы капс или лапс) */
    -webkit-font-smoothing: none;
    -moz-osx-font-smoothing: unset;
    text-rendering: optimizeSpeed; /* ускоряет рендеринг, может дать более резкий вид */
}

.lzname::after {
    line-height: 0.8;
    content: "***"; /* или " • • • " или "——" */
    display: block;
    font-family: 'lapochkin', serif; /* другой шрифт */
    font-size: 36px;
    color: #53796c;
    text-align: center;
    letter-spacing: 4px;      /* расстояние между символами */
    margin-bottom: -7px;
}

.lzinfo {
    width: 130px;
    display: block;
    margin: 0 auto; 
    text-align: justify;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    line-height: 1.2;
    text-transform: lowercase;   /* все буквы капс или лапс) */
}

.post-author .pa-row1 {
    margin: 0 auto 5px;
    padding: 10px 0;
    font-family: Arial, sans-serif !important;
    font-size: 7px !important;
    line-height: 1.2 !important;
    font-weight: normal !important;
    text-transform: uppercase;
    display: flex;
    text-align: center;
    justify-content: center;
    gap: 8px;
}

.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;
}

/* Блок онлайна – картинка в левом верхнем углу */
.pa-online {
    position: absolute;
    top: 5px;
    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 25px;
}

.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 {
    -webkit-font-smoothing: none;
    -moz-osx-font-smoothing: unset;
    text-rendering: optimizeSpeed; /* ускоряет рендеринг, может дать более резкий вид */
    margin: 0;
    padding: 0 0 12px 0;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.8;
    text-align: justify;
    color: #3f6357
}

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

/* Стилизация скроллбара для .scrollbox */
.scrollbox::-webkit-scrollbar {
    width: 5px;               /* ширина вертикального скроллбара */
}

.scrollbox::-webkit-scrollbar-track {
    background: #829b85;
    border: 1px solid #53796c;
    border-radius: 4px;
}

.scrollbox::-webkit-scrollbar-thumb {
    background: #f0eada;
    border: 1px solid #c2c0a9;
    border-radius: 4px;
}

/* Для Firefox */
.scrollbox {
    scrollbar-width: thin;
    scrollbar-color: #f0eada #829b85;
    height: auto !important;
}

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

.quote-box,
.code-box {
    margin: 4px 10px 10px;
    padding: 15px;
    border: 1px solid #829b85;
    border-radius: 20px;
    background-color: #adbcab;                           /* цвет-запасной, если картинка не загрузится */
    background-image: url('https://forumstatic.ru/files/001c/bd/b1/59817.png');
    background-size: auto;                               /* оригинальный размер картинки */
    background-repeat: repeat;                           /* повторяем по всей площади */
    background-position: center;
    /* если нужно, чтобы картинка не повторялась, замените repeat на no-repeat */
    overflow: auto;             /* скролл при превышении высоты */
    max-width: 100%;            /* чтобы блок не выходил за границы родителя */
    word-wrap: break-word;      /* перенос длинных слов */
    box-sizing: border-box;     /* чтобы padding не увеличивал ширину */
}

.quote-box cite,
.code-box strong.legend {
    display: block;
    background-image: url('https://forumstatic.ru/files/001c/bd/b1/19388.png');
    background-size: auto;                               /* оригинальный размер картинки */
    background-repeat: repeat;                           /* повторяем по всей площади */
    background-position: center;
    /* если нужно, чтобы картинка не повторялась, замените repeat на no-repeat */
    border: 1px solid #829b85;
    padding: 10px 10px;
    margin-bottom: 10px;
    border-radius: 10px 10px 10px 10px;
    font-weight: bold;
    font-style: normal;
    color: #53796c;
}

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

.punbb .reactions-root {
    display: none !important;
}

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

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

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

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

/* Скрыть заголовок "Быстрый ответ" */
#post-form h2 {
    display: none !important;
}

#main-reply {
  box-sizing: border-box;
  background-color: #f0eada;   /* фоновый цвет */
  border-radius: 5px;           /* скругление углов */

}

#tags {
  position: relative;
  background-color: #f0eada;   /* фоновый цвет */
  border-radius: 5px;           /* скругление углов */

}

#tags .container {
  padding: var(--pad3) !important;
  top: 0 !important;
  max-height: 300px;
  overflow: auto;
  background-color: #f0eada;   /* фоновый цвет */
  border-radius: 5px;           /* скругление углов */
}

/* Округлый контейнер для ника */
.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 *,
.clearer {
    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 1.2 !important;
    font-weight: normal !important;
    text-transform: lowercase !important;
}

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

/* Стилизация всей страницы профиля */
#profile .container {
    margin: 10px 20px;                    /* отступы сверху/снизу 10px, слева/справа 20px */
    padding-left: 200px;
    min-height: 100px;
    background-color: #f0eada;          /* подложка f0eada */
    padding: 20px 20px 20px 220px;      /* отступ слева увеличен под навигацию */
}

#profile {
    background-color: #f0eada !important;
    border-radius: 5px;
    border: 1px solid #829b85;
}

/* Стилизация левой навигации профиля */
#profilenav {
    float: left;
    width: 180px;
    margin-left: -200px;                /* сдвиг влево на 200px (вместо -180) */
    background-color: transparent;      /* прозрачный фон, чтобы была видна подложка */
}

/* Стилизация заголовков в профиле */
#viewprofile h2,
#profilenav h2 {
    padding: 0;
    margin: 0;
    font-family: 'Yeseva One', serif;
    font-size: 18px;
    color: #53796c;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* Пункты навигации – ссылки */
#profilenav li {
    padding: 0 0 5px;
}

#profilenav li a {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #53796c;
    text-decoration: none;
    text-transform: lowercase;
}

#profilenav li a:hover {
    color: #aca76f;
}

/* Строки с информацией о пользователе */
/* Строка (название + значение) – flex-контейнер */
#profile-right li {
    display: flex;
    align-items: baseline;      /* выравнивание по базовой линии текста */
    gap: 15px;                  /* отступ между названием и значением */
}

/* Названия полей – фиксированная ширина, чтобы значения выравнивались */
#profile-right li span {
    width: 150px;
    flex-shrink: 0;             /* чтобы не сжималось */
    font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: normal;
    line-height: 1.6;
    color: #53796c !important;
    text-transform: uppercase;
    margin-bottom: 8px;   /* увеличенный отступ между строками */
}

/* Значения полей – занимают оставшееся место, текст слева */
#profile-right li strong {
    flex: 1;                    /* занимает всю свободную ширину */
    font-weight: normal !important;
    color: #53796c;
    text-align: left;           /* значения начинаются с одной линии */
    font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: normal;
    line-height: 1.6;
    color: #9d974f !important;
    text-transform: uppercase;
}

/* Аватар */
img.avatardemo {
    float: right;
    margin: 0 0 8px 18px;
    border: 3px solid #829b85;
    border-radius: 5px;
}

/* Скрыть лишний элемент в ЛС */
#pun-messages .clearer {
    display: none;
}

/* Фон для страницы просмотра профиля */
#viewprofile {
    margin: 10px 20px;                    /* отступы сверху/снизу 10px, слева/справа 20px */
    background-color: #f0eada !important;
    border-radius: 5px;
    border: 1px solid #829b85;
    padding: 20px;
    overflow: hidden;
}

/* Убираем фон у внутреннего контейнера, если он перекрывает */
#viewprofile .container {
    background-color: transparent !important;
    padding: 0; /* можно убрать лишние отступы */
}

/* Чтобы навигация была прозрачной */
#profilenav {
    background: transparent !important;
}

/* Стили для страницы личных сообщений (ЛС) */
#profile.messages-container {
    background-color: #f0eada !important;
    border-radius: 5px;
    border: 1px solid #829b85;
    padding: 20px 20px 20px 220px;    /* левый отступ увеличен, чтобы навигация поместилась */
    margin: 10px 20px;
    overflow: hidden;
    position: relative;
}

/* Внутренний контейнер – делаем прозрачным, но сохраняем padding-left для навигации? */
#profile.messages-container .container {
    background-color: transparent !important;
    padding: 0;
    min-height: 100px;
    position: relative;
}

/* Навигация – возвращаем её */
#profile.messages-container #profilenav {
    float: left;
    width: 180px;
    margin-left: -200px;            /* сдвиг влево, чтобы встать на место */
    background: transparent;
    display: block;                 /* убеждаемся, что она не скрыта */
}

/* Заголовки навигации */
#profile.messages-container #profilenav h2 {
    padding: 0;
    margin: 0 0 5px 0;
    font-family: 'Yeseva One', serif;
    font-size: 16px;
    color: #53796c;
    text-transform: uppercase;
}

/* Пункты навигации */
#profile.messages-container #profilenav li {
    padding: 0 0 5px;
}

#profile.messages-container #profilenav li a {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #53796c;
    text-decoration: none;
}

#profile.messages-container #profilenav li a:hover {
    color: #aca76f;
}

/* Основная форма сообщений */
#profile.messages-container #messages {
    /* можно добавить отступы, чтобы не прилипало к навигации */
    margin-left: 0;
}

/* Центрирование и лапслок в левой части профиля */
#profile-left {
    text-align: center;
    text-transform: lowercase;   /* все буквы строчные */
}

/* Центрирование, лапслок и шрифт для левой части профиля */
#profile-left {
    text-align: center;
    text-transform: lowercase;
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 16px;          /* интерлиньяж 16px */
}

/* Чтобы все элементы внутри наследовали эти стили */
#profile-left * {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-transform: inherit;
}

/* Убираем жирность у strong внутри левой части (если есть) */
#profile-left li strong {
    font-weight: normal !important;
}

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

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

#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: 1;
  z-index: 9999;
  display: none;
  position: fixed;
  margin-left: 1020px !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';
}

/* Скрыть шапку, плашку и иконку для гостей (у которых нет ссылки на профиль) */
.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;
}

/* Принудительно убираем display:none и делаем плавное появление */
.spoiler-box blockquote {
    display: block !important;          /* перебиваем display:none от старого скрипта */
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.5s ease, opacity 0.4s ease, padding 0.3s ease;
    padding: 0 10px;
    margin: 0 !important;
}

.spoiler-box blockquote.visible {
    max-height: 2000px;
    opacity: 1;
    padding: 10px 10px;
}

.spoiler-box > div:first-child {
    cursor: pointer;
}

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

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);
  display: none;
}

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[data-group-id="3"] .post-author ul::after, .post[data-group-id="3"] .post-author::after {
  display: none;
}

#button-mask {
    background-size: contain !important;   /* вписываем картинку без искажений */
    background-repeat: no-repeat !important; /* убираем повтор (замощение) */
    background-position: center !important;  /* центрируем */
}

/* шрифты собраны и залиты blanche */

@font-face { font-family: Agoka Family;
src: local("AgokaFamilyRegular"), url(https://forumstatic.ru/files/001a/28/10/85666.ttf) format('truetype');}
@font-face { font-family: Allegate;
src: local("ALLEGATE"), url(https://forumstatic.ru/files/001a/28/10/35035.ttf) format('truetype');}
@font-face { font-family: Alter Biom;
src: local("AlterBiomDemo"), url(https://forumstatic.ru/files/001a/28/10/78692.ttf) format('truetype');}
@font-face { font-family: Amanda;
src: local("Amanda"), url(https://forumstatic.ru/files/001a/28/10/10766.ttf) format('truetype');}
@font-face { font-family: Angelic Bonques;
src: local("AngelicBonquesFree-Sans"), url(https://forumstatic.ru/files/001a/28/10/37701.ttf) format('truetype');}
@font-face { font-family: Antifont;
src: local("Antifont"), url(https://forumstatic.ru/files/001a/28/10/54245.ttf) format('truetype');}
@font-face { font-family: Antosan;
src: local("Antosan-Regular"), url(https://forumstatic.ru/files/001a/28/10/56270.ttf) format('truetype');}
@font-face { font-family: Argue;
src: local("Argue"), url(https://forumstatic.ru/files/001a/28/10/17893.ttf) format('truetype');}
@font-face { font-family: Ariel Script;
src: local("Ariel Script"), url(https://forumstatic.ru/files/001a/28/10/71595.ttf) format('truetype');}
@font-face { font-family: Arthead;
src: local("ArtheadRegular"), url(https://forumstatic.ru/files/001a/28/10/82889.ttf) format('truetype');}
@font-face { font-family: Avriella;
src: local("AvriellaRegular"), url(https://forumstatic.ru/files/001a/28/10/92422.ttf) format('truetype');}
@font-face { font-family: Baron Neue;
src: local("BaronNeue"), url(https://forumstatic.ru/files/001a/28/10/76838.ttf) format('truetype');}
@font-face { font-family: Basis;
src: local("Basis33"), url(https://forumstatic.ru/files/001a/28/10/47687.ttf) format('truetype');}
@font-face { font-family: Baskerville Old Face;
src: local("BASKVILL"), url(https://forumstatic.ru/files/001a/28/10/30179.ttf) format('truetype');}
@font-face { font-family: Baysoir;
src: local("BAYSOIR"), url(https://forumstatic.ru/files/001a/28/10/89201.ttf) format('truetype');}
@font-face { font-family: Baysoir Sans;
src: local("BAYSOIRSANS-REGULAR"), url(https://forumstatic.ru/files/001a/28/10/10045.ttf) format('truetype');}
@font-face { font-family: Beatrix Signature;
src: local("BeatrixSignature"), url(https://forumstatic.ru/files/001a/28/10/28028.ttf) format('truetype');}
@font-face { font-family: Bigilla;
src: local("31276"), url(https://forumstatic.ru/files/001a/28/10/31276.ttf) format('truetype');}
@font-face { font-family: Bitter Mind;
src: local("BITTER_MIND"), url(https://forumstatic.ru/files/001a/28/10/68373.ttf) format('truetype');}
@font-face { font-family: Birch;
src: local("BirchStd"), url(https://forumstatic.ru/files/001a/28/10/97723.otf) format('truetype');}
@font-face { font-family: Bleinheim Signature;
src: local("BleinheimSignature"), url(https://forumstatic.ru/files/001a/28/10/71963.ttf) format('truetype');}
@font-face { font-family: Bloc Kursiv;
src: local("BLOC_KURSIV"), url(https://forumstatic.ru/files/001a/28/10/95363.ttf) format('truetype');}
@font-face { font-family: Bodonian Script;
src: local("BodonianScript W01 2"), url(https://forumstatic.ru/files/001a/28/10/44948.ttf) format('truetype');}
@font-face { font-family: Botaky;
src: local("BotakyGX"), url(https://forumstatic.ru/files/001a/28/10/35651.ttf) format('truetype');}
@font-face { font-family: Borntod;
src: local("BorntodRegular"), url(https://forumstatic.ru/files/001a/28/10/85479.ttf) format('truetype');}
@font-face { font-family: Bradobrei;
src: local("Bradobrei"), url(https://forumstatic.ru/files/001a/28/10/53387.ttf) format('truetype');}
@font-face { font-family: Breital;
src: local("BREITAL"), url(https://forumstatic.ru/files/001a/28/10/48194.ttf) format('truetype');}
@font-face { font-family: Brilliant Signature;
src: local("BrilliantSignature-1Regular"), url(https://forumstatic.ru/files/001a/28/10/79014.ttf) format('truetype');}
@font-face { font-family: Brioche;
src: local("Brioche DEMO"), url(https://forumstatic.ru/files/001a/28/10/41313.ttf) format('truetype');}
@font-face { font-family: Broadway;
src: local("BROADW."), url(https://forumstatic.ru/files/001a/28/10/86354.ttf) format('truetype');}
@font-face { font-family: Brooke Smith Script;
src: local("Brooke Smith Script"), url(https://forumstatic.ru/files/001a/28/10/58710.ttf) format('truetype');}
@font-face { font-family: Bw Vivant;
src: local("BW-VIVANT-BLACK"), url(https://forumstatic.ru/files/001a/28/10/96188.ttf) format('truetype');}
@font-face { font-family: Caities;
src: local("CAITIES"), url(https://forumstatic.ru/files/001a/28/10/71476.ttf) format('truetype');}
@font-face { font-family: Calama;
src: local("CALAMA"), url(https://forumstatic.ru/files/001a/28/10/46341.ttf) format('truetype');}
@font-face { font-family: Caledo;
src: local("caledo_light-webfont"), url(https://forumstatic.ru/files/001a/28/10/98945.ttf) format('truetype');}
@font-face { font-family: Californian;
src: local("CALIFIt"), url(https://forumstatic.ru/files/001a/28/10/78730.ttf) format('truetype');}
@font-face { font-family: Calypso;
src: local("Calypso"), url(https://forumstatic.ru/files/001a/28/10/26384.ttf) format('truetype');}
@font-face { font-family: Cantique;
src: local("Cantique-Normal"), url(https://forumstatic.ru/files/001a/28/10/10843.ttf) format('truetype');}
@font-face { font-family: Cheque;
src: local("Cheque-Black"), url(https://forumstatic.ru/files/001a/28/10/75371.ttf) format('truetype');}
@font-face { font-family: Chequers;
src: local("Chequers-Regular"), url(https://forumstatic.ru/files/001a/28/10/91957.ttf) format('truetype');}
@font-face { font-family: Clovvo;
src: local("ClovvoPersonalUse-Regular"), url(https://forumstatic.ru/files/001a/28/10/14185.ttf) format('truetype');}
@font-face { font-family: Coastine Font;
src: local("Coastine Font"), url(https://forumstatic.ru/files/001a/28/10/32472.ttf) format('truetype');}
@font-face { font-family: Code Pro;
src: local("Code-Pro"), url(https://forumstatic.ru/files/001a/28/10/17952.ttf) format('truetype');}
@font-face { font-family: Crystal Vibes;
src: local("CRYSTAL_VIBES_SCRIPT"), url(https://forumstatic.ru/files/001a/28/10/89117.ttf) format('truetype');}
@font-face { font-family: Cyrano;
src: local("CyranoDEMO"), url(https://forumstatic.ru/files/001a/28/10/80771.ttf) format('truetype');}
@font-face { font-family: Cyrillic Goth;
src: local("18642"), url(https://forumstatic.ru/files/001a/28/10/18642.ttf) format('truetype');}
@font-face { font-family: Curator;
src: local("Curator4-Italic"), url(https://forumstatic.ru/files/001a/28/10/81244.ttf) format('truetype');}
@font-face { font-family: Dita Sweet;
src: local("Dita-Sweet"), url(https://forumstatic.ru/files/001a/28/10/73179.ttf) format('truetype');}
@font-face { font-family: Doppelganger;
src: local("Doppelganger_RUS"), url(https://forumstatic.ru/files/001b/7c/28/15478.ttf) format('truetype');}
@font-face { font-family: Elegant Dragon;
src: local("ELEGANT_DRAGON"), url(https://forumstatic.ru/files/001a/28/10/72734.ttf) format('truetype');}
@font-face { font-family: Enough;
src: local("ENOUGH"), url(https://forumstatic.ru/files/001a/28/10/96362.ttf) format('truetype');}
@font-face { font-family: Erotique Alternate;
src: local("Erotique-Alternate-Regular-trial"), url(https://forumstatic.ru/files/001a/28/10/59686.ttf) format('truetype');}
@font-face { font-family: Fashionable;
src: local("Fashionable"), url(https://forumstatic.ru/files/001a/28/10/48354.ttf) format('truetype');}
@font-face { font-family: Finches;
src: local("FinchesRegular"), url(https://forumstatic.ru/files/001a/28/10/97043.ttf) format('truetype');}
@font-face { font-family: Fright Night;
src: local("frightnight"), url(https://forumstatic.ru/files/001a/28/10/57561.ttf) format('truetype');}
@font-face { font-family: Galatea Gothic;
src: local("11702"), url(https://forumstatic.ru/files/001a/28/10/11702.ttf) format('truetype');}
@font-face { font-family: Gravity;
src: local("Gravity1"), url(https://forumstatic.ru/files/001a/28/10/12801.ttf) format('truetype');}
@font-face { font-family: Gunny Rewritten;
src: local("GNYRWN971"), url(https://forumstatic.ru/files/001a/28/10/52816.ttf) format('truetype');}
@font-face { font-family: Hello Paris;
src: local("Hello Paris Sans Regular"), url(https://forumstatic.ru/files/001a/28/10/99006.otf) format('opentype');}
@font-face { font-family: Hello Paris Script;
src: local("Hello Paris Script"), url(https://forumstatic.ru/files/001a/28/10/22460.ttf) format('truetype');}
@font-face { font-family: Helvetica Neue;
src: local("HelveticaNeueCyr-Roman"), url(https://forumstatic.ru/files/001a/28/10/91623.ttf) format('truetype');}
@font-face { font-family: Helvetica Neue Medium;
src: local("HelveticaNeueCyr-Medium"), url(https://forumstatic.ru/files/001a/28/10/55905.ttf) format('truetype');}
@font-face { font-family: Hermes;
src: local("Herrmes"), url(https://forumstatic.ru/files/001a/28/10/60054.ttf) format('truetype');}
@font-face { font-family: Hullist;
src: local("HULLIST"), url(https://forumstatic.ru/files/001a/28/10/46881.ttf) format('truetype');}
@font-face { font-family: Journalism;
src: local("Journalism_(graphicsland.ru)"), url(https://forumstatic.ru/files/001a/28/10/54498.ttf) format('truetype');}
@font-face { font-family: Katulamp;
src: local("KATULAMP"), url(https://forumstatic.ru/files/001a/28/10/53138.ttf) format('truetype');}
@font-face { font-family: Laginchy;
src: local("Laginchy-Regular"), url(https://forumstatic.ru/files/001a/28/10/65139.ttf) format('truetype');}
@font-face { font-family: Lighthaus;
src: local("Lighthaus"), url(https://forumstatic.ru/files/001a/28/10/78556.ttf) format('truetype');}
@font-face { font-family: Liquido;
src: local("LIQUIDO-Fluid"), url(https://forumstatic.ru/files/001a/28/10/48266.ttf) format('truetype');}
@font-face { font-family: Madegra;
src: local("Madegra DEMO"), url(https://forumstatic.ru/files/001a/28/10/86708.ttf) format('truetype');}
@font-face { font-family: Mak Light;
src: local("Mak-Light"), url(https://forumstatic.ru/files/001a/28/10/11519.ttf) format('truetype');}
@font-face { font-family: Masquerouge;
src: local("MASQUEROUGE"), url(https://forumstatic.ru/files/001a/28/10/71576.ttf) format('truetype');}
@font-face { font-family: Old English;
src: local("OLDENGL"), url(https://forumstatic.ru/files/001a/28/10/91812.ttf) format('truetype');}
@font-face { font-family: Parchment;
src: local("PARCHM"), url(https://forumstatic.ru/files/001a/28/10/45862.ttf) format('truetype');}
@font-face { font-family: Peter Jhons;
src: local("PETER_JHONS"), url(https://forumstatic.ru/files/001a/28/10/98694.ttf) format('truetype');}
@font-face { font-family: Pink Script;
src: local("PinkScript"), url(https://forumstatic.ru/files/001a/28/10/33899.ttf) format('truetype');}
@font-face { font-family: Pistilli;
src: local("Pistilli"), url(https://forumstatic.ru/files/001a/28/10/80147.ttf) format('truetype');}
@font-face { font-family: Port Vintage;
src: local("PortVintage-DcrMed"), url(https://forumstatic.ru/files/001a/28/10/97723.ttf) format('truetype');}
@font-face { font-family: PortVintage;
src: local("PortVintage-Orn"), url(https://forumstatic.ru/files/001a/28/10/90259.ttf) format('truetype');}
@font-face { font-family: Prestige Signature;
src: local("Prestige Signature Script - Demo"), url(https://forumstatic.ru/files/001a/28/10/72291.ttf) format('truetype');}
@font-face { font-family: Qalisso;
src: local("Qalisso"), url(https://forumstatic.ru/files/001b/7c/28/25572.ttf) format('truetype');}
@font-face { font-family: Quake Love;
src: local("QUAKELOVE-REGULAR"), url(https://forumstatic.ru/files/001a/28/10/94557.ttf) format('truetype');}
@font-face { font-family: Recorda Script;
src: local("RECORDASCRIPT_PERSONAL_USE_ONLY"), url(https://forumstatic.ru/files/001a/28/10/60568.ttf) format('truetype');}
@font-face { font-family: Renith;
src: local("RENITH"), url(https://forumstatic.ru/files/001a/28/10/58517.ttf) format('truetype');}
@font-face { font-family: Rhesmanisa;
src: local("Rhesmanisa"), url(https://forumstatic.ru/files/001a/28/10/92578.ttf) format('truetype');}
@font-face { font-family: Rise;
src: local("RISE"), url(https://forumstatic.ru/files/001a/28/10/39773.ttf) format('truetype');}
@font-face { font-family: Rosgart;
src: local("ROSGART"), url(https://forumstatic.ru/files/001a/28/10/52079.ttf) format('truetype');}
@font-face { font-family: Rotherland;
src: local("Rotherland"), url(https://forumstatic.ru/files/001a/28/10/53877.ttf) format('truetype');}
@font-face { font-family: Sage;
src: local("Sage"), url(https://forumstatic.ru/files/001a/28/10/30936.ttf) format('truetype');}
@font-face { font-family: Sail;
src: local("Sail-Regular"), url(https://forumstatic.ru/files/001a/28/10/48401.ttf) format('truetype');}
@font-face { font-family: Salty Feathers;
src: local("Salty Feathers"), url(https://forumstatic.ru/files/001a/28/10/41030.ttf) format('truetype');}
@font-face { font-family: Salve Script;
src: local("Salve-Script2Bold"), url(https://forumstatic.ru/files/001a/28/10/22224.ttf) format('truetype');}
@font-face { font-family: Saonara;
src: local("MADESAONARA2"), url(https://forumstatic.ru/files/001a/28/10/98192.ttf) format('truetype');}
@font-face { font-family: Shlapak Script;
src: local("ShlapakScript"), url(https://forumstatic.ru/files/001a/28/10/90421.ttf) format('truetype');}
@font-face { font-family: Shutter Stone;
src: local("Shutter Stone Standar"), url(https://forumstatic.ru/files/001a/28/10/70526.ttf) format('truetype');}
@font-face { font-family: Signerica;
src: local("SIGNERICA_MEDIUM"), url(https://forumstatic.ru/files/001a/28/10/40510.ttf) format('truetype');}
@font-face { font-family: Smooth Stone;
src: local("SmoothStone-Regular"), url(https://forumstatic.ru/files/001a/28/10/67204.ttf) format('truetype');}
@font-face { font-family: Soothing;
src: local("Soothing"), url(https://forumstatic.ru/files/001a/28/10/16781.ttf) format('truetype');}
@font-face { font-family: Specials;
src: local("SpecialsDemoRegular"), url(https://forumstatic.ru/files/001a/28/10/56918.ttf) format('truetype');}
@font-face { font-family: Stay Classy;
src: local("STAY_CLASSY_SLDT"), url(https://forumstatic.ru/files/001a/28/10/49721.ttf) format('truetype');}
@font-face { font-family: Swash Line;
src: local("Swash line"), url(https://forumstatic.ru/files/001a/28/10/83744.ttf) format('truetype');}
@font-face { font-family: Tamira;
src: local("Tamira-PersonalUse"), url(https://forumstatic.ru/files/001a/28/10/29062.ttf) format('truetype');}
@font-face { font-family: The Artist Script;
src: local("MADETheArtistScript"), url(https://forumstatic.ru/files/001a/28/10/40773.ttf) format('truetype');}
@font-face { font-family: The Monse;
src: local("THEMONSE-REGULAR"), url(https://forumstatic.ru/files/001a/28/10/50869.ttf) format('truetype');}
@font-face { font-family: Tiffany Script;
src: local("TiffanyScript"), url(https://forumstatic.ru/files/001a/28/10/39225.ttf) format('truetype');}
@font-face { font-family: Valkyrie;
src: local("Valkyrie-Regular"), url(https://forumstatic.ru/files/001a/28/10/46831.ttf) format('truetype');}
@font-face { font-family: Valky;
src: local("ValkyRegular"), url(https://forumstatic.ru/files/001a/28/10/85067.ttf) format('truetype');}
@font-face { font-family: Vanity;
src: local("Vanity-Light"), url(https://forumstatic.ru/files/001a/28/10/14245.ttf) format('truetype');}
@font-face { font-family: Verona Lotte;
src: local("Verona-Lotte-Script"), url(https://forumstatic.ru/files/001a/28/10/62175.ttf) format('truetype');}
@font-face { font-family: Wata;
src: local("Wata-Free-Font"), url(https://forumstatic.ru/files/001a/28/10/98589.ttf) format('truetype');}

@font-face { font-family: Arkhip;
src: local("Arkhip"), url(https://forumstatic.ru/files/001b/7c/28/89556.ttf) format('truetype');}
@font-face { font-family: Rollfast;
src: local("RollfastRounded"), url(https://forumstatic.ru/files/001b/7c/28/20867.ttf) format('truetype');}
@font-face { font-family: Caravan;
src: local("Caravan"), url(https://forumstatic.ru/files/001b/7c/28/75984.ttf) format('truetype');}
@font-face { font-family: Esencia;
src: local("Esencia"), url(https://forumstatic.ru/files/001b/7c/28/29567.ttf) format('truetype');}
@font-face { font-family: DRUZHOK;
src: local("DRUZHOK"), url(https://forumstatic.ru/files/001b/7c/28/98904.ttf) format('truetype');}

/* Кнопка стикеров – принудительная иконка */
/* Переопределяем фон для кнопки стикеров (специфичнее, чем #form-buttons td) */
#form-buttons td#button-sticker {
    background: url('https://img.icons8.com/?size=100&id=78960&format=png&color=53796c') no-repeat center !important;
    background-size: 16px 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
}

/* БыстроПлюсы для Топика */
.noNull:before {
  content: "+";
  font-size: 9px;
  display: inline-block;
  margin-left: -6px;
  margin-top: 0px;
  position: absolute;
}
div .post-rating p>a {
  text-align: center;
  outline: 1px solid transparent;
  font-weight: 700;
  background: url() no-repeat center;
  background-size: 38px auto;
  position: relative;
  padding-left: 1px;
  z-index: 100;
  width: 38px;
  height: 38px;
  text-align: center;
  font-size: 12px !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 34px;
  letter-spacing: -1px;
  color: #336B5E;
}
div.dark-style .post-rating p>a {
  color: #6BC8AF !important;
}
div.post-vote {
    margin-bottom: 65px;
}
div.post-vote p>a {
  font-size: 0 !important;
  position: absolute;
  cursor: pointer;
  z-index: 200;
  width: 23px;
  height: 23px;
  background: url(https://forumstatic.ru/files/0012/d8/04/75043.png?) no-repeat;
  display: block;
  background-size: 100%;
  margin-left: 29px;
  margin-top: 42px;
}
.post.dark-style div.post-vote p>a {
  background: url(https://forumstatic.ru/files/0012/d8/04/38128.png?) no-repeat;
  background-size: 100%;
}