@charset "windows-1251";
@import url(style_cs.1777424271.css);

/* дизайн сделан envy
-------------------------------------------------------------*/


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

/* Иконки */
@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: 'Amatic SC';
src: local("Amatic SC"), url(https://forumstatic.ru/files/0015/28/00/98023.ttf);}

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


@font-face {
  font-family: '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');


@font-face {
    font-display: block;
    font-family: bootstrap-icons;
    src: url("../res/font/bootstrap-icons.woff2") format("woff2"),
        url("../res/font/bootstrap-icons.woff") format("woff");
}

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

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

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


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

:root {

--logo: url('https://forumstatic.ru/files/0015/28/00/54063.png');

--logolight: url('https://forumstatic.ru/files/0015/28/00/79212.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/0015/28/00/41453.png');

--fonlight: url('https://forumstatic.ru/files/0015/28/00/10398.jpg');

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

--linetelo: url('https://forumstatic.ru/files/0015/28/00/98863.png');

--linetelo2: url('https://forumstatic.ru/files/0015/28/00/95124.png');

--linetelo3: url('https://forumstatic.ru/files/0015/28/00/15035.png');

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

--foncat: url('https://forumstatic.ru/files/0015/28/00/46801.png');

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

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

--fontexture: url('https://forumstatic.ru/files/0015/28/00/18855.jpg');

--telo2: #d9d8d7;

--wordcolor: #b8b6b5;

--wordcolor1: #0d0b0a;

--textcolor: #3b3f40;

--accentcolor1: #71658c;

--accentcolor2: #8c2016;

--accent-light: #a6a6a6;

--accent-color-light: #9b8fb3;

--amscolor: #401a1a;

--white: #f3f2f1;

--white2: #ecebea;

--quote: #d9d8d7;

--bg-light: #cacad0;

--bg-dark: #0d0b0a;

--categor: #a6a6a6;

--grey: #a6a6a6;

--bordercolor: #71658c;

--yellow: #b78883;

--linkcolor: #4a3871;

--linkhover: #8c2016;

--buttoncolor: #401a1a;

--buttontextcolor: #e9e8e7;

--quotecolor: rgb(217 216 215 / 95%);

--useravatarcolor: #8c2016;

--black: #0d0b0a;

--brown: #401a1a;

--blackmin: rgba(13, 11, 10, 0.03);

--blackmedium: rgba(13, 11, 10, 0.18);

--blackmax: rgba(13, 11, 10, 0.58);

--blackmax2: rgb(33 150 243 / 47%);

--blackmore: rgba(13, 11, 10, 0.08);

--selecttextcolor: #f3f2f1;

--selectmax: rgba(113, 101, 140, 0.24);

--gradient-accent: linear-gradient(190deg, #0c265d5c, #3f0e099e);

--gradient-accent45: linear-gradient(45deg, #0c265d5c, #3f0e099e);

--gradient-accent1: linear-gradient(45deg, #504d69 0%, #1f1617 100%);

--gradient-accent2: linear-gradient(190deg, #e68e46a3, #3ea7ff80);

--gradient-accent3: linear-gradient(45deg, #b85926 0%, #15538b8f 100%);
  /* PIN */

--pin-color: #382e4e;

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

--successcolor: #72aec3;

--errorcolor: #8c2016;

--warningcolor: #953c4d;

--menucolor: #71658c;

--infocolor: #2c8e72;

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

--rus: "baron neue", 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: 0px;

--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(--accentcolor1) 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(--warningcolor);
  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(--linkcolor);
}

/* Оформление поискслова */
.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: 500 20px/100% var(--rus);
    text-transform: lowercase;
    color: var(--linkcolor);
    background: linear-gradient(
-180deg, var(--accentcolor1), var(--accent-color-light), var(--accentcolor1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    /* padding-bottom: 5px; */
    /* text-shadow: 1px 1px 1px black; */
}

.punbb #pun-main h1:not(.editBookmark h1) {
    font-size: 14px !important;
    font-family: var(--rus);
    font-weight: 600;
    color: var(--white);
    /* background: var(--linkhover); */
    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;
}

.clearer,
.acchide,
.category thead:not(#pun-viewforum .category thead),
.divider,
.crumbs strong,
.catleft,
.catright,
#pun-index #pun-main h1,
#pun-ulinks h2,
#pun-navlinks h2,
.forum h2,
.topic h2,
#pun-status h2,
#post-form h2,
.post-sig dt span,
#pun-userlist .main h2,
.pa-respect img,
.tcr br,
#pun-profile #profilenav h2,
#pun-index #pun-crumbs1,
#pun-index #pun-crumbs2,
#profile1>fieldset:nth-child(2)>div>p.datafield>span.label,
.bracket {
    display: none;
    visibility: hidden;
}

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

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


#tags .container {
    position: absolute;
    right: 7px;
    top: 43px;
    z-index: 2;
    /* border-radius: 5px; */
    background: var(--pin-color);
    color: var(--bg-light);
    padding: var(--mpad) !important;
    top: 0 !important;
    max-height: 300px;
    overflow: auto;
    border: 1px solid var(--bg-light);
    box-shadow: -5px 5px 3px var(--blackmax);
}

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

input.button, #pun-admain input.button, #sub4, input[type="button"] {
  padding: 6px 15px;
  font-size: 12px;
  line-height: 1;
  border: none;
  background: var(--bordercolor);
  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: 135px;
  margin-left: -135px;
}

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



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

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;
    width: 1200px;
    background: transparent;
    font: normal 68.75% verdana, arial, helvetica, sans-serif;
    color: var(--textcolor);
    margin: 401px auto 50px auto;
    border: 1px solid transparent;
    border-image: var(--linetelo) 1 repeat;
    box-sizing: border-box;
    border-radius: 0;
    box-shadow: -5px 5px 10px var(--blackmedium);
}

/* Тело форума */
.punbb {
  box-sizing: border-box;
  background: var(--bg-light);
  width: calc(100% - 18px);
  /* font: 400 12px var(--font-base); */
  margin: 18px 9px 10px auto;
  box-shadow: 0px 4px 150px 5px var(--pin-color-hover);
}

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


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

/* фон отдельным слоем, а не на container */
#pun-navlinks::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1081px;
  height: 60px;
  background: transparent;
  box-shadow: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: background .45s ease, box-shadow .45s ease;
  z-index: 0;
}

/* фон при прокрутке */
#pun-navlinks.scrolled::before {
  background: var(--fondark);
  box-shadow: 0 8px 9px rgb(0 0 0 / 61%);
}

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

/* старый фон на container больше не нужен */
#pun-navlinks.scrolled > .container {
  top: -7px;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  height: auto;
}

/* отключение свечения */
#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);
}

#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;
  height: 20px;
  margin: 0 auto;
}

#pun-navlinks li {
  display: inline-block;
  position: relative;
  padding: 5px 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-decoration: none;
  background-image: linear-gradient(0deg, var(--bg-light) 50%, var(--accentcolor2) 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: -12px;
  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;
  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: 23px;
  z-index: 999999;
}

#pun-ulinks .container {
  margin-top: -9px;
  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;
  border-radius: 3px;
  top: 7px;
}

#pun-ulinks li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  transition: background-position .4s ease;
}

#pun-ulinks li a:hover {
  background-position: 0 0;
}
/* Статус */

#pun-status .container {
    position: relative;
    /* top: 10px; */
    /* left: 26px; */
    width: 1088px;
    padding: 13px;
    box-sizing: border-box;
    color: var(--bg-light);
    z-index: 9;
    background: var(--fondark);
    margin: 0px auto;
    /* border-image: var(--linetelo2) 1 repeat; */
    box-shadow: inset 0 0 0px 1px var(--bg-light);
    border: 1px solid var(--linkcolor);
}

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

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

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

#pun-status a:hover {
  background: var(--buttontextcolor);
  color: var(--accent-color-light);
  font-family: var(--fontosnovnoe);
  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(--quotecolor);
    /* border-radius: 5px; */
    align-items: center;
    color: var(
    --pin-color);
    z-index: 1;
    border: 1px solid var(
    --bg-light);
    /* border-image: var(
    --linetelo2) 1 repeat; */
    box-shadow: 0 0 0 1px var(
    --bg-light);
}

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

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


#pun-index .category tr.inew {
    background: var(--selecttextcolor);
    transition: all 0.3s ease-in-out;
    /* border-radius: 5px; */
    border: 1px solid var(--white);
    border-image: var(--linetelo2) 1 repeat;
    box-shadow: inset 0 0 0px 1px var(--accent-color-light);
}

#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: 25px;
    text-align: justify;
}
/* Иконки в ЛС */
 #messages td div.tclcon {
    padding: 0px 0px 0px 35px;
    line-height: 30px;
    text-align: justify;
}
/* разделительная полоса в ЛС */
#pun-messages .main td {
    border-bottom: 1px dashed #a08bd273;
}


#pun-main .category Div.icon {
  margin: 0px 0px 0px 5px;
  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: -48px;
    margin-top: 6px;
    width: 35px;
    height: 35px;
    font: 700 18px var(--mso3);
    text-transform: uppercase;
    z-index: 9;
}


.punbb table div.icon::before {
    content: "";
    display: block;
    width: 35px;
    height: 30px;
    background-color: var(--accent-color-light);
    mask: url(    "https://forumstatic.ru/files/0015/28/00/82190.svg") no-repeat center / contain;
    opacity: 0.2;
}


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

/* закреплённые (pin) */
TR.isticky Div.icon::before {
    content: "";
    display: block;
    width: 30px;
    height: 35px;
    background-color: var(--linkhover);
    mask: url("https://forumstatic.ru/files/0015/28/00/67335.svg") no-repeat center / contain;
    opacity: 0.8;
}

/* закрытые (lock) */
TR.iclosed Div.icon::before {
    content: "";
    display: block;
    width: 30px;
    height: 35px;
    background-color: var(--buttontextcolor);
    mask: url("https://forumstatic.ru/files/0015/28/00/82190.svg") no-repeat center / contain;
    opacity: 0.7;
}

/* цвет блока закрытая + закреплённая тема */
#pun-viewforum tr[class~="isticky"],
#pun-main     tr[class~="isticky"] {
  position: relative;
  /* border-radius: 5px; */
  /* background: var(--selecttextcolor); */
  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: .03;
  --svg: url("https://forumstatic.ru/files/0015/28/00/77657.svg");
  opacity: var(--op);
  filter: brightness(1.1) drop-shadow(0 0 3px rgba(255,255,255,.25));
  background-color: var(--linkhover);
  -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: -46px;
}

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

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

.multipage {margin-top: 0px;}

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

.linkst .pagelink {
    color: var(--linkcolor);
    font: 400 12px var(--font-base);
    background: var(--selectmax);
    padding: 5px;
    border-radius: 3px;
    margin-left: 23px;
}

.linkst a, .linksb a {
    color: var(--white);
    background: var(--selectmax);
    border-radius: 3px;
    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(--accentcolor1);}
.punbb:not(.punbb-admin) .pagelink strong {
	/* border-radius: 5px; */
	padding: 3px  6px  3px 6px;
	background: var(--accentcolor1);
	color: var(--white);
	font: 12px var(--arial);
	border-radius: 3px;
}

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

.linksb {
  margin-bottom: 19px;
}

.linksb .pagelink {
  order: -2;
  color: var(--bordercolor);
  font: 400 12px var(--font-base);
  background: var(--selectmax);
  padding: 5px;
  border-radius: 3px;
  margin-left: 20px;
}

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

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

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

/* оформление пагинации на гл странице */
.redirecttext,
.pagestext,
.newtext,
.polltext,
.closedatafield,
.stickytext {
    padding: 0.2em 1em;
    margin-right: 0.5em;
    /* line-height: 1; */
    border-radius: 3px;
}
 
.stickytext {
    background-color: var(--linkhover);
    color: #fff;
}
 
.redirecttext,
.polltext {
    background: #c9c9c9;
    color: #fff;
}
 
.closedatafield {
    background: var(--accent-color-light);
    color: var(--quotecolor);
    text-transform: uppercase;
    font: 400 9px var(--fontosnovnoe);
}
 
.newtext {
    white-space: nowrap;
    background: var(--accent-color);
    color: #fff;
    display: inline-block;
    margin: 0.3em 0;
}
 
.newtext a {
    color: #fff;
}
 
.newtext a:hover {
    color: #d9fff9;
}
 
.pagestext {
    display: block;
    margin-top: 0em;
    width: fit-content;
    padding: 0px 3px;
    /* background: var(--bg-light); */
}
 
.pagestext a {
    margin: 0 0.1em;
    color: var(--accentcolor1);
    background: var(--blackmore);
    padding: 3px 3px;
    border-radius: 3px;
}


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

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

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

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

.punbb .modmenu strong a {
    background: var(--selectmax);
    color: var(--white);
    padding: 6px 6px;
    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: 45px auto;
    padding-bottom: 25px;
    background: var(--fondark);
    width: 1080px;
    /* border-radius: 5px; */
    border: 1px solid var(--bordercolor);
    box-shadow: 0 0 0 1px var(--bg-dark);
    /* border-image: var(--linetelo) 1 repeat; */
}

#pun-index .category h2 {
font-family: var(--rus);
font-size: 35px;
font-weight: 700;
text-transform: lowercase;
text-align: center;

background: linear-gradient(
    -90deg,
    var(--accentcolor1),
    var(--accent-color-light),
    var(--accentcolor2)
);

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

filter:
    drop-shadow(1px 0px 0px rgb(88 29 35))
    drop-shadow(-1px 0px 0px rgb(230 222 255));

background-repeat: no-repeat;
background-position: center;
background-size: 532px 34px;

clear: both;
height: 26px;
padding: 3px !important;
margin: 0px auto;
position: relative;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
bottom: 34px;
}

.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: 35px;
    font-family: var(--rus);
    font-weight: 700;
    text-transform: lowercase;
    text-align: center;
    overflow: hidden;
    background: linear-gradient(to right, #514961, var(--accentcolor1), #514961);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    clear: both;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 533px 45px;
}

#pun-index thead {display: none;}

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

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

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

#pun-index .category h3 {
    /* width: 50%; */
    padding: 5px 10px 10px 10px;
    display: block;
    font-size: 16px;
    font-family: var(--rus);
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
    color: var(--white);
    /* background: var(--selectmax); */
    /* border: solid 1px var(--brown); */
    border-radius: 5px;
    clear: both;
}

#pun-index .category h3 a{
    color: var(--linkcolor);
    /* text-shadow: 0px 0px 1px var(
    --errorcolor); */
    text-transform: lowercase;
}
#pun-index .category h3 a:hover{
    color: var(--accentcolor2);
}
.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: 485px;
  margin-bottom: 0;
  padding: 5px 0;
  font: 10px var(--fontosnovnoe);
  text-align: justify;
  color: var(--textcolor);
  line-height: 1.25;
  border-radius: 5px;
}

/* описание с боковым меню */
.opisanie {
  display: block;
}

/* очистка float, чтобы блок не схлопывался */
.opisanie::after {
  content: "";
  display: block;
  clear: both;
}

/* боковое меню */
.opisanie .pfs {
  float: left;
  width: 165px;
  box-sizing: border-box;
  margin: 0 15px 8px 0;
  padding: 5px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
  text-align: center;
  /* background: var(--gradient-accent1); */
  border-radius: 3px;
}

/* ссылки меню */
.pfs a {
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 6px 12px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 700;
  font-family: var(--rus);
  text-transform: lowercase;
  text-decoration: none;
  letter-spacing: 0.3px;
  color: var(--telo2);
  background: var(--gradient-accent1);
  overflow: hidden;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    background 0.3s ease,
    color 0.3s ease;
}

.pfs a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;

  width: 50%;
  height: 100%;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.15),
    transparent
  );

  transform: skewX(-20deg);
  transition: left 0.5s ease;
}

.pfs a:hover {
  background: var(--gradient-accent);
  color: var(--buttontextcolor);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.pfs a:hover::before {
  left: 100%;
}

/* текстовые элементы */
.opisanie p,
.opisaniebezmenu p {
  margin: 0px 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 {
  content: "\f111";
  position: absolute;
  left: 7px;
  top: 4px;

  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 6px;

  color: #822727;
}

.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(--quotecolor);
    transition: all 0.3s ease-in-out;
    /* border-radius: 5px; */
    border: 1px solid var(--bg-light);
    box-shadow: inset 0 0 0px 1px var(
    --accent-color-light);
}


#pun-index .category tbody tr {
  display: flex;
  width: 49%;
  position: relative;
}
#pun-index .category tbody tr td {
  position: relative;
}

/* растягиваем последний нечётный блок */
#pun-index .category tbody tr:last-child:nth-child(odd) {
    width: 100%;
    display: flex;
    align-items: stretch;
}

/* растягиваем ячейку */
#pun-index .category tbody tr:last-child:nth-child(odd) td.tcl {
    flex: 1 1 auto;
    width: auto;
    max-width: none;
}

/* ячейки статистики и последнего сообщения */
#pun-index .category tbody tr:last-child:nth-child(odd) td.tc2,
#pun-index .category tbody tr:last-child:nth-child(odd) td.tc3 {
    flex: 0 0 auto;
    width: auto;
}

/* внутренние контейнеры */
#pun-index .category tbody tr:last-child:nth-child(odd) td.tcl .intd,
#pun-index .category tbody tr:last-child:nth-child(odd) td.tcl .tclcon {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* описание */
#pun-index .category tbody tr:last-child:nth-child(odd) .opisanie,
#pun-index .category tbody tr:last-child:nth-child(odd) .opisaniebezmenu {
    width: 1035px;
    max-width: 1035px;
    margin: 0px auto;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    box-sizing: border-box;
}

/* левое меню */
#pun-index .category tbody tr:last-child:nth-child(odd) .opisanie .pfs {
    flex: 0 0 180px;
    width: 180px;
}

/* текст */
#pun-index .category tbody tr:last-child:nth-child(odd) .opisanie p {
    flex: 1 1 auto;
    margin: 0;
}

#pun-index .category tbody tr:last-child:nth-child(odd) td.tcr {
    flex: 0 1 auto;
    width: auto;
}


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

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

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

#pun-stats .container {
  margin: 0px auto;
  width: 1080px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 50px;
  box-sizing: border-box;
  background: #e7e7e7;
  /* border-radius: 5px; */
  color: var(--bg-dark);
  font-size: 11px;
  border: 1px solid var(--selectmax);
  box-shadow: 0 0 0 1px var(
  --buttontextcolor);
}

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 8px / 120% var(--fontosnovnoe);
    text-transform: uppercase;
    padding: 5px;
    letter-spacing: .3px;
    /* background: var(--accent-color-light); */
    color: var(--bg-dark);
    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: 1250px;
    height: 381px;
    position: absolute;
    top: -372px;
    left: -45px;
    z-index: 1;
    background: var(--logo);
    transition: all .3s ease-in-out;
    /* border: solid 1px var(--accentcolor1); */
}

#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: 0px;
  height: 114px;
}

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

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

.partners {
  margin: 20px 26px;
  box-sizing: border-box;
  width: 1086px;
  height: 78px;
  overflow: auto;
  background: var(--accent-color-light);
  /* border-radius: 5px; */
  border: 1px solid var(--buttoncolor);
  box-shadow: 0 0 0 1px var(--buttontextcolor);
  border-image: var(--linetelo) 1 repeat;
}

.partners a img {
  /* filter: grayscale(1); */
  transition-duration: 1s;
  padding: 3px;
}

.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;
  /* background: var(--wordcolor); */
}

.post h3 {
  /* margin-left: 284px; */
  background: var(--quotecolor);
  margin: 7px 20px 12px 21px;
  /* border-radius: 5px; */
}

.post h3 span {
  margin: 10px 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: 600;
  color: var(--bordercolor);
}


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

/* Автор */
.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(--selectmax);
    color: var(--black);
    right: 0px;
}

.post-author ul {
    width: 228px;
    background: var(--fondark);
    color: var(--grey);
    border: 1px solid var(--accentcolor1);
    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; */
    background: var(--pin-color);
    pointer-events: none;
    border: 1px solid var(--bg-light);
    border-image: var(--linetelo) 1 repeat;
    box-shadow: 0 0 0 1px var(--bg-dark);
}


.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(--quote);
    text-transform: lowercase;
    text-shadow: 1px 1px 1px var(--wordcolor1);
}

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


.post-author ul li.pa-title {

margin: 6px auto 8px;

padding: 6px;

width: 185px;

font-size: 9px;

line-height: 1;

font-family: Verdana;

text-transform: lowercase;

text-align: center;

color: var(--menucolor);

/* background: var(--categor); */

/* 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(--accentcolor1);

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(--quote);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(--selectmax);
    box-shadow: inset 0 0 0 1px var(--blackmedium);
}

.badge-symbol img {
  max-width: 40px;
  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(--selectmax);
    border-radius: 5px;
    height: 45px;
    width: 123px;
    border: 1px solid var(--selectmax);
    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(--buttontextcolor);
  text-shadow: 1px 1px 1px var(--black);
}

.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: 1px solid var(--selectmax);
  box-shadow: inset 0 0 0 1px var(--blackmedium);
}

.profile-link-a {
  padding: 2px 4px 4px 3px;
  font: 700 12px var(--rus);
  text-transform: lowercase;
  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(--bordercolor);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(--bordercolor);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: -18px;top: 2px;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% - 275px);margin-left: 25px;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;
}

.punbb .post-links {
    border-bottom: 1px dashed #252f302b;
    padding: 10px 0;
}

.post-links ul {
  padding: 0;
  margin-left: -256px;
  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; */
  background: var(--bg-light);
  padding: 0px 5px 5px 5px;
  border-radius: 3px;
}

.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 0 0;
  font: 11px / 1.8 var(--font-base);
  color: var(--pin-color);
  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 2.8em;
  padding: 5px;
  color: var(--pin-color);
  overflow: visible;
  background: var(--buttontextcolor);
  border: 1px solid var(--categor);
  box-shadow: 0 0 0 1px var(
  --white);
}

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

.quote-box cite,
.code-box strong.legend {
  position: relative;
  top: -5px;
  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;
}

.author-avatar+span {margin-left:-40px;}
.quote-box.with-avatar{padding-left:50px!important;}
.author-avatar {
    float: left;
    width: 39px;
    margin-left: -40px;
    margin-top: 19px;
}

.author-avatar > img {
  width: 28px;
  padding: 2px;
  border: 1px solid #c4cad4;
  border-radius: 4px;
}
.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(--linkcolor);
    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(--accentcolor1);
  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);
  background: var(--pin-color);
  position: absolute;
  pointer-events: none;
  transition: all .5s linear 0s;
  width: 26px;
  height: 26px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
}
#form-buttons td:hover:before {background: var(--white);}
#form-buttons td:hover:before {color: var(--pin-color);}

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

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: 5px 0 0 0;
  text-align: center;
}

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

fieldset {
  border: none;
}
#post-preview {
  /* background: var(--bg-light); */
  padding: 10px;
  border-radius: 5px;
}
fieldset legend {
  font-weight: normal;
}

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

.fs-box h3 {
    background: none;
}

#post-preview .fs-box .quote-box,
#post-preview .fs-box .quote-box p {
  color: var(--black);
}

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

.fs-box p, .fs-box fieldset {padding: 0 0 8px 0;color: var(--bg-light);}

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

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


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

#pun-profile #profile .container {
    padding-left: 22em;
    width: auto;
    text-align: left;
}

#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(--gradient-accent);
  padding: 20px 10px;
  color: var(
  --textcolor);
  border: 1px solid var(--selectmax);
  /* border-image: var(--linetelo) 1 repeat; */
  /* box-shadow: 0 0 0 1px var(--bg-dark); */
}

/* — аватар — */
#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(--gradient-accent);
  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-title {
  font: 10px verdana;
  text-transform: lowercase;
  opacity: .9;
  color: var(--accent-color-light);
  background: none !important;
  box-shadow: none !important;
  border: none !important;
}

#profile-left #pa-online {
    position: absolute;
    left: 1px;
    top: 2px;
    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(--gradient-accent);
  border-radius: var(--radius);
  padding: 10px 10px 13px 10px;
  font: 11px var(--rus);
  text-transform: lowercase;
  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(--buttontextcolor);
}

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




#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: 11px;
  text-transform: lowercase;
}
#profilenav ul li a {
  display: block;
  padding: 6px 6px 8px 6px;
  font-weight: 600;
  color: var(--bordercolor);
  background: var(--bg-light);
  transition: .25s;
  /* border-radius: 5px; */
  border: 1px solid var(--amscolor);
  /* border-image: var(--linetelo) 1 repeat; */
  box-shadow: 0 0 0 1px var(--bg-light);
}
#profilenav ul li a:hover {
  background: var(--accentcolor2);
  color: #fff;
  border: 1px solid var(--yellow);
  /* border-image: var(
  --linetelo) 1 repeat; */
  box-shadow: 0 0 0 1px var(--accentcolor2);
  text-shadow: 1px 1px 1px black;
}
#profilenav ul li.isactive a {background: var(--accentcolor1);color: #fff;text-shadow: 1px 1px 1px black;}
#profilenav li { margin-bottom: 5px; }
#profilenav .isactive a::before {
    content: "\e82b";
    transform: rotate(270deg);
    transform-origin: center;
    display: inline-block;
    font-family: mybb;
	margin-right: 0.4em;
}
 
/* правая половина просмотра профиля*/
#profile-right {
  position: relative;
  overflow: visible;
  padding: 18px;
  /* 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);
  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;
  display: grid;
  place-items: center;
  min-height: 100px;
  height: 100%;
  box-sizing: border-box;
  padding: 5px 18px 5px;
  background: var(--gradient-accent);
  border: none;
  text-align: center;
}

#profile-right li#pa-fld1::before,
#profile-right li#pa-fld2::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: inherit;
  pointer-events: none;
  /* border: 1px solid var(--bg-light); */
  /* border-image: var(--linetelo) 1 repeat; */
  /* box-shadow: 0 0 0 1px var(--selectmax); */
}

/* ссылки в 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 a,
#profile-right li#pa-fld2 a {
  font-size: 15px;
  padding: 3px 3px 6px 3px;
  text-transform: lowercase;
}
/* плашка */
#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 {

}

.punbb .formal {
  margin: 28px 20px;
  max-width: 1105px;
  box-sizing: border-box;
  background: linear-gradient(0deg, rgba(255,255,255,0.06), rgba(0,0,0,0.15)),
    var(--fondark) center/cover no-repeat;
  color: var(--bg-light);
  text-align: center;
  border: 1px solid var(--white);
  box-shadow: 0 0 0 1px var(--accentcolor1);
  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: var(--quote);
  /* border: 1px solid var(--bordercolor); */
  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;
  /* border: 1px solid var(--quote); */
  /* border-image: var(--linetelo2) 1 repeat; */
  box-shadow: inset 0 0 0px 1px var(--selectmax);
}

#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: 0px;
    padding: 1em 1em 0 1em;
    border: none !important;
    position: relative;
}

#profile-signature ul::before{
    content:"";
    position:absolute;
    top: 3px;
    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;
    left: 50%;
    top: 2%;
    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 {width: 100%;margin: 10px 10px 10px -20px;padding: var(--tpad);display: block;/* padding: 5px 0; */background: var(--selectmax);}

/* иконки только на странице личных сообщений */
#pun-messages #messages table div.icon {
    position: absolute;
    margin-left: -9px;
    margin-top: -2px;
    width: 37px;
    height: 17px;
    font: 700 18px var(--mso3);
    text-transform: uppercase;
    z-index: 9;
}

/* цвет ника */
#pun-messages .tclcon a {
color: var(--white);
}

/* разделительная линия между личными сообщениями */
#pun-messages #messages tbody tr.group1 + tr.group1 td {
    border-top: 1px solid rgba(2, 15, 15, 0.10);
}
#pun-messages #post-form {
    width: 100%;
    background: var(--gradient-accent);
    border: transparent !important;
    margin-left: 0px !important;
    border-radius: 5px !important;
    padding: 5px;
}


/* фон новых сообщений */
#pun-messages .main tr.inew {
  background: rgb(133 33 48 / 34%);
  transition: all 0.3s ease-in-out;
}
/* Прочие страницы
------------------------------------------*/

.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: 1170px;
  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: 26px;
  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(--accent-color-light);
  color: var(
  --white);
  box-sizing: border-box;
  border-radius: 3px;
  margin-left: 0px;
}

/* БыстроПлюсы для Топика */
.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(--pin-color), var(--accentcolor1), var(--pin-color));
  transition: width 0.2s ease;
}

.FNTslider .thumb {
  position: relative;
  top: -8px;
  width: 16px;
  height: 16px;
  background: var(--accentcolor1);
  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(--accent-color-light);
  /* 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: 38px;
  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: 45px;
  height: 45px;
  border-radius: 50%;

  top: 205px;
  right: -28px;
  z-index: 9999999;

  color: var(--black);
  cursor: pointer;
}

/* список иконок */
#stylelist {
  position: absolute;
  top: -75px;
  left: 543px;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  padding: 0;
  font-size: 0;
  z-index: 9;
}

/* ссылка */
#stylelist a {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 28px;
  height: 28px;

  border-radius: 50%;
  transition: 0.3s ease;
}

/* иконка (вместо img) */
#stylelist a .theme-icon {
  display: block;
  width: 20px;
  height: 20px;
  background-color: var(--accent-color-light);
  opacity: 0.6;
  transition: 0.3s ease;
  z-index: 99;
}

/* moon */
.theme-icon--moon {
  -webkit-mask: url("https://forumstatic.ru/files/0015/28/00/98574.svg?v=1") no-repeat center / contain;
  mask: url("https://forumstatic.ru/files/0015/28/00/98574.svg?v=1") no-repeat center / contain;
}

/* sun */
.theme-icon--sun {
  -webkit-mask: url("https://forumstatic.ru/files/0015/28/00/36087.svg") no-repeat center / contain;
  mask: url("https://forumstatic.ru/files/0015/28/00/36087.svg") no-repeat center / contain;
}

/* hover */
#stylelist a:hover .theme-icon {
  background-color: var(--accentcolor2);
  opacity: 1;
}

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





/* Оформление к 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.is-collapsed{
  height:auto;
  min-height: 24px;
}

/* скрытое состояние */
.tablichka.is-collapsed .tablichka__inner{
  max-height:0;
  opacity:0;
  transform: translateY(-10px);
  pointer-events:none;
}

/* контейнер анимации */
/* базово скрыто */
.tablichka__inner{
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform: translateY(-10px);
  transition: all .4s ease;
}

/* при наведении */
.tablichka:hover .tablichka__inner{
  max-height: 500px; /* или больше */
  opacity:1;
  transform: translateY(0) scale(1);
  pointer-events:auto;
}
/* режим hover */
.tablichka.is-hover:hover .tablichka__inner{
  max-height: 1000px;
  opacity: 1;
  transform: translateY(0);
}

/* закреплённое состояние */
.tablichka.is-fixed .tablichka__inner{
  max-height: 300px;
  opacity: 1;
  transform: translateY(0);
}

.tablichka-toggle{
  position: absolute;
  top: 16px;
  right: 16px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--accent-color-light);
  border: 1px solid var(
  --tablichka-border);
  border-radius: 5px;
  cursor: pointer;
  z-index: 10000;
  transition: all .3s ease;
  -webkit-mask: url("https://forumstatic.ru/files/0015/28/00/60190.svg") center/contain no-repeat;
  mask: url("https://forumstatic.ru/files/0015/28/00/60190.svg") center/contain no-repeat;
}

/* иконка */
.tablichka-icon{
  fill: var(--menucolor);
  transition: all .3s ease;
}

/* hover */
.tablichka-toggle:hover{
  transform: scale(1.1);
}

.tablichka-toggle:hover .tablichka-icon{
  fill: var(--white);
}

/* закреплённое состояние */
.tablichka.is-fixed .tablichka-icon{
  fill: var(--amscolor);
  transform: rotate(45deg);
}

.tablichka{
  /* --tablichka-border:#ff2a2a; */
  --tablichka-text: var();
  --tablichka-text: var(--categor);
  position: relative;
  top: -399px;
  right: 10px;
  width: 1198px;
  height: 313px!important;
  color: var(--telo2);
  box-sizing:border-box;
  padding:12px;
  z-index: 9999;
  transition: transform .3s ease;
}
.tablichka{
  --tablichka-background: var(--selectmax);
  background: transparent;
  transition: background .35s ease;
}

/* фон появляется, когда таблица раскрыта наведением */
.tablichka.is-hover:hover{
  background: var(--selectmax);
}

/* фон всегда есть, когда таблица закреплена кнопкой */
.tablichka.is-fixed{
  /* background: var(--selectmax); */

}
/* расширяем зону наведения */
.tablichka::before{
  content: "";
  position: absolute;
  inset: 0;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(8px); /* для сафари */
  background: var(--gradient-accent); /* лёгкое затемнение */
  opacity: 0;
  transition: opacity .35s ease;
  z-index: 0;
  pointer-events: none;
		    border: 1px solid var(--bg-light);
    border-image: var(--linetelo) 1 repeat;
    box-shadow: 0 0 0 1px var(--blackmin);
}

.tablichka.is-open{
  transform: translate(-50%, 0);
}
/* при закреплении кнопкой */
.tablichka.is-fixed::before{
  opacity: 1;
}

/* при наведении (если режим hover) */
.tablichka.is-hover:hover::before{
  opacity: 1;
}
/* рамки “как на эскизе” */
.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: 25px;
  margin-bottom: 30px;
  background: var(--gradient-accent45);
  /* border: 1px solid var(--bg-light); */
  border-image: var(--linetelo) 1 repeat;
  border-radius: 3px;
}

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

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

/* сами ссылки */
.tablichka__adminlink{
  position: relative;
  display: inline-block;
  color:inherit;
  text-decoration:none;
  position:relative;
  padding: 4px 4px;
  font: 700 10px var(--rus);
  text-transform: lowercase;
  /* text-shadow: 1px 1px 1px black; */
}


/* градиентная линия */
.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(342px - 12px - 13px - 55px - 16px); /* общая высота минус паддинги и верх */
}

.tablichka__icons-title{
  float: right;
  width: 18px;
  height: 230px;
  margin-top: 14px;

  display: flex;
  align-items: center;
  justify-content: center;

  writing-mode: vertical-rl;
  transform: rotate(180deg);

  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--amscolor);
}
.tablichka__icons-title{
  float: right;
  width: 21px;
  height: 230px;
  margin-top: 5px;
  margin-right: -7px;
  display: flex;
  align-items: center;
  justify-content: center;
  writing-mode: vertical-rl;
  transform: rotate(0deg);
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: lowercase;
  color: var(--white);
  font: 700 12px var(--rus);
  text-shadow: 1px 1px 1px black;
}
/* колонки */
.tablichka__icons{
  float: right;
  width: 43px;
  height: 215px;
  margin-left: 10px;
  margin-top: 17px;
  padding: 2px 3px 2px 0px;
}

.tablichka__icon{
  display: inline-block;
  width: 40px;
  height: 40px;
  overflow: hidden; /* чтобы ничего не вылезало */
  border-radius: 3px;
  box-shadow: 2px 2px 0px var(--accentcolor1);
}

.tablichka__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease, filter 0.3s ease;	
}

.tablichka__icon:hover img {
  transform: scale(1.1);
  filter: brightness(1.1) drop-shadow(0 0 5px var(--amscolor));
}

.tablichka__nav{
  float:left;
  width: 200px;
  height:100%;
  margin-left: 0px;
  margin-top: -18px;
  /* padding: 1px; */
}

.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: 6px;
  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;
  color: var(--bg-light);
  text-transform: lowercase;
  text-shadow: 1px 1px 1px black;
  /* background: var(--buttoncolor); */
}

/* контейнер будущего меню */
.tablichka__navlist{
  /* тут потом можно будет подключить авто-генерацию MyBB */
  background: var(--gradient-accent45);
  padding: 6px;
  /* border: 1px solid var(--bg-light); */
  /* border-image: var(--linetelo) 1 repeat; */
  /* box-shadow: 0 0 0 1px var(--bg-dark); */
  border-radius: 3px;
}

/* ссылки меню */
.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 12px var(--rus);
  text-transform: lowercase;
}



.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: 269px;
  height: 300px;
  margin-top: -8px;
  padding:0;
}

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

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

.tablichka__news{
  height: calc(100% - 114px - 15px);
  overflow:hidden;
  z-index: 9;
}

.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;
  color: var(--quote);
  /* background: var(--quotecolor); */
  text-transform: lowercase;
  text-shadow: 1px 1px 1px black;
}

.tablichka__newsscroll{
  height: calc(100% - 62px);
  overflow:auto;
  padding:10px 12px;
  line-height:1.35;
  background: var(--gradient-accent45);
  border: 1px solid var(--bg-light);
  border-image: var(--linetelo) 1 repeat;
  box-shadow: 0 0 0 1px var(--blackmax);
  border-radius: 3px;
}

/* одна новость */
.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(--categor);
  box-shadow: 0 0 0 1px var(--accentcolor1);
  background: var(
  --accentcolor1);
  color: var(
  --buttontextcolor);
  border-radius: 3px;
  padding:0 4px;
}

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

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

.tablichka__player{
  height: 30px;
  line-height:34px;
  text-align:center;
  margin: 3px 0;
  padding: 0 11px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font: 700 12px var(--rus);
  padding: 7px;
  background: var(--gradient-accent45);
  color: var(--buttontextcolor);
  text-transform: lowercase;
  text-shadow: 1px 1px 1px black;
  border-radius: 3px;
}
.tablichka__player a{
  color: var(--accentcolor1);
}
.tablichka__player a:hover{
  color: var(--accentcolor);
}
.tablichka__wanted{
  height: calc(100% - 106px - 91px - 22px); /* 24px = два отступа по 12 */
  overflow:hidden;
}

.tablichka__title{
  height: 29px;
  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;
  color: var(--buttontextcolor);
  /* background: var(--blackmax); */
  text-transform: lowercase;
  text-shadow: 1px 1px 1px black;
}

.tablichka__box{
  height: calc(100% - 33px);
  border:none;
  overflow:auto;        /* включает прокрутку */
  padding: 8px 3px 3px 10px;     /* отступ внутри */
  font: 11px var(--arial);
  color: var(--menucolor);
  text-align: justify;
  background: var(--gradient-accent45);
  /* border: 1px solid var(--bg-light); */
  /* border-image: var(--linetelo) 1 repeat; */
  /* box-shadow: 0 0 0 1px var(--bg-dark); */
  border-radius: 3px;
}

.tablichka__box1{
  height: calc(100% - 30px);
  border:none;
  /* overflow:auto; */        /* включает прокрутку */
       /* отступ внутри */
  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; }

.tablichka__box2 {
    height: calc(100% - 30px);
    border: none;
    /* overflow: auto; */
    text-align: center;
    padding-top: 5px;
}

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

/* свечи на шапке */
.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{
    position: absolute;
    width: 450px;
    height: 113px;
    left: 51%;
    margin-left: -278px;
    margin-top: 75px;
    background-image: url(https://forumstatic.ru/files/0015/28/00/53179.png);
    background-size: 450px 113px;
    /* transform: translate(var(--candles-x, 0px), var(--candles-y, 0px)); */
    z-index: -1;
}



/****************************************************
 * Стили для закладок
 ****************************************************/

#BookmCntToggle {
	top: 20px !important;
	left: 20px !important;
	margin-top: 1px !important;
	z-index: 9999999 !important;
}

#BookmCntToggle.default-style {
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
	color: var(--accentcolor2) !important;
	display: flex !important;
	height: 20px !important;
	width: 20px !important;
	justify-content: center;
	align-items: center;
	opacity: .95;
}

#BookmCntToggle:after {
	display: none !important;
}

#BookmCntToggle:before {
	content: "\f02e" !important;
	font: 29px FontAwesome !important;
	color: var(--accentcolor1) !important;
	background: transparent !important;
	margin: 0 !important;
	width: 30px !important;
	height: 25px !important;
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.post .bookmark {
	color: var(--accentcolor2) !important;
}

/****************************************************
 * Панель со списком закладок
 ****************************************************/

#MyBookmarks {
	background: var(--bg-light);
	text-shadow: none;
	color: var(--textcolor);
	padding: 20px 20px 10px 20px;
	box-sizing: border-box;
	width: 280px !important;
	z-index: 9999999 !important;
}

#MyBookmarks inner {
	padding-top: 40px !important;
}

#MyBookmarks .container {
	padding: 0 !important;
}

#MyBookmarks h2 {
	margin: 0 0 20px 0 !important;
	padding: 10px 15px !important;
	background: var(--quote);
	border-radius: 6px;
	border: 1px solid var(--selectmax) !important;
	box-sizing: border-box;
	font-size: 13px !important;
}

/****************************************************
 * Отдельная закладка в списке
 ****************************************************/

#MyBookmarks li.BookmarkL {
	position: relative;
	margin: 0 0 8px 0 !important;
	padding: 0 !important;
	background: var(--quote);
	border: 1px solid var(--selectmax) !important;
	border-radius: 6px;
	box-sizing: border-box;
	overflow: hidden;
}

#MyBookmarks li.BookmarkL:hover {
	border-color: var(--accentcolor2) !important;
}

#MyBookmarks li.BookmarkL > span {
	position: relative !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	cursor: default !important;
}

#MyBookmarks li.BookmarkL > span.last_click {
	background: transparent !important;
	box-shadow: inset 3px 0 0 var(--accentcolor1) !important;
}

#MyBookmarks li.BookmarkL > span > a.cf-bm-card {
	position: relative !important;
	z-index: 1 !important;

	display: block !important;
	box-sizing: border-box;
	padding: 9px 54px 9px 12px !important;
	margin: 0 !important;

	color: var(--textcolor) !important;
	text-decoration: none !important;
	line-height: 1.45 !important;
	background: transparent !important;
}

/****************************************************
 * Строки внутри карточки закладки
 ****************************************************/

#MyBookmarks .cf-bm-line {
	display: flex !important;
	align-items: baseline;
	gap: 4px;

	width: 100%;
	min-width: 0;

	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

#MyBookmarks .cf-bm-label {
	flex: 0 0 auto;
	color: var(--textcolor);
	font-weight: 700;
	opacity: .75;
}

#MyBookmarks .cf-bm-value {
	flex: 1 1 auto;
	min-width: 0;

	color: var(--textcolor);
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

#MyBookmarks .cf-bm-note-view .cf-bm-value {
	opacity: .85;
	font-style: italic;
}

/****************************************************
 * Скрытие старых элементов оригинального скрипта
 ****************************************************/

#MyBookmarks li.BookmarkL > span > dd {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

#MyBookmarks li num {
	display: none !important;
}

/****************************************************
 * Кнопка удаления закладки
 ****************************************************/

#MyBookmarks li.BookmarkL > span > strong.cf-bm-delete {
	position: absolute !important;
	top: 9px !important;
	right: 10px !important;
	z-index: 99999999 !important;

	display: flex !important;
	align-items: center;
	justify-content: center;

	width: 18px !important;
	height: 18px !important;
	padding: 0 !important;
	margin: 0 !important;

	float: none !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;

	color: var(--accentcolor2) !important;
	font-size: 15px !important;
	line-height: 18px !important;
	font-family: Tahoma, Verdana, Arial !important;

	cursor: pointer !important;
	pointer-events: auto !important;
	opacity: .75;
}

#MyBookmarks li.BookmarkL > span > strong.cf-bm-delete:hover {
	opacity: 1;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

/****************************************************
 * Карандаш для редактирования примечания
 ****************************************************/

#MyBookmarks .cf-bm-note-edit {
	position: absolute !important;
	top: 9px !important;
	right: 32px !important;
	z-index: 99999999 !important;

	display: flex !important;
	align-items: center;
	justify-content: center;

	width: 18px !important;
	height: 18px !important;
	padding: 0 !important;
	margin: 0 !important;

	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;

	color: var(--accentcolor2) !important;
	cursor: pointer !important;
	pointer-events: auto !important;
	opacity: .75;

	font-size: 0 !important;
	line-height: 1 !important;
}

#MyBookmarks .cf-bm-note-edit:before {
	content: "\f040";
	font: normal normal normal 12px/18px FontAwesome;
	color: var(--accentcolor2);
	pointer-events: none !important;
}

#MyBookmarks .cf-bm-note-edit-icon {
	display: none !important;
	pointer-events: none !important;
}

#MyBookmarks .cf-bm-note-edit:hover,
#MyBookmarks .cf-bm-note-edit:focus,
#MyBookmarks .cf-bm-note-edit:active {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	opacity: 1;
}

/****************************************************
 * Редактор примечания
 ****************************************************/

#MyBookmarks .cf-bm-note-editor {
	display: block !important;
	box-sizing: border-box;

	padding: 0 10px 10px 10px !important;
	margin: -2px 0 0 0 !important;

	background: transparent !important;
	cursor: default !important;
}

#MyBookmarks .cf-bm-note-label {
	display: block;
	margin: 0 0 5px 0;

	color: var(--textcolor);
	font-size: 11px;
	font-weight: 700;
	opacity: .75;
}

#MyBookmarks .cf-bm-note-input {
	display: block;
	width: 100%;
	min-height: 54px;
	box-sizing: border-box;
	resize: vertical;

	background: var(--white2);
	color: var(--textcolor);

	border: 1px solid var(--bordercolor);
	border-radius: 6px;

	padding: 7px 8px;
	font-size: 12px;
	line-height: 1.4;
	outline: none;
}

#MyBookmarks .cf-bm-note-input:focus {
	border-color: var(--accentcolor2);
}

#MyBookmarks .cf-bm-note-actions {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 6px;
}

#MyBookmarks .cf-bm-note-save,
#MyBookmarks .cf-bm-note-cancel {
	background: var(--white2);
	color: var(--textcolor);

	border: 1px solid var(--bordercolor);
	border-radius: 6px;

	padding: 4px 8px;
	font-size: 11px;
	line-height: 1.2;

	cursor: pointer;
}

#MyBookmarks .cf-bm-note-save:hover,
#MyBookmarks .cf-bm-note-cancel:hover {
	color: var(--accentcolor2);
	border-color: var(--accentcolor2);
}

#MyBookmarks .cf-bm-note-status {
	color: var(--textcolor);
	font-size: 11px;
	opacity: .7;
}

#MyBookmarks .cf-bm-note-status.is-saved {
	color: var(--accentcolor1);
}

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

#MyBookmarks span.scrl {
    text-align: center;
    width: 120px;
    cursor: pointer;
    padding-top: 6px;
    z-index: 999;
    background-color: transparent !important;
    color: var(--accentcolor2) !important;
    text-shadow: 0 0 6px var(--accentcolor2) !important;
    font-size: 1.2em;
    line-height: 1.1em;
}

#pun .scrl.t,
#pun .scrl.b {
	box-shadow: none !important;
	background: var(--quote)!important;
	border-radius: 6px;
	border: 1px solid var(--selectmax) !important;
	width: 110px;
}

.scrl.t+.scrl.b {
	margin-left: 10px !important;
}