@import url(style_cs.1757956232.css);

/* Шрифты
-------------------------------------------------------------*/

/* Иконки */
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");

/* шрифты собраны и залиты envy */
@font-face { font-family: archive;
src: local("archive"), url(https://forumstatic.ru/files/0015/28/00/75162.otf) format('truetype');}
@font-face { font-family: arkhip;
src: local("arkhip"), url(https://forumstatic.ru/files/0015/28/00/27522.ttf) format('truetype');}
@font-face { font-family: baron neue;
src: local("baronneue"), url(https://forumstatic.ru/files/0015/28/00/38250.ttf) format('truetype');}
@font-face { font-family: basis;
src: local("basis33"), url(https://forumstatic.ru/files/0015/28/00/99051.ttf) format('truetype');}
@font-face { font-family: bradobrei;
src: local("bradobrei"), url(https://forumstatic.ru/files/0015/28/00/79628.ttf) format('truetype');}
@font-face { font-family: calypso;
src: local("calypso"), url(https://forumstatic.ru/files/0015/28/00/77071.ttf) format('truetype');}
@font-face { font-family: cheque;
src: local("cheque-black"), url(https://forumstatic.ru/files/0015/28/00/47389.ttf) format('truetype');}
@font-face { font-family: code pro;
src: local("code-pro"), url(https://forumstatic.ru/files/0015/28/00/40663.ttf) format('truetype');}
@font-face { font-family: curator;
src: local("curator4-italic"), url(https://forumstatic.ru/files/0015/28/00/54346.ttf) format('truetype');}
@font-face { font-family: gunny rewritten;
src: local("gnyrwn971"), url(https://forumstatic.ru/files/0015/28/00/51337.ttf) format('truetype');}
@font-face { font-family: helvetica neue medium;
src: local("helveticaneuecyr-medium"), url(https://forumstatic.ru/files/0015/28/00/67894.ttf) format('truetype');}
@font-face { font-family: journalism;
src: local("journalism_(graphicsland.ru)"), url(https://forumstatic.ru/files/0015/28/00/10034.ttf) format('truetype');}
@font-face { font-family: lighthaus;
src: local("lighthaus"), url(https://forumstatic.ru/files/0015/28/00/10357.ttf) format('truetype');}
@font-face { font-family: oswald;
src: local("oswald"), url(https://forumstatic.ru/files/0015/28/00/60141.ttf) format('truetype');}
@font-face { font-family: odessa;
src: local("odessa"), url(https://forumstatic.ru/files/001c/25/f9/41227.otf) format('truetype');}
@font-face { font-family: rubikmonoone;
src: local("rubikmonoone"), url(https://forumstatic.ru/files/0015/28/00/53777.ttf) format('truetype');}
@font-face { font-family: rubik;
src: local("rubikmonoone"), url(https://forumstatic.ru/files/001a/74/14/39158.ttf) format('truetype');}
@font-face { font-family: yanonekaffeesatz;
src: local("yanonekaffeesatz"), url(https://forumstatic.ru/files/001c/25/f9/36439.ttf) format('truetype');}
@font-face { font-family: russoone;
src: local("russoone"), url(https://forumstatic.ru/files/001c/25/f9/18560.ttf) format('truetype');}
@font-face { font-family: delagothicone;
src: local("delagothicone"), url(https://forumstatic.ru/files/001c/25/f9/87882.ttf) format('truetype');}
@font-face { font-family: quiza;
src: local("quiza"), url(https://forumstatic.ru/files/001c/25/f9/94124.ttf) format('truetype');}
@font-face { font-family: breamcatcher;
src: local("breamcatcher"), url(https://forumstatic.ru/files/001c/25/f9/76750.otf) format('truetype');}
@font-face { font-family: troubleside;
src: local("troubleside"), url(https://forumstatic.ru/files/001c/25/f9/31964.ttf) format('truetype');}
@font-face { font-family: znak-mono;
src: local("znak-mono"), url(https://forumstatic.ru/files/001c/25/f9/46309.ttf) format('truetype');}
@font-face { font-family: ekran;
src: local("ekran"), url(https://forumstatic.ru/files/001c/25/f9/47749.ttf) format('truetype');}
@font-face {font-family: 'Font Awesome';
src: local("FontAwesome"), url(https://forumstatic.ru/files/0015/28/00/83987.ttf);}

@font-face {
    font-family: 'Rotis';
    src: url('https://forumstatic.ru/files/000e/85/f0/50549.woff2') format('woff2'),
         url('https://forumstatic.ru/files/000e/85/f0/75606.woff') format('woff'),
         url('https://forumstatic.ru/files/000e/85/f0/11960.ttf') format('truetype'),
         url('https://forumstatic.ru/files/000e/85/f0/97645.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Calibri';
  src: url('fonts/calibri.woff2') format('woff2'),
       url('fonts/calibri.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

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

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

.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 {
    --logo: url('https://forumstatic.ru/files/0015/28/00/98215.png');
    --logosvet: url('https://forumstatic.ru/files/001c/83/b6/99334.png');
    --fontemn: url('https://forumstatic.ru/files/0015/28/00/65382.jpg');
    --fonsvet: url('https://forumstatic.ru/files/001c/83/b6/32813.jpg');
    --telo: #cac9c9;
    --wordcolor: #d2d2d2;
    --wordcolor1: #2f2f2f;
    --accentcolor1: #641c16;
    --accentcolor2: #973429;
    --categor: #dddddd;
    --linkcolor: #8a1408;
    --linkhover: #f2f2f2;
    --black: #272723;
    --blackmin: rgba(0, 0, 0, 0.01);
    --blackmedium: rgba(0, 0, 0, 0.1);
    --blackmax: rgb(0 0 0 / 42%);
    --blackmore: rgb(0 0 0 / 5%);
    --white: #fff;
    --grey: #9d9d9d;
    --textcolor: #2d2d2d;
    --amscolor: #732030;
    --bordercolor: #cfcfcf;
    --buttoncolor: #410101;
    --buttontextcolor: #e1e1e1;
    --quotecolor: #eeeeeec2;
    --useravatarcolor: #911818;
    --arial: arial, verdana, helvetica, sans-serif;
    --rus: archive;
    --eng: Journalism;
    --fontosnovnoe: verdana, arial, helvetica, sans-serif;
    --mso: "Material Symbols Outlined";
    --mso3: "Font Awesome";
    --selecttextcolor: #f2f2f2;
    --font-base: verdana, arial, helvetica, sans-serif;
    --accent-light: #414141;
    --accent-color-light: #842513;
    --padding: 10px 20px;
    --tpad: 5px 20px;
    --mpad: 5px 10px;
    --bpad: 10px 40px;
}

/* 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%;
  scrollbar-width: thin;
  scrollbar-color: var() transparent;
}

/* Прокрутка */

*::-webkit-scrollbar {width: 10px; height: 11px;}
*::-webkit-scrollbar-track {background-color: transparent;}
*::-webkit-scrollbar-thumb {background-color: var();}
*::-webkit-scrollbar-thumb:active {background: var();}

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

::-moz-selection {
  background-color: var(--selectmax);
  color: var(--selecttextcolor);
}

::selection {
  background-color: var(--buttoncolor);
  color: var(--selecttextcolor);
}

:focus {outline: none;}

/* Оформление ссылок */

a, .punbb #pun-admain a {
  text-decoration: none;
  color: var(--accentcolor1);
  transition: all 0.4s ease !important;
  -webkit-transition: all 0.4s ease !important;
  -moz-transition: all 0.4s ease !important;
  -o-transition: all 0.4s ease !important;
}

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

/* Оформление поискслова */
.post-content .highlight-text {
    background-color: var(--accentcolor1)!important;
    color: var(--white) !important;
    padding: 0px 2px 2px 2px;
    border-radius: 3px;
}

/* Оформление линии*/
.post-content hr {
       border-bottom: 1px solid var(--blackmax);
}

/* Оформление зачеркнутого текста*/
del {
    text-decoration-thickness: 2px;
    text-decoration-line: line-through;
    text-decoration-style: solid;
    filter: blur(2px);
    transition: filter 0.3s ease;
    padding-left: 3px;
}

del:hover {
    filter: blur(0);
    text-decoration: none;
}

/* Заголовки и абзацы */

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

h1, h2 {
  padding: 10px 20px;
  font-weight: normal;
  text-align: center;
  font-family: var(--rus);
  text-transform: uppercase;
}

h1 span {
    display: inline-block;
    /* background: var(--black); */
    width: 1060px;
    /* height: 30px; */
    font: 700 1.2rem/100% var(--rus);
    text-transform: uppercase;
    color: var(--black);
    border-radius: 10px;
}

.punbb #pun-main h1:not(.editBookmark h1) {
  font-size: 0 !important;
}

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

address, em {font-style: normal;}

/* --- настройки заголовков на главной странице (в стиле pun-navlinks) --- */
h3 a {
  color: var(--linkcolor);
  font-family: var(--rus);
  text-decoration: none;
  position: relative;
  display: inline-block;
  transition: color 0.3s ease;
  font-weight: bold;
  text-transform: uppercase;}

/* Убрать список модераторов, отредактировано, поделиться и т.п. */

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


/* Фон для контейнера тегов, репутации, жалобы */

#tags .container, .post_report, .post_reputation {
  background: var(--buttontextcolor);
}

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

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

input.button, #pun-admain input.button, #sub4, input[type="button"] {
  padding: 6px 15px;
  font-size: 12px;
  line-height: 1;
  border: none;
  background: #2e2e2e;
  color: var(--buttontextcolor);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  box-sizing: border-box;
  border-radius: 5px;
  cursor: pointer;
  transition: all .2s linear 0s;
}

input.button:hover, #pun-admain input.button:hover, #sub4:hover, input[type="button"]:hover {
  background: var(--accentcolor1);
}

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

input, input[type="text"], input[type="password"], textarea, select {
    padding: 3px 5px;
    box-sizing: border-box;
    background: var(--white);
    border: 1px solid var(--bordercolor);
    border-radius: 5px;
}

.punbb select {
  font: 12px Arial;
  text-transform: lowercase;
}


/* Админка
------------------------------------------*/
/* Стили для отдельной страницы админки */
.punbb-admin #pun-ulinks .container {
  margin-top: -160px;
  text-align: center;
}


.punbb.punbb-admin  .container.crumbs {
  padding: var(--padding);
}

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

.punbb-admin #pun-adnav {
  width: 160px;
  margin-left: -160px;
}

.punbb-admin .adformal h2, .punbb-admin #pun-adnav h2 {
  padding: var(--mpad);
  border: none;
  background-color: transparent;
  color: var(--black);
  text-align: left;
}


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

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(--fontemn) no-repeat fixed top center/cover;
}

#pun {
  margin: 0px auto 20px;
  width: 1133px;
  background: var(--telo);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.punbb {
  font: 12px Arial, Verdana;
}

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


/* --- Навигация в шапке в стиле бокового меню (без полоски) --- */
#pun-navlinks {
  position: absolute;
  top: -2px;
  width: 1139px;
}

#pun-navlinks .container {
  text-align: center;
  background: var(--blackmax);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#pun-navlinks li {
  display: inline-block;
  position: relative;
  padding: 0 20px;
}

/* текст со сплит-градиентом */
#pun-navlinks li a {
  position: relative;
  display: inline-block;
  font: 700 16px var(--rus);
  text-transform: uppercase;
  text-decoration: none;

  background-image: linear-gradient(
    90deg,
    var(--accentcolor1) 50%,
    var(--buttontextcolor) 50%
  );
  background-size: 200% 100%;
  background-position: 100% 0;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;

  transition: background-position .4s ease;
}

/* проявляем сплит при наведении */
#pun-navlinks li a:hover {
  background-position: 0 0;
}


/* --- Пользовательские ссылки в стиле меню/шапки (градиентный текст) --- */
#pun-ulinks .container {
  margin-top: 246px;
  text-align: center;
}

#pun-ulinks li {
  display: inline-block;
  padding: 0 8px;
  position: relative;
  font-family: var(--arial);
  font-size: 12px;
  font-weight: 600;
  text-transform: lowercase;
}

/* текст с градиентом */
#pun-ulinks li a {
  position: relative;
  display: inline-block;
  text-decoration: none;

  background-image: linear-gradient(
    90deg,
    var(--amscolor) 50%,
    var(--black) 50%
  );
  background-size: 200% 100%;
  background-position: 100% 0;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;

  transition: background-position .4s ease;
}

/* при наведении — проявляем сплит */
#pun-ulinks li a:hover {
  background-position: 0 0;
}


/* Статус */

#pun-status .container {
    position: relative;
    left: 24px;
    width: fit-content;
    font-size: 11px;
    letter-spacing: 0.3px;
    line-height: 1;
    box-sizing: border-box;
    font-weight: 400;
    font-family: arial;
    color: var(--textcolor);
}

#pun-status span {
  white-space: nowrap;
  margin-right: 5px;
}

.punbb .container.crumbs {
  padding: var(--bpad);
}

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

#pun-announcement {
  float: right;
}

#pun-announcement .container {
  position: relative;
  padding: 0 20px;
}

/* Закладки */

#MyBookmarks {
  background: #f5f0ecf2;
  margin-top: 50px;
  max-height: 700px;
}

.main {
  padding: var(--padding);
}

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

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

.main th {
  padding: var(--mpad);
  font-weight: 400;
  font-size: 12px;
  font-family: Arial;
  letter-spacing: 0.2px;
}

.main th.tcl {text-align: left;}

.main td {
  padding: 10px;
}

.tcl {
  width: 50%;
}

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

.tcr {
  width: 30%;
}

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

#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: 10px;
}

.punbb:not(#pun-index) .main .hasicon tr:not(:last-of-type) {
    position: relative; /* чтобы ::after позиционировался */
}


#pun-viewforum table tr, #pun-userlist table tr, #pun-searchtopics table tr {
    display: flex;
    align-items: center;
    margin-top: 10px;
    background: var(--categor);
    border-radius: 5px;
}

 #pun-searchtopics tr .tcl .intd {    
    display: flex;
    align-items: center;
    gap: 5px;
}

/* новые сообщения категория */
#pun-index .category {width: 100%;}


.forum_wrap h3 {font-size: 24px !important;}

#pun-index .tclcon {
  padding: 0;
}


#pun-index .category tr.inew {
    background: var(--buttontextcolor);
    /* transition: all 0.3s ease-in-out; */
    border-radius: 5px;
    border: solid 2px var(--accentcolor1);
}

/* новые сообщения категория */
#pun-index .category tr.inew:hover{
    background: var(--white);
     border-radius: 5px; 
}

#pun-index .category tr {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 15px 0 10px 0;
    padding-bottom: 20px;
    position: relative; /* чтобы псевдоэлемент был привязан */
}

/* Иконки */
.punbb td div.tclcon {
    padding: 0px 0px 0px 25px;
    line-height: 16px;
    text-align: justify;
}
 
#pun-main .category Div.icon {
  margin: 0px 0px 0 -4px;
  content: '';
  position: absolute;
  width: 18px;
  height: 10px;
  font: 900 18px var(--mso3);
  text-transform: uppercase;
}

#pun-main .category TR. Div.icon {
  content: '\f10e'; /* chat_bubble — базовая иконка */
  color: #b8b8b8;
}

#pun-main .category TR.inew Div.icon {
    content: '\f10e';
    color: var(--accent-color-light);
}

Div.icon {margin: 0px 0px 5px 0px;}

.punbb table Div.icon {
    content: '';
    position: absolute;
    margin-left: -4px;
    margin-top: -3px;
    width: 37px;
    height: 10px;
    font: 700 18px var(--mso3);
    text-transform: uppercase;
}

#pun-main .category tr .icon::before,
.punbb table div.icon::before{
  content:"";
  display:block;
  width:22px;
  height:22px;
  background-color: var(--blackmore); /* серый по умолчанию */
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 0C5.36889 0 0 5.36889 0 12C0 18.6311 5.36889 24 12 24C18.6311 24 24 18.6311 24 12C24 5.36889 18.63111 0 12 0ZM12.9511 15.2267C11.7956 15.8044 10.3911 15.7422 9.28889 15.0578C8.26667 14.4267 7.68889 13.3778 7.69778 12.1867C7.69778 11.0667 8.18667 9.94667 9.04889 9.12889C9.99111 8.24 11.2356 7.77778 12.5867 7.84C14.0089 7.90222 15.3867 8.56889 16.3556 9.65333C17.4133 10.8178 17.9556 12.4089 17.84 14.0178C17.7333 15.6889 16.8978 17.3689 15.5911 18.4978C13.9289 19.9378 12.1867 20.2222 11.1022 20.2222C10.4622 20.2222 10.0533 20.1244 10.0089 20.1156C8.10667 19.9111 6.24 18.8533 4.97778 17.2267C3.65333 15.5467 3.04 13.3333 3.31556 11.1556C3.57333 8.88889 4.79111 6.76444 6.64889 5.32444C8.56 3.82222 11.0756 3.13778 13.5467 3.44C16.1156 3.74222 18.5156 5.11111 20.1333 7.19111L19.0844 8.00889C17.68 6.21333 15.6089 5.03111 13.3867 4.76444C11.2622 4.49778 9.10222 5.08444 7.46667 6.37333C5.88444 7.6 4.85333 9.39556 4.64 11.3156C4.40889 13.1467 4.91556 14.9956 6.02667 16.4C7.07556 17.7511 8.61333 18.6222 10.24 18.8C10.4089 18.8356 12.6311 19.3156 14.7289 17.4933C15.7511 16.6044 16.4444 15.2356 16.5244 13.9289C16.6133 12.6844 16.1956 11.4489 15.3778 10.5511C14.64 9.72444 13.6 9.22667 12.5422 9.17333C11.5556 9.12889 10.6578 9.46667 9.98222 10.1067C9.37778 10.6756 9.04889 11.4222 9.04889 12.1956C9.04889 13.1911 9.64444 13.7156 10.0089 13.9378C10.72 14.3822 11.6267 14.4178 12.3733 14.0444L12.9689 15.2356L12.9511 15.2267Z'/></svg>") no-repeat center / contain;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 0C5.36889 0 0 5.36889 0 12C0 18.6311 5.36889 24 12 24C18.6311 24 24 18.6311 24 12C24 5.36889 18.63111 0 12 0ZM12.9511 15.2267C11.7956 15.8044 10.3911 15.7422 9.28889 15.0578C8.26667 14.4267 7.68889 13.3778 7.69778 12.1867C7.69778 11.0667 8.18667 9.94667 9.04889 9.12889C9.99111 8.24 11.2356 7.77778 12.5867 7.84C14.0089 7.90222 15.3867 8.56889 16.3556 9.65333C17.4133 10.8178 17.9556 12.4089 17.84 14.0178C17.7333 15.6889 16.8978 17.3689 15.5911 18.4978C13.9289 19.9378 12.1867 20.2222 11.1022 20.2222C10.4622 20.2222 10.0533 20.1244 10.0089 20.1156C8.10667 19.9111 6.24 18.8533 4.97778 17.2267C3.65333 15.5467 3.04 13.3333 3.31556 11.1556C3.57333 8.88889 4.79111 6.76444 6.64889 5.32444C8.56 3.82222 11.0756 3.13778 13.5467 3.44C16.1156 3.74222 18.5156 5.11111 20.1333 7.19111L19.0844 8.00889C17.68 6.21333 15.6089 5.03111 13.3867 4.76444C11.2622 4.49778 9.10222 5.08444 7.46667 6.37333C5.88444 7.6 4.85333 9.39556 4.64 11.3156C4.40889 13.1467 4.91556 14.9956 6.02667 16.4C7.07556 17.7511 8.61333 18.6222 10.24 18.8C10.4089 18.8356 12.6311 19.3156 14.7289 17.4933C15.7511 16.6044 16.4444 15.2356 16.5244 13.9289C16.6133 12.6844 16.1956 11.4489 15.3778 10.5511C14.64 9.72444 13.6 9.22667 12.5422 9.17333C11.5556 9.12889 10.6578 9.46667 9.98222 10.1067C9.37778 10.6756 9.04889 11.4222 9.04889 12.1956C9.04889 13.1911 9.64444 13.7156 10.0089 13.9378C10.72 14.3822 11.6267 14.4178 12.3733 14.0444L12.9689 15.2356L12.9511 15.2267Z'/></svg>") no-repeat center / contain;
  opacity:4;
}


/* новые сообщения (accent color) */
#pun-main .category tr.inew .icon::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background-color: var(--accentcolor1); /* серый по умолчанию */
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 0C5.36889 0 0 5.36889 0 12C0 18.6311 5.36889 24 12 24C18.6311 24 24 18.6311 24 12C24 5.36889 18.63111 0 12 0ZM12.9511 15.2267C11.7956 15.8044 10.3911 15.7422 9.28889 15.0578C8.26667 14.4267 7.68889 13.3778 7.69778 12.1867C7.69778 11.0667 8.18667 9.94667 9.04889 9.12889C9.99111 8.24 11.2356 7.77778 12.5867 7.84C14.0089 7.90222 15.3867 8.56889 16.3556 9.65333C17.4133 10.8178 17.9556 12.4089 17.84 14.0178C17.7333 15.6889 16.8978 17.3689 15.5911 18.4978C13.9289 19.9378 12.1867 20.2222 11.1022 20.2222C10.4622 20.2222 10.0533 20.1244 10.0089 20.1156C8.10667 19.9111 6.24 18.8533 4.97778 17.2267C3.65333 15.5467 3.04 13.3333 3.31556 11.1556C3.57333 8.88889 4.79111 6.76444 6.64889 5.32444C8.56 3.82222 11.0756 3.13778 13.5467 3.44C16.1156 3.74222 18.5156 5.11111 20.1333 7.19111L19.0844 8.00889C17.68 6.21333 15.6089 5.03111 13.3867 4.76444C11.2622 4.49778 9.10222 5.08444 7.46667 6.37333C5.88444 7.6 4.85333 9.39556 4.64 11.3156C4.40889 13.1467 4.91556 14.9956 6.02667 16.4C7.07556 17.7511 8.61333 18.6222 10.24 18.8C10.4089 18.8356 12.6311 19.3156 14.7289 17.4933C15.7511 16.6044 16.4444 15.2356 16.5244 13.9289C16.6133 12.6844 16.1956 11.4489 15.3778 10.5511C14.64 9.72444 13.6 9.22667 12.5422 9.17333C11.5556 9.12889 10.6578 9.46667 9.98222 10.1067C9.37778 10.6756 9.04889 11.4222 9.04889 12.1956C9.04889 13.1911 9.64444 13.7156 10.0089 13.9378C10.72 14.3822 11.6267 14.4178 12.3733 14.0444L12.9689 15.2356L12.9511 15.2267Z'/></svg>") no-repeat center / contain;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 0C5.36889 0 0 5.36889 0 12C0 18.6311 5.36889 24 12 24C18.6311 24 24 18.6311 24 12C24 5.36889 18.63111 0 12 0ZM12.9511 15.2267C11.7956 15.8044 10.3911 15.7422 9.28889 15.0578C8.26667 14.4267 7.68889 13.3778 7.69778 12.1867C7.69778 11.0667 8.18667 9.94667 9.04889 9.12889C9.99111 8.24 11.2356 7.77778 12.5867 7.84C14.0089 7.90222 15.3867 8.56889 16.3556 9.65333C17.4133 10.8178 17.9556 12.4089 17.84 14.0178C17.7333 15.6889 16.8978 17.3689 15.5911 18.4978C13.9289 19.9378 12.1867 20.2222 11.1022 20.2222C10.4622 20.2222 10.0533 20.1244 10.0089 20.1156C8.10667 19.9111 6.24 18.8533 4.97778 17.2267C3.65333 15.5467 3.04 13.3333 3.31556 11.1556C3.57333 8.88889 4.79111 6.76444 6.64889 5.32444C8.56 3.82222 11.0756 3.13778 13.5467 3.44C16.1156 3.74222 18.5156 5.11111 20.1333 7.19111L19.0844 8.00889C17.68 6.21333 15.6089 5.03111 13.3867 4.76444C11.2622 4.49778 9.10222 5.08444 7.46667 6.37333C5.88444 7.6 4.85333 9.39556 4.64 11.3156C4.40889 13.1467 4.91556 14.9956 6.02667 16.4C7.07556 17.7511 8.61333 18.6222 10.24 18.8C10.4089 18.8356 12.6311 19.3156 14.7289 17.4933C15.7511 16.6044 16.4444 15.2356 16.5244 13.9289C16.6133 12.6844 16.1956 11.4489 15.3778 10.5511C14.64 9.72444 13.6 9.22667 12.5422 9.17333C11.5556 9.12889 10.6578 9.46667 9.98222 10.1067C9.37778 10.6756 9.04889 11.4222 9.04889 12.1956C9.04889 13.1911 9.64444 13.7156 10.0089 13.9378C10.72 14.3822 11.6267 14.4178 12.3733 14.0444L12.9689 15.2356L12.9511 15.2267Z'/></svg>") no-repeat center / contain;  opacity: 1 !important;
}

/* закреплённые (pin) */
TR.isticky Div.icon::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background-color: var(--accentcolor1); /* серый по умолчанию */
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 0C5.36889 0 0 5.36889 0 12C0 18.6311 5.36889 24 12 24C18.6311 24 24 18.6311 24 12C24 5.36889 18.63111 0 12 0ZM12.9511 15.2267C11.7956 15.8044 10.3911 15.7422 9.28889 15.0578C8.26667 14.4267 7.68889 13.3778 7.69778 12.1867C7.69778 11.0667 8.18667 9.94667 9.04889 9.12889C9.99111 8.24 11.2356 7.77778 12.5867 7.84C14.0089 7.90222 15.3867 8.56889 16.3556 9.65333C17.4133 10.8178 17.9556 12.4089 17.84 14.0178C17.7333 15.6889 16.8978 17.3689 15.5911 18.4978C13.9289 19.9378 12.1867 20.2222 11.1022 20.2222C10.4622 20.2222 10.0533 20.1244 10.0089 20.1156C8.10667 19.9111 6.24 18.8533 4.97778 17.2267C3.65333 15.5467 3.04 13.3333 3.31556 11.1556C3.57333 8.88889 4.79111 6.76444 6.64889 5.32444C8.56 3.82222 11.0756 3.13778 13.5467 3.44C16.1156 3.74222 18.5156 5.11111 20.1333 7.19111L19.0844 8.00889C17.68 6.21333 15.6089 5.03111 13.3867 4.76444C11.2622 4.49778 9.10222 5.08444 7.46667 6.37333C5.88444 7.6 4.85333 9.39556 4.64 11.3156C4.40889 13.1467 4.91556 14.9956 6.02667 16.4C7.07556 17.7511 8.61333 18.6222 10.24 18.8C10.4089 18.8356 12.6311 19.3156 14.7289 17.4933C15.7511 16.6044 16.4444 15.2356 16.5244 13.9289C16.6133 12.6844 16.1956 11.4489 15.3778 10.5511C14.64 9.72444 13.6 9.22667 12.5422 9.17333C11.5556 9.12889 10.6578 9.46667 9.98222 10.1067C9.37778 10.6756 9.04889 11.4222 9.04889 12.1956C9.04889 13.1911 9.64444 13.7156 10.0089 13.9378C10.72 14.3822 11.6267 14.4178 12.3733 14.0444L12.9689 15.2356L12.9511 15.2267Z'/></svg>") no-repeat center / contain;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 0C5.36889 0 0 5.36889 0 12C0 18.6311 5.36889 24 12 24C18.6311 24 24 18.6311 24 12C24 5.36889 18.63111 0 12 0ZM12.9511 15.2267C11.7956 15.8044 10.3911 15.7422 9.28889 15.0578C8.26667 14.4267 7.68889 13.3778 7.69778 12.1867C7.69778 11.0667 8.18667 9.94667 9.04889 9.12889C9.99111 8.24 11.2356 7.77778 12.5867 7.84C14.0089 7.90222 15.3867 8.56889 16.3556 9.65333C17.4133 10.8178 17.9556 12.4089 17.84 14.0178C17.7333 15.6889 16.8978 17.3689 15.5911 18.4978C13.9289 19.9378 12.1867 20.2222 11.1022 20.2222C10.4622 20.2222 10.0533 20.1244 10.0089 20.1156C8.10667 19.9111 6.24 18.8533 4.97778 17.2267C3.65333 15.5467 3.04 13.3333 3.31556 11.1556C3.57333 8.88889 4.79111 6.76444 6.64889 5.32444C8.56 3.82222 11.0756 3.13778 13.5467 3.44C16.1156 3.74222 18.5156 5.11111 20.1333 7.19111L19.0844 8.00889C17.68 6.21333 15.6089 5.03111 13.3867 4.76444C11.2622 4.49778 9.10222 5.08444 7.46667 6.37333C5.88444 7.6 4.85333 9.39556 4.64 11.3156C4.40889 13.1467 4.91556 14.9956 6.02667 16.4C7.07556 17.7511 8.61333 18.6222 10.24 18.8C10.4089 18.8356 12.6311 19.3156 14.7289 17.4933C15.7511 16.6044 16.4444 15.2356 16.5244 13.9289C16.6133 12.6844 16.1956 11.4489 15.3778 10.5511C14.64 9.72444 13.6 9.22667 12.5422 9.17333C11.5556 9.12889 10.6578 9.46667 9.98222 10.1067C9.37778 10.6756 9.04889 11.4222 9.04889 12.1956C9.04889 13.1911 9.64444 13.7156 10.0089 13.9378C10.72 14.3822 11.6267 14.4178 12.3733 14.0444L12.9689 15.2356L12.9511 15.2267Z'/></svg>") no-repeat center / contain;
  }

/* закрытые (lock) */
TR.iclosed Div.icon::before{
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background-color: var(--grey); /* серый по умолчанию */
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M24 12.0036L15.9763 8.03085L12.0036 0L8.03085 8.02373L0 12.0036L8.02373 15.9763L11.9964 24L15.9691 15.9763L23.9929 12.0036H24ZM11.9964 14.2889C10.7292 14.2889 9.71107 13.2637 9.71107 12.0036C9.71107 10.7363 10.7363 9.71818 11.9964 9.71818C13.2566 9.71818 14.2818 10.7434 14.2818 12.0036C14.2818 13.2637 13.2566 14.2889 11.9964 14.2889Z'/></svg>") no-repeat center / contain;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M24 12.0036L15.9763 8.03085L12.0036 0L8.03085 8.02373L0 12.0036L8.02373 15.9763L11.9964 24L15.9691 15.9763L23.9929 12.0036H24ZM11.9964 14.2889C10.7292 14.2889 9.71107 13.2637 9.71107 12.0036C9.71107 10.7363 10.7363 9.71818 11.9964 9.71818C13.2566 9.71818 14.2818 10.7434 14.2818 12.0036C14.2818 13.2637 13.2566 14.2889 11.9964 14.2889Z'/></svg>") no-repeat center / contain;
  }


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

.multipage {margin-top: 10px;}

.linkst, .linksb {
  position: relative;
  padding: var(--tpad);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-weight: 400;
  font-size: 13px;
  line-height: 2;
  font-family: arial;
}

.linkst .pagelink {}

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

.linksb {
  margin-bottom: 20px;
}

.linksb .pagelink {
  order: -1;
}

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

.linksb noindex {
  order: 1;
  text-align: right;
}

.linksb .postlink {
  margin-left: auto;
}

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

#topic-modmenu .container {
  padding: var(--padding);
  display: flex;
  justify-content: space-between;
  text-align: right;
}

#topic-users-in p.container {
  font-size: 12px;
  letter-spacing: .4px;
}

.punbb .modmenu .container {
  font-weight: 400;
  position: relative;
  box-sizing: border-box;
}

.punbb .modmenu strong a {
    background: var(--blackmedium);
    color: var(--textcolor);
    padding: 2px 3px;
    line-height: 1;
    border: 0px solid var(--bordercolor) !important;
    border-radius: 5px;
}

.punbb .modmenu strong a:hover {
  background-color: var(--accentcolor2);
  color: var(--buttontextcolor);
}

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

.modmenu .container span {
  margin-left: auto;
  display: none;
}

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

#pun-index .container.crumbs {
  display: none;
}

/* Категории */

#pun-index .category {
    position: relative;
    margin: 20px auto;
    /* background: var(--categor); */
    /* background-blend-mode: multiply, normal; */
    width: 1090px;
    border-radius: 10px;
    /* border: 1px solid #15151524; */
}

#pun-index .category h2 {
    font-family: var(--rus);
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: var(--accentcolor1);
    clear: both;
    height: 31px;
    padding: 3px !important;
    margin: 0 0 0px 0; /* чуть больше отступа снизу */
    position: relative;
    background: none; /* убираем фон */
    display: flex;
    align-items: center;
    justify-content: center;
    border: none; /* убираем рамку */
}

/* линия снизу */
#pun-index .category h2::after {
    content: "";
    position: absolute;
    bottom: -4px; /* расстояние от текста */
    left: 50%;
    transform: translateX(-50%);
    width: 800px;   /* фиксированная длина линии */
    height: 2px;    /* толщина линии */
    background: linear-gradient(
        to right,
        transparent,
        var(--accentcolor1),
        transparent
    );
    border-radius: 2px;
}



#pun-stats h2 {
    position: relative;
    padding: 10px 10px 0px 10px;
    /* padding: 0; */
    display: block;
    font-size: 19px;
    font-family: var(--rus);
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
    color: var(--accentcolor1);
    clear: both;
}

#pun-index thead {display: none;}

/* описание категорий под заголовком */
.catDescr {
  position: relative;
  width: 1090px;
  font-size: 11px;
  font-family: var(--arial);
  color: var(
  --linkhover);
  text-align: center;
  font-weight: normal;
  text-transform: lowercase;
  top: 10px;
}

#pun-index .forum_wrap {
  width: 100%;
  display: flex;
  gap: 20px;
}

#pun-index .forum_wrap .tcl, .forum_wrap .tcr {
  padding: 0;
}

#pun-index .category h3 {
    position: relative;
    /* padding: 10px 10px 0px 10px; */
    padding: 0;
    display: block;
    font-size: 16px;
    font-family: var(--rus);
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
    color: var(--white);
    clear: both;
}


.forum_wrap h3, .forum_wrap .tcr {
  flex-shrink: 0;
  width: 250px;
  box-sizing: border-box;
}

.forum_wrap h3 {
  font: 500 16px var(--rus) !important;
  text-transform: uppercase;
}


/* сообщений и тем категории */


.forum_wrap .tcl {
  order: 1;
}

#pun-index .intd {
  display: flex;
  gap: 10px;
}

/* иконки категорий */
#pun-index div.icon {
  margin: 0;
  display: block;
  position: relative;
  height: 36px;
  width: 36px;
  background: none;
  border: none;
  rotate: 0deg;
  flex-shrink: 0;
}

#pun-index .inew div.icon {
  background: url();
  transition: all 0.4s !important;
}

#pun-index .inew div.icon:hover {
  background: url()
  -o-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}

/* оформление подфорумов */
.opisanie {
  width: 620px;
  margin-bottom: 0;
  padding: 10px 15px;
  font: 11px var(--font-base, Verdana, sans-serif);
  text-align: justify;
  color: #3a0b06;
  line-height: 1.25;
}

.opisanie p {
  margin: 8px 0;
}

.opisanie ul {
  margin: 8px 0;
  padding-left: 0;
  list-style-type: none;
}

.opisanie li {
  position: relative;
  padding-left: 20px;
  margin: 4px 0;
}

.opisanie li::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f111";
    position: absolute;
    left: 7px;
    top: 4px;
    color: #822727;
    font-size: 6px;
}

.opisanie b, .opisanie strong {
  color: #822727;
  font-weight: bold;
}

.opisanie em {
  color: #555;
  font-style: italic;
}

.opisanie mark {
  background: #f7f0c4;
  padding: 0 3px;
  border-radius: 2px;
}

/* меню описания подфорумов */
.pfs {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px 20px;
}

.pfs a {
  position: relative;
  padding: 6px 16px;
  border-radius: 6px;
  font-size: 10px;
  font-family: var(--rus);
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--buttontextcolor);
  background: var(--accentcolor1);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

/* лёгкий внутренний блик по центру кнопки */
.pfs a::before {
  content: "";
  position: absolute;
  top: 0; left: -50%;
  width: 50%; height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,0.15),
    transparent
  );
  transform: skewX(-20deg);
  transition: left 0.5s ease;
}

/* при наведении: фон + блик движется, текст подсвечивается */
.pfs a:hover {
  background: var(--black);
  color: var(--buttontextcolor);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}
.pfs a:hover::before {
  left: 100%; /* пробегает блик */
}


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

/* аватарка у описания подфорума */
#pun-index .user-avatar {
  margin: 2px 10px 0 0;
  float: left;
  height: 28px;
  width: 28px;
  opacity: 1;
}

#pun-index .user-avatar .avatar-image {
  height: 28px;
  width: 28px;
  opacity: 1;
}

#pun-index .tcr a.lastpost-link {
  display: inline-block;
  box-sizing: border-box;
  max-width: 200px;
  font-weight: 400;
  font-size: 11px;
  line-height: 1;
  font-family: verdana;
}

#pun-index .main .tcr .lastpost {
  font-size: 12px;
  font-family: Arial;
  color: var(--textcolor);
}

/* контейнеры форумов */
#pun-index .container tr {
    margin: 6px 0px;
    position: relative;
    display: flex;
    overflow: hidden;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
  background: var(--buttontextcolor);
    transition: all 0.3s ease-in-out;
        border-radius: 5px;
}


#pun-index .container tr:hover {
      background: var(--white);
      border-radius: 5px;
}



/* разделитель подфорумов */
.category tr {
	margin: 0 0px;
	display: flex;
	align-items: center;
	/* gap: 40px; */
	/* padding: 0px 0 15px !important; */
	box-sizing: border-box;
	position: relative;
	/* border-bottom: 1px solid var(--blackmax); */
}

/* Статистика */

#pun-stats .container {
  margin: 10px auto;
  width: 1050px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 50px;
  box-sizing: border-box;
  background: #dddddd;
  border-radius: 5px;
  color: #151515;
  font-size: 11px;
  /* border: 2px solid var(--accentcolor1); */
}


li#onlinelist {
  width: 100%;
}


/* создано тем создано сообщений */

#pun-index .category .tc2,
#pun-index .category .tc3{
display:none!important;
}

.Add {
    display: flex;
    text-align: left;
    font: 400 8px verdana;
    opacity: 0.8;
    padding: 7px 7px;
    margin-left: 24px;
    justify-content: center;
    flex-direction: row;
}

.Tems_And_messages {
  display: flex;
  width: 45px;
  text-align: center;
  color: var(--blackmax);
  font-size: 11px;
  align-items: baseline;
  gap: 5px;
}

.Tems_And_messages .right{
    font-size: 9px;
    /* font-weight: 700; */
    color: var(--textcolor);
    font-family: verdana;
}


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

#pun-title {
background: var(--logo) no-repeat top center, var(--fontemn) no-repeat fixed top center/cover var(--wordcolor1);
  height: 415px;
}

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

#html-header {
  position: absolute;
  top: 35px;
}

.tablica {
  position: relative;
  top: 244px;
  left: 220px;
  width: 890px;
  height: 130px;
  z-index: 1;
}




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

/* Копирайт сервиса */

#pun-about {
  background: url() no-repeat bottom center;
  height: 80px;
}

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

#html-footer {
  position: absolute;
  margin-top: -96px;
  width: 1139px;
}

.partners {
    margin: 0px 40px;
    width: 1050px;
    background: var(--blackmedium);
    border-radius: 5px;
    padding: 15px;
    box-sizing: border-box;
    height: 64px;
    overflow: auto;
}

.partners a img {
  filter: grayscale(1);
  transition-duration: 1s;
}

.partners img:hover {
  filter: grayscale(0);
}

/* Подфорумы
------------------------------------------*/

.punbb #pun-main #subforums {
  padding: var(--padding);
}


/* Список тем
------------------------------------------*/



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

.post {
  margin-top: 10px;
}

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

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

.post h3 {
  margin-left: 284px;
}

.post h3 span {
  padding: var(--tpad);
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  font-family: arial;
  /* text-transform: uppercase; */
  /* letter-spacing: 0.4px; */
}

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

/* Автор */

.post-author ul {
    width: 210px;
    background-color: var(--buttontextcolor);
    margin: 10px 5px 0px 10px;
    border-radius: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.post-author {
    position: relative;
    margin: 0px 0 0px;
    padding: 15px 0;
    box-sizing: border-box;
    width: 230px;
    text-align: center;
    border-radius: 15px;
    background: var(--textcolor);
    color: var(--black);
    right: 7px;
}

.post-author ul li:not(.pa-avatar) {
  padding: 0px 10px;
}

.pa-author a {
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  font-family: var(--rus);
  letter-spacing: 1px;
  color: var(--accentcolor1);
  text-transform: uppercase;
}

.pa-author a:hover{
  padding-bottom: 5px;
  box-sizing: border-box;
  font-weight: bold;
  font-family: var(--rus);
  letter-spacing: 1px;
  color: var(--black);
  text-transform: uppercase;
}
.post-author ul li.pa-title {
  margin: 3px auto 5px;
  padding: 3px;
  width: 185px;
  font-size: 9px;
  line-height: 1;
  font-family: Verdana;
  text-transform: lowercase;
  text-align: center;
  color: var(--black);
  /* background: var(--blackmedium); */
  border-radius: 5px;
}

.pa-avatar {
  position: relative;
  padding: 0px 0;
  /* background: url(https://forumstatic.ru/files/0015/28/00/73696.jpg); */
}

.pa-avatar img {
  max-height: 190px;
  max-width: 190px;
  border: solid 1px var(--blackmax);
  border-radius: 5px;
}

.pa-fld3 {
  margin-top: 6px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  max-width: 234px;
  font-weight: 700;
  font-size: 14px;
  font-family: var(--rus);
  text-align: center;
  text-transform: uppercase;
  background: var(--wordcolor1);
}

.pa-fld3 a {
  color: var(--accentcolor1);
}

.pa-fld3 a:hover {
  color: var(--accentcolor2);
}

.pa-posts, .pa-respect {
  color: #828282;
  width: 50px;
  display: inline-block;
  margin-top: 5px;
  text-transform: lowercase;
  font-size: 10px;
  text-align: center;
  height: 17px;
  font-family: var(--basicfont);
}

.pa-posts .fld-name, .pa-respect .fld-name {
  font-family: var(--mso3);
}

.pa-respect .fld-name, .pa-respect .fld-name a, .pa-posts .fld-name {
  font-size: 0;
}

.gid3 .pa-respect .fld-name:before, .pa-respect .fld-name a:before {
  content: '\f004';
  font-size: 16px;
  color: var(--accentcolor1);
}

.pa-respect img {
  display: none;
}

.pa-posts .fld-name:before {
  content: "\f0e0";
  font-size: 16px;
  color: #999;
}

.post-author ul img.post-img-Sp {
  position: relative;
  left: 50%;
  margin-top: -20px;
  margin-right: -50%;
  transform: translate(-50%, -60%);
  width: 16px;
  height: 16px;
}

.pa-fld4 {
  color: transparent;
}

.pa-fld4 img {
  max-width: 30px;
  max-height: 30px;
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}

.post-author ul li.pa-online,
.post-author ul li.pa-last-visit {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 6px;
  top: 6px;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  font-size: 0;
}

/* Онлайн — мигающий */
.pa-online {
  background: white;
  animation: blink 1.2s infinite ease-in-out;
  transition: all .2s ease;
}

/* При наведении — цвет меняется */
.pa-online:hover {
  background: var(--buttoncolor);
}

/* Последнее посещение — статичный цвет */
#pun-viewtopic .pa-last-visit {
  background: var(--textcolor);
}


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

.post-body {
  width: calc(100% - 230px);
  margin-left: 0px;
  align-self: stretch;
  background: var(--quotecolor);
  border-radius: 10px;
}

.post-box {padding: 20px 20px 20px 20px;}

/* Реакции */

.post-body .reactions-root {
  padding: var(--padding);
}

.post-links {
    margin-left: 280px;
    margin-top: 10px;
    width: 100%;
}

.post-links ul {
  padding: 0;
  margin-left: -240px;
  text-align: right;
}

.post-links li {
  display: inline;
  /* text-transform: uppercase; */
  font-size: 12px;
  line-height: 9px;
  font-family: Arial;
  /* letter-spacing: 0.4px; */
}

.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 var(--fontosnovnoe);
  line-height: 160%;
  white-space: break-spaces;
}

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

.post-content td {border-width: 0px;
border-color: transparent;}

.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 {
  position: relative;
  margin: 3em 0 0.8em;  /* &#8593; добавил чуть больше сверху (1.4em вместо 0.4em) */
  padding: 5px;
  color: #0f0f0f;
  border-radius: 10px;
  overflow: visible; /* вместо hidden, чтобы имя было видно */
  background: var(--linkhover);
  border: 1px solid #c0c0c0;
}

.spoiler-box{
    margin: 1em 0 0.8em;  /* &#8593; добавил чуть больше сверху (1.4em вместо 0.4em) */
  }
.quote-box cite,
.code-box strong.legend {
  position: absolute;
  top: -25px;              /* над рамкой */
  left: 0px;
  padding: 5px 5px 5px 5px;
  background: var(--blackmore); /* фон форума закрывает бордер */
  color: var(--accentcolor1);
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  font: 700 11px/1 var(--arial);
  text-transform: lowercase;
  font-style: normal;
  z-index: 2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* убираем лишнюю нижнюю линию */
}

.quote-box.answer-box a::before {content: '\f10d';font: 700 8px var(--mso3);/* color: #696969; */margin-right: 6px;}

.punbb .post-content blockquote, .punbb .post-content .blockcode {
  overflow: hidden;
  margin: 0;
  padding: var(--mpad);
}

.punbb .post-content .spoiler-box > div, .punbb .post-content .spoiler-box > div.visible {
    background-image: none;
    margin: 5px 0;
    color: var(--textcolor);
    text-align: center;
    font: var(--fontosnovnoe);
    font-weight: 700;
}

.post-content .spoiler-box > div:before, .post-content .spoiler-box > div.visible:before {
    content: "";
    font-family: var(--mso);
    color: var(--textcolor);
    font-weight: 900;
    overflow: hidden;
    position: absolute;
    left: 17px;
    top: 9px;
    transition: all .5s ease-in-out .15s;
    box-sizing: border-box;
}

.post-content .spoiler-box > div::before {
  content: "\e5cf";
}

.post-content .spoiler-box > div.visible::before {
  content: "\e5ce";
}

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

/* Репутация с сюрикеном */

.punbb div .post-rating p > a {
    font-weight: 700;
    padding-left: 20px;
    position: relative;
    font-size: 12px !important;
    line-height: 1.6em;
    color: #8f8e8e;
    background: none;
    border: none;
    text-decoration: none;
}

.punbb div .post-rating p > a::before {
    content: '\f004'; /* иконка: fa-bolt (можно заменить на любую) */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 18px;
    color: #8f8e8e;
    position: absolute;
    left: -4px;
    top: 50%;
    transform: translateY(-50%);
    transition: color 0.3s ease;
}

/* &#128308; Красный при наведении */
.punbb div .post-rating p > a:hover::before {
    color: var(--accentcolor1);
}


/* Подпись */

.post-sig dt {
    border-bottom: 1px solid var(--blackmax);
    width: 100%;
    margin: 10px auto;
}

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

#post-form h2, #post fieldset legend {
  display: none;
}

#tags {
  position: relative;
}

#form-buttons {
  padding: 4px 0;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}

#form-buttons tr {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
  width: 100%;
}

#form-buttons td {
background-image: none !important;
position: relative;
display: inline-block;
width: 26px;
height: 26px;
}

.punbb #form-buttons td img {
width: 26px;
height: 26px;
}

/* Иконки в форме ответа 
-------------------------------------------------------------*/

#form-buttons td:before {
  content: " ";
  font-family: var(--mso3);
  font-size: 18px;
  color: var(--accent-light);
  position: absolute;
  pointer-events: none;
  transition: all .5s linear 0s;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
}

#form-buttons td:hover:before {color: var(--linkcolor);}

/* Стандартные кнопки */

td#button-font:before {content: "\f031";}
td#button-size:before {content: "\f034";}
td#button-bold:before {content: "\f032";}
td#button-italic:before {content: "\f033";}
td#button-underline:before {content: "\f0cd";}
td#button-strike:before {content: "\f0cc";}
td#button-left:before {content: "\f036";}
td#button-center:before {content: "\f037";}
td#button-right:before {content: "\f038";}
td#button-link:before {content: "\f0c1";}
td#button-spoiler:before {content: "\f518";}
td#button-image:before {content: "\f03e";}
td#button-video:before {content: "\f144";}
td#button-hide:before {content: "\f023";}
td#button-hide:hover:before {content: "\f3c1";}
td#button-quote:before {content: "\f10d";}
td#button-code:before {content: "\f121";}
td#button-color:before {content: "\f53f";}
td#button-table:before {content: "\f0ce";}
td#button-smile:before {content: "\f118";}
td#button-keyboard:before {content: "\f11c";}
td#button-addition:before {content: "\f0d7";}
td#button-files_rusff:before {content: "\e2c7";}
td#button-files_rusff:hover:before {content: "\e2c8";}
td#button-graffiti_rusff:before {content: "\e3ae";}
td#button-sp-vote::before {content: "\f132";}
td#button-sp_for_you::before {content: "\f084";}
td#button-sp_for_you img {opacity: 0 !important;}
/* Дополнительные кнопки */

td#button-transL:before {content: "\f1ab";} /* смена раскладки клавиатуры */
td#button-indent:before {content: "\f03c";} /* тег абзаца */
td#button-styles:before {content: "\e41d";} /* дополнительные стили */
td#floatbut:before {content: "\efe0";} /* тег обтекания изображения от Romych */
td#button-justify:before {content: "\f039";} /* тег выравнивания по ширине */
td#button-mask:before {content: "\f630";} /* тег для скрипта ролевой маски от человека-шамана */
td#button-sticker:before {content: "\f598";} /* тег для дополнительных смайлов от человека-шамана */
td#button-dice:before {content: "\f6cf";} /* тег для дополнительных смайлов от человека-шамана */

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

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

textarea, input, select, optgroup {font-size: 12px;
}
optgroup {font-weight: bold;}

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

.formsubmit {
  padding: 0;
  margin: 0px 0 0 0;
  text-align: center;
}

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

fieldset {
  border: none;
}

fieldset legend {
  font-weight: normal;
}

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

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

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

.inline .inputfield, .inline .selectfield, .inline .passfield {float: left;margin-right: 1em;}

.inline .infofield {clear:both}

.datafield br {display: none}

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

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

.hashelp {position: relative;}



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

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

#profilenav {
  float: left;
  width: 190px;
  padding-right: 20px;
  margin-left: -180px;
}

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

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

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

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

#pun-profile #profilenav {
    float: left;
    width: 14em;
    margin: 0px 0 0 -15.8em;
    display: inline;
    font-weight: bold;
}

#pun-profile #profile .container {
    padding-left: 16em;
    width: auto;
}

#profilenav ul {
    list-style: none;
    line-height: 1;
}

#profilenav ul li {
    margin: 6px 0;
    font-weight: 600;
    text-align: center;
    font-family: var(--rus);
    font-size: 12px;
    text-transform: uppercase;

}

#profilenav ul li a {
    display: block;
    padding: 6px;
    font-weight: 600;
    color: var(--accentcolor1);
    background: var(--quotecolor);
    transition-duration: 1s;
    border-radius: 5px;
}

#profilenav ul li a:hover {
    background: var(--accent-light);
    color: var(--white);
    box-shadow: 0px 1px 7px 0px var(--blackmore);
}

#profilenav ul li.isactive a {
  background: var(--accent-light);
  color: var(--white);
}

#profilenav li {margin-bottom: 5px;}

#viewprofile .container ul table {
    margin: 20px 0;
    padding: 20px 0;
    /* border: 1px solid var(--blackmedium); */
    background-color: var(--buttontextcolor);
    border-radius: 15px;
}

#viewprofile .container ul table tr {
  display: flex;
  align-items: start;
}

#viewprofile li {
  margin-bottom: 2px;
  padding: 5px 0;
  font-size: 12px;
  line-height: 1;
  font-weight: 400;
font-family: Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* letter-spacing: .3px; */
}

#pun-profile #profile-left strong {
  /* font-weight: 400 !important; */
}

#pun-profile #profile-left {
  margin: 5px auto;
  padding: 0 !important;
  width: 240px;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  text-align: center;
  flex-shrink: 0;
  /* background: var(--blackmore); */
  border-radius: 10px;
}

#profile-left #pa-avatar img {
    border-radius: 5px;
}

#profile-left #profile-name {
  box-sizing: border-box;
  font-weight: bold;
  padding-top: 10px;
  font-size: 14px;
  font-family: var(--rus);
  letter-spacing: 1px;
  color: var(--accentcolor2);
  text-transform: uppercase;
}

#profile-left #profile-title {
  margin: 0 auto 5px;
  padding: 3px;
  width: 180px;
  font-size: 10px;
  line-height: 1;
  font-family: verdana;
  /* letter-spacing: 1px; */
  text-transform: lowercase;
}

#profile-left #pa-online {
  color: var(--buttoncolor);
  text-transform: lowercase;
  font-size: 10px;
  font-style: normal;
  letter-spacing: 0.2px;
  box-sizing: border-box;
  line-height: 1;
  font-family: verdana;
  width: 100%;
  text-align: center;
}

#profile-left li#pa-edit {
  font-family: var(--rus);
  font-size: 18px;
  text-transform: lowercase;
  width: 100%;
  text-align: center;
}

#profile-right {
  display: flex;
  flex-direction: column;
}

#profile-right li {
  display: flex;
  align-items: center;
}

#profile-right li span {
  width: 200px;
  flex-shrink: 0;
  background: var(--white);
  padding: 10px 10px 10px 10px;
  border-radius: 5px;
  box-sizing: border-box;
  color: var(
  --black);
  font-weight: bold;
  text-align: center;
}

#profile-right li#pa-fld2 {
    order: -1;
    text-transform: lowercase;
}

#profile-right li#pa-fld2 .profile-links {
  height: 31px;
  display: flex;
  justify-content: center;
  gap: 15px;
  border-radius: 5px;
  color: var(--accent-light);
  text-shadow: none;
  background: none;
  font-size: 16px;
  font-family: impact;
  text-transform: uppercase;
  text-align: center;
  font-weight: 500 !important;
  margin-left: 114px;
}
/* В профиле (pa-fld2) вернуть обычные цвета ссылок — без градиента */
#profile-right li#pa-fld2 .profile-links .profile-link-a {
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important; /* Safari/Chromium */
  color: var(--accent-light) !important;
}

#profile-right li#pa-fld2 .profile-links .profile-link-a:hover {
  color: var(--buttoncolor) !important;
  -webkit-text-fill-color: currentColor !important;
}


#profile-right .info-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#profile-right li#pa-fld2 .profile-links a {color: var(--accent-light);text-shadow: none;}	
#profile-right li#pa-fld2 .profile-links a:hover {color: var(--buttoncolor);text-shadow: none;}	
#profile-right li#pa-fld1 {
  order: -1;
}

.punbb #profile-right li#pa-fld1 .profile-family-badge {
    display: flex;
    align-items: center;
    width: 198px;
    height: 60px;
    background: #ffffff;
    /* border: 1px solid var(--bordercolor, #ccc); */
    border-radius: 5px;
    margin-top: 5px;
    overflow: hidden;
    font: 12px var(--font-base, Verdana, sans-serif);
    color: var(--textcolor, #222);
    margin-left: -0px;
}

/*вкладки*/
.hidden {display: none;}
.custom_tag.custom_tag_tabtitle {display: inline-grid;cursor: pointer;margin: 2px 10px;padding: 5px;background: var(--blackmax);color: var(--white);border-radius: 5px;
}

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

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

#pun-messages .post h3 span {padding: 10px 0;}


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

.punbb td .user-avatar {float: left;}

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

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

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

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

.usertable .container {}
#pun-userlist tr {
  position: relative; /* чтобы псевдоэлемент привязывался к строке */
}

#pun-userlist tr:not(:last-of-type)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px; /* толщина линии */
  background: linear-gradient(
    to right,
    #ffffff00,
    var(--quotecolor),
    #ffffff00
  );
}
/* Собщения об ошибках */

.info .container {padding: var(--mpad);}
.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;}


/**********************************
Настройки скриптов
**********************************/

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

#Go_Top,
#Go_Bottom {
  position: fixed;
  z-index: 999;
  cursor: pointer;
  margin-left: 1137px;
  width: 40px;
  height: 40px;
  background: transparent;
  border-radius: 50%;
  font-family: var(--mso); /* шрифт Material Symbols */
  font-size: 60px;
  color: var(--grey); /* основной цвет */
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  transition: color 0.2s ease;
  text-decoration: none;
}

#Go_Top {
  top: calc(50% - 60px);
}

#Go_Bottom {
  top: calc(50% + 60px);
}

#Go_Top::after {
  content: '\e5c7'; /* arrow_upward */
}

#Go_Bottom::after {
  content: '\e5c5'; /* arrow_downward */
}

#Go_Bottom:hover {
  color: var(--bordercolor); /* цвет при наведении */
}

#Go_Top:hover {
  color: var(--bordercolor); /* цвет при наведении */
}

/* Предпросмотр и дайсы
-------------------------------------------------------*/

#togglePreview input.button, input.dice_button {
  padding: 5px 10px 7px;
  border: 1px solid var(--bordercolor);
  background: var(--accentcolor1);
  color: var(--buttontextcolor);
  font-size: 12px;
  line-height: 1;
  text-transform: lowercase;
}

#togglePreview input.button:hover, input.dice_button:hover {
  background: var(--buttontextcolor);
  color: var(--accentcolor1);
}

/* Счётчик символов
-------------------------------------------------------*/

#symbol-counter {
  padding: 0 20px;
  height: 20px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-transform: lowercase;
  font-size: 10px;
  font-family: arial;
  font-weight: 400;
  background: var(--black);
  color: var(--white);
  box-sizing: border-box;
  border-radius: 5px;
}


/* Поиск игровых постов
-------------------------------------------------------*/

#my-form {
  padding: var(--padding);
  text-transform: lowercase;
  font-size: 10px;
}

#my-form input {
  margin: 5px 5px 0 0;
}

/* не отображать
-------------------------------------------------------*/
.pa-reg {
display:none;
}

 .newtext{display:none;}



/* БыстроПлюсы для Топика */
.noNull:before {
  content: "+";
  font-size: 9px;
  display: inline-block;
  margin-left: -6px;
  margin-top: 0px;
  position: absolute;
}

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;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 17px;
  margin-top: 42px;
  text-decoration: none;
}

div.post-vote p > a::before {
  content: '\f4ad'; /* Font Awesome: fa-comment-dots */
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 18px;
  color: #8888888a; /* по желанию — можно заменить */
  transition: color 0.3s ease;
}

/* Темная тема — белая иконка */
.post.dark-style div.post-vote p > a::before {
  color: #eee;
}

/* Hover — можно задать любой цвет */
div.post-vote p > a:hover::before {
  color: var(--accent2); /* или например: red; */
}



/* регулировка размера шрифта */
.FNTslider {
  border-radius: 5px;
  position:relative;z-index:1000;
  background: #E0E0E0;
  width: 110px;
  height: 5px;
  margin: 3px 5px;
  border: solid 1px #ccc;
  float: right;
  margin-right: 7%;
}
.FNTslider .before {
  height: 5px;
  border: solid 1px transparent;
  border-right: none 0;
  border-radius: 5px 0 0 5px;
  position: absolute;
  background: var(--accent-color-light);
  margin-top: -1px;
}
.FNTslider .thumb {
  width: 8px;
  height: 13px;
  border-radius: 5px;
  position: relative;
  top: -4px;
  background: var(--buttoncolor);
  cursor: pointer;
}

/* Своё оформление всплывающих подсказок — совместимо с quicktip */
#tooltip {
  position:absolute;
  display:none;
  background:#333;
  color:#fff;
  font-family:Verdana, sans-serif;
  font-size:10px;
  padding:6px 10px;
  border-radius:5px;
  text-align:center;
  max-width:200px;
  z-index:2147483647; /* поверх всего */
  pointer-events:none;
  white-space:normal;
  box-shadow:0 4px 12px rgba(0,0,0,.25);
}

/* мультипрофиль */
#navprofiles {
  position: relative;
  z-index: 999;
}

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

.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: #e8e8e8 !important;
  border: 1px solid #999;
  color: #333;
}

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

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

.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: #f4f4f4;
  color: #555;
  border-inline: 1px solid #999;
  border-block: 0;
  border-radius: 5px;
  cursor: pointer;
}

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


/* окно модератора */
.pun-modal .modal-inner {width:700px;max-width:94%;height:auto;max-height:44em;max-height:62vh;margin:12% auto 0;margin-top:20vh;box-shadow:0 0 14px rgba(0,0,0,.3);position:relative;z-index:120000;overflow:hidden;background: var(--bordercolor);border-radius: 10px;}


#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -135px 0 0 -384px;
  width: 768px;
  z-index: 100;
  box-shadow: 0 0 40px #222;
  -webkit-box-shadow: 0 0 40px #222;
  -moz-box-shadow: 0 0 40px #222;
  -khtml-box-shadow: 0 0 40px #222;
  border-radius: 10px;
}

/* сворачивание категорий */
.offctgr {
  position: absolute;
  top: 5px;        /* подстрой при необходимости */
  right: 17px;      /* сдвиг влево от правого края */
  cursor: pointer;
  z-index: 2;
}

.offctgr img {
  transition: transform 0.4s ease;
}

.offctgr img:hover {
  transform: rotate(180deg);
}

/* плашка */
.profile-family-badge {
    display: flex;
    align-items: center;
    width: 195px;
    height: 60px;
    background: var(--bordercolor);
    /* border: 1px solid var(--bordercolor, #ccc); */
    border-radius: 5px;
    margin-top: 0px;
    overflow: hidden;
    font: 12px var(--font-base, Verdana, sans-serif);
    color: var(--textcolor, #222);
    margin-left: -3px;
}

.badge-symbol {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 5px;
  margin-left: 15px;
}

.badge-symbol img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}

.badge-info {
    padding: 2px 2px 3px 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    margin-left: 9px;
    margin-top: 0px;
}

.info-block {
  display: flex;
  flex-direction: column;
}

.info-label {
  font-weight: bold;
  font-size: 10px;
  margin-bottom: 2px;
}

.info-value {
  font-size: 10px;
}

/* Ссылки профиля */
.profile-links {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 195px;
  margin-top: 0px;
  margin-left: -3px;
  border-radius: 5px;
  padding: 3px;
  box-sizing: border-box;
  gap: 0px;
}

.profile-link-a {
  padding: 2px 4px;
  font: 700 13px var(--rus);
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  transition: background-position .4s ease;

  /* сплит-градиент текста как в navindex */
  background-image: linear-gradient(
    90deg,
    var(--accentcolor1) 50%,
    var(--black) 50%
  );
  background-size: 200% 100%;
  background-position: 100% 0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.profile-link-a:hover {
  background-position: 0 0;
}

.profile-link-a span {
  display: inline-block;
}


/* Разделитель, если используется */
.link-separator {
  color: #aaa;
  padding: 0 8px;
  font-size: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}



.post-content abbr {
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-color: var(--accentcolor1);
}



/* хтмл шаблон игры в настоящем */
.episode-block {
  max-width: 900px;
  margin: 0 auto 20px;
  font-family: var(--rus);
  color: var(--textcolor);
}

.episode-title {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
  text-align: center;
}

.label-tag {
    position: relative;
    background: var(--accentcolor2);
    color: #fff;
    padding: 2px 6px;
    font-size: 11px;
    border-radius: 4px;
    margin-right: 6px;
    text-transform: uppercase;
    top: -3px;
}

/* Горизонтальная строка с пунктами */
.episode-info-line {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 25px;
  font-size: 13px;
  margin-bottom: 25px;
  text-align: center;
}

.episode-info-line > div {
  white-space: nowrap;
}

/* Описание с обтеканием */
.episode-description {
  text-align: justify;
  font-size: 13px;
  line-height: 1.6;
  font-family: var(--arial);
}

.episode-img {
  float: right;
  margin: 0 0 10px 15px;
  width: 300px;
  height: auto;
  border-radius: 6px;
  object-fit: cover;
  box-shadow: 0 0 4px rgba(0,0,0,0.1);
}

/* хтмл шаблон игры в прошлом*/

.label-flashback {
    position: relative;
    background: var(--accentcolor2);
    color: #fff;
    padding: 2px 6px;
    font-size: 11px;
    border-radius: 4px;
    margin-right: 6px;
    text-transform: uppercase;
    top: -3px;
}

/* хтмл шаблон игры в альтернативе*/

.label-au {
  position: relative;
  background: var(--aucolor, #6b4b8b); /* Цвет плашки АУ */
  color: #fff;
  padding: 2px 6px;
  font-size: 11px;
  border-radius: 4px;
  margin-right: 6px;
  text-transform: uppercase;
  top: -3px; /* подними на нужное количество пикселей */
}

/* хтмл шаблон анкеты*/
.profile-wrapper {
  max-width: 900px;
  margin: auto;
  color: var(--textcolor);
  font-family: var(--arial);
  border-radius: 15px;
  line-height: 1.6;
  font-size: 13px;
}


.profile-inline-fields {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 0px;
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
}

.profile-inline-fields > div {
  flex: 1 1 calc(25% - 15px);
  min-width: 120px;
  display: flex;
  flex-direction: column; /* ставим заголовок над ответом */
}

.profile-inline-fields strong {
  font-weight: bold;
  margin-bottom: 4px;
}

.field-answer {
  font-weight: normal;
}

.appearance-block {
  margin-bottom: 30px;
  text-align: justify;
}

.appearance-block h3 {
    font-family: var(--rus);
  text-align: center;
  font-size: 18px;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: var(--accentcolor2);
}

.image-wrap {
  float: right;
  width: 250px;
  margin: 0 0 10px 20px;
  text-align: center;
}

.image-wrap img {
    width: auto;
    max-width: 250px;
    /* height: 500px; */
    border-radius: 10px;
    object-fit: cover;
}


.float-image {
  float: right;
  width: 250px;
  margin: 0 0 10px 20px;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.image-caption-ank {
  font-size: 11px;
  font-style: italic;
  color: #888;
  margin-top: 5px;
  display: block;
    text-align: center;
}

.profile-section {
  margin-bottom: 20px;
  text-align: justify;
}
.profile-section h3 {
    font-family: var(--rus);
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 8px;
  color: var(--accentcolor2);
}

.profile-divider {
  border: none;
  border-top: 1px solid #ccc;
  margin: 30px 0 20px;
}

.character-biography {
  margin: 10px 0;
  padding: 0;
  list-style: none;
}
.character-biography li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 6px;
}
.character-biography li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 1px;
  color: #a94444;
  font-size: 16px;
  line-height: 1;
}

.character-facts {
  margin: 10px 0;
  padding: 0;
  list-style: none;
}
.character-facts li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 6px;
}
.character-facts li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 1px;
  color: #a94444;
  font-size: 16px;
  line-height: 1;
}

@media (max-width: 700px) {
  .float-image {
    float: none;
    display: block;
    margin: 0 auto 10px;
  }

  .image-caption-ank {
    text-align: center;
    clear: both;
  }

  .profile-inline-fields {
    flex-direction: column;
  }
}
/* хтмл шаблон о мире */
.world-wrapper { 
  max-width: 1000px;
  margin: auto;
  padding: 20px;
  color: var(--textcolor);
  font-family: var(--arial);
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.world-title {
    font-size: 24px;
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--rus);
}

.world-block {
  font-size: 14px;
  line-height: 1.6;
  text-align: justify;
  overflow: hidden;
  margin-bottom: 15px;
}

.world-img-left {
  float: left;
  max-width: 250px;
  width: 48%;
  margin: 0 20px 10px 0;
  border-radius: 8px;
  filter: grayscale(100%);
}

.world-img-right {
  float: right;
  max-width: 260px;
  width: 40%;
  margin: 0 0 5px 20px;
  border-radius: 8px;
  filter: grayscale(100%);
}

.world-caption,
.world-sidecaption {
  font-size: 12px;
  color: var(--blackmax);
  font-style: italic;
  margin-bottom: 8px;
}

.world-sidecaption {
  text-align: right;
}

/* --- Анимация появления --- */
.profile-wrapper fade-in {
  opacity: 0;
  transform: translateY(10px);
  animation: fadeInUp 0.8s ease-out forwards;
}


.timeline {
  list-style: none;
  padding-left: 0;
  margin-top: 15px;
}
.timeline li {
  margin-bottom: 10px;
  padding-left: 15px;
  position: relative;
}
.timeline li::before {
  content: '•';
  position: absolute;
  left: 0;
  color: var(--accentcolor2);
  font-size: 24px;
  line-height: 1;
}

/* хтмл шаблон списка ролей */
.roles-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  width: 100%;
  padding: 10px;
  background: var(--bg2);
  border-radius: 10px;
  box-sizing: border-box;
}

.role-card {
    background: var(--blackmore);
    border-radius: 6px;
    padding: 20px 5px 5px;
    border: 1px solid var(--bordercolor);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
    min-height: 80px;
}

.role-name {
    font: 700 10px var(--rus);
    text-transform: uppercase;
    color: var(--textcolor);
    background: var(--buttontextcolor);
    padding: 2px 6px;
    border-radius: 6px;
    border: 1px solid var(--bordercolor);
    position: absolute;
    top: -8px;
    left: 4px;
    z-index: 2;
    white-space: nowrap;
}

.role-card img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 4px;
  filter: grayscale(100%);
  transition: all 0.4s ease;
}

.role-card img:hover {
  filter: grayscale(0%);
  animation: pulse 1s infinite;
}

.role-info {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.role-tag {
  font-size: 8px;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--amscolor);
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.role-info p {
  margin: 1px 0 0 0;
  font-size: 10px;
  color: var(--textcolor);
  line-height: 1.2;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}

.roles-subtitle {
  font: 14px var(--rus);
  font-weight: bold;
  text-transform: uppercase;
  color: var(--accentcolor2);
  margin: 20px 0 5px;
  text-align: left;
  border-bottom: 1px solid var(--bordercolor);
  padding-bottom: 3px;
}


@keyframes pulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.05); }
  100% { transform: scale(1); }
}

/* === БАЗОВЫЙ КОНТЕЙНЕР И МАКЕТ === */
.guest-wrapper {
  max-width: 950px;
  margin: auto;
  padding: 20px;
  background: transparent;
  font-family: var(--arial);
  font-size: 14px;
  color: #222;
}

.guest-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

/* === ЛЕВАЯ КОЛОНКА И СОДЕРЖИМОЕ === */
.guest-left {
  flex: 1 1 40%;
}

.guest-left h2 {
  font-size: 20px;
  text-align: center;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  color: #822727;
}

.guest-links {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
  text-align: center;
}

.guest-links li a {
  display: block;
  margin: 3px 0;
  font-weight: 500;
  color: #a94444;
  text-transform: uppercase;
  font-size: 13px;
  text-decoration: none;
  transition: 0.3s ease;
}

.guest-links li a:hover {
  text-decoration: underline;
}

.guest-notes {
  list-style: disc;
  padding-left: 20px;
  margin-bottom: 15px;
  font-size: 13px;
}

.guest-faq-button {
    display: inline-block;
    background: var(--wordcolor);
    padding: 5px 15px;
    font-size: 12px;
    color: var(--black);
    border-radius: 5px;
    margin: 10px 0;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

/* === ПРАВАЯ КОЛОНКА И БЛОКИ === */
.guest-right {
  flex: 1 1 55%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.guest-block {
    background: var(--wordcolor);
    border-radius: 5px;
    padding: 10px;
    color: var(--accent-light);
}

.guest-block-title {
    /* font-weight: bold; */
    text-align: right;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: var(--linkcolor);
    font-family: var(--rus);
}

.guest-block-content ul {
    margin: 0;
    padding-left: 20px;
    list-style: disc;
    font-size: 13px;
    color: var(--accentcolor1);
}

/* === ПРОКРУТКА === */
.guest-block-content.scroll {
  max-height: 140px;
  overflow-y: auto;
  scrollbar-width: thin;
}

.guest-block-content.scroll::-webkit-scrollbar {
  width: 6px;
}

.guest-block-content.scroll::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 10px;
}

.guest-block-content.scroll::-webkit-scrollbar-track {
  background: transparent;
}

/* === МЕТКИ И ТЕГИ === */
.guest-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 25px;
  justify-content: center;
}

.tag {
    background: var(--accentcolor1);
    color: #fff;
    font-size: 12px;
    padding: 6px 14px;
    font-family: var(--rus);
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: lighter;
    letter-spacing: 0.5px;
    white-space: nowrap;
    transition: background 0.3s ease;
    cursor: default;
}

.tag:hover {
  background: var(--black);
}

.tag i {
  font-family: var(--mso3);
  font-style: normal;
  font-weight: normal;
}

/* === ДОПОЛНИТЕЛЬНЫЕ ЭЛЕМЕНТЫ === */
.date-badge {
  display: inline-block;
  background: #444;
  color: #fff;
  font-size: 10px;
  padding: 1px 6px;
  border-radius: 10px;
  margin-left: 6px;
  font-family: var(--arial);
  vertical-align: middle;
}

.guest-info-icon {
  font-size: 13px;
  color: #444;
  display: flex;
  align-items: center;
  gap: 6px;
}

.guest-info-icon i {
  font-family: var(--mso3);
  font-style: normal;
  font-size: 14px;
  color: #a94444;
}

.highlight-days {
    display: inline;
    background: var(--linkcolor);
    color: #fff;
    padding: 0 3px 3px 3px;
    border-radius: 3px;
    font-weight: bold;
}

.guest-info-icon.no-gap {
  font-size: 0;
}

.guest-info-icon.no-gap .guest-info-text {
  font-size: 11px;
}

/* === ЗАГОЛОВКИ === */
.profile-title {
  font-family: var(--rus);
  font-size: 24px;
  margin-bottom: 15px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
}

.profile-title .first-letter {
  color: var(--accentcolor2);
}

.guest-section-title {
  font-family: var(--rus);
  font-size: 18px;
  margin: 15px 0 8px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
}

.guest-section-title .first-letter {
  color: var(--accentcolor2);
}

/* === ВАЖНЫЕ ССЫЛКИ === */
.guest-navlinks {
  flex: 1 1 40%;
}

.guest-navlinks li {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
  text-align: center;
}

.guest-navlinks li a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-family: var(--rus);
  font-weight: 700;
  color: var(--black);
  text-transform: uppercase;
  padding: 4px 0;
  text-decoration: none;
  transition: color 0.3s ease;
}

.guest-navlinks li a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: var(--black);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s ease;
}

.guest-navlinks li a:hover {
  color: var(--accentcolor1);
}

.guest-navlinks li a:hover::before {
  transform: scaleX(1);
  transform-origin: left;
}

/* === АДАПТИВ === */
@media (max-width: 800px) {
  .guest-columns {
    flex-direction: column;
  }
  .guest-left,
  .guest-right {
    flex: 1 1 100%;
  }
  .guest-block-content,
  .guest-info-icon .guest-info-text {
    font-size: 8px;
    line-height: 1.4;
  }
}

/* хтмл шаблон хронологии */

/* Актуальный облик персонажа */
.character-main.full-width {
    width: 100%;
    background: var(--selecttextcolor);
    border: 1px solid var(--blackmedium);
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 30px;
    box-sizing: border-box;
    overflow: hidden;
}

.character-main img {
  width: 140px;
  height: 140px;
  object-fit: cover;
  border-radius: 4px;
  border: solid 1px var(--blackmax);
  float: left;
  margin-right: 15px;
  margin-bottom: 5px;
}

.character-description {
  font: 13px/1.5 var(--arial);
  color: var(--textcolor);
  text-align: left;
}

.timeline-container {
  position: relative;
  margin: 20px auto;
  padding-left: 30px;
  border-left: 2px solid var(--blackmedium);
  max-width: 700px;
}

.timeline-line {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: var(--bordercolor);
}

.timeline-entry {
  position: relative;
  margin-bottom: 25px;
  padding-left: 20px;
}

.timeline-dot {
  position: absolute;
  left: -9px;
  top: 6px;
  width: 14px;
  height: 14px;
  border: 2px solid var(--whitemore);
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--bg2);
}

.timeline-dot.past {
  background-color: var(--blackmedium);
}

.timeline-dot.present {
  background-color: var(--amscolor);
}

.timeline-date {
  font-size: 11px;
  font-weight: bold;
  color: var(--amscolor);
  margin-bottom: 3px;
}

.timeline-content h3 {
  font-size: 13px;
  margin: 0 0 3px;
  color: var(--textcolor);
  font-weight: 700;
}

.timeline-content p {
  font-size: 11px;
  line-height: 1.4;
  margin: 0;
  color: var(--textcolor);
  text-align: justify;
}

.character-card {
  display: flex;
  gap: 20px;
  padding: 20px;
  font-family: Arial, sans-serif;
  background: var(--whitemore, #f9f9f9);
  border: 1px solid var(--bordercolor, #ccc);
  border-radius: 10px;
  max-width: 900px;
  margin: auto;
  flex-wrap: wrap;
}

/* Блок с изображением */
.character-image-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 120px;
}

.character-image {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 5px;
}

.character-image-text {
  margin-top: 8px;
  font-size: 0.9em;
  text-align: center;
  color: #666;
}

/* Основной блок с информацией */
.character-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Правые ячейки с развёрткой */
.row.right[data-collapsible]{
  position: relative;
  max-height: 20px;
  overflow: hidden;
  padding-right: 36px;              /* чтобы текст не уходил под кнопку */
  line-height: 1.4;
  word-break: break-word;           /* длинные названия не ломают макет */
  white-space: normal;
  transition: max-height .25s ease;
}

/* мягкое затухание снизу, пока ячейка свёрнута */
.row.right[data-collapsible].needs-toggle::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:26px;
  background: linear-gradient(to bottom,
              rgba(255,255,255,0),
              var(--whitemore, #fff));
  pointer-events:none;
}

/* кнопка-стрелка */
.row.right[data-collapsible] .collapse-toggle{
  position:absolute;
  right:6px; bottom:6px;
  display:none;                     /* по умолчанию скрыта */
  align-items:center; justify-content:center;
  width:24px; height:24px;
  border:1px solid var(--bordercolor, #ccc);
  background: var(--whitemore, #fff);
  border-radius:8px;
  cursor:pointer; font-size:12px; line-height:1;
  box-shadow: 0 1px 2px rgba(0,0,0,.08);
  z-index: 2;
}
.row.right[data-collapsible].needs-toggle .collapse-toggle{
  display:inline-flex;              /* показываем кнопку только если нужно */
}

/* состояние развёрнуто */
.row.right[data-collapsible].is-expanded{
  max-height: none !important;      /* перекрываем любые чужие стили */
  overflow: visible !important;
}
.row.right[data-collapsible].is-expanded::after{ display:none; }
.row.right[data-collapsible].is-expanded .collapse-toggle i{
  transform: rotate(180deg);
  transition: transform .2s ease;
}


/* Заголовок */
.profile-title {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--black);
    font-family: var(--rus);
}

.profile-title .first-letter {
  font-size: 24px;
  font-weight: bold;
}

/* хтмл шаблон для мастера игры карточка нпс */
.character-stats {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  gap: 5px;
}

.stat-cell {
  background: var(--selecttextcolor, #eaeaea);
  padding: 6px;
  text-align: center;
  font-size: 0.9em;
  border-radius: 4px;
}

/* Побочные параметры и техника */
.extra-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.extra-stat-left {
  flex: 1 1 40%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.extra-stat-right {
  flex: 1 1 60%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.stat-row {
  display: flex;
  justify-content: space-between;
  background: var(--selecttextcolor, #eaeaea);
  padding: 6px 8px;
  border-radius: 4px;
  font-size: 0.9em;
}

.stat-title {
  font-weight: bold;
  background: var(--amscolor, #822727);
  color: #fff;
  padding: 6px 8px;
  border-radius: 4px;
  width: 100%;
  text-align: center;
}
.character-secondary {
  display: grid;
  grid-template-columns: 30% 15% 53%;
  gap: 5px;
  margin-top: 15px;
  width: 100%;
}

.character-secondary .row {
  background: var(--selecttextcolor, #f0f0f0);
  padding: 6px 10px;
  font-size: 0.9em;
  border-radius: 4px;
  line-height: 1.4em;
}

.character-secondary .left {
  text-align: left;
}

.character-secondary .center {
  text-align: center;
}

.character-secondary .right {
  text-align: left;
}

.character-secondary .bold {
    font-weight: bold;
    background: var(--blackmedium);
    color: var(--black);
}



@media (max-width: 768px) {
  .character-card {
    flex-direction: column;
    align-items: center;
  }

  .character-info {
    width: 100%;
  }

  .character-stats {
    grid-template-columns: repeat(9, 1fr);
  gap: 1px;
  }

  .extra-stats {
    flex-direction: column;
  }

  .extra-stat-left,
  .extra-stat-right {
    width: 100%;
  }
}

/* хтмл шаблон для техник */
.jutsu-card {
    background: var(--blackmore);
    border: 1px solid var(--bordercolor);
    border-radius: 6px;
    padding: 15px;
    margin: 20px 0;
    font-family: var(--arial);
    font-size: 12px;
    color: var(--textcolor);
}

.jutsu-header h2 {
  font-size: 16px;
  text-align: center;
  margin-bottom: 15px;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--accentcolor2);
}

.jutsu-main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
}

.jutsu-img img {
  max-width: 160px;
  height: auto;
  border-radius: 3px;
  border: 1px solid var(--blackmin);
  border-radius: 10px;
}

.jutsu-info {
  flex: 1;
  font-size: 12px;
  line-height: 1.4;
}

.jutsu-description {
    margin-top: 15px;
    font-size: 11px;
    line-height: 1.6;
    text-align: justify;
    font-family: verdana;
}

.jutsu-description ul {
  padding-left: 20px;
  margin-top: 10px;
}

.jutsu-description li {
  margin-bottom: 5px;
}

/* правая сторона */
.jutsu-img-right {
  float: right;
  margin: 0 0px 10px 15px;
  text-align: center;
  width: 250px;
}

.jutsu-img-right img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  border: 1px solid var(--bordercolor);
}

/* Сброс обтекания в конце */
.jutsu-clear {
  clear: both;
}

/* Список пунктов */
.jutsu-points {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

.jutsu-points li {
  margin: 5px 0;
  padding-left: 18px;
  position: relative;
}

.jutsu-points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1.6;
  font-family: var(--arial);
  color: var(--amscolor);
}

/* наш ахуенный магазин */
.shop-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 10px;
  font-family: var(--font-base);
  color: var(--textcolor);
}

.shop-wrapper {
    max-height: 500px;
    overflow-y: auto;
    padding-right: 10px;
    margin-bottom: 20px;
    /* border: 1px solid var(--bordercolor); */
    /* background: var(--wordcolor); */
    border-radius: 10px;
    /* box-shadow: 0 2px 4px var(--blackmore); */
}

.shop-wrapper::-webkit-scrollbar {
  width: 8px;
}
.shop-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--amscolor);
  border-radius: 4px;
}
.shop-wrapper::-webkit-scrollbar-track {
  background: var(--blackmedium);
}

.reward-box {
  background: var(--wordcolor);
  border: 1px solid var(--bordercolor);
  border-radius: 10px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.reward-category {
  grid-column: 1 / -1;
  font-family: var(--rus);
  font-size: 13px;
  color: var(--accentcolor1);
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 10px 0;
  margin-top: 10px;
  border-bottom: 1px solid var(--bordercolor);
  margin-bottom: 5px;
}
.reward-header {
  font-weight: bold;
  font-family: var(--rus);
  font-size: 14px;
  margin-bottom: 6px;
  color: var(--accentcolor1);
  display: flex;
  align-items: center;
  gap: 6px;
}

.reward-header::before {
  font-family: var(--mso3);
  content: "\f51e";
  font-weight: 900;
  font-size: 14px;
  color: var(--accentcolor1);
}

.reward-desc {
  font-size: 11px;
  color: var(--textcolor);
  margin-bottom: 10px;
}

.reward-controls {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.reward-controls button {
  padding: 4px 10px;
  font-size: 11px;
  border: none;
  border-radius: 5px;
  background: var(--accentcolor1);
  color: #fff;
  font-family: var(--arial);
  cursor: pointer;
  transition: background 0.3s;
}

.reward-controls button:hover {
  background: var(--buttoncolor);
}

.reward-count {
  font-weight: bold;
  font-size: 12px;
  font-family: var(--arial);
}

.reward-points {
    font-size: 11px;
    color: var(--accent-light);
    font-style: italic;
}

#shop-summary {
  margin-top: 30px;
  background: var(--wordcolor);
  border: 1px solid var(--bordercolor);
  border-radius: 10px;
  padding: 15px;
  font-size: 12px;
  font-family: var(--font-base);
}

#shop-summary h3 {
  font-family: var(--arial);
  color: var(--accentcolor1);
  font-size: 14px;
  margin-bottom: 10px;
}

#purchase-list {
  margin-bottom: 10px;
  padding-left: 18px;
}

@media (max-width: 760px) {
  .shop-grid {
    grid-template-columns: 1fr;
  }
}

/* список админов */
.admin-list-forum {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding-top: 7px;
}

.admin-card {
    display: flex;
    align-items: flex-start;
    background: var(--linkhover);
    border: 1px solid var(--bordercolor);
    padding: 15px;
    border-radius: 10px;
    width: 100%;
    max-width: 294px;
}

.admin-name a {
    color: var(--amscolor);
    text-decoration: none;
    font-family: var(--rus);
    font-weight: normal;
}

.admin-name a:hover {
  color: var(--black);
}

.admin-avatar {
  width: 80px;
  height: 80px;
  border-radius: 6px;
  object-fit: cover;
  margin-right: 15px;
  border: solid 1px var(--blackmedium);
}

.admin-info {
  flex: 1;
}

.admin-name {
  font-weight: bold;
  color: var(--amscolor);
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.admin-icon {
  color: var(--mso3);
  font-size: 15px;
}

.admin-role {
    font-size: 12px;
    color: var(--blackmax);
    margin-bottom: 5px;
}

.admin-desc {
    font-size: 11px;
    color: var(--textcolor);
    text-align: justify;
    font-family: var(--arial);
}


/* хтмл шаблон техник и способок */

.talent-main {
  background: var(--blackmore);
  border: 1px solid var(--bordercolor);
  border-radius: 6px;
  padding: 15px;
  margin: 20px 0;
  font-family: var(--arial);
  font-size: 13px;
  color: var(--textcolor);
}

.talent-header h2 {
  font-size: 16px;
  text-align: center;
  margin-bottom: 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--accentcolor2);
}

/* Картинка с подписью — влево */
.talent-img {
  float: left;
  margin: 0 15px 10px 0;
  text-align: center;
  width: 250px;
}

.talent-img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  border: 1px solid var(--bordercolor);
}

.talent-caption {
  font-size: 11px;
  line-height: 1.6;
  font-family: verdana;
  text-align: center;
  margin-top: 5px;
}

/* Блок с текстом и списком */
.talent-info {
  font-size: 11px;
  line-height: 1.6;
  text-align: justify;
  font-family: verdana;
}

/* Список пунктов */
.talent-points {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

.talent-points li {
  margin: 5px 0;
  padding-left: 18px;
  position: relative;
}


/* Сброс обтекания в конце */
.talent-clear {
  clear: both;
}

/* правая сторона */
.talent-img-right {
  float: right;
  margin: 0 0px 10px 15px;
  text-align: center;
  width: 250px;
}

.talent-img-right img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  border: 1px solid var(--bordercolor);
}



/*****************************
---------- МОБИЛЬНЫЙ СТИЛЬ ----------
*****************************/

/**********************
  MOBILE PATCH (<=540px)
**********************/
@media (max-width: 540px){

* { box-sizing: border-box; }
html, body { max-width: 100%; overflow-x: hidden; }
img, iframe, table, pre, code { max-width: 100%; }

* {
float: none !important;
}

#pun {
width: 100%;
margin: 0 auto;
}

.punbb {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    font: 90%/150% sans-serif;
}


/* Порядок основных блоков */

#html-header {order: initial;}
#pun-title {order: initial;}
#pun-navlinks {order: -1;}
#pun-ulinks {order: initial;}
#pun-status {order: initial;}
#pun-crumbs1 {order: initial;}
#pun-main {order: initial;}
#pun-stats {order: initial;}
#pun-crumbs2 {order: initial;}
#pun-about {order: initial;}
#html-footer {order: initial;}

/* Основные настройки содержимого*/

.punbb > div .container {
  padding: 5px 10px !important;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
  
/* Поля ввода*/

input[type="text"], input[type="password"], textarea, select {
  max-width: 100%;
}


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

#pun-main {padding: var(--mpad);}

/* Заголовки */
.punbb h1, .punbb h2 {
width: initial !important;
}

.punbb h1 span {width: 100%;font-size: 20px;}

.punbb thead {display: none;}

.punbb .main .hasicon, .punbb .main tr {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}

.punbb .main tr {padding: 5px 0;}

.punbb .main td {padding: 5px 10px;}

.punbb .main .tcl, .punbb .main .tcr, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 5px 10px !important;
}

.punbb .main .intd {
  display: flex;
  display: -webkit-flex;
  width: 100%;
}

.punbb .tclcon {
padding-right: 55px;
flex-grow: 1;
}

.punbb div.icon {
  position: relative;
  order: 2;
}

.punbb .main .tc2, .punbb .main .tc3, #pun-searchtopics .main .tc2, #pun-searchtopics .main .tc3 {
text-align: left;
width: auto;
}

.punbb .main .tc2:before, .punbb .main .tc3:before {
content: "";
}

#pun-index .main .tc2:before {content: "Тем: ";}
#pun-index .main .tc3:before {content: "Сообщений: ";}

#pun-viewforum .main .tc2:before, #pun-searchtopics .main .tc3:before {content: "Ответов: ";}
#pun-viewforum .main .tc3:before {content: "Просмотров: ";}

#pun-searchtopics .main .tc2:before {content: "Форум: ";}

.punbb .main .tcr {position: relative;}

.punbb .tcr .user-avatar {
  margin: 0 10px;
  height: auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.punbb .tcr > a, .punbb .tcr .lastpost, .punbb .tcr > .byuser {
  width: calc(100% - 46px);
  text-align: right;
}

.punbb .user-avatar .avatar-image {
  display: flex;
  display: -webkit-flex;
}

  /* кнопки вверх/вниз из ПК версии — ставим внутрь края */
  #Go_Top, #Go_Bottom{
    margin-left: 0;
    right: 5px !important;
    left: auto !important;
    width: 30px;
    height: 30px;
    font-size: 48px;
  }
  #Go_Top{ top: auto; bottom: 90px; }
  #Go_Bottom{ top: auto; bottom: 40px; }

/* шапка */

#pun #BookmCntToggle {position: relative;top: 4px;left: 3px;z-index: 999999;}

#pun-title {
  height: 254px;
  background: var(--logo) no-repeat top center, var(--fontemn) no-repeat fixed top center/cover var(--wordcolor1);
  position: relative;
  top: 0px;
}

#html-header {width: 100%;top: 9px;}

/* содержимое шапки*/

.tablica {
        display: flex;
        width: auto;
        position: relative;
        overflow-x: auto;
        justify-content: start;
        left: 0;
}

.news-scroll-section {
        width: auto;
        overflow-x: auto;
        justify-content: start;
        z-index: 9999;
        left: 0px;
        top: 8px;
}

.news-scroll-section h2 {
  position: relative;
  top: 12px;
}

#stylelist {
display: none;
}

#display_switch {
		right: 15px !important;
	}

  #display_switch { display: inline-block !important; }
  #display_switch i.fa-solid {
    position: relative;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important; /* solid-глифы именно 900 */
    font-style: normal !important;
    speak: never;
    z-index: 99999;
    color: var(--black);
    top: -61px!important;
    left: 20px!important;
  }

/* --- Название форума в шапке --- */
#forum-header-title {
  position: absolute;
  top: 42px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  font-family: var(--arial);
  font-size: 40px;
  color: var(--buttontextcolor);
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: center;
  background: rgb(0 0 0 / 57%);
  padding: 12px 25px;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  white-space: nowrap;
  animation: fadeInHeader 1s ease-out both;
}
@keyframes fadeInHeader {
  from { opacity: 0; transform: translate(-50%, -10px); }
  to   { opacity: 1; transform: translate(-50%, 0); }
}



.news-scroll {
  display: flex;
  width: 100%;      /* совпадает с секцией */
  gap: 10px;
  overflow-x: auto;
  padding: 3px 0;
  scrollbar-width: thin;
  scrollbar-color: #666 transparent;
  flex-direction: row;
}
.news-scroll::-webkit-scrollbar { height: 6px; }
.news-scroll::-webkit-scrollbar-thumb { background: #666; border-radius: 5px; }
.news-scroll::-webkit-scrollbar-track { background: transparent; }
.news-card {
  display: flex;
  flex: 0 0 auto;
  background: #222;
  color: #ccc;
  padding: 10px;
  border-radius: 10px;
  width: 180px;
  height: 40px;
  box-shadow: 0 0 6px rgba(0,0,0,0.3);
  transition: transform 0.3s ease, background 0.3s ease;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.news-card:hover { transform: translateY(-3px); background: var(--accent-light); }
.news-date,
.news-date-old {
  width: auto;
  height: auto;
  padding: 3px;
  border-radius: 5px;
  font-size: 10px;
  font-weight: bold;
  color: var(--white);
  margin-bottom: 1px;
  text-transform: uppercase;
}
.news-date { background: var(--linkcolor); }
.news-date-old { background: var(--black); }
.news-text {font-size: 11px;line-height: 1.4;padding: 3px;font-size: 10px;}
/* --- Мобильная адаптация (&#8804;540px) --- */
@media (max-width: 540px){
  .news-scroll-section {
    left: 0;
    width: auto;
    margin: 10px 10px 0;
  }
  .news-scroll {
    gap: 6px;
    padding: 2px 0;
  }
  .news-card {
    min-width: 150px;   /* меньше ширина */
    max-width: 200px;
    height: 30px;       /* ниже высота */
    padding: 4px 6px;   /* компактные отступы */
    gap: 6px;
  }
  .news-icon {
    font-size: 12px;
    width: 12px;
  }
  .news-text {
    font-size: 10px;
    line-height: 1.2;
  }
}
/* --- Боковое меню --- */
/* --- Мобильное сворачивание меню --- */
@media screen and (max-width: 640px), screen and (max-device-width: 640px) {
  .topnav-list {
    position: relative;
    left: 0; top: 0;
    width: 100%;
    padding: 8px 10px;
    border-radius: 12px;
    display: none;
  }

  /* Кнопка вызова меню */
  .header_links {
      display: block;
      width: 36px;
      height: 36px;
      margin: 0 auto 0 0;
      position: relative;
      border: none;
      z-index: 90;
      top: 229px;
      left: 188px;
  }

  .header_links:after {
    content: "\e875";
    font-family: var(--mso);
    font-size: 32px;
    color: var(--black);
    cursor: pointer;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ssilki {
    display: none;
    position: absolute;
    top: 36px;
    z-index: 11;
    right: -64px;
  }

  .header_links:hover .ssilki {
    margin: 0;
    display: block;
    width: 180px;
    background-color: var(--black);
    box-shadow: 0px 4px 10px rgb(0 0 0 / 70%);
    border-radius: 8px;
    padding: 8px 0;
  }

 /* ссылки как навигация со сплит-заливкой */
.ssilki a {
  position: relative;
  display: block;
  text-align: center;
  margin: 0 auto 0 20px;
  padding: 6px 0;
  font-family: var(--rus);
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;

  /* изначально статичный цвет */
  color: var(--buttontextcolor);

  /* градиент под текст */
  background-image: linear-gradient(
    90deg,
    var(--amscolor) 50%,
    var(--buttontextcolor) 50%
  );
  background-size: 200% 100%;
  background-position: 100% 0;
  -webkit-background-clip: text;
          background-clip: text;

  transition: background-position .4s ease, color .4s ease;
}

.ssilki a:hover {
  color: transparent;
  -webkit-text-fill-color: transparent;
  background-position: 0 0;
      color: var(--amscolor);
}


/* --- Основной контент шапки --- */
.main-content {
  display: flex;
  gap: 10px;
  align-items: flex-end;
}
.best-player {
    width: 110px;
    height: 100%;
    /* background: #090909; */
    color: white;
    border-radius: 15px;
    padding: 5px;
    text-align: center;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.player-img {
  width: 50%;
  height: 50%;
  object-fit: cover;
  border-radius: 5px;
  filter: grayscale(100%);
}
.player-img:hover { filter: grayscale(0%); }

.best-post {
  flex-grow: 1;
  background: #ccc;
  border-radius: 15px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  height: 76px;
  display: none;
}
.best-post-title {
  font-weight: bold;
  color: #822727;
  text-decoration: none;
  display: inline-block;
  position: relative;
  transition: color 0.3s ease;
  margin: 3px auto;
}
.best-post-title::after {
  content: "";
  position: absolute;
  width: 0; height: 2px;
  bottom: -2px; left: 0;
  background-color: #a94444;
  transition: width 0.3s ease;
}
.best-post-title:hover { color: #a94444; }
.best-post-title:hover::after { width: 100%; }

.best-post-text {
  text-align: justify;
  font-size: 11px;
  color: #333;
  overflow-y: auto;
  max-height: 100px;
  padding-right: 5px;
  line-height: 1.35;
}

/* --- Квесты --- */
.quest-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.quest-title {
    font-family: var(--rus);
    font-size: 15px;
    font-weight: bold;
    color: #822727;
    text-align: center;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding-top: 15px;
}
.quest-block {
  display: flex;
  gap: 10px;
}
.quest-link {
  position: relative;
  width: 90px;
  height: 90px;
  background: #822727;
  border-radius: 11px;
  padding: 3px;
  text-align: center;
  font-size: 11px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: transform 0.6s ease;
  overflow: hidden;
}
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.07); }
  100% { transform: scale(1); }
}
.quest-link:hover { animation: pulse 0.6s ease-in-out; }
.quest-link img {
  width: 100%; height: 100%;
  object-fit: cover;
  border-radius: 10px;
  filter: grayscale(100%);
  transition: filter 0.4s ease;
}
.quest-link img:hover { filter: grayscale(0%); }
.quest-label {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 3px 5px;
  font-size: 10px;
  border-radius: 0 0 10px 10px;
  opacity: 0; pointer-events: none;
  transition: opacity 0.4s ease;
}
.quest-link:hover .quest-label { opacity: 1; }


/* приветствие
-------------------------------------------------------------*/
#pun-status .container {
    padding-right: 70px!important;
    width: 100%;
    text-align: center;
    justify-content: center;
    font-size: 12px;
    min-height: 40px;
    display: flex;
    align-items: center;
  }
  
  .punbb .container.crumbs {display: block;}

  #pun-crumbs1 .container.crumbs {
   margin-top: 20px;
  }

/* пользовательские ссылки
-------------------------------------------------------------*/

#pun-navlinks {
position: fixed; 
  top: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 99999;
}

#pun-navlinks .container {
  width: 100%;
  height: auto;
  position: fixed;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-content: center;
  box-sizing: border-box;
  padding: 0 !important;
  background: var(--black);
  border-radius: 0px;
}

#pun-navlinks li {
  display: block;
  padding: 0 5px;
}

#pun-navlinks li a {
  font-size: 0;
  padding: 0;
  display: flex;
  display: -webkit-flex;
  position: relative;
}

#pun-navlinks li a:after, #pun-ulinks:after  {
  content: "";
  font: normal 36px/100% var(--mso);
}

#pun-navlinks li#navindex a:after {content: "\e88a";}
#pun-navlinks li#navuserlist a:after {content: "\f233";}
#pun-navlinks li#navsearch a:after {content: "\e8b6";}
#pun-navlinks li#navprofile a:after {content: "\e853";}
#pun-navlinks li#navpm a:after {content: "\e0be";}
#pun-navlinks li#navadmin a:after {content: "\e8b8";}
#pun-navlinks li#navlogout a:after {content: "\e9ba";}
#pun-navlinks li#navlogin a:after {content: "\ea77";}
#pun-navlinks li#navregister a:after {content: "\e7fe";}
#pun-navlinks li#navpr a:after {content: "\ef49";}
#pun-navlinks li#navawards a:after {content: "\ea23";}
#pun-navlinks li#navrules a:after {content: "\e85f";}
#pun-navlinks li#navprofiles > a:after { content: "\f506"; }

  /* внутри меню — только текст, без иконок */
#pun-navlinks li#navprofiles .multiacc-profilemenu a:after {
  content: none !important;
}

/* у меню обычный текстовый шрифт, а не иконочный */
#pun-navlinks li#navprofiles .multiacc-profilemenu a {
  font-family: var(--rus);            /* твой текстовый шрифт */
  font-weight: 600;                   /* по вкусу */
  font-size: 0.9rem;                  /* по вкусу */
  letter-spacing: normal;
}

#pun-navlinks li#navpm a span[data-last-unread]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  display: block;
  animation: blinkColor 2s linear infinite;
  -moz-animation: blinkColor 2s linear infinite;
  -webkit-animation: blinkColor 2s linear infinite;
  background: var(--wordcolor1);
}

  /* пользовательские ссылки — «бургер» справа, выпадающее меню */
/* Меню пользовательских ссылок
-------------------------------------------------------------*/

/* --- Блок пользовательских ссылок с иконкой (осталось как было) --- */
#pun-ulinks {
  display: block;
  width: 36px;
  height: 36px;
  margin: -19px 0 0 auto;
  position: relative;
  border: none;
  z-index: 90;
  top: 5px;
}

#pun-ulinks:after {
  content: "\e5d2";
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  font: normal 36px/36px var(--mso);
  color: var(--black);
  text-align: center;
  cursor: pointer;
}

#pun-ulinks .container {
  padding: 0;
  margin: 0;
  height: auto;
  border: none;
  text-align: center;
  z-index:999999;
}

#pun-ulinks ul {
  padding: 0 !important;
  display: none;
  background: var(--black);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.7);
  z-index: 100;
  position: absolute;
  top: 36px;
  right: 0;
  border-radius: 8px;
  min-width: 160px;
  overflow: hidden;
}

#pun-ulinks:hover ul,
#pun-ulinks:focus ul {
  display: block;
}

#pun-ulinks li {
  padding: 0 !important;
  display: block !important;
  white-space: nowrap;
}

/* --- оформление ссылок (градиентный текст как в pun-navlinks/topnav) --- */
#pun-ulinks li a {
  position: relative;
  display: block;
  padding: 8px 15px !important;
  font-family: var(--rus);
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;

  background-image: linear-gradient(
    90deg,
    var(--amscolor) 50%,
    var(--buttontextcolor) 50%
  );
  background-size: 200% 100%;
  background-position: 100% 0;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;

  transition: background-position .4s ease, background-color .3s ease;
}

/* при наведении — проявляем сплит */
#pun-ulinks li a:hover {
  background-position: 0 0;
  background-color: rgba(255,255,255,0.05); /* лёгкая подсветка фона */
}


/* уведомления */
#pun-ulinks > span.notify-bubble {
  display: block !important;
}


  /* карточки форумов */
  #pun-index .container tr{
    display:flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px;
    background: var(--blackmore);
    border-radius: 12px;
    margin: 8px 0;
  }
  #pun-index .forum_wrap{
    width: 100%; display: flex; flex-direction: column; gap: 8px;
  }
  .forum_wrap h3, .forum_wrap .tcr{ width: 100%; }
  .opisanie{
    width: 100%;
    padding: 10px 12px;
    font: 12px var(--font-base, Verdana, sans-serif);
  }

.opisanie {font-size: 12px !important;}

.pfs {
  flex-wrap: wrap;
}

.pfs a {
  font-size: 12px;
  padding: 3px 15px;
}

/* сворачивание категорий */


.offctgr img {
width: 20px;
  transition: transform 0.4s ease;
}

.offctgr img:hover {
  transform: rotate(180deg);
}

  /* скрываем счётчики тем/сообщений (не помещаются) */
  #pun-index .tc2, #pun-index .tc3{ display:none !important; }

  /* иконка в карточке — в правый верх */
  #pun-index div.icon{
    position: absolute; top: 10px; right: 12px;
    height: 24px; width: 24px;
  }

  /* заголовки категорий/описания без фикс-ширины */
  #pun-index .category{
    width: 100%;
    margin: 14px auto;
    border-radius: 20px;
  }
  #pun-index .category h2{
    width: auto;
    padding: 8px 12px;
    box-sizing: border-box;
    font-size: 16px;
  }

      #pun-index .category h2::after {
        width: 100%;
        max-width: 340px; /* ограничение по мобильной ширине */
    }
  .catDescr{
    width: auto; padding: 6px 12px; box-sizing: border-box;
    font-size: 12px;
  }

  /* убрать листики */
/* чередование картинок */
#pun-index .category:nth-child(odd)::before {
display:none;
}

#pun-index .category:nth-child(even)::before {
display:none;
}

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

#pun-index div.icon {
  position: absolute;
  top: 15px;
  right: 15px;
}

#pun-index .tcr {
  order: 2;
}

#pun-index .tcr a.lastpost-link {
  max-width: initial;
  line-height: 140%;
}

/* Статистика
-------------------------------------------------------------*/

.punbb #pun-stats .container {
  width: calc(100% - 40px);
  justify-content: right;
  gap: 5px;
  font-size: 12px;
}

.punbb #pun-stats .container li:not(#onlinelist) {
width: 100%;
text-align: right;
}

#statistic-other {display: none;}

  /* пагинация / модменю */
  .linkst, .linksb{
    padding: 8px 12px;
    gap: 8px; justify-content: space-between;
    font: 400 13px/1.8 arial;
  }
  .linksb .pagelink{ order:0; }
  .linksb .postlink{ order:1; margin-left: 0; }



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

/* Пост */
.punbb .post {margin: 0;}

/* Дата поста */
.punbb .post h3 {
  margin-left: 0;
}

.punbb .post h3 span {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 5px 10px;
}

.punbb .post h3 span .permalink {
  flex-grow: 1;
  order: 1;
  padding: 3px;
}

.punbb .post h3 span strong {order: 2;}

.punbb .post h3 .sharelink {
order: 3;
margin-left: 5px;
display: none;
}

/* Содержимое поста */
.punbb .post .container {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  padding: 0px !important;
}

/* комментарий к посту */
div.post-vote p > a {
  font-size: 0 !important; /* скрываем текст */
  position: absolute;
  cursor: pointer;
  z-index: 200;
  width: 23px;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0px;
  margin-top: 42px;
  text-decoration: none;
}

/* Автор */
.punbb .post .post-author {
  position: relative;
  left: 0px;
  margin-bottom: 5px;
  padding: 0px 5px 0px 0px;
  width: 100%;
  min-height: 100px;
  box-sizing: border-box;
}

.punbb .post .post-author ul {
  width: 96%;
  height: 80px;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}

/* Скрыть поля профиля */
.pa-fld3, .pa-reg, .pa-from, .pa-invites, .pa-positive, .pa-icq, .pa-sex, .pa-age, .pa-ip, .pa-time-visit, .pa-last-visit, .pa-online, .pa-awards {
    display: none !important;
}


/* Аватар */
.punbb .post-author .pa-avatar {
  margin: 0 0 0px;
  padding: 0;
  width: 60px;
  left: 18px;
  bottom: 20px;
  height: auto;
  max-height: 75px;
  max-width: 75px;
  display: block;
  position: absolute;
  order: -2;
}

.online .pa-author::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  box-shadow: 0 0 10px #bf0;
  background: radial-gradient(circle at 3px 2px, #98ea36, #81b16f, #8ac176);
  margin: 2px 0 2px 7px;
}

.punbb .post-author .pa-avatar img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  max-height: 75px;
  max-width: 75px;
}

/* Ник и статус */
.punbb .post-author .pa-author, .punbb .post-author .pa-title {
  margin-left: 85px;
  padding: 0;
  width: 100%;
  text-align: left;
}

/* Сообщения и репутация */
.punbb .post-author .pa-posts, .punbb .post-author .pa-respect {
  padding: 0;
  width: fit-content;
  display: flex;
  gap: 5px;
}

.punbb .post-author .pa-posts {
  margin-left: 85px;
  padding-right: 10px;
}

.pa-respect {order: 1;}

.post-author ul img.post-img-Sp {
  margin: 0 !important;
  bottom: 12px;
  transform: none;
  left: 15px;
  bottom: -8px;
  order: 3;
}

.post-author ul ul.post-ul-Sp.Sp1 {
  order: 3;
  width: 100%;
}

/* Доп. поле 1 (лз) */
.punbb .post-author .pa-fld1 {
  width: 100%;
  order: -3;
  display: none;
}

.pa-fld2 {order: 2;}

/* ссылки профиля мобила */
.profile-links {
  margin-top: 3px;
  margin-left: -3px;
}

.profile-link-a {
  padding: 2px 4px;
  font: 700 12px var(--rus);
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  transition: background-position .4s ease;

  /* сплит-градиент текста как в navindex */
  background-image: linear-gradient(
    90deg,
    var(--amscolor) 50%,
    var(--black) 50%
  );
  background-size: 200% 100%;
  background-position: 100% 0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Тело поста */
.punbb .post-body {
  margin: 0;
  width: 100%;
}

/* Содержимое тела поста */
.punbb .post-box {
  padding: 30px 10px 10px 10px;
}

/* Строки поста */
.punbb .post-content p {padding: 0 0 5px 0;}

/* Цитата, спойлер и код */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0px 0px 24px;
  padding: 5px 10px;
}

/* хтмл-содержимое в постах */
.punbb .post-content iframe {
  box-sizing: border-box;
  max-width: 100%;
}

/* Подпись */
.punbb .post-box .post-sig {display: none;}

/* Ссылки профиль, удалить, цитировать и т.п. */
.punbb .post-links {
  margin: 0;
}

.punbb .post-links ul {
  padding: 0 10px;
  margin: 5px 0 0;
}
.punbb .post-links li a {font-size: 0;}

.punbb .post-links ul li {
  padding: 0 0 0 10px;
  line-height: initial !important;
}

.punbb .post-links ul .pl-email, .punbb .post-links ul pl-website {
  float: left !important;
  padding: 0 10px 0 0;
}

.punbb .post-links li a::before {
  content: "";
  font-size: 24px;
  font-family: var(--mso);
}

.punbb .post-links li.profile a:before {content: "\ea67";}
.punbb .post-links li.pm a:before {content: "\e0be";}
.punbb .post-links li.email a:before {content: "\e0e6";}
.punbb .post-links li.pl-delete a:before {content: "\e92e";}
.punbb .post-links li.pl-edit a:before {content: "\e3c9";}
.punbb .post-links li.pl-quote a:before {content: "\e244";}
.punbb .post-links li.pl-reports a:before {content: "\e8b2";}


/* Форма ответа */
.punbb #form-buttons {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.punbb #form-buttons tr {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  padding: 0 0 5px;
  text-align: center;
}

#form-buttons td {
display: block;
width: 26px;
height: 26px;
}

#post-form #tags .container {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  left: 0;
  display: flex;
  gap: 5px 10px;
}

#post-form #tags #font-area {
  padding-bottom: 15px !important;
}

  /* цитаты/код/скроллбоксы */
  .quote-box, .code-box{ margin: 8px 0; padding: 8px; }
  .quote-box cite, .code-box strong.legend{
    width: 89%;
    padding: 0;
    font-size: 12px;
    top: -15px;
    background: none;
    border: none;
    text-align: left;
  }
  .punbb .post-content blockquote,
  .punbb .post-content .blockcode{padding: 5px 5px 5px 5px;}
  .post-content p{ padding: 0 0 14px 0; line-height: 160%; }
  .scrollbox{ max-height: 40vh; }

  /* форма ответа */
  #form-buttons{ gap: 6px; padding: 6px 8px; }
  #form-buttons td{ width: 26px; height: 26px; }
  textarea, .longinput input{ width: 100%; }


  /* профиль / ЛС */
  #profile .container{ padding-left: 0; }
  #profilenav{
    float:none; width:100%;
    margin:0 0 8px; padding-right:0;
  }
  #pun-profile #profilenav{ float:none; width:100%; margin:0 0 8px; }
  #pun-profile #profile .container{ padding-left: 0; }
  #profile-right{ width: 100%; }
  #profile-right li{ flex-wrap: wrap; }
  #profile-right li span{
    width: auto; min-width: 44%;
    margin-right: auto; margin-bottom: 4px;
  }
  #profile-right li#pa-fld2 .profile-links{
    margin-left: -19px;
  }

/* Просмотр профиля
-------------------------------------------------------------*/

#viewprofile .container ul table {
    margin: 10px 0;
    padding: 10px 0;
    border: 0px solid var(--blackmedium);
    background-color: var(--buttontextcolor);
    border-radius: 10px;
}	

#viewprofile-next #profilenav {display: none;}

#viewprofile ul, #profilenav ul {
  padding: 0 5px;
  margin: 0;
}

#viewprofile td {width: 100%;}

#viewprofile li {
  font-size: 12px;
  line-height: 140%;
}

#viewprofile li, #viewprofile li strong, #viewprofile li span, #viewprofile li div, #setmods dd, #setmods dl {
  margin: 0;
  padding: 0;
}

#viewprofile #profile-left {
  text-align: center;
  padding-bottom: 0 !important;
  border: none;
  background: none;
  border-radius: 0;
}

#viewprofile #profile-left li {padding: 5px 0}

#profile-left #profile-name {
  box-sizing: border-box;
  font-weight: bold;
  font-size: 15px;
  font-family: 'cuprum';
  letter-spacing: 1px;
  color: var(--buttoncolor);
  text-transform: uppercase;
}

#profile-left #profile-title {
  margin: 0 auto 5px;
  padding: 3px;
  width: 180px;
  font-size: 10px;
  line-height: 1;
  font-family: Arial;
  letter-spacing: 1px;
  text-transform: lowercase;
}

#viewprofile #profile-left li#pa-avatar {padding: 5px;}

#profile-left #pa-online {
  color: var(--textcolor);
  text-transform: uppercase;
  font-size: 9px;
  font-style: normal;
  letter-spacing: 0.2px;
  box-sizing: border-box;
  line-height: 1;
  font-family: Arial;
  text-align: center;
}

#profile-left li#pa-edit {text-align: center;}

#viewprofile #profile-right {padding: 10px 0 0;}

#profile-right li {
  display: block;
  padding: 5px 0;
}

#profile-right li span {
  width: auto;
  padding-right: 5px;
  font-family: 'cuprum';
  font-size: 14px;
  text-transform: uppercase;
  background: none;
}

#viewprofile #profile-right li strong {
  width: auto;
  padding: 0;
}

#profile-right li#pa-fld1 strong {
  display: block;
  width: 100%;
}

#profile-right li#pa-fld2 strong {
  font-size: 20px;
}

#pun-profile #profile-left strong, #pun-profile #profile-right strong {
  font-weight: 400 !important;
}
	
#profile-right li span { margin-left: auto !important; display: block; clear: both; float: none !important; text-align: center !important; width: auto !important; padding: 0.3em 0em;}
#profile-right li { padding: 8px 6px 12px !important; text-align:center;}
	
#profile-right #pa-posts {
    order: 1;
    grid-column: 1 / -1;
}
	
#pun-profile #profile-right {
  padding: 15px !important;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
  grid-template-rows: auto;
  gap: 6px 6px;
  overflow: hidden;
  width: 100% !important;
}

#profile-right li#pa-fld0 {
    order: -2;
    margin: 0px auto 8px;
    text-transform: uppercase;
    font-weight: 700;
}

#profile-right li#pa-fld0 span, #profile-right li#pa-fld1 span, #profile-right li#pa-fld1, #profile-right li#pa-invites {display: none;}

#profile-right li#pa-fld1 {
  order: -1;
  margin: 0 auto 5px;
}

#viewprofile #profile-signature {padding: 5px 0; display: none;}
#viewprofile #profile-signature ul {padding: 10px 0 0;}


.punbb #profile-right li#pa-fld1 strong rank {
    margin: 0;
    width: 147px;
    height: 39px;
    border-radius: 4px;
    font-weight: 100;
    display: flex;
    justify-content: center;
    text-shadow: 1px 1px 1px rgba(0,0,0,.4);
    flex-direction: row;
}

#profile-right li#pa-fld0 .plinks {
    width: 158px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 16px;
    font-family: impact;
    text-align: center;
    font-weight: 500 !important;
}




/* Редактирование профиля и ЛС
-------------------------------------------------------------*/

#profile > .container {padding: 5px 10px !important;}

.punbb #profilenav {
  width: 100%;
  margin: 0;
  display: block;
}

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

#profilenav ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#profilenav li {
  padding: 0;
  font-weight: bold;
  width: 50%;
  box-sizing: border-box;
}

#profile #messages fieldset, #profile #messages fieldset .fs-box {
  padding: 0;
  margin: 0;
}

.punbb .main #profile #messages .hasicon tr {
justify-content: space-between;
box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 1px rgba(255, 255, 255, .75);
}

.punbb .main #profile #messages .hasicon tr:first-of-type {
box-shadow:0 -1px rgba(255, 255, 255, .9), 0 -2px rgba(0, 0, 0, .3), 0 1px rgba(255, 255, 255, .9);
}

.punbb .main #profile #messages .hasicon tr:last-of-type {
box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 1px rgba(0, 0, 0, .4), 0 2px rgba(255, 255, 255, .9);
}

.punbb .main #profile #messages .hasicon .tcl {width: 100% !important;}

#profile #messages .hasicon .pmtc22 {
  display: flex;
  width: 100% !important;
}

#profile #messages .hasicon .tc3:before {content: "Дата: "}

#profile #messages .hasicon .tc3, #profile #messages .hasicon .pmtc24 {
  display: block;
  width: auto !important;
  padding: 5px 10px !important;
}

#profile #messages .hasicon .pmtc24:before {content: "Выбрать: "}


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

.punbb-admin #pun-adnav {margin: 0;}

.punbb-admin #pun-admain {padding: 0;}

.punbb-admin #pun-adnav ul {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 10px;
}

.punbb-admin #pun-adnav li {padding: 2px 5px;}

.punbb-admin #pun-admain fieldset .handle, .punbb-admin #pun-admain fieldset p {border: none;}

.punbb-admin #pun-admain .adlabel {
  padding: 0 5px !important;
  margin: 0;
  position: relative;
  width: auto;
  display: block;
  text-align: center;
}

.punbb-admin #pun-admain .adformal div ul, .punbb-admin #pun-admain div p {padding: 5px !important;}

.punbb-admin .adcontainer .adsubmitfield {
  display: flex;
  flex-direction: column;
}

.punbb-admin #pun-admain span.adsubmit {
  position: relative;
  width: auto;
  top: 0 !important;
  margin: 0 auto;
  display: block;
  padding: 5px;
 left: 0;
}

.punbb-admin #pun-admain1 .sortable p input[name^="cat_name"] {
  margin: 0;
  position: relative;
  width: calc(100% - 20px);
}

.punbb-admin #pun-admain input[type="submit"] {
  margin: 0 auto;
  display: block;
}

#pun-admain .adformal p.submittop, #pun-admain .adformal p.submitend {
  display: flex;
  justify-content: center;
}

#pun-admain .adformal p.submittop input[type="submit"], #pun-admain .adformal p.submitend input[type="submit"] {margin: 0 5px;}


/* баннеры
------------------------------------------------------*/
.partners {
  margin: 5px 0;
  box-sizing: border-box;
  height: 55px;
  overflow: auto;
display: none;
}

.partners a img {
  filter: grayscale(1);
  transition-duration: 1s;
}

.partners img:hover {
  filter: grayscale(0);
}

/* Список пользователей
  -------------------------------------------------------------*/
  
  #pun-userlist tr:not(:last-of-type) {
    border-bottom: 1px solid var(--blackmedium);
  }
  
  #pun-userlist tr td, #pun-userlist .tcl, #pun-userlist .tc2 {
  width: 100%;
  }
  
  #pun-userlist .tc3 {display: none;}

/* Активные пользователи
  -------------------------------------------------------------*/
  
  #pun-online .online-list tr:not(:last-of-type) {
    border-bottom: 1px solid rgb(122 30 30 / 69%);
  }
  
  #pun-online .username {gap: 5px;}
  
  #pun-online .registered-user, #pun-online .tcl.action, #pun-online .tc3 {
    width: 100% !important;
    display: block;
  }

/* техники
  -------------------------------------------------------------*/
.jutsu-main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 6px;
}

.jutsu-img img {
  max-width: 100px;
  height: auto;
  border: 1px solid var(--blackmin);
  border-radius: 10px;
}

/* Прокручиваемая область с текстом */
.jutsu-info {
  position: relative;
  flex: 1 1 auto;

  /* типографика */
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 9px;
  line-height: 1.4;

  /* прокрутка */
  height: 100px;
  overflow: auto;                  /* полоса появляется только при переполнении */
  -webkit-overflow-scrolling: touch; /* инерционная прокрутка на iOS */
  overscroll-behavior: contain;    /* без прокрутки фона под блоком */

  /* скроллбар в Firefox */
  scrollbar-width: thin;
  scrollbar-color: #666 transparent;
}

/* Скроллбар для Chrome/Edge/Safari (не влияет на iOS Safari) */
.jutsu-info::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;   /* вертикальная полоса */
  height: 6px;  /* горизонтальная полоса */
  background: transparent;
}

.jutsu-info::-webkit-scrollbar-thumb {
  background-color: #666;
  border-radius: 3px;
}

.jutsu-info::-webkit-scrollbar-track {
  background: transparent;
}
/* стало — видимый скролл */
* {
  scrollbar-width: thin;
  scrollbar-color: #666 transparent; /* цвет бегунка / трека для Firefox */
}
*::-webkit-scrollbar { width: 10px; height: 11px; }
*::-webkit-scrollbar-thumb { background-color: #666; border-radius: 6px; }
*::-webkit-scrollbar-thumb:active { background: #555; }


.tableX{
    display: none;
}