@charset "windows-1251";
@import url(style_cs.1773130925.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);}
@import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');

@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: 'Russo One';
  src: url('https://forumstatic.ru/files/001c/83/b6/14693.woff2') format('woff2'),
       url('https://forumstatic.ru/files/001c/83/b6/83170.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Archive';
  src: url('https://forumstatic.ru/files/001c/83/b6/52928.woff2') format('woff2'),
       url('https://forumstatic.ru/files/001c/83/b6/52928.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cuprum';
  src: url('https://forumstatic.ru/files/001c/83/b6/69207.woff2') format('woff2'),
       url('https://forumstatic.ru/files/001c/83/b6/46871.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: "Constantine";
    src: url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.eot");
    src: url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.svg#Constantine")format("svg");
}

/* 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/001c/25/f9/33757.png');

--logolight: url('https://forumstatic.ru/files/001c/25/f9/74821.png');

--categorytablet: url('https://forumstatic.ru/files/001c/25/f9/56674.png');

--categorydecorleft: url('https://forumstatic.ru/files/001c/25/f9/75603.png');

--categorydecorright: url('https://forumstatic.ru/files/001c/25/f9/21561.png');

--fondark: url('https://forumstatic.ru/files/001c/25/f9/68539.jpg');

--fonlight: url('https://forumstatic.ru/files/001c/83/b6/32813.jpg');

--telo: url('https://forumstatic.ru/files/001c/25/f9/22111.png');

/* --futer: url('https://forumstatic.ru/files/001c/25/f9/77460.png'); */

--foncat: url('https://forumstatic.ru/files/001c/25/f9/15995.jpg');

--foncat2: url('https://forumstatic.ru/files/001c/25/f9/46501.jpg');

--fonprofile: url('https://forumstatic.ru/files/001c/25/f9/84637.jpg');

--telo2: #e0ddd7;

--wordcolor: #e6dcc6;

--wordcolor1: #3a2a1a;

--textcolor: #3a2a1a;

--accentcolor1: #589058;

--accentcolor2: #e0c07a;

--accent-light: #e8d7b0;

--accent-color-light: #d4b06a;

--amscolor: #b6924f;

--white: #f7f1e3;

--white2: #f6f6f6;

--quote: #f8f6f2;

--bg-light: #f7f1e3;

--bg-dark: #2b1d12;

--categor: #efe4c9;

--grey: #cbbfa3;

--bordercolor: #d8c7a3;

--yellow: #f8d18e;

--linkcolor: #9c6a2a;

--linkhover: #f4ead7;

--buttoncolor: #6b4826;

--buttontextcolor: #fcf8f0;

--quotecolor: #efe4c9c2;

--useravatarcolor: #a67c3b;

--black: #2b1d12;

--brown: #423120;

--blackmin: rgba(43, 29, 18, 0.03);

--blackmedium: rgba(43, 29, 18, 0.12);

--blackmax: rgb(43 29 18 / 53%);

--blackmore: rgba(43, 29, 18, 0.06);

--selecttextcolor: #f4ead7;

--selectmax: rgba(198, 161, 90, 0.2);

--gradient-accent: linear-gradient(90deg, #c6a15a, #e0c07a);

--gradient-accent1: linear-gradient(45deg, #d4b06a 0%, #3a2a1a 100%);

    /* PIN */

--pin-color: #6b4826;

--pin-color-hover: #8a5c2e;

--successcolor: #6b8e23;

--errorcolor: #a94442;

--warningcolor: #c6962a;

--menucolor: #625c96;

--infocolor: #8c6b3b;

--arial: arial, verdana, helvetica, sans-serif;

--rus: "Constantine", serif;

--eng: "Constantine", serif;

--fontosnovnoe: verdana, arial, helvetica, sans-serif;

--font-base: verdana, arial, helvetica, sans-serif;

--mso: "Material Symbols Outlined";

--mso3: "Font Awesome";

--padding: 10px 20px;

--tpad: 5px 20px;

--mpad: 5px 10px;

--bpad: 10px 40px;

--radius: 10px;

--shadow: 0 6px 18px rgba(43, 29, 18, 0.15);

--shadow-strong: 0 8px 24px rgba(43, 29, 18, 0.35);

    /* GAP */

--gap: 14px;

--gap-sm: 8px;

--gap-lg: 18px;

    /* CHIP */

--chip: 22px;
}

/* 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(--accentcolor2) transparent;
}

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

::-webkit-scrollbar {
	width: 8px;
	height: 9px;
	background-color: var(--accentcolor1);
}

::-webkit-scrollbar-thumb {
	background-color: var(--accentcolor2);
	width: 5px !important;
	border-radius: 4px;
}

.punbb *::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: transparent;
}

.punbb *::-webkit-scrollbar-thumb {
	background-color: var(--blackmedium);
	width: 8px !important;
	border-radius: 3px;
}


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

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

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

:focus {outline: none;}

/* Вернуть h2 только в постах */
.post-content h2 {
  display: block !important;
  position: static !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  line-height: 1.2 !important;
  font-family: var(--rus, 'Russo One', sans-serif) !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: var(--accentcolor2);
  /* margin: 0 0 10px 0 !important; */
  padding: 6px 0 !important;
  /* border-bottom: 1px solid var(--bordercolor, rgba(255,255,255,.15)); */
  text-align: center;
}


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

a, .punbb #pun-admain a {
  text-decoration: none;
  color: var(--successcolor);
  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(--useravatarcolor)!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;
}

/* подчеркивание поясняющего слова */
.post-content abbr {
    text-decoration-line: underline;
    text-decoration-style: wavy;
    text-decoration-color: var(--accentcolor1);
}


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

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

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

h1 span {
    display: inline-block;
    background: transparent;
    /* font: 700 1.0rem/100% var(--rus); */
    text-transform: uppercase;
    color: var(--bordercolor);
    border-radius: 10px;
}

.punbb #pun-main h1:not(.editBookmark h1) {
    font-size: 14px !important;
    font-family: var(--rus);
    font-weight: 600;
    color: var(--white);
    background: var(--foncat2);
    background-attachment: fixed;
    border-radius: 5px;
    /* margin: 0px 20px 0px 20px; */
}

ul, dl, li, dd, dt {list-style: none;}
.post-content ul {
  list-style: none !important; 
  margin: 0;
  padding-left: 9px!important; 
}

.post-content ul li {
  all: unset;
  display: list-item;
  position: relative;
  margin-bottom: 0.3em;
  padding-left: 25px;
}

.post-content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 13px;
  height: 13px;
  background-color: var(--accentcolor1);
  mask: url(https://forumstatic.ru/files/001c/25/f9/18906.svg) no-repeat center / contain;
  background-size: contain;
}


address, em {font-style: normal;}


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

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

/* Убрать */
#title-logo-tr {
  display: none !important;
}

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

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


#tags .container {
    position: absolute;
    right: 6px;
    top: 43px;
    z-index: 2;
    border-radius: 5px;
    background: var(--textcolor)!important;
    color: var(--bg-light);
    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: var(--buttoncolor);
  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(--successcolor);
}

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

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

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

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

/* 1) Задаём текст заголовка прямо в настройках админки */
.punbb-admin #pun-ulinks .container {
  /* margin-top: 0px; */
  text-align: center;
}

/* 2) Рисуем заголовок ПОВЕРХ админки */
.punbb-admin #pun-ulinks li a,
.punbb-admin #pun-ulinks.scrolled li a,
.punbb-admin #pun-navlinks.scrolled #pun-ulinks li a {
  color: inherit !important;
  background-image: none !important;
  -webkit-text-fill-color: inherit !important;
  transition: none !important;
}

.punbb-admin #pun-ulinks.scrolled li a:hover {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}



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

#pun {
  position: relative;
  margin: 538px auto 60px auto;
  width: 1155px;
  background: var(--telo2);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  /* border: 3px solid #4c1b08; */
  /* box-shadow: 0 0 0 1px #9b805d; */
}

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

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


/* --- Навигация в шапке --- */
#pun-navlinks {
  position: fixed;
  top: -4px;
  left: 0;
  width: 100%;
  padding-bottom: 5px;
  background: transparent;
  z-index: 9999;
}

/* внутренний контейнер той же максимальной ширины, что и форум */
#pun-navlinks > .container {
  width: 100%;
  max-width: 1133px;
  margin: 0 auto;
  box-sizing: border-box;
  background: transparent;
  transition: background .45s ease;
}

/* фон только по контейнеру при прокрутке */
#pun-navlinks.scrolled > .container {
  background: var(--bg-dark);
  box-shadow: 0 4px 14px rgba(0,0,0,.35);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 70px;
}

/* отключение свечения */
#pun-navlinks.scrolled li::before {
  opacity: 0 !important;
  filter: blur(0) !important;
}

/* цвета ссылок в верхнем меню */
#pun-ulinks.scrolled li a {
  color: var(--bg-dark);
  background-image: none;
  -webkit-text-fill-color: var(--bg-light);
  font-style: italic;
}

#pun-ulinks.scrolled li a:hover {
  color: var(--accent-color-light);
  -webkit-text-fill-color: var(--accent-color-light);
}

/* ширина контейнера navlinks */
#pun-navlinks .container {
  text-align: center;
  /* width: 1133px; */
  margin: 0 auto;
}

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

/* При наведении — капсула становится чуть ярче и "приподнимается" */
#pun-navlinks li:hover::before {
  opacity: 0.18;
  filter: blur(3px);
}

#pun-navlinks li a {
  position: relative;
  display: inline-block;
  font: 700 16px var(--rus);
  text-transform: uppercase;
  text-decoration: none;

  background-image: linear-gradient(
    0deg,
    var(--buttontextcolor) 50%,
    var(--successcolor) 50%
  );

  background-size: 100% 200%;
  background-position: 0 100%;

  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  transition: background-position .4s ease;
  z-index: 1;
}

#pun-navlinks li a:hover {
  background-position: 0 0;
}


/* иконка по центру */
#pun-navlinks li a::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  transform: translateX(-50%) scale(.6);
  width: 10px;
  height: 10px;
  background: var(--white);
  opacity: 0;
  pointer-events: none;
  z-index: 2;

  -webkit-mask: url("https://forumstatic.ru/files/001c/25/f9/18906.svg") center / contain no-repeat;
          mask: url("https://forumstatic.ru/files/001c/25/f9/18906.svg") center / contain no-repeat;
}

/* fade underline */
#pun-navlinks li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;

  background-image: linear-gradient(
    to right,
    transparent 0%,
    color-mix(in srgb, var(--successcolor) 60%, transparent) 30%,
    var(--successcolor) 50%,
    color-mix(in srgb, var(--successcolor) 60%, transparent) 70%,
    transparent 100%
  );

  opacity: 0;
  pointer-events: none;
}

#pun-navlinks li a:hover::after {
  animation: navFadeIn 0.4s ease-out forwards;
}

#pun-navlinks li a:hover::before {
  animation: navFadeInStar 0.4s ease-out forwards;
}

@keyframes navFadeIn {
  from {
    opacity: 0;
    transform: scaleX(0.6);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}

@keyframes navFadeInStar {
  from {
    opacity: 0;
    transform: translateX(-50%) scale(0.6);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }
}

/* --- Пользовательские ссылки в стиле меню/шапки (градиентный текст) --- */
#pun-ulinks {
    position: sticky;
    top: 35px;
    z-index: 999999;
}


#pun-ulinks .container {
  margin-top: -45px;
  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;
  font-style: italic;
  background: var(--blackmax);
  border-radius: 3px;
}

#pun-ulinks li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  background-image: linear-gradient(90deg, var(--errorcolor) 50%, var(--white) 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;
    top: 3px;
    left: 5px;
    width: fit-content;
    box-sizing: border-box;
    color: var(--textcolor);
    z-index: 9;
}

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

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

#pun-status a {
  font-weight: 600;
  font-size: 10px;
  padding: 2px 8px;
  margin-right: 4px;
  color: var(--errorcolor);
  border-radius: 3px;
  text-decoration: none;
  font-family: var(--arial);
  transition: .25s ease;
}


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

#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: 700 10px/1.2 var(--font-base);
  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-viewforum tr .tcr, #pun-modviewforum tr .tcr, #pun-searchtopics tr .tcr, #pun-userlist tr .tcl, #pun-viewforum tr .tcl .intd, #pun-modviewforum tr .tcl .intd, #pun-searchtopics tr .tcl .intd, #pun-messages #messages tr .tcl .intd, #pun-userlist tr .tcl .intd {
    display: flex;
    align-items: center;
}

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

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

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


#pun-viewforum table tr, #pun-userlist table tr, #pun-searchtopics table tr {
    display: flex;
    margin-top: 10px;
    background: var(--selecttextcolor);
    border-radius: 5px;
    align-items: center;
    border: 1px solid var(--quotecolor);
    box-shadow: inset 0 0 0 1px var(--accent-color-light);
    border-bottom: 1px solid var(
    --bg-light);
    color: var(
    --buttoncolor);
    z-index: 1;
}

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

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


#pun-index .category tr.inew {
    background: var(--linkhover);
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
    border: 2px solid var(--quotecolor);
    box-shadow: inset 0px 0px 0px 2px var(--successcolor),        0 0 6px rgba(255, 210, 90, 0.45),        0 0 14px rgba(255, 210, 90, 0.3);
    animation: categoryGlowGold 2.8s ease-in-out infinite;
}

@keyframes categoryGlowGold {
    0% {
        box-shadow:
            inset 0px 0px 0px 2px var(--successcolor),
            0 0 4px rgba(255, 210, 90, 0.35),
            0 0 10px rgba(255, 210, 90, 0.2);
    }

    50% {
        box-shadow:
            inset 0px 0px 0px 2px var(--successcolor),
            0 0 16px rgba(255, 210, 90, 0.7),
            0 0 32px rgba(255, 210, 90, 0.4);
    }

    100% {
        box-shadow:
            inset 0px 0px 0px 2px var(--successcolor),
            0 0 4px rgba(255, 210, 90, 0.35),
            0 0 10px rgba(255, 210, 90, 0.2);
    }
}

#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 35px;
    line-height: 30px;
    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;
}

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

.punbb table Div.icon {
    content: '';
    position: absolute;
    margin-left: -49px;
    margin-top: -25px;
    width: 37px;
    height: 17px;
    font: 700 18px var(--mso3);
    text-transform: uppercase;
    z-index: 9;
}


.punbb table div.icon::before {
    content: "";
    display: block;
    width: 35px;
    height: 35px;
    background-color: var(--accent-color-light);
    mask: url(
    "https://forumstatic.ru/files/001c/25/f9/76806.svg") no-repeat center / contain;
    opacity: 0.1;
}


/* новые сообщения (accent color) */
.punbb table tr.inew .icon::before {
    content: "";
    display: block;
    width: 35px;
    height: 35px;
    background-color: var(--successcolor);
    mask: url("https://forumstatic.ru/files/001c/25/f9/76806.svg") no-repeat center / contain;
    opacity: 1;
}

/* закреплённые (pin) */
TR.isticky Div.icon::before {
    content: "";
    display: block;
    width: 28px;
    height: 35px;
    background-color: var(--warningcolor);
    mask: url("https://forumstatic.ru/files/001c/25/f9/40260.svg") no-repeat center / contain;
    opacity: 0.7;
}

/* закрытые (lock) */
TR.iclosed Div.icon::before {
    content: "";
    display: block;
    width: 35px;
    height: 35px;
    background-color: var(--buttoncolor);
    mask: url("https://forumstatic.ru/files/001c/25/f9/76806.svg") no-repeat center / contain;
    opacity: 0.9;
}

/* цвет блока закрытая + закреплённая тема */
#pun-viewforum tr[class~="isticky"],
#pun-main     tr[class~="isticky"] {
  position: relative;
  border-radius: 5px;
  background: var(--white);
  overflow: visible;
  z-index: 1;
}

/* фон с зазором и шахматным порядком */
#pun-viewforum tr[class~="isticky"]::before,
#pun-main     tr[class~="isticky"]::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1; /* главное изменение */
  border-radius: inherit;

  --tile: 45px;
  --op: .5;
  --svg: url("https://forumstatic.ru/files/001c/25/f9/60217.svg");

  opacity: var(--op);
  filter: brightness(1.1) drop-shadow(0 0 3px rgba(255,255,255,.25));

  background-color: var(--bordercolor);

  -webkit-mask:
    var(--svg) 0 0 / var(--tile) var(--tile) repeat,
    var(--svg) calc(var(--tile)/2) calc(var(--tile)/2) / var(--tile) var(--tile) repeat;

  mask:
    var(--svg) 0 0 / var(--tile) var(--tile) repeat,
    var(--svg) calc(var(--tile)/2) calc(var(--tile)/2) / var(--tile) var(--tile) repeat;
}


/* компенсация сдвига для закреплённых тем */
.punbb table tr.isticky div.icon {
    margin-left: -45px;
}

.punbb table tr.isticky.iclosed div.icon,
.punbb table tr.iclosed.isticky div.icon {
    margin-left: -40px;
}
/* Пагинация (Переключаемые страницы, Новая тема + Опрос, Подписка)
--------------------------------------------------------------------------------------------------- */

.multipage {margin-top: 0px;}

.linkst, .linksb {
  position: relative;
  padding: var(--tpad);
  height: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font: 400 13px/1.2 var(--font-base);
}

.linkst .pagelink {
    color: var(--brown);
    font: 400 12px var(--font-base);
    background: var(--blackmedium);
    padding: 3px;
    border-radius: 5px;
}

.linkst a, .linksb a {
    color: var(--white);
    background: var(--black);
    border-radius: 5px;
    padding: 3px 6px;
    margin: 0px 0px;
    display: inline-block;
    font: 12px var(--arial);
}

.punbb:not(.punbb-admin) .linkst a:hover, .punbb:not(.punbb-admin) .linksb a:hover {
    background: var(--menucolor);
    color: var(--white);
}

.punbb:not(.punbb-admin) .pagelink:has(strong:only-child) {color: var(--bg-dark);}
.punbb:not(.punbb-admin) .pagelink strong {
	border-radius: 5px;
	padding: 3px 6px;
	background: var(--amscolor);
	color: var(--white);
	font: 12px var(--arial);
}

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

.linksb {
  margin-bottom: 20px;
}

.linksb .pagelink {
  order: -2;
  color: var(--brown);
  font: 400 12px var(--font-base);
  background: var(--blackmedium);
  padding: 3px;
  border-radius: 5px;
}

.subscribelink {
  width: 100%;
  text-align: left;
  margin-top: 10px;
}

.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 {
    width: 100%;
    position: relative;
    margin: 30px auto;
    background: var(--foncat2);
    width: 1115px;
    border-radius: 5px;
    border: 3px solid var(--yellow);  
    box-shadow: 0 0 0 1px var(--brown); 
}

#pun-index .category h2 {
    font-family: var(--rus);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: var(--buttoncolor);
    background: var(--categorytablet);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 532px 34px;
    clear: both;
    height: 28px;
    padding: 3px !important;
    margin: 0px auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    bottom: 17px;
}

.category::before {
    content: "";
    position: absolute;
    top: -27px;
    left: -15px;

    width: 313px;
    height: 185px;

    background: var(--categorydecorleft) no-repeat;
    background-size: contain;

    pointer-events: none;
    z-index: 1;
}

.category::after {
    content: "";
    position: absolute;
    top: -27px;
    right: -20px;
    width: 313px;
    height: 185px;
    background: var(--categorydecorright) no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}

/* линия снизу */
#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;
    display: none;
}

#pun-stats h2 {
    position: relative;
    /* padding: 10px 10px 0px 10px; */
    display: block;
    font-size: 16px;
    font-family: var(--rus);
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
    color: var(--bg-dark);
    clear: both;
    background: var(--categorytablet);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 532px 34px;
}

#pun-index thead {display: none;}

/* описание категорий под заголовком */
.catDescr {
  position: relative;
  width: 1050px;
  height: 0px;
  font-size: 9px;
  margin: 0px auto;
  font-family: Baron Neue;
  /* background: var(--blackmedium); */
  color: var(
  --linkhover);
  text-align: center;
  font-weight: 100;
  text-transform: lowercase;
  top: -8px;
}

#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: 5px;
    display: block;
    font-size: 14px;
    font-family: var(--rus);
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
    color: var(--white);
    clear: both;
}

#pun-index .category h3 a{
    color: var(--amscolor);
}
#pun-index .category h3 a:hover{
    color: var(--menucolor);
}
.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;
  flex-direction: row;
}

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

/* оформление подфорумов */
.opisanie,
.opisaniebezmenu {
  width: 475px;
  margin-bottom: 0px;
  padding: 20px 15px;
  font: 11px var(--fontosnovnoe);
  text-align: justify;
  color: var(--textcolor);
  background: var(--selectmax);
  line-height: 1.25;
  border-radius: 5px;
}

.opisanie {
  display: grid;
  grid-template-columns: 135px 1fr;
  gap: 15px;
  align-items: start;
}

.opisanie .pfs {
  grid-column: 1;
  grid-row: 1;

  margin-top: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;

  justify-self: start;
  align-self: center;
  align-items: stretch;
}

.pfs a {
  position: relative;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 10px;
  font-family: 'Rotis';
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.3px;
  color: var(--successcolor);
  background: var(--categor);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
  width: 100%;
  box-sizing: border-box;
}

.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(--successcolor);
  color: var(--buttontextcolor);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}
.pfs a:hover::before {
  left: 100%;
}

.opisanie p,
.opisaniebezmenu p { margin: 8px 0; }

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

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

.opisanie li::before,
.opisaniebezmenu 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,
.opisaniebezmenu b,
.opisaniebezmenu strong {
  color: #822727;
  font-weight: bold;
}

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

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

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

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

#pun-index .user-avatar .avatar-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* аватарка у описания подфорума + индикатор онлайн */
#pun .user-avatar .isonline {
    background: transparent;
    margin: 0 !important;
    box-sizing: border-box;
    z-index: 1;
    top: -2px;
    left: -2px;
    height: calc(100% + 3px);
    width: calc(100% + 3px);
    border-radius: 100% !important;
    padding: 0;

    border: 2px solid #fed09b;

    animation: onlineBreathing 2.8s ease-in-out infinite;
}

@keyframes onlineBreathing {

    0% {
        opacity: 0.45;
        box-shadow:
            0 0 0px #fd8626,
            inset 0 0 0px #ffa800;
        border-color: #ffa73f;
    }

    50% {
        opacity: 1;
        box-shadow:
            0 0 0px #fd8626,
            inset 0 0 0px #ffa800;
        border-color: #ffa73f;
    }

    100% {
        opacity: 0.45;
        box-shadow:
            0 0 0px #fd8626,
            inset 0 0 0px #ffa800;
        border-color: #ffa73f;
    }

}

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


#pun-index .category tr .tcr {
    width: auto;
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 5px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

#pun-index .main .tcr .lastpost {font: 400 10px/1.2 var(--font-base);color: var(--blackmax);}

/* контейнеры форумов */
#pun-index .container tr {
    width: 49%;
    margin: 6px 0px;
    position: relative;
    display: flex;
    overflow: hidden;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column;
    flex-wrap: wrap;
    background: var(--categor);
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
    border: 1px solid var(--linkcolor);
    box-shadow: inset 0 0 0 1px var(--blackmedium);
}

#pun-index .category tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px 0px;
}


/* разделитель подфорумов */
.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: 1120px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 50px;
  box-sizing: border-box;
  background: var(--foncat2);
  border-radius: 5px;
  color: var(--accent-light);
  font-size: 11px;
  border: 3px solid var(--yellow);
  box-shadow: 0 0 0 1px var(--brown);
}

li#onlinelist {
  width: 100%;
}

#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    display: inline-flex;
    min-width: 180px;
    max-width: 300px;
    text-align: center;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font: 400 7px / 120% var(--fontosnovnoe);
    text-transform: uppercase;
    padding: 5px;
    letter-spacing: .3px;
    background: var(--selectmax);
    color: var(--bordercolor);
    border-radius: 3px;
}

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

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


/* разделительная линия для списка онлайна в статистике */
.online-list tr,
.online-list td,
.online-list th {
    border: none;
}

.online-list tr:not(:has(strong:only-child)) + tr:not(:has(strong:only-child)) td {
    border-top: 1px solid rgba(2, 15, 15, 0.10);
}

.online-list tr:not(:has(strong:only-child)) + tr:not(:has(strong:only-child)) {
    border-top: 1px solid rgba(2, 15, 15, 0.10);
}



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

/* ------------------------- ШАПКА ------------------------------*/
#pun-title {
    width: 1186px;
    height: 537px;
    position: absolute;
    top: -490px;
    left: -17px;
    z-index: 1;
    background: var(--logo);
    transition: all .3s ease-in-out;
}

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

#html-header {
  position: absolute;
  top: 49px;
  height: 1px;
}


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

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


#pun-about {
  background: var(--futer) no-repeat bottom center;
  margin-bottom: -21px;
  height: 140px;
}

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

#html-footer {
  position: relative;
  margin-top: -119px;
  width: 1152px;
}

.partners {
  margin: 0px 0;
  box-sizing: border-box;
  width: 1120px;
  height: 78px;
  overflow: auto;
  background: var(--foncat2);
  padding: 4px;
  border-radius: 5px;
  border: 3px solid var(--infocolor);
  box-shadow: 0 0 0 1px var(--brown);
}

.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; */
  background: var(--textcolor);
  border-radius: 5px;
}

.post h3 span {
  margin: 5px 0px auto;
  padding: var(--tpad);
  display: block;
  line-height: 10px;
  font: 400 11px/1.2 var(--font-base);
  /* text-transform: uppercase; */
  /* letter-spacing: 0.4px; */
}

.post h3 strong {
  float: right;
  text-align: right;
  font-weight: normal;
  color: var(--accent-color-light);
}


/* =========================================
   оформление профиля в постах
   ========================================= */

/* Автор */
.post-author {
    position: relative;
    margin: 0px 0 0px;
    padding: 10px 0;
    box-sizing: border-box;
    width: 250px;
    text-align: center;
    border-radius: 10px;
    background: var(--textcolor);
    color: var(--black);
    right: 20px;
}

.post-author ul {
    width: 228px;
    background: var(--fonprofile);
    color: var(--grey);
    border: 2px ridge var(--blackmax);
    margin: 0px 5px 0px 10px;
    border-radius: 10px;
    padding-top: 14px;
    padding-bottom: 23px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,.35);
}

.post-author ul::before {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 7px;
    border: 1px solid rgb(122 96 53 / 28%);
    pointer-events: none;
}


.post-author ul li:not(.pa-avatar) {
    padding: 0px 20px;
    position: relative;
    z-index: 1;
}


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

    text-shadow: 0 2px 8px rgba(0,0,0,.4);
}

.pa-author a:hover {
    padding-bottom: 5px;
    color: var(--menucolor);
}


.post-author ul li.pa-title {

    margin: 6px auto 8px;
    padding: 4px;
    width: 185px;

    font-size: 9px;
    line-height: 1;
    font-family: Verdana;

    text-transform: lowercase;
    text-align: center;

    color: var(--amscolor);

    background: rgba(0,0,0,.12);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 5px;
}

.post-author ul li.pa-title::before {

content: "";
position: absolute;
top: -8px;
left: 50%;
transform: translateX(-50%);
width: 40px;
height: 15px;
background-color: var(--amscolor);
mask: url("https://forumstatic.ru/files/001c/25/f9/18906.svg")    no-repeat center / contain;
opacity: 1;
}


.pa-avatar {
    position: relative;
    padding: 6px 0;
}

.pa-avatar img {
height: 180px;
width: 180px;
border: solid 1px var(--blackmax);
border-radius: 5px;
box-shadow: 0 12px 22px rgba(0,0,0,.4);
}

/* =========================================
   поля профиля
   ========================================= */

.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(--grey);
border-radius: 6px;
box-shadow:
inset 0 0 6px rgba(0,0,0,.25);
}

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

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

/* =========================================
   сообщения и репа
   ========================================= */

.pa-posts,
.pa-respect {
color: var(--bordercolor);
width: 50px;
display: inline-block;
margin-top: 8px;
text-transform: lowercase;
font-size: 9px;
text-align: center;
font-family: var(--font-base);
padding: 5px 0;
background: rgba(255,255,255,.05);
border-radius: 5px;
}


.pa-respect img {
  display: none;
}


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

/* плашка */
.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: 11px var(--font-base, Verdana, sans-serif);
    color: var(--textcolor, #222);
    margin-left: -3px;
}

.badge-symbol {
    width: 49px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 5px;
    margin-left: 5px;
    background: var(--selectmax);
    border: 1px solid var(--buttoncolor); 
    box-shadow: inset 0 0 0 1px var(--blackmedium); 
}

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


.badge-info {
    padding: 2px 2px 3px 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    margin-left: 5px;
    margin-top: 0px;
    background: var(--blackmax);
    border-radius: 5px;
    height: 45px;
    width: 123px;
    border: 1px solid var(--buttoncolor);
    box-shadow: inset 0 0 0 1px var(--blackmedium);
}

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

.info-label {
  font-weight: bold;
  font-size: 9px;
  /* margin-bottom: 2px; */
  text-transform: lowercase;
  color: var(--accent-color-light);
}

.info-value {
  font-size: 9px;
  /* text-transform: lowercase; */
  color: var(--grey);
}

/* Ссылки профиля */
.profile-links {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 184px;
  margin-top: 0px;
  margin-left: 2px;
  border-radius: 5px;
  padding: 2px;
  box-sizing: border-box;
  gap: 0px;
  background: var(--selectmax);
  /* border: solid 1px var(--buttoncolor); */
}

.profile-link-a {
  padding: 2px 3px;
  font: 700 10px var(--rus);
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  transition: background-position .4s ease;
  background-image: linear-gradient(
    90deg,
    var(--accentcolor1) 50%,
    var(--white) 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;
}


/* Иконки */

.gid3 .pa-respect .fld-name::before,
.pa-respect .fld-name a::before {
content: "";
display: inline-block;
width: 13px;
height: 16px;
background-color: var(--accentcolor2);
mask: url("https://forumstatic.ru/files/001c/25/f9/18906.svg")    no-repeat center / contain;
}

.pa-posts .fld-name::before {
content: "";
display: inline-block;
width: 25px;
height: 16px;
background-color: var(--accentcolor2);
mask: url("https://forumstatic.ru/files/001c/25/f9/18776.svg")    no-repeat center / contain;
}


/* =========================================
   ONLINE
   ========================================= */

.post-author ul li.pa-online,
.post-author ul li.pa-last-visit {
position: absolute;
left: -16px;
top: 6px;
width: 14px;
height: 14px;
font-size: 0;
color: transparent;
background-color: var(--accent-color-light);
-webkit-mask: url("https://forumstatic.ru/files/001c/25/f9/58055.svg") no-repeat center / contain;
mask: url("https://forumstatic.ru/files/001c/25/f9/58055.svg") no-repeat center / contain;
transition: background-color 0.3s ease;
}

/* иконка онлайн */
.post-author ul li.pa-online {
background-color: var(--accent-color-light);
animation: paBlink 1.2s infinite ease-in-out;
}


/* hover */
.post-author ul li.pa-online:hover {
background-color: var(--white);
}

/* мигание онлайн */
@keyframes paBlink {

    0%, 100% {
        opacity: 1;
        transform: scale(1);
        filter: drop-shadow(0 0 2px white);
    }

    50% {
        opacity: 0.4;
        transform: scale(1.15);
        filter: drop-shadow(0 0 6px white);
    }

}

/* последний раз заходил */
#pun-viewtopic .pa-last-visit {
background-color: var(--textcolor);
}

/* поля поста */
.post-body {
width: calc(100% - 255px);
margin-left: 5px;
align-self: stretch;
border-radius: 10px;
}

.post-box {/* padding: 0px 0px 20px 20px; */}

/* реакции */

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

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

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

.post-links li {
  display: inline;
  /* text-transform: uppercase; */
  font-size: 11px;
  line-height: 9px;
  font-family: var(--font-base);
  /* 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;
  font: 11px / 1.8 var(--font-base);
  text-align: justify;
  overflow: hidden;
}

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

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

.quote-box,
.code-box {
  position: relative;
  margin: 1em 0 0.8em;
  padding: 5px;
  color: var(--bg-dark);
  border-radius: 10px;
  overflow: visible;
  background: var(--blackmore);
  border: 1px solid var(--bg-light);
  box-shadow: inset 0 0 0 1px var(--bordercolor);
}

.spoiler-box{
    margin: 1em 0 0.8em; 
  }

.quote-box cite,
.code-box strong.legend {
  position: relative;
  top: -19px;             
  left: 0px;
  padding: 5px 5px 5px 5px;
  color: var(--errorcolor);
  border-radius: 6px;
  font: 700 10px/1 var(--fontosnovnoe);
  text-transform: none;
  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: 22px;
    padding-top: 5px;
    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 {
  position: relative;
}

.punbb div .post-rating p > a::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: -7px;
  top: 55%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.6s ease, background-color 0.3s ease;
  background-color: var(--successcolor);
  mask: url("https://forumstatic.ru/files/001c/25/f9/18906.svg") no-repeat center / contain;
}

.punbb div .post-rating p > a:hover::before { 
  background-color: var(--errorcolor);
  transform: translateY(-50%) scale(1);
  animation: ratingPulse 1.2s ease-in-out infinite;
}

@keyframes ratingPulse {
  0% {
    transform: translateY(-50%) scale(1);
    filter: drop-shadow(0 0 0px var(--errorcolor));
  }
  50% {
    transform: translateY(-50%) scale(1.18);
    filter: drop-shadow(0 0 6px var(--errorcolor));
  }
  100% {
    transform: translateY(-50%) scale(1);
    filter: drop-shadow(0 0 0px var(--errorcolor));
  }
}

.punbb div .post-rating p > a:hover::before {
    color: var(--accentcolor1);
}


/* Подпись */

.post-sig dt{
    position: relative;
    width: 100%;
    margin: 14px auto;
    height: 1px;

    background:
        linear-gradient(to right,
            transparent,
            var(--accentcolor1) 35%,
            var(--accentcolor1) 65%,
            transparent);
}

/* звезда */
.post-sig dt::before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    width: 14px;
    height: 15px;

    background: var(--accentcolor1);

    -webkit-mask: url("https://forumstatic.ru/files/001c/25/f9/18906.svg") center / contain no-repeat;
            mask: url("https://forumstatic.ru/files/001c/25/f9/18906.svg") center / contain no-repeat;
}

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

#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;
  background: var(--wordcolor1);
  border-radius: 5px;
  margin-bottom: 5px;
}

#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 {border-radius: 5px;width: 26px;height: 26px;}


#font-area div,
#size-area div,
#addition-area div {
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color .25s ease;
}

#font-area div:hover,
#size-area div:hover,
#addition-area div:hover {
  text-decoration-color: currentColor;
}
/* Иконки в форме ответа 
-------------------------------------------------------------*/

#form-buttons td:before {
  content: " ";
  font-family: var(--mso3);
  font-size: 14px;
  color: var(--bg-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";}
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 h3 {
    background: none;
}

.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: 30px;
  margin-left: -180px;
}

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


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

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

#pun-profile #profile-left {
  position: relative;
  overflow: hidden;
  width: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--gap-sm, 6px);
  background: var(--selectmax);
  /* border: 1px solid var(
  --bordercolor); */
  border-radius: var(
  --radius, 10px);
  box-shadow: var(
  --shadow);
  padding: 20px 10px;
  color: var(
  --textcolor);
}

/* — аватар — */
#profile-left #pa-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 220px;
  aspect-ratio: 1 / 1;
  margin: 0 auto;
  padding: 10px;
  box-sizing: border-box;
  background: var(--selectmax);
  border-radius: var(--radius);
  box-shadow: inset 0 0 0 1px var(--blackmedium);
  color: var(--amscolor);
}

#profile-left #pa-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 5px;
}

#profile-left #profile-name {
  font: 700 14px var(--rus);
  text-transform: uppercase;
  color: var(--bg-light);
  letter-spacing: 1px;
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  margin-top: 18px;
}

#profile-left #profile-name::before{
    content: "";
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 15px;
    background-color: var(--amscolor);
    mask: url(https://forumstatic.ru/files/001c/25/f9/18906.svg) no-repeat center / contain;
    opacity: 1;	
}

#profile-left #profile-title {
  font: 10px verdana;
  text-transform: lowercase;
  opacity: .9;
  color: var(--accentcolor2);
  background: none !important;
  box-shadow: none !important;
  border: none !important;
}

#profile-left #pa-online {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 14px;
    height: 14px;
    font-size: 0; 
    color: transparent;
    
    background-color: var(--accent-color-light);
    
    -webkit-mask: url("https://forumstatic.ru/files/001c/25/f9/58055.svg") no-repeat center / contain;
    mask: url("https://forumstatic.ru/files/001c/25/f9/58055.svg") no-repeat center / contain;
    
    animation: profileBlink 1.2s infinite ease-in-out;
}


@keyframes profileBlink {
    0%, 100% {
        opacity: 1;
        filter: drop-shadow(0 0 2px var(--accent-color-light));
    }
    50% {
        opacity: 0.35;
        filter: drop-shadow(0 0 6px var(--accent-color-light));
    }
}

/* редактировать */
#profile-left li#pa-edit {
  margin-top: 4px;
  background: var(--selectmax);
  border-radius: var(--radius);
  padding: 10px 12px;
  font: 11px var(--eng);
  text-transform: uppercase;
  color: var(--wordcolor1);
  border: 1px solid var(--selectmax);
  box-shadow: inset 0 0 0 1px var(--blackmedium);
}

#profile-left li#pa-edit a {
  color: var(--accentcolor2);
}

#profile-left li#pa-edit a:hover {
  color: var(--amscolor);
}


#pun-profile #profile-left::before{
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: inherit;
  border: 4px double var(--pin-color);
  pointer-events: none;
}

#profile-left #pa-avatar{
  /* box-shadow:
    inset 0 0 0 1px var(--blackmedium),
    0 12px 22px rgba(0,0,0,.4); */
}


/* меню навигации профиля*/

#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(--accentcolor2);
  background: var(--bg-dark);
  transition: .25s;
  border-radius: 5px;
  border: 1px solid var(--quotecolor);
  box-shadow: inset 0 0 0 1px var(--blackmedium);
}
#profilenav ul li a:hover {
  background: var(--accentcolor1);
  color: #fff;
  box-shadow: 0 1px 7px var(--blackmax);
}
#profilenav ul li.isactive a { background: var(--gradient-accent); color: #fff; }
#profilenav li { margin-bottom: 5px; }

/* правая половина просмотра профиля*/
#profile-right {
  position: relative;
  overflow: visible;
  padding: 18px;
  border-radius: calc(var(--radius) + 4px);
  /* background: var(--buttontextcolor); */
  /* box-shadow: var(--shadow); */
  display: grid;
  grid-template-columns: repeat(2, minmax(250px, 1fr));
  gap: var(--gap, 14px);
  align-items: start;
  color: var(--textcolor);
  z-index: 0;
  justify-items: stretch;
}
#profile-right::before {
  content: "";
  position: absolute;
  inset: 0;
  /* background:
    linear-gradient(0deg, rgba(255,255,255,0.04), rgba(0,0,0,0.10)),
    var(--fondark) center/cover no-repeat fixed; */
  opacity: .35;
  pointer-events: none;
  z-index: 0;
}
#profile-right > * { position: relative; z-index: 1; }

/* карточки */
#profile-right > li {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(0,0,0,0.10) 100%),
    var(--buttontextcolor);
  border: 1px solid var(--bordercolor);
  border-radius: var(--radius);
  padding: 20px 18px 18px;
  box-sizing: border-box;
  box-shadow: var(--shadow);
  color: var(--textcolor);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 72px;
  text-align: center;
}

/* заголовок карточки */
#profile-right > li > span {
  align-self: stretch;
  display: block;
  font: 700 11px var(--fontosnovnoe);
  text-transform: lowercase;
  color: var(--wordcolor1);
  padding-bottom: 8px;
  margin: 0;
  /* box-shadow: inset 0 -1px 0 0 var(--bordercolor); */
  text-align: center;
}

/* значение карточки */
#profile-right > li > *:not(span) {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  line-height: 1.6;
  font-size: 12px;
  color: var(--textcolor);
  text-align: center;
}

/* ссылки */
#profile-right > li a {
  display: inline-block;
  margin: 0 4px;
  text-align: center;
  color: var(--linkcolor);
}
#profile-right > li a:hover { color: var(--buttoncolor); }

/* верхняя линия: ссылки + плашка */
#profile-right li#pa-fld2 { grid-column: 1; grid-row: 1; order: -2; }
#profile-right li#pa-fld1 { grid-column: 2; grid-row: 1; order: -1; }

/* выравнивание */
#profile-right li#pa-fld1,
#profile-right li#pa-fld2 {
  position: relative; /* íóæíî äëÿ ::before */
  display: flex;
  align-items: center;
  flex-direction: column; 
  min-height: 100px;   
  height: 100%;
  box-sizing: border-box;
  padding: 5px 18px 5px; 
  justify-content: space-evenly;
  background: var(--selectmax);
  border: none;
}

#profile-right li#pa-fld1::before,
#profile-right li#pa-fld2::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: inherit;
  border: 4px double var(--pin-color);
  pointer-events: none;
}

/* ссылки в pa-fld2 */
#profile-right li#pa-fld2 .profile-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  /* height: 100%; */
  flex-wrap: wrap;
  text-transform: uppercase;
  text-align: center;
  background: var(--blackmax);
  padding: 15px;
}
#profile-right li#pa-fld2 .profile-links a {
  color: var(--linkcolor);
  font-size: 14px;
  padding: 0px;
  transition: color .2s ease;
}
#profile-right li#pa-fld2 .profile-links a:hover {
  color: var(--buttoncolor);
}

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

/* плашка */
#profile-right li#pa-fld1 .profile-family-badge {
  width: 100%;
  /* min-height: 100px; */
  height: 100%;
  display: flex;
  border-radius: 8px;
  background: var(--blackmax);
  /* border: 1px solid var(--bordercolor); */
  /* padding: 5px 10px; */
  box-sizing: border-box;
  text-align: center;
  justify-content: center;
}
#profile-right li#pa-fld1 .profile-family-badge * {
  /* margin: 0; */
  text-align: center;
  background: none;
  border: none;
  box-shadow: none;
}

#profile-right li#pa-fld1 .badge-symbol img {
    max-width: 50px;
    max-height: 50px;
    object-fit: contain;
    border-radius: 3px;
}

/* исправление скрытых strong */
#profile-right li strong {
  display: inline;
  padding: 0;
  margin: 0;
  font-weight: inherit;
  padding-left: 0em!important;
}
#profile-right > li > strong:empty { display: none; }
#profile-right li#pa-fld1 strong,
#profile-right li#pa-fld2 strong {
  display: inline !important;
  font-weight: bold;
}

/* ===========================
   ТАБЛИЧНЫЕ/ДОП. КОНТЕЙНЕРЫ
   =========================== */
#viewprofile .container ul table {
  margin: 28px 0;
  max-width: 1082px;
  box-sizing: border-box;
  background: linear-gradient(0deg, rgba(255,255,255,0.06), rgba(0,0,0,0.15)),
    var(--fonprofile) center/cover no-repeat;
  color: var(--textcolor);
  text-align: center;
  border: 3px solid var(--yellow);
  box-shadow: 0 0 0 1px var(--brown);
  padding: 20px 0;
  border-radius: 15px;
}
#viewprofile .container ul table tr {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
}
#viewprofile li {
  background: linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(0,0,0,0.10) 100%),
    var(--categor);
  /* border: 1px solid var(--bordercolor); */
  border-radius: var(--radius);
  padding: 3px 5px;
  /* margin-bottom: 10px; */
  box-sizing: border-box;
  font: 12px/1.5 Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: var(--textcolor);
  text-align: center;
  /* box-shadow: var(--shadow); */
  /* border: 1px solid var(--quotecolor); */
  /* box-shadow: inset 0 0 0 1px var(--blackmedium); */
}

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

#profile-right li#pa-fld3, #profile-right li#pa-gifts {display:none;}

        #profile-right #pa-posts{
            order: 1;
            grid-column: 1 / -1;
        }

/* разделительная линия подписи в профиле */
#profile-signature ul {
    margin: 0;
    padding: 1em 1em 0 1em;

    border: none !important;
    position: relative;
}

#profile-signature ul::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:1px;
    background: linear-gradient(        to right,        transparent,        var(--accentcolor1) 35%,        var(--accentcolor1) 65%,        transparent    ) !important;
}

/* звезда */
#profile-signature ul::after{
    content:"";
    position:absolute;
    top: 1px;
    left:50%;
    transform:translate(-50%, -50%);
    width: 14px;
    height: 15px;
    background: var(--accentcolor1);
    -webkit-mask: url("https://forumstatic.ru/files/001c/25/f9/18906.svg") center / contain no-repeat;
    mask: url("https://forumstatic.ru/files/001c/25/f9/18906.svg") center / contain no-repeat;
}


/*вкладки*/
.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;}

/* иконки только на странице личных сообщений */
#pun-messages #messages table div.icon {
    position: absolute;
    margin-left: -9px;
    margin-top: -25px;
    width: 37px;
    height: 17px;
    font: 700 18px var(--mso3);
    text-transform: uppercase;
    z-index: 9;
}
/* разделительная линия между личными сообщениями */
#pun-messages #messages tbody tr.group1 + tr.group1 td {
    border-top: 1px solid rgba(2, 15, 15, 0.10);
}
/* Прочие страницы
------------------------------------------*/

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

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

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

#pun-userlist .tc2 {
  text-align: center;
  width: 15%;
}

#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: 9;
  margin-left: 1151px;
  width: 44px;
  height: 40px;
  background: transparent;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
}

#Go_Top::after,
#Go_Bottom::after {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  background-color: var(--grey);
  transition: background-color 0.2s ease, transform 0.25s ease;
}

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

#Go_Top::after {
  mask: url("https://forumstatic.ru/files/001c/25/f9/76806.svg") no-repeat center / contain;
}

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

#Go_Bottom::after {
  mask: url("https://forumstatic.ru/files/001c/25/f9/47032.svg") no-repeat center / contain;
}

/* hover */
#Go_Top:hover::after,
#Go_Bottom:hover::after {
  background-color: var(--bordercolor);
  transform: scale(1.15);
}

/* Кнопка #realtime-toggle */
#realtime-toggle {
  margin-right: 20px;
  position: relative;
  z-index: 10;
  text-align: right;
}

#realtime-toggle a {
  display: inline-flex;
  padding: 5px 10px 7px;
  border: 1px solid var(--bordercolor);
  background: var(--accentcolor1);
  color: var(--buttontextcolor);
  font-size: 12px;
  line-height: 1;
  text-transform: lowercase;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}

#realtime-toggle a:hover {
  background: var(--buttontextcolor);
  color: var(--accentcolor1);
}

#realtime-toggle a.active {
  background: var(--amscolor);
  color: var(--white);
  border-color: var(--amscolor);
}


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

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

#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: 400 10px/1.2 var(--font-base);
  background: var(--buttoncolor);
  color: var(
  --white);
  box-sizing: border-box;
  border-radius: 3px;
  margin-left: 8px;
}

/* БыстроПлюсы для Топика */
.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: 30px;
  text-decoration: none;
}

div.post-vote p > a::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: #8888888a; 
  transition: background-color 0.3s ease, transform 0.3s ease;

  -webkit-mask: url("https://forumstatic.ru/files/001c/25/f9/33922.svg") no-repeat center / contain;
  mask: url("https://forumstatic.ru/files/001c/25/f9/33922.svg") no-repeat center / contain;

  vertical-align: middle;
}

.post.dark-style div.post-vote p > a::before {
  color: #eee;
}

div.post-vote p > a:hover::before {
  color: var(--accentcolor2); 
}



/* регулировка размера шрифта */ 
.FNTslider {
  border-radius: 4px;
  position: relative;
  z-index: 9;
  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: 4px 0 0 4px;
  position: absolute;
  margin-top: -1px;
  background: linear-gradient(90deg, var(--accentcolor2), var(--amscolor), var(--black));
  transition: width 0.2s ease;
}

.FNTslider .thumb {
  position: relative;
  top: -8px;
  width: 16px;
  height: 16px;
  background: var(--accentcolor2);
  border: 2px solid var(--bordercolor);
  border-radius: 50%;
  cursor: pointer;
  box-shadow:
    0 0 4px rgba(0,0,0,.3),
    inset 0 0 4px rgba(255,255,255,.3);
  transition: transform 0.25s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.FNTslider .thumb:hover {
  transform: scale(1.1);
  background: var(--amscolor);
  box-shadow:
    0 0 6px var(--accentcolor2),
    inset 0 0 5px rgba(255,255,255,.4);
}




/* Своё оформление всплывающих подсказок — совместимо с 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: justify;          
  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;
}


/* сворачивание категорий */
.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);
}


/* фон окна стикеров */
.hvStickerPackModal {
    border: solid 1px var(--accentcolor1)!important;
    background: var(--foncat)!important;
    bottom: 70px!important;
}


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

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





/* окно модератора */
.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;
}


/* Переключения стилей
------------------------------------------------------*/

/* Кнопки переключения стилей */
#display_switch {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 20px;
  top: 205px;
  right: -28px;
  z-index: 9999999;
}

#stylelist {
  position: absolute;
  top: 240px;
  left: 519px;
  list-style: none;
  display: flex;
  gap: 15px;
  font-size: 14px;
  z-index: 10000;
}

#stylelist a {
  color: var(--accent-light);
}

#stylelist a:hover {
  color: var(--accentcolor2);
}



#display_switch {
  color: var(--black);
  cursor: pointer;
}

/* Светлый стиль */

.light #stylelist a {
    color: var(--accentcolor1);
}

body.light::before {
      background: linear-gradient(rgb(0 0 0 / 11%), rgb(0 0 0 / 11%)), var(--fonsvet) no-repeat fixed top center / cover;
}


.light #pun-title {
  background: 
    var(--logo) no-repeat top center,
    linear-gradient(rgb(0 0 0 / 11%), rgb(0 0 0 / 11%)),
    var(--fonsvet) no-repeat fixed top center / cover,
    var(--wordcolor1);
  height: 415px;
}

.light #pun-navlinks li a {
    color: var(--bordercolor);
}

.light #pun-navlinks li a:hover {
  color: var(--black);
}


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

.light .post-body {
    background: var(--quotecolor);
}


/* кнопки вниз вверх (иконки тёмные) */
.light #Go_Top,
.light #Go_Bottom {
  color: var(--wordcolor1); /* тёмный оттенок текста */
}

.light #Go_Top:hover,
.light #Go_Bottom:hover {
  color: var(--accentcolor2); /* тёмно-красный акцент */
}

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

.light #pun-stats .container {
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px 50px;
    box-sizing: border-box;
    background: var(--categor);
    /* color: var(--linkhover); */
}

.light #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(--black);
    clear: both;
}

/* Реакции */

/* перекрас кнопки */
.topic .reaction-chip {
    background-color: var(--wordcolor) !important;
    border: 1px solid var(--bordercolor) !important;
}

.topic .reaction-chip:not(.reaction-chip--disabled):hover {
    background-color: var(--white) !important;
}

.topic .reaction-chip:hover {
    border: 1px solid var(--bordercolor) !important;
}


#pun-index .subforums, #subforums {
  max-width: 620px;
  margin-left: 15px;
  background: var(--blackmore);
  color: var(--wordcolor1);
  padding: 3px;
  border-radius: 5px;
  text-align: center;
}

#pun-index .subforums {
font: 800 1em/130%  var(--rus);
  text-transform: uppercase;
}

#pun-index .tclcon span a,
#pun-index .subforums a {
  color: var(--accentcolor1);
  border-bottom: 1px solid var(--accentcolor1);
  padding-bottom: 2px;
  text-align: center;
  position: relative;
  font: 600 9px var(--font) banner;
  /* letter-spacing: 0.1em; */
}
/* ссылки подфор */
.light .pfs a {
    background: var(--buttoncolor);
}

.light .pfs a:hover {
    background: var(--accentcolor1);
}
/* ссылки подфор */






/* Оформление к Dice Roller (c) Spiritus Tergi, ч3 */

.hidden {
	display: none !important;
}

/* Кнопка броска (оставил как есть, только добавь фон по желанию) */
#button-dice {
	background: url("/files/000f/3e/d5/81483.png") center center no-repeat;
	background-size: contain;
	width: 24px;
	height: 24px;
	display: inline-block;
	cursor: pointer;
}

/* Основная форма */
form#dice-form {
    width: 340px;
    padding: 20px;
    text-align: left;
    position: absolute;
    top: 62px;
    right: 7px;
    background: var(--bordercolor);
    border: 1px solid var(--accent-light, #ccc);
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    color: var(--textcolor, #222);
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-sizing: border-box;
    z-index: 3;
}

/* Общее для всех input */
form#dice-form input {
	width: 60px;
	padding: 5px 6px;
	border: 1px solid var(--accent-light, #aaa);
	border-radius: 4px;
	background-color: var(--buttontextcolor);
	color: var(--textcolor, #222);
	font-size: 14px;
	box-sizing: border-box;
}

/* Метка и поле — в одной строке */
#dice-form label {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 4px 0;
	gap: 10px;
}

/* Подписи перед полями */
#dice-form span {
	font-weight: bold;
	display: inline-block;
	min-width: 100px;
	text-align: left;
	position: relative;
	right: auto;
}

/* Добавление двоеточия */
#dice-form label > span::after {
	content: ":";
}

/* Текстовое поле */
#dice-form textarea {
	width: 190px !important;
	height: 70px !important;
	resize: vertical;
	padding: 6px 8px;
	border: 1px solid var(--accent-light, #aaa);
	border-radius: 4px;
	background-color: var(--buttontextcolor);
	color: var(--textcolor, #222);
	font-size: 13px;
	font-family: inherit;
	box-sizing: border-box;
}

/* Вложенные блоки — если используются */
#dice-form > div {
	width: 100%;
	display: block;
	margin-top: 8px;
}

/* Поведение второго блока — как в оригинале */
#dice-form > div:nth-child(2) {
	margin-top: 0; /* убрал отрицательный отступ */
}

/* Поддержка inline label (если используется отдельно) */
#dice-form > label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 4px 0;
}

/* Вывод результата */
.roll-dice::before,
.roll-value::before,
.roll-reason::before,
.roll-result::before {
	font-weight: bold;
}

.roll-dice::before {
	content: "Бросок: ";
}

.roll-dice::after {
	content: " (бонус)";
	margin-right: -5px;
}

.roll-value::before {
	content: " , с результатом: ";
}

.roll-reason::before {
	content: "Действие: ";
}

.roll-result::before {
	content: "Итог: ";
}

#pun .roll-result {
	padding-bottom: 0px;
}

#dice-form button[type="submit"],
#dice-form input[type="submit"] {
  align-self: anchor-center;
  padding: 8px 16px;
  background-color: #822727; /* основной бордово-красный */
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  transition: background-color 0.3s ease, transform 0.2s ease;
}

#dice-form button[type="submit"]:hover,
#dice-form input[type="submit"]:hover {
  background-color: #a94444; /* чуть светлее при наведении */
  transform: translateY(-1px);
}

#dice-form button[type="submit"]:active,
#dice-form input[type="submit"]:active {
  background-color: #6b1f1f;
  transform: translateY(0);
}


@keyframes shake-roll {
  0%   { transform: rotate(0deg); }
  25%  { transform: rotate(15deg); }
  50%  { transform: rotate(-15deg); }
  75%  { transform: rotate(10deg); }
  100% { transform: rotate(0deg); }
}

td#button-dice:hover::before {
  animation: shake-roll 0.6s ease;
}

/* плашки у важных тем */
.quote-box .quote-after.q-resize-1 {
    background: linear-gradient(to bottom, transparent 0%, rgb(219 219 219) 68%, rgb(231 231 231) 100%)!important;
    background: -moz-linear-gradient(to bottom,transparent 0%,rgba(0, 0, 0, 0.05) 70%,rgba(0, 0, 0, 0.05) 100%)!important;
    background: -webkit-linear-gradient(to bottom,transparent 0%,rgba(0, 0, 0, 0.05) 70%,rgba(0, 0, 0, 0.05) 100%)!important;
    background: -o-linear-gradient(to bottom,transparent 0%,rgba(0, 0, 0, 0.05) 70%,rgba(0, 0, 0, 0.05) 100%)!important;
    background: -khtml-linear-gradient(to bottom,transparent 0%,rgba(0, 0, 0, 0.05) 70%,rgba(0, 0, 0, 0.05) 100%)!important;
    background: -ms-linear-gradient(to bottom,transparent 0%,rgba(0, 0, 0, 0.05) 70%,rgba(0, 0, 0, 0.05) 100%)!important;
}

/* реклама в админке */
.admin-advert-block {
  position: relative;
  width: 468px;
  height: 60px;
  top: 50px;
  left: 10px;
}


.header_links {
    display: block;
    width: 36px;
    height: 36px;
    margin: 0 auto 0 0;
    position: relative;
    border: none;
    z-index: 90;
    top: -89px;
    left: 11px;
    display: none;
}




/* Слой света: поставим ПЕРВЫМ в body, контент будет после и перекроет его */
#light {
  position: fixed;
  left: 0; top: 0;          /* базовая точка для transform */
  width: 700px;             /* большое пятно */
  height: 700px;
  border-radius: 50%;
background: radial-gradient(
  circle,
  rgba(230, 95, 65, 0.35) 0%,   /* центр — яркое тёплое свечение */
  rgba(160, 55, 35, 0.22) 35%,  /* более насыщенный внутренний ореол */
  rgba(70, 30, 25, 0.08) 70%,   /* мягкий переход */
  rgba(0, 0, 0, 0) 100%         /* плавное затухание */
);
  filter: blur(170px);
  pointer-events: none;
  /* ВАЖНО: без отрицательного z-index */
  z-index: 0;               /* остаётся позади остального контента, который идёт после в DOM */
  transform: translate(-50%, -50%);
  will-change: transform;
  mix-blend-mode: screen;   /* мягкое слияние с фоном */
}



/* ТАБЛИЦА В ШАПКЕ */
.tablichka{
  /* --tablichka-border:#ff2a2a; */
  --tablichka-text:#6a4a3a;
  /* --tablichka-bg:#fff; */
  position: relative;
  top: -461px;
  width: 1131px;
  height:300px;
  background:var(--tablichka-bg);
  color:var(--tablichka-text);
  box-sizing:border-box;
  padding:12px;
  z-index: 9999;
}

/* рамки “как на эскизе” */
.tablichka__top-left,
.tablichka__top-right,
.tablichka__icons,
.tablichka__nav,
.tablichka__center,
.tablichka__right,
.tablichka__logo,
.tablichka__news,
.tablichka__newshead,
.tablichka__navitem,
.tablichka__icon,
.tablichka__award,
.tablichka__wanted,
.tablichka__player,
.tablichka__title,
.tablichka__box{
  border:1px solid var(--tablichka-border);
  box-sizing:border-box;
}

/* верхняя строка */
.tablichka__top{
  height: 53px;
  margin-bottom: 16px;
}

.tablichka__top-left{
  position: relative;
  left: 52px;
  float:left;
  width: calc(100% - 644px);
  /* height: 65px; */
  line-height: 52px;
  text-align:center;
  letter-spacing:.06em;
  padding: 13px 11px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font: 700 10px var(--rus);
}

.tablichka__top-right{
  float:right;
  width:458px;
  height: 38px;
  text-align:center;
  letter-spacing:.06em;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px; /* расстояние между никами */
}

/* сами ссылки */
.tablichka__adminlink{
  color:inherit;
  text-decoration:none;
  position:relative;
  padding:2px 4px;
  font: 700 10px var(--rus);
}

/* ссылка */
.tablichka__adminlink{
  position: relative;
  display: inline-block;
}

/* градиентная линия */
.tablichka__adminlink::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-3px;
  width:100%;
  height:2px;

  background: linear-gradient(
    to right,
    transparent 0%,
    rgba(255,80,80,.35) 30%,
    var(--errorcolor) 50%,
    rgba(255,80,80,.35) 70%,
    transparent 100%
  );

  opacity:0;
  transform:scaleX(.6);
  transform-origin:center;
  pointer-events:none;
  transition: opacity .35s ease, transform .35s ease;
}

/* звезда в центре */
.tablichka__adminlink::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:-7px;
  transform:translateX(-50%) scale(.6);

  width:10px;
  height:10px;
  background: var(--white);

  opacity:0;
  pointer-events:none;
  z-index:2;

  -webkit-mask:url("https://forumstatic.ru/files/001c/25/f9/18906.svg") center/contain no-repeat;
          mask:url("https://forumstatic.ru/files/001c/25/f9/18906.svg") center/contain no-repeat;

  transition: opacity .35s ease, transform .35s ease;
}

/* появление при ховере */
.tablichka__adminlink:hover::after{
  opacity:1;
  transform:scaleX(1);
}

.tablichka__adminlink:hover::before{
  opacity:1;
  transform:translateX(-50%) scale(1);
}
/* низ */
.tablichka__bot{
  height: calc(391px - 12px - 13px - 55px - 16px); /* общая высота минус паддинги и верх */
}

/* колонки */
.tablichka__icons{
  float:left;
  width:44px;
  height:100%;
  margin-left: 27px;
  margin-top: 6px;
  padding:10px 6px;
}

.tablichka__icon{
  display:block;
  height:18px;
  margin-bottom:8px;
  background:transparent;
}

.tablichka__nav{
  float:left;
  width: 163px;
  height:100%;
  margin-left: 39px;
  margin-top: 23px;
  padding:10px;
}

.tablichka__navitem{
  display:block;
  height:22px;
  line-height:22px;
  text-align:center;
  text-decoration:none;
  color:inherit;
  margin-bottom:6px;
  letter-spacing:.05em;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

/* заголовок блока */
.tablichka__navtitle{
  height: 22px;
  line-height:22px;
  text-align:center;
  letter-spacing:.08em;
  margin-bottom:8px;
  border:1px solid var(--tablichka-border);
  font: 700 12px var(--rus);
  padding: 8px;
}

/* контейнер будущего меню */
.tablichka__navlist{
  /* тут потом можно будет подключить авто-генерацию MyBB */
}

/* ссылки меню */
.tablichka__navitem{
  display:block;
  height: 20px;
  line-height:22px;
  text-align:center;
  text-decoration:none;
  color:inherit;
  margin-bottom: 6px;
  letter-spacing:.05em;
  border:1px solid var(--tablichka-border);
  font: 700 11px var(--rus);
}



.tablichka__navitem:hover{
  color: var(--white);
  text-shadow:
    0 0 4px color-mix(in srgb, var(--amscolor) 60%, transparent),
    0 0 12px color-mix(in srgb, var(--amscolor) 35%, transparent);
  transform: translateY(-1px);
}

.tablichka__navitem:active{
  transform: translateY(0);
  text-shadow:
    0 0 3px color-mix(in srgb, var(--amscolor) 50%, transparent);
}

.tablichka__right{
  float:right;
  width: 246px;
  height:100%;
  margin-top: -9px;
  padding:0;
}

/* центр занимает всё, что осталось между nav и right */
.tablichka__center{
  float:left;
  height:100%;
  margin-left: 41px;
  margin-right: 18px;
  margin-top: 28px;
  width: calc(100% - 43px - 16px - 202px - 18px - 314px);
  padding:14px;
}

/* центр: лого + новости */
.tablichka__logo{
  width: 498px;
  height: 88px;
  line-height:110px;
  text-align:center;
  font-size:20px;
  letter-spacing:.08em;
  margin-bottom:14px;
  overflow:hidden;
}

.tablichka__news{
  height: calc(100% - 110px - 14px);
  overflow:hidden;
}

.tablichka__newshead{
  height: 30px;
  line-height:30px;
  text-align:center;
  letter-spacing:.06em;
  border-left:none;
  border-right:none;
  border-top:none;
  font: 700 12px var(--rus);
  padding: 9px;
}

.tablichka__newsscroll{
  height: calc(100% - 30px);
  overflow:auto;
  padding:10px 12px;
  line-height:1.35;
}

/* одна новость */
.tablichka__newsitem{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:8px;
}

/* плашка даты */
.tablichka__newsdate{
  flex-shrink:0;
  min-width:42px;
  height:18px;
  line-height:18px;
  text-align:center;
  font-weight:bold;
  font-size:10px;
  border: 1px solid var(--accentcolor2);
  background: var(--white);
  border-radius: 5px;
  padding:0 4px;
}

/* текст новости */
.tablichka__newstext{
  flex:1;
  font-size:11px;
  line-height:1.35;
}

/* правый сайдбар: 3 блока по высотам */
.tablichka__award{
  height: 111px;
  overflow:hidden;
}

.tablichka__player{
  height:34px;
  line-height:34px;
  text-align:center;
  margin: 12px 0;
  padding:0 10px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font: 700 12px var(--rus);
  padding: 7px;
}

.tablichka__wanted{
  height: calc(100% - 110px - 34px - 24px); /* 24px = два отступа по 12 */
  overflow:hidden;
}

.tablichka__title{
  height: 28px;
  line-height:28px;
  text-align:center;
  letter-spacing:.06em;
  border-left:none;
  border-right:none;
  border-top:none;
  font: 700 12px var(--rus);
  padding: 10px;
}

.tablichka__box{
  height: calc(100% - 25px);
  border:none;
  overflow:auto;        /* включает прокрутку */
  padding:8px 10px;     /* отступ внутри */
  font: 11px var(--arial);
  text-align: justify;
}

/* опционально — аккуратный скролл */
.tablichka__box::-webkit-scrollbar{
  width:6px;
}

.tablichka__box::-webkit-scrollbar-thumb{
  background:var(--tablichka-border);
  border-radius:6px;
}

.tablichka__box::-webkit-scrollbar-track{
  background:transparent;
}

.tablichka__clear{ clear:both; }



/* цвет фона новых тем */
#pun-viewforum .forum, #pun-main.main.multipage .forum,
#pun-main.main.mod-page {
    background: var(--foncat2);
    margin: 6px 0 0;
    padding:15px 20px;
    font:11px var(--fontosnovnoe);
    color: var(--white);
    border-radius: 5px;
    border: 3px solid var(--yellow);
    box-shadow: 0 0 0 1px var(--brown);
    }

/* свечи на шапке */
.tablichka__logo{
    /* position: sticky; */
    overflow: hidden;
}

.header-parallax{
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.parallax-layer{
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.08s linear;
    will-change: transform;
}

/* фон */
.parallax-layer.bg{
    inset: 0;
    background-image: url(bg.jpg);
    background-size: cover;
    transform: translate(var(--bg-x, 0px), var(--bg-y, 0px));
}

/* свечи */
.parallax-layer.candles{
    width: 498px;
    height: 147px;
    left: 51%;
    top: 46%;
    margin-left: -249px;
    margin-top: -73.5px;
    background-image: url(https://forumstatic.ru/files/001c/25/f9/87325.png);
    background-size: 498px 147px;
    transform: translate(var(--candles-x, 0px), var(--candles-y, 0px));
    z-index: 99;
}