пожиратели полностью захватили власть в стране: чистокровные получили все привилегии, только им разрешено занимать руководящие должности. полукровок терпят, но всячески ограничивают, магглорожденные не имеют никаких прав и вынуждены или бежать из страны, или обосновываться в маггловском мире. независимая пресса ( находится вне закона ) то и дело публикует сообщения о новых убийствах магглорожденных, многие из них числятся пропавшими без вести. министерству удалось захватить власть на всей территории магической британии, но они не смогли ликвидировать оппозицию. несколько штабов сопротивления действуют на территории лондона, но добиться значимых успехов им не удалось.

ближайший круг сторонников во главе с самим темным лордом начинает активные поиски даров смерти, желая обеспечить абсолютное превосходства волдеморта. оппозиция пытается подняться с колен, организоваться и начать наращивать свою мощь, чтобы полноценное сопротивление сторонникам режима.

/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
  @import url(style_cs.css);

@import url('https://kit-pro.fontawesome.com/releases/v6.5.2/css/pro.min.css');
@import url('https://forumstatic.ru/files/001c/8d/dc/89257.css');
@import url('https://forumstatic.ru/files/001b/31/48/23035.css');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Open+Sans:400,400i,600,600i,700,700i,800,800i|Roboto:100,300,400,700,900');
@import url('https://fonts.googleapis.com/css2?family=Alice&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&family=Tenor+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@font-face {
    font-family: 'Civons';
    src: local('Civons'),
         url('https://forumstatic.ru/files/001c/8d/dc/39640.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Pragmatica';
    src: local('Pragmatica ExtraLight Oblique'),
         url('https://forumstatic.ru/files/001c/65/be/73968.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: local('Pragmatica ExtraBold Oblique'),
         url('https://forumstatic.ru/files/001c/65/be/69682.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: local('Pragmatica Light Oblique'),
         url('https://forumstatic.ru/files/001c/65/be/61662.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: local('Pragmatica Bold'),
         url('https://forumstatic.ru/files/001c/65/be/11770.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: local('Pragmatica Black Oblique'),
         url('https://forumstatic.ru/files/001c/65/be/57579.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: local('Pragmatica Black'),
         url('https://forumstatic.ru/files/001c/65/be/59046.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: local('Pragmatica Medium'),
         url('https://forumstatic.ru/files/001c/65/be/17666.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: local('Pragmatica Book Oblique'),
         url('https://forumstatic.ru/files/001c/65/be/64459.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: local('Pragmatica Medium Oblique'),
         url('https://forumstatic.ru/files/001c/65/be/10533.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: local('Pragmatica ExtraBold'),
         url('https://forumstatic.ru/files/001c/65/be/56357.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: local('Pragmatica Light'),
         url('https://forumstatic.ru/files/001c/65/be/55293.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: local('Pragmatica Bold Oblique'),
         url('https://forumstatic.ru/files/001c/65/be/56859.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: local('Pragmatica Book'),
         url('https://forumstatic.ru/files/001c/65/be/34156.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: local('Pragmatica ExtraLight'),
         url('https://forumstatic.ru/files/001c/65/be/86624.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}


html {
-webkit-text-size-adjust: none;
}

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0}

html {
    background: url(https://forumstatic.ru/files/001c/8d/dc/13256.webp) top left no-repeat fixed;
    background-color: #9b9b9b;
    background-size: cover;
}

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {
    margin: 0 0.3em;
    border: none !important;
    box-shadow: none !important;
    background: none !important;
}

input[type="radio"] {
    box-shadow: none !important;
}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }


 /* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
    font-size: 100%;
    margin: -30px 0 -30px 0;
    padding: 40px 0;
}

/* A3.2 */
.punbb {
    font: normal 12px Pragmatica, verdana, arial, helvetica, sans-serif;
    color: var(--mainText);
}

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: normal 12px Pragmatica, verdana, arial, helvetica, sans-serif
  }

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 12px;
  }

/* A3.6 */
.punbb pre {
    font-size: 11px;
    font-family: Courier New;
}

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
text-decoration: underline;
  }

abbr {
    cursor: help !important;
    border-bottom: 1px dotted #7c888d;
}

.post .bookmark {
    right: -47px !important;
}

/* A3.10 */
.punbb a {
text-decoration: none !important;
  }

/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }


/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#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;
  }

/* A4.2 */
.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
  }


/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
    margin: 60px auto 0px auto;
    position: relative;
    width: 970px;
    padding: 340px 20px 70px 20px;
    border-radius: 10px;
    background: var(--mainBG);
    border: 1px solid var(--brdr1);
}

/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {

  }

/* A5.9 */
.punbb .container {

  }

div#pun-viewforum .category {
    margin: 0 0px 20px 0;
    width: 990px;
    border: 1px solid var(--brdr1);
    border-radius: 10px;
}

.category {
    background: var(--secBG);
    padding: 0;
    margin: 0 auto 30px auto;
    width: 963px;
    border: 1px solid var(--brdr1);
    border-radius: 15px 15px 0 0;
}


.category h2:after, #pun-stats h2:after {
    display: block;
    content: ''; /* Добавлено пустое содержание по умолчанию */
    background: var(--acc1);
    color: var(--acc3);
    text-transform: uppercase;
    font-size: 8px;
    border-radius: 50px;
    padding: 3px 8px;
    margin-right: 20px;
    opacity: 0;
}

/* ЦИТАТЫ В КАТЕГОРИЯХ
-------------------------------------------------------------*/

#pun-stats h2:after {
    content: 'Time heals all wounds';
    opacity: 1;
}


.category-2 h2:after {
    content: 'fear can hold you prisoner. hope can set you free';
    opacity: 1;
}

.category-5 h2:after {
    content: 'The scariest moment is always just before you start';
    opacity: 1;
}

.category-6 h2:after {
    content: 'We lie best when we lie to ourselves';
    opacity: 1;
}

.category-7 h2:after {
    content: 'The trust of the innocent is the liar\'s most useful tool';
    opacity: 1;
}

.category-1 h2:after {
    content: 'You want to remember that while you\'re judging the book, the book is also judging you';
    opacity: 1;
}







.catleft {
    display: none;
}

.category h2, #pun-stats h2 {
    background: url(https://forumstatic.ru/files/001c/8d/dc/59553.png) top left no-repeat;
    width: 963px;
    height: 30px;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    color: var(--accDark);
    margin: -1px 0 0 -1px;
    border: 1px solid var(--brdr1);
    padding: 0 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.category h2 span, #pun-stats h2 span {
    margin: 3px 0px 0px 20px;
    text-transform: uppercase;
    font-family: Civons;
    font-size: 24px;
}

#pun-stats h2 span {font-size: 0px;}

#pun-stats h2 span:before {
    content: 'Statistics';
    text-transform: uppercase;
    font-family: Civons;
    font-size: 24px;
}

.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
    padding: 5px 10px;
    text-align: center;
}


/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }

/* B1.2 */
.punbb .post-sig dt {
    display: block;
    border-top: 1px dashed var(--brdr2);
    width: 100%;
    margin: 5px 0;
}

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
  }

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-bottom
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
    width: 100%;
    overflow: auto;
    height: 60px !important;
}

/* B1.8 */
.punbb .post-content .code-box {
    padding: 20px 15px 15px 15px !important;
}

.punbb .post-content .quote-box, .punbb .post-content .code-box {
    border-radius: 5px;
    background: var(--secBG);
    padding: 15px;
    margin: 10px 0;
    border: 1px solid var(--brdr1);
}

.quote-box.spoiler-box {}

.quote-box.spoiler-box > div {
    margin: 0;
    position: relative;
    font-size: 10px;
    transition: all .7s ease-in-out 0s;
    background: none !important;
 transition: all .7s ease-in-out 0s;
}

.post-content .spoiler-box > div.visible:before {content: '\f88a';}

.quote-box.spoiler-box > div:before {
    content: '\e145';
    display: flex;
    width: 15px;
    height: 15px;
    background: var(--acc1);
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    line-height: 0;
    color: var(--mainBG);
    font-weight: 900;
    font-size: 10px;
    font-family: Material Symbols Outlined;
    position: absolute;
    left: -2px;
    top: -2px;
    transition: all .7s ease-in-out 0s;
    letter-spacing: -1px;
}

.quote-box.spoiler-box > div:hover:before {background: var(--acc2) !important;}

blockquote.visible {
    padding-top: 9px !important;
    border-top: 1px solid var(--brdr1);
    margin-top: 9px;
}


/* B1.9 */
.punbb .code-box strong.legend {
    margin: -10px 0 7px 0 !important;
    position: relative;
    text-transform: uppercase;
    color: #fff;
    font-size: 10px;
    display: flex;
    height: 20px;
    align-items: center;
}

.punbb .code-box strong.legend a {
    background: var(--acc2) !important;
    width: max-content;
    border-radius: 50px;
    padding: 1px 14px !important;
    color: #ffffff !important;
    display: flex;
    height: 14px;
    align-items: center;
    font-weight: 300 !important;
    font-size: 8px !important;
}

.punbb .code-box strong.legend a:hover {
    background: var(--acc1) !important;
}

.punbb .quote-box cite {
    display: block;
    font-size: 9px;
    font-weight: bold;
    font-style: normal;
    margin: 0 0 6px 0;
    width: max-content;
    background: url(https://forumstatic.ru/files/001c/86/2d/78072.png) left center no-repeat;
    border-radius: 50px;
    padding: 7px 10px 7px 19px;
    text-transform: lowercase;
}

.punbb .quote-box cite a {color: #333;}
.punbb .quote-box cite a:hover {color: var(--acc1);}

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.modmenu {
    font-size: 11px;
}

div#topic-users-in {margin: 20px 0 0 0;}

div#topic-users-in p.container {
    padding: 0 !important;
}

div#topic-modmenu {
    margin: 20px 0 0 0;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 0;
}

div#topic-modmenu p.container {
    padding: 0;
}

div#pun-viewtopic .linkst, div#pun-viewtopic .linksb {
    width: calc(100% - -20px);
    margin: 10px 0px 20px -10px;
}

.punbb .linkst, .punbb .linksb {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 10px 0px 20px 0px;
    height: 25px;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

.punbb .linksb {
    display: flex;
}

#pun-viewtopic .linksb {
    margin: 20px 0 10px 0;
}

#pun-viewtopic .pagelink {order: 0;}
#pun-viewtopic .postlink {order: 2;}
#pun-viewtopic .subscribelink {order: 3;}

form#messages .postlink {
    border: none;
    box-shadow: none;
    background: none;
}

form#messages .linksb {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.postlink a, .subscribelink a {
    font-size: 9px;
}

.pagelink, .postlink, .subscribelink {
    height: 30px !important;
    padding: 0 4px !important;
}

.pagelink a, .pagelink strong, .postlink a, .subscribelink a {
    border: 1px solid var(--mainBG);
    display: flex;
    min-width: 10px;
    min-height: 10px;
    padding: 5px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: var(--mainBG);
    font-size: 12px;
}

.pagelink a:hover, .postlink a:hover, .subscribelink a:hover {
background: var(--secBG);
}

.linkst .pagelink, .linkst .postlink, .linksb .pagelink, .linksb .postlink, #pun-viewtopic .subscribelink {
    width: max-content !important;
    padding: 0 8px;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 0;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 3px;
}

.linkst .postlink {
    font-weight: bold;
}

/* B3.2 */
.multipage {
  }


/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 0;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
    padding: 0 10px 0 10px;
    margin: 0 0 10px 0;
    border-style: none !important;
}

form#punbbsearch {
    font-size: 11px;
}

/* C1.5 */
.punbb fieldset legend {
    padding: 0 10px;
    margin: 0 0 0 11px;
    background: var(--acc4);
    border-radius: 50px;
    text-transform: lowercase;
    font-size: 11px;
    height: 16px;
}

/* C1.6 */
.punbb fieldset legend span {
    padding: 0 5px;
    margin: 0 0 0 5px;
    font-weight: 400;
}

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  }

/* C1.17 */

.punbb.punbb-admin .hashelp, div#pun-profile .hashelp {
    width: inherit;
    margin: inherit !important;
}


.punbb .hashelp {
  position: relative;
    margin: 0 0 0 -10px;
  }

div#pun-messages .hashelp {
    width: inherit;
    margin: 0;
}

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }


/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 50%;
  }

/* C2.2 */

.punbb .main .tc2 {width: 10%;}

#pun-viewforum .tc2 {text-align: center;}

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

/* C2.3 */
th.tc3.registered {
    width: 12% !important;
}

.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 50%;
  }

/* C2.4 */
div#pun-userlist td.tcl.username {
    display: flex;
    min-width: 60%;
    align-items: center;
}


.usertable th {
    text-align: center !important;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
}

td.tc2.user_title {
    overflow: hidden;
    text-align: center !important;
    font-size: 10px;
}

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

/* C2.5 */
#pun-userlist .main .tc2, #pun-searchtopics .main .tc2{
  width: 20%;
    text-align: center !important;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 */

#pun-index .category tr:last-child {}

#pun-index .category tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

#pun-index .tcl .tclcon {
    font-size: 12px;
    text-align: justify;
}

#pun-index .tcl h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 0;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 4px;
    text-transform: lowercase;
}


#pun-index .category td.tcr {
    padding: 0 10px 0 0 !important;
    line-height: 130%;
    width: 32%;
    font-size: 12px;
    display: flex;
    align-items: center;
}

.replyinfo {
    display: flex;
    flex-direction: column;
}

a.lastpost-link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 240px;
}

span.lastpost {
    opacity: 0.8;
}

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.11 */
.punbb .main td {
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  padding: 0.4em 1em 0.4em 1em;
  }

/* C2.13 */
.punbb .main .tcl {
  }


/* C2.14 */

.multipage .forum {
    background: var(--secBG);
    padding: 10px 0;
    border: 1px solid var(--brdr1);
}

.multipage td.tcr {
    display: flex;
    align-items: center;
    gap: 10px;
}

.lastpostlinkby {
    display: flex;
    flex-direction: column;
}

.multipage td.tcr span.byuser-username {
    font-weight: 600;
}

#pun-index .category tbody.hasicon {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 0 0 0;
}

.multipage .forum tr {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.multipage .forum .tcr {
    width: 30%;
}

.multipage .forum thead tr th {
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 7px;
    background: var(--acc4);
    border-radius: 50px;
    margin: 0 10px;
}

#pun-index tbody.hasicon td.tcl {
    padding: 0 0 10px 100px;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 50%;
    min-width: 200px;
    min-height: 70px;
}

#pun-index .intd {
    display: flex;
    align-items: center;
}

div#pun-viewforum .category td.tcl {
    width: 30% !important;
}

div#pun-viewforum .category td.tcr {
    display: flex;
    flex-direction: row;
    width: 450px;
    align-items: center;
    justify-content: center;
}



/* C2.15 */
.punbb div.icon {
  height: 0;
  line-height: 0.0;
  width: 0;
  }

/* C2.16 */
#pun-index table div.icon {
    position: absolute;
    width: 73px;
    height: 63px;
    left: 16px;
    background: url(https://forumstatic.ru/files/001c/8d/dc/20909.png);
    border-radius: 50px;
    opacity: .3;
    filter: blur(.6px);
}

#pun-index table div.icon.inew {opacity:1!important;}

div#pun-messages table div.icon {
    position: inherit !important;
    width: 10px;
    height: 10px;
    float: left;
    margin: 0 10px 0 0;
    border-radius: 50px;
    background: var(--brdr1);
}

div#pun-messages table div.icon.inew {
    background: var(--acc2);
}


tr.group1.icon.inew .tclcon {
    font-weight: 600;
}

div#pun-messages td.tc2.pmtc22 {
    padding: 0 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 185px !important;
    font-size: 10px !important;
}


.multipage .intd {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}


.multipage table div.icon {
    width: 10px;
    height: 10px;
    background: var(--brdr1);
    border-radius: 10px;
    min-width: 10px;
}

.multipage table tr.iclosed div.icon {
    background: #333;
    opacity: .5;
}

.multipage table tr.isticky div.icon {
    background: var(--acc1);
    opacity: 1;
}


.multipage table tr.inew div.icon {
    background: #e1b38a;
}




 /* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
    height: 20px;
    padding: 0 0 5px 0 !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin: 20px 0 20px 0px;
    border-bottom: 1px dashed #adadad !important;
}

/* C3.3 */

div#pun-searchposts .post h3 span {}

div#pun-searchposts .post h3 span .h3Links {
    display: flex;
    align-items: center;
    line-height: 0;
    gap: 10px;
    width: 620px;
}

div#pun-searchposts .post h3 span .h3Links a:after {
    content: '»';
    margin: 0 0 0 5px;
    font-size: 15px;
}

div#pun-searchposts .post h3 span .h3Links a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 10px;
    display: flex;
    align-items: center;
    line-height: 1;
}

div#pun-searchposts .post h3 span .h3Links a:nth-child(2) {
    max-width: 300px;
}

div#pun-searchposts .post h3 strong {}

div#pun-searchposts .post h3 div#fntSlider {display: none;}

.punbb .post h3 span {
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 10px;
    text-transform: uppercase;
    flex-direction: row-reverse;
    padding: 0 10px;
}

.punbb .post h3 span a {color: var(--accDark) !important;}
.punbb .post h3 span a:hover {color: var(--acc1) !important;}

/* C3.4 */
.punbb .post h3 strong {

  }

/* C3.5 */

div#pun-searchposts .post-author {padding: 0px 0 13px 0;}

.post {
    margin: 0 -10px 50px -10px !important;
    scroll-margin-top: 70px;
}

div#pun-messages .post {
    margin: -20px 10px 0 10px !important;
}

.punbb .post .post-author {
    float: left;
    width: 208px;
    border-radius: 10px;
    margin: 0 0 0 0;
    text-align: center;
    padding: 0px 10px 15px 10px;
    position: relative;
    background: url(https://forumstatic.ru/files/001c/8d/dc/23464.png) top left no-repeat;
    background-color: #737373;
    color: var(--secBG);
}

.punbb .post .post-author a {
    color: #dfbea1 !important;
}

.punbb .post .post-author a:hover {color: #EFEFEF !important;}

#tuser {
    opacity: 1 !important;
    position: absolute;
    left: -27px;
    top: -55px;
    margin-left: inherit !important;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}

#tuser:hover {
    opacity: 0.5 !important;
}

.icons-search:before {
    content: '\e095';
    color: #9cadb1 !important;
    text-shadow: 1px 1px 0px #ffffff;
    font-size: 11px;
}

.post-author ul {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: center;
    padding: 5px 0 0 0;
}

.post-author ul li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

li.pa-ip {
    background: #fff;
    width: 10px !important;
    overflow: hidden;
    height: 10px;
    border-radius: 50px;
    position: absolute;
    left: -32px;
    bottom: 0;
    display:none !important;
}



.repStat li span.fld-name:before, li.pa-respect span.fld-name a:before {
    font-family: Material Symbols Outlined;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: var(--acc1);
}


li.pa-respect span.fld-name a:before, div#pun.isguest li.pa-respect span.fld-name:before {
content: '\e87d';
}

li.pa-posts span.fld-name:before {
content: '\e0ca';
}

li.pa-fld4 span.fld-name:before {
content: '\f53e';
}

li.pa-fld2 span.fld-name:before {
content: '\e850';
}




.repStat li span.fld-name, .repStat li span.fld-name a {
    width: 10px;
    height: 10px;
    font-size: 0!important;
    display: block;
}

.repStat li span.fld-name {
    cursor: default !important;
}

.repStat {
    display: flex;
    flex-direction: row;
    gap: 6px;
    width: 100%;
    margin: 7px 0 0 0;
    justify-content: space-around;
    flex-wrap: wrap;
}

.repStatWrap {
    display: flex;
    min-width: 30%;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.repStat li {
    border-radius: 5px;
    background: #3a3a3a;
    padding: 1px 8px;
}


.repStatWrap li {
    display: flex;
    flex-direction: row;
    align-items: center !important;
    position: relative;
    width: auto !IMPORTANT;
    gap: 7px !important;

    width: 100% !important;
    font-size: 10px;
}

.repStat li.pa-fld4 {
    display: flex;
    flex-direction: row;
    align-items: center !important;
    position: relative;
    width: auto !IMPORTANT;
    gap: 7px !important;
    width: 31% !important;
    font-size: 10px;
}

.pa-respect a[href*="&v=1&cod"] {
    width: 25%;
    height: 16px;
    display: flex;
    position: absolute;
    bottom: 0;
    opacity: 0;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 30px;
}


.fonprf {
    width: 229px;
    height: 70px;
    background-size: cover !important;
    display: flex;
    border-radius: 5px 5px 0 0;
    position: absolute;
    top: -1px;
    z-index: 0;
}

.iconprf {
    width: 25px;
    height: 25px;
    background-color: var(--mainBG) !important;
    display: flex;
    border-radius: 50px;
    z-index: 1;
    position: absolute;
    top: -10px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: 1px solid var(--brdr1);
    background-size: 17px !important;
}


li.pa-fld3 {
    display: block !important;
    margin: 5px 0 0 0;
}

lzinfo {display: block;}

lzinfo div {
    background: #3a3a3a !important;
    border-radius: 10px;
    font-weight: 600;
    font-size: 10px;
    padding: 0 0 1px 0;
    margin: 4px 0 0 0 !important;
}


li.pa-fld3 lzinfo:last-child {
    margin: -11px 0 0 0 !important;
    display: block;
    border-bottom: 1px dashed #adadad !important;
    padding: 0 0 6px 0;
    font-size: 11px;
    line-height: 1.3;
    text-align: center;
}



li.pa-reg {
    font-size: 9px;
    text-transform: uppercase;
}

li.pa-ip {
    font-size: 7px;
}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  line-height: 140%;
  }

    /* Индикатор активности пользователя */
.pa-online {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 8px !important;
    padding: 0 !important;
    transition: all .2s ease;
    cursor: pointer;
    background: var(--acc2);
    border-radius: 10px 10px;
    display: flex  !important;
    height: 8px;
    align-items: center !important;
    font-weight: 300 !important;
    justify-content: center  !important;
    line-height: 0;
    font-size: 0;
}

.pa-online:before {
    content: 'онлайн';
    line-height: 0;
    display: flex;
    height: 10px;
    align-items: center;
    justify-content: center;
    margin: -1px 0 0 0;
}

 .pa-online:hover:before {color: #FFF;}

    .pa-online:hover {
      background: var(--acc1);
    }

    .pa-online:hover strong {
      opacity: 1.0;
      visibility: visible;
    }

.pa-online strong {
    position: absolute;
    bottom: -33px;
    left: -25px;
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    background: var(--acc1);
    font-weight: 400;
    white-space: nowrap;
    font-size: 10px;
    text-align: center;
    z-index: 10;
    transition: all .2s ease;
    opacity: 0;
    visibility: hidden;
    border: 1px solid var(--brdr1);
    border-radius: 5px;
    text-transform: lowercase;
    color: #FFF;
}

    .pa-online strong:before {
      content: "";
      display: none;
      position: absolute;
      width: 0;
      height: 0;
      right: 6px;
      top: -10px;
      border-width: 5px 5px;
      border-style: solid;
      border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent;
    }

/* C3.7 */
.pa-author {
    font-size: 13px;
    font-weight: 800;
    color: #dfbea1 !important;
    width: max-content !important;
    line-height: 0;
    align-items: center  !important;
    margin: 14px 0 10px 0;
    display: block !important;
    text-transform: capitalize;
}

.pa-author strong {
    width: max-content;
}

/* C3.8 */
.pa-author a {
    width: max-content;
}

.pa-author a:hover {

  }

li.pa-avatar.item2 {
    width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px 0 0 0;
}

li.pa-avatar.item2 img {
    max-width: 180px;
    max-height: 180px;
    border-radius: 5px;
}

/* C3.9 */
li.pa-title {
    font-size: 10px;
    color: #dfdfdf;
    line-height: 114%;
    letter-spacing: 0.3px;
    padding: 0 10px;
    text-transform: lowercase;
}

/* C3.11 */
.punbb .post-body {
    padding: 0;
    margin: 0px 0px 0 250px;
}

div#pun-messages .post-body {
    margin: 0 10px 0 240px;
}

/* C3.12 */

.punbb .post-box {
    padding: 0 10px;
    text-align: justify;
}

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }


/* C3.14 */
.punbb .post-links {
    margin-left: 230px;
    margin-top: 20px;
}

/* C3.15 */
.punbb .post-links ul {
    height: 22px;
    margin-left: -230px;
    text-align: right;
}

/* C3.16 */
.punbb .post-links li:first-child {
    padding-left: 0px;
}

.punbb .post-links li {
    display: inline-block;
    padding-left: 10px;
}

.punbb .post-links li a {
    width: max-content !important;
    padding: 0 10px;
    text-transform: lowercase;
    font-size: 10px;
    line-height: 0;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 3px;
    border-radius: 50px;
    font-weight: 500;
    background: var(--acc5);
    border: 1px solid var(--brdr2);
}

.punbb .post-links li a:hover {
    background: var(--acc1);
    color: #fff;
}

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

del {
    text-decoration: none !important;
    filter: blur(2px);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}

del:hover {
    filter: blur(0px);
}

.post-content .highlight-text {
    background: var(--acc2) !important;
    color: #fff !important;
    padding: 2px 7px 2px 7px;
    border-radius: 4px;
}

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
    padding: 10px;
    text-align: center;
}

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */

div#pun-messages #profile .container {padding: 0 0 0 0 !important;}

#profile .container {
    padding: 0 0 0 144px !important;
}

#profile fieldset {
    border: 1px solid var(--brdr1) !important;
    background: var(--secBG);
    border-radius: 2px;
    padding: 10px;
}

fieldset.radiofield {
    padding: 10px !important;
    background: none !important;
    background-color: rgb(255 255 255 / 21%) !important;
}

/* C6.2 */
div#viewprofile td#profile-right {
    width: 490px;
    display: flex;
    gap: 5px;
    flex-direction: column;
}

li#pa-fld5 {background: transparent !important;padding: 0px !important;margin: 0px !important;}


li#pa-fld1 {background: transparent !important;padding: 0px !important;}

div#viewprofile td#profile-right li {
    padding: 6px;
    border-radius: 5px;
    margin: 2px 2px;
    line-height: 109%;
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
    font-size: 10px;
    border: 1px solid var(--acc4);
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

div#viewprofile td#profile-right li span {
    background: var(--acc5);
    padding: 5px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 8px !important;
    display: flex;
    align-items: center;
    line-height: 0;
    height: 9px;
    font-weight: 600;
}

div#viewprofile td#profile-right li strong {
    padding-left: 0px;
}

div#viewprofile {
    border: 1px solid var(--brdr1);
    background: var(--secBG);
    border-radius: 2px;
    width: 820px;
    margin: 0 auto;
    padding: 20px;
}

div#viewprofile .container ul tbody tr {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

#viewprofile #profile-signature ul {
    border-top: 1px dashed var(--brdr1) !important;
}

td#profile-left {
    position: relative;
    overflow: visible !important;
    margin: 0 0 40px 0 !important;
    padding: 10px 0 13px 0!important;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    z-index: 0;
    min-width: 210px;
    max-width: 240px;
    background: url(https://forumstatic.ru/files/001c/8d/dc/23464.png) top left no-repeat;
    background-color: #737373;
    color: #f9f9f9;
}

li#pa-fld3 {
    text-align: center;
    order: 5;
    padding: 0 10px !important;
    margin: 8px 0 0 0;
}

li#pa-fld3 a {
color: #dfbea1 !important;
}

li#pa-fld3 a:hover {
    color: #EFEFEF !important;
}

li#pa-fld3 strong {
    font-weight: 400 !important;
    font-size: 10px !important;
}

#viewprofile li#profile-title strong {
    font-size: 10px;
    text-align: center;
    display: block;
    line-height: 100%;
    font-weight: normal !important;
}

#viewprofile li#pa-avatar div {}
#viewprofile li#pa-avatar div img {
    max-width: 180px;
    max-height: 180px;
}

#viewprofile li#pa-online strong {
    text-transform: uppercase;
    font-size: 7px;
    font-weight: 400 !important;
}

#viewprofile li#pa-edit strong {
    text-transform: lowercase;
    font-size: 10px;
}

#profilenav {
    float: left;
    width: 140px;
    margin-left: -165px;
    display: inline;
    border-radius: 0 5px 5px 0;
    border: 1px solid var(--brdr1) !important;
    background: var(--secBG);
}

/* C6.3 */
#profilenav li {
    margin-bottom: 10px;
    line-height: 1;
}

#profilenav li.isactive a {
    color: var(--acc2);
    width: max-content;
    padding-bottom: 4px !important;
    font-weight: bold;
}

/* C6.4 */
#viewprofile ul, #profilenav ul {
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
    margin: 0 14px -18px 14px;
    text-align: center;
}

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
    padding: 0 5px;
    position: relative;
    font-weight: bold;
}

/* C6.7 */
#setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }


/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }


/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
    border-bottom: none;
    margin-bottom: 0;
    font-size: 11px;
}

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {

  }


/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
    width: 1010px;
    height: 264px;
    font-size: 0;
    position: absolute;
    top: -10px;
    left: -1px;
    border-radius: 10px 10px 0 0;
    background: url(https://forumstatic.ru/files/001c/8d/dc/34608.png) top left no-repeat;
    border: 1px solid var(--brdr1);
}

#pun-title:before {
    content: '';
    position: absolute;
    background: url(https://forumstatic.ru/files/001c/8d/dc/86945.png) top left no-repeat;
    width: 68px;
    height: 65px;
    top: -26px;
    left: 0;
    filter: blur(.6px);
}

#pun-title:after {
    content: '';
    position: absolute;
    background: url(https://forumstatic.ru/files/001c/8d/dc/18723.png) top left no-repeat;
    filter: blur(.6px);
    width: 71px;
    height: 63px;
    right: -10px;
    top: -10px;
}


/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks {
    top: -60px;
    left: 0;
    margin: 0;
    position: absolute;
    z-index: 999;
    width: 1010px;
}



#navindex a:before {content:"ФОРУМ";}
#navuserlist a:before {content:"ЖИТЕЛИ";}
#navsearch a:before {content:"ПОИСК";}
#navpm a:before {content:"ПИСЬМА";}
#navprofile a:before {content:"ПРОФИЛЬ";}
#navadmin a:before {content:"АДМИН"; font-size: 20px}
#navlogin a:before {content:"ВОЙТИ";}
#navlogout a:before {content:"ВЫЙТИ";}
#navregister a:before {content:"РЕГИСТРАЦИЯ";}
#navpr_1 a:before {content:"ПИАР";}

#pun-navlinks #navprofiles a span {font-size: 11px !important;}
#pun-navlinks li a span {font-size:0;}


/* D3.2 */
#pun-navlinks .container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 5px 0 5px 0;
}

/* D.3 */
#pun-navlinks li {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    justify-content: center;
}

span.bubble {
    background: var(--acc1) !important;
    border-radius: 50px !important;
    padding: 1px 1px !important;
    right: inherit !important;
    top: inherit !important;
    position: relative !important;
    margin: 0 !important;
}

.bubble:after {display: none !important; border-color: var(--acc1) transparent !important;}

span.num_msg {
    color: #fff !IMPORTANT;
    position: inherit !important;
    margin: 0 !important;
    height: 10px !important;
    padding: 5px 8px !important;
    line-height: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50px !important;
    background: var(--accDark) !important;
    transition: all .7s ease-in-out 0s;
}

span.num_msg:hover {
    color: #fff !IMPORTANT;
    background: transparent !important;
}

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks {
    margin: 0;
    position: absolute;
    top: -23px;
    left: 0;
    z-index: 998;
    width: 1010px;
    height: 30px;
    display: grid;
}

#pun-navlinks.section.scrolled {
    position: fixed;
    top: 0;
    left: inherit;
    margin: 0 0 0 -20px;
    background: var(--mainBG);
    border-bottom: 1px dashed var(--brdr2);
}

div#pun-ulinks.section.scrolled {
    background: var(--secBG);
    border-bottom: 1px solid var(--brdr1);
    position: fixed;
    top: 31px;
    left: inherit;
    margin: 0 0 0 -20px;
}

div#pun-ulinks.section.scrolled .container {
   background: transparent;
    border: transparent;
}

/* D4.2 */
#pun-ulinks .container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 8px;
    font-weight: normal;
    flex-direction: row;
    flex-wrap: nowrap;
    width: max-content;
    margin: auto;
    background: var(--secBG);
    padding: 2px 10px;
    border-radius: 10px;
    line-height: 0;
    height: 14px;
    border: 1px solid var(--brdr1);
}

/* D4.4 */
#pun-ulinks li a {
    text-transform: lowercase;
    font-size: 11px;
    color: var(--mainText);
    font-weight: 500;
}

#pun-ulinks li a:hover {
    color: var(--acc2);
}

li.item8.nav-item-notifications a {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}


/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status {
    font-size: 10px;
}

/* D5.2 */
#pun-status .container {
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    text-transform: lowercase;
}

#pun-status span.item1, #pun-status span.item2 {display: block !IMPORTANT;}

#pun-status span {
  display: none;
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 */

#pun-crumbs1, #pun-crumbs2 {
    height: 19px;
    padding: 0 !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
}

div#pun-crumbs2 {
    margin: 10px 0 0px 0 !important;
}

/* D5.5 */
#pun-index #pun-crumbs1, #pun-index #pun-crumbs2 {display: none;}

#pun-crumbs1 p.container, #pun-crumbs2 p.container.crumbs {
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    text-transform: uppercase;
    gap: 5px;
}

#pun-crumbs1 p.container em, #pun-crumbs2 p.container.crumbs em {
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    min-height: 10px;
    width: 8px;
    padding: 0 0 3px 0;
}

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

:root {
--mainText: #333;

--mainBG: #F4F4F4;
--secBG: #FFFFFF;

--acc1: #A98F78;
--acc2: #8F7762;
--acc3: #FBFBFB;
--acc4: #dedfde;
--acc5: #EFEFEF;

--brdr1: #8f8f8f;
--brdr2: #D7D7D7;

--accDark: #1E1E1E;
}




/* Выключение ненужного
-------------------------------------------------------------*/
#pun-index thead, #pun-index td.tc2, #pun-index td.tc3, .punbb td .modlist, span.num_msg:before, div#pun-live-rusff, .topic a.sharelink, li.pl-reports, #pun-index #pun-crumbs2, #pun-searchtopics h1, div#pun-viewforum h1, span.stickytext, span.closedatafield, div#pun-viewtopic h1, .punbb .linksb noindex, #pun-announcement h2, p.lastedit, div#topic-modmenu p.container span, form#post fieldset legend, #post-form h2, div#pun-profile small#plng, div#pun-userlist h1, div#pun-profile h1, div#pun-searchposts h1, div#pun-searchposts li.pa-replies, div#pun-searchposts .post h3 span em, div#pun-searchposts .post h3 span a:last-child:after, .go-up img, .go-down img, li#navawards, h1.title-logo, div#pun-messages li.pa-posts, тli#pa-fld1 span, li#pa-fld5 span, li#pa-invites, li.pl-email.email, #profilenav li.item9, li#h-replies, li#h-unanswered, li#pa-fld3 span, div#pun-messages td#button-mask, td#button-smile, div#pun-messages td#button-video, div#pun-profile td#button-mask, .postlink span.closed, span.mini_awards_label, li#pa-fld1 span, div#pun-messages small#plng, div#pun-messages #togglePreview

{display: none !important;}


.punbb .post-content td {
    border: none !important;
    padding: 8px !important;
}

#main-reply {
	width: -webkit-fill-available !important;
	margin: 0 !important;
	padding: 15px;
	font-size: 13px !important;
	line-height: 150%;
	width: -moz-available !important;
}

/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
    color: var(--acc1);
    transition: all .7s ease-in-out 0s;
}


/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {    color: var(--accDark);
transition: all .7s ease-in-out 0s;
  }

/* CS3.3 */
#pun-navlinks a {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    line-height: 0;
    height: 20px;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    color: var(--accDark);
}

#pun-navlinks a:hover {
    color: var(--acc2);
}

#pun-index .tcl h3 a {
    color: var(--mainText);
}

#pun-index .tcl h3 a:hover {
    color: var(--acc1);
}

/* CS3.4 */

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
 
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

<!--// Быстроплюсы v.2 РЕНО by Deff //-->
<script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js" addComment="1"></script>

<!-- ТЕГ абзаца - [indent] © Deff -->
<style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style>
<script type="text/javascript">(function(){ var b = '[indent]';
$("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif"  onclick="smile(\''+b+'\')"></td>');
var indent = '<span style="display:inline-block;margin:1em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>


<!-- (c) deepseek--><script>window.addEventListener('scroll', function() {
  const element1 = document.querySelector('#pun-navlinks'); // Первый элемент
  const element2 = document.querySelector('#pun-ulinks'); // Второй элемент
  const scrollPosition = window.scrollY || window.pageYOffset;
  const scrollThreshold = 330; // Общий порог прокрутки

  if (scrollPosition > scrollThreshold) {
    element1.classList.add('scrolled');
    element2.classList.add('scrolled');
  } else {
    element1.classList.remove('scrolled');
    element2.classList.remove('scrolled');
  }
});</script>

<!-- (c) Vandra по дружбе (прежде чем тащить - просто попросите) --><script>
  document.addEventListener("DOMContentLoaded", function () {
    document.querySelectorAll('div.post[data-user-id]').forEach(function (post) {
      if (parseInt(post.getAttribute('data-user-id')) === UserID) {
        post.classList.add('mypost');
      }
    });
  });
</script>

<!--присвоение атрибута title некоторым объекта форума -->
<script type="text/javascript">
$('li.pa-posts').attr('title', 'сообщения');
$('.pa-respect a[href*="&v=1&cod"]').attr('title', 'повысить репутацию');
$('li.pa-respect span.fld-name').attr('title', 'репутация');
$('li.pa-fld2').attr('title', 'счет');
$('li.pa-fld4').attr('title', 'постов');
$('.multipage table div.icon').attr('title', 'нет новых сообщений');
$('.multipage table tr.inew div.icon').attr('title', 'новые сообщения');
$('.multipage table tr.isticky div.icon').attr('title', 'важная тема');
$('.multipage table tr.iclosed div.icon').attr('title', 'закрытая тема');
$('div .post-rating p>a').attr('title', 'быстрый лайк');
$('div.post-vote p>a').attr('title', 'коммент к лайку');
$('.post-img-Sp').attr('title', 'подарки');
 </script>

<!--перенос полей профиля-->
<script type="text/javascript">
$(document).ready(function() {
  // Список ID элементов, которые нужно переместить
  var elementsToMove = ['#pa-fld1', '#pa-fld3', '#pa-fld5'];

  // Перебираем каждый элемент и перемещаем его
  elementsToMove.forEach(function(elementId) {
    var elementToMove = $('#viewprofile td#profile-right ' + elementId);
    $('#viewprofile td#profile-left').append(elementToMove);
  });
});
</script>




<!-- горизонтальный скролл баннеров (c) corpse-->
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
  const scrollContainer = document.querySelector('.banners .wrap');

  if (scrollContainer) {
    scrollContainer.addEventListener('wheel', function(event) {
      event.preventDefault();

      scrollContainer.scrollBy({
        left: event.deltaY < 0 ? -200 : 200, 
        behavior: 'smooth'
      });
    });
  }
});
</script>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
  const scrollContainer = document.querySelector('.html-box .newsblock');

  if (scrollContainer) {
    scrollContainer.addEventListener('wheel', function(event) {
      event.preventDefault();

      scrollContainer.scrollBy({
        left: event.deltaY < 0 ? -200 : 200, 
        behavior: 'smooth'
      });
    });
  }
});
</script>


<!--Объединение ссылок-->
<script>
$('div#pun-searchposts .post h3 span').each(function(){
$(this).find('a').wrapAll('<div class="h3Links">');
});

$('div#html-header').each(function(){
$(this).find('.go-up,.go-down').wrapAll('<div class="UpDown">');
});


$('#pun-index .category td.tcr').each(function(){
$(this).find('.lastpost-link,.lastpost').wrapAll('<div class="replyinfo">');
});

$('.multipage .forum tr td.tcr').each(function(){
$(this).find('a:nth-child(2),span.byuser-username').wrapAll('<div class="lastpostlinkby">');
});

$('#pun-index #pun-stats .container').each(function(){
$(this).find('li.item1,li.item2,li.item3,li.item4').wrapAll('<div class="statwrap">');
});

</script>

<script type="text/javascript">
function wrapAuthorElements() {
    $('#pun-viewtopic .post .post-author').each(function(){
        const $author = $(this);
        
        // Проверяем, не были ли элементы уже обернуты
        if (!$author.find('.repStatWrap').length) {
            $author.find('li.pa-respect,li.pa-posts,li.pa-fld2').wrapAll('<div class="repStatWrap">');
        }
        
        if (!$author.find('.repStat').length) {
            $author.find('.repStatWrap,li.pa-fld4').wrapAll('<div class="repStat">');
        }
    });
}

$(document).ready(wrapAuthorElements);
$(document).ajaxComplete(function(){
    setTimeout(wrapAuthorElements, 100);
});
</script>


<!-- Счётчик символов в форме ответа © Deff -->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">символов: <b>00</b> </small>';epl.parents("fieldset").find("#form-buttons table").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>


<!------------------------------------- спойлер наград --------------------------------------------->
      <script>
      var a1 = 3 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
      var a2 = 0 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки;
      var a3 = 0     // Резкость Открытия: 0 - Плавно; 1 - Резко;
  
      var LiArr=new Array(
      //При наличии двух косых => // в начале пункта, - пункт не скрывается.
  
  
      // 3 кнопка- ссылка на Картинку
      "https://forumstatic.ru/files/001b/86/08/23146.png",
    
      "award",      //Награды(только для rusff и ork)
      "gift",         //Подарки(только для rusff и ork)
  
      //Конец Списка,
      "_End"); SetProvilSpoil(a1,a2,a3);
      </script>


<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});

  <!------------------------------------- спойлер наград --------------------------------------------->


  <!--------------------- Быстрое редактирование постов © Alex_63 // V.3 ----------------------->
  <script src="https://forumstatic.ru/files/0015/c4/3f/97896.js"></script>
  
  <!-- Регулировка размера шрифта в постах © Alex_63 -->
  <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>
  <!-- Конец -->
  
  <!----------------- Восстановление последнего поста при утере by Человек-Шаман ---------->
  <script>
  $(document).ready(function() {
    $('#addition-area').append(function() {
      return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
    });
    function restoreLastPost() {
      $('#main-reply').val(localStorage.ReservePost);
    };
  });
  </script>
  <!--------------------------------------------------конец---------------------------------------------->
  
  <!-------------------------------- ОБТЕКАНИЕ ИЗОБРАЖЕНИЯ ------------------------------------->
  <script language="javascript">
  $(function(){
  $('td#button-link').before('<td id="floatbut" style=\'background-image:url("https://i.imgur.com/HNrDeQG.png")\'></td>');
  $('#floatbut, .vibor').click(function(){
  $('div#float').toggle();});
    });
  elm=document.getElementsByTagName("div")
  for(x in elm) if(elm[x].className=="post-content") 
  {
  post = elm[x].innerHTML;
  if(post.indexOf("[/float]") != -1) {
  floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi
  elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 8px; text-align: $1;'>$2</span>")
  }}
  </script>
  <div id="float" style="display:none;">
  <div><strong>направление обтекания</strong></div><br>
  <div align="center">
  <img class="vibor" src="https://i.imgur.com/n8u6SUH.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
  <img class="vibor" src="https://i.imgur.com/eDu68tu.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
  </div></div>

<style>
img.vibor {
    filter: grayscale(1);
    margin: 0 10px !important;
}

#float {
    background: var(--mainBG);
    border: 1px solid var(--brdr1);
    width: auto;
    padding: 8px;
    position: absolute;
    margin-top: -36%;
    margin-left: 35%;
    z-index: 20;
    border-radius: 10px;
}

</style>


  <!---------------------------------------------- Конец -------------------------------------------------->
  
  <!--------------------------------- Аватар по умолчанию -------------------------------------------->
      <script type="text/javascript">
      var DefAvtr = 'https://forumstatic.ru/files/001c/8d/dc/27630.png'; //Ссылка на аватар по умолчанию
      var GuestAvtr = 'https://forumstatic.ru/files/001c/8d/dc/27630.png'; //Ссылка на аватар для Гостя
  
      $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
        var b = DefAvtr;if($(this).text()=='Гость'){b = GuestAvtr;}
        var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
        if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
      });$('#profile-left strong:contains("Нет аватара")')
      .parent().html('<div><img src="'+DefAvtr+'"/></div>');
      </script>
  
  <!----------------------------------- Конец ----------------------------------------------------------->

<!------------ Новые сообщения ------------>
  <script type="text/javascript">
  function show_new() { if(GroupID == 3) return;
  $('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');} show_new();
  </script>
    
  
  <!--НАЧАЛО. выравнивание по ширине-->
        <script>
      $("#button-right").after('<td id="button-justify" title="Выравнивание по ширине"><img src="/i/blank.gif" onclick="bbcode(\'[align=justify]\', \'[/align]\');"/></td>');
      </script>
  
      <style>
      #button-justify {
          background: url("http://se.uploads.ru/LVN4z.png") no-repeat scroll center 6px rgba(0, 0, 0, 0) !important;
      }
      </style>
  <!--КОНЕЦ. выравнивание по ширине-->
  
   
  
<!-- DICE © @4eD0 -->
<script type="text/javascript"> 
const maxDiceCount = 9; // Максимальное кол-во кубиков за один бросок
const defaultDiceCount = 1; // Кол-во кубиков по умолчанию

const maxSideCount = 9; // Максимальное кол-во граней кубика
const defaultSideCount = 6; // Кол-во граней по умолчанию

function unhtml(s) { return s.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">"); }
 
function numword(s,one,two,many) { return(((s%100>=10 && s%100<=20) || s%10>=5) ? many : (s%10==1 ? one : two)); }
 
function dice() {
        var FoundErrors = '';
        var diceRes=""
        var CountCube = prompt("Количество кубиков", defaultDiceCount );
        if(CountCube>maxDiceCount  || CountCube<=0) {
        alert("Нельзя бросать столько кубиков.");  return false;}
        var SideCube = prompt("Сколько граней у кубика?", defaultSideCount );
        if(SideCube>maxSideCount  || SideCube<=0){
        alert("Не бывает таких кубиков.");         return false;}
        
        for(i=0; i<CountCube;i++)
        {
          var dice = (Math.round(Math.random()*SideCube));
          if(dice==0) dice=1;
          diceRes += dice*1936+"-";
        }
        smile('[dice='+diceRes+CountCube+':'+SideCube+']');
}
 
function addDice(post, from, internal) {
  var str = post.innerHTML;
  var a = $(post).closest('.post').innerHTML;
  var u = "";
  var num = +post.id.match(/\d+/g)[0];
  var date = new Date(+$(post).attr('data-posted')*1000).getSeconds();
  var fCanRandomise = 1;
   
  var ran = num + date;
  return str
    .replace(
        /\[dice=((?:\d+[-—])*)(?:(\d)(\d+)|(\d+)(:)(\d+))]/g,
        function(a, dice, diceC, diceS, adieC, fNewScheme, adieS) {
            dice  = dice.replace(/[-—]/g, '-');
            diceC = parseInt(fNewScheme ? adieC : diceC);
            diceS = parseInt(fNewScheme ? adieS : diceS);
            if(!fCanRandomise && fNewScheme)
                return '<div class="quote-box"><blockquote><p><b>Гадание по кубикам не удалось, сообщите Администрации.</b></p></blockquote></div>';
 
            var i,
                diceR = 0,
                s = '<div class="quote-box"><blockquote '
                    + 'style="text-align:left"><p>'
                    + '<b>Игрок кинул '
            +diceC+numword(diceC,' куб с ',' куба с ',' кубов с ')
            +diceS+numword(diceS,' гранью',' гранями',' гранями')
                    + '<br /><br />Результаты броска '
                    + (fNewScheme ? '' : '(старая схема)')+'</b>: (';
 
            dice = dice.split("-"); 
            for (var i=0; i < dice.length-1; ++i) {
                var d = parseInt(dice[i]/1936); 
                date=((date>>1)+((date&1)<<21))&0x3fffff;
                num=((num>>1)+((num&1)<<22))&0x7fffff;
                if(fNewScheme)
                    d = (ran=(((ran>>1)+(((ran&1) ? 0 : 1)<<23)+d+date)^num)&0xffffff)%diceS + 1;
                diceR += d;
                s+= (i?' + ':'') + d;
            }
 
            return (s + ')' + '=' + diceR + '</p></blockquote></div>');
        }
    );
}
$(document).ready(function() { initDices() });
$(document).on('pun_post', function() { initDices() });
$(document).on('pun_edit', function() { initDices() });

function initDices() {
    if (! FORUM.topic) return;

    $('.post-content').each(function(i, post) {
        var str = post.innerHTML;
        var isDiceInPost = /\[dice=((?:\d+[-—])*)(?:(\d)(\d+)|(\d+)(:)(\d+))]/.test(str);
        if (!isDiceInPost) { return;}
        post.innerHTML = addDice(post);
    });
}
</script>
<!-- end DICE -->




    <!-- В HTML низ: Предпросмотр в Топике v.1 -->
    <script type="text/javascript" src="https://forumstatic.ru/files/0013/61/e9/82951.js"></script>

<!-- Исключение из "Цитировать" подписи и "отредактировано" -->
<script type="text/javascript"> (function(){    var p =[];
  $('.post').find('.pl-quote').click(function(){
    p[0] = $(this).parents('.post').find('.lastedit');
    p[1] = $(this).parents('.post').find('.post-sig');
    p[2] = p[0].html();p[3] = p[1].html();
    p[0].html('');p[1].html('');
    setTimeout(function(){p[0].html(p[2]);p[1].html(p[3])},600);});
}());
</script>


<!-- Мгновенный предпросмотр сообщения © Alex_63 -->
    <script type="text/javascript">
    var PPREV = {};
    PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
    PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
    </script>
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script>


<!-- Кнопка отключения мгновенного предпросмотра -->
    <style>
#togglePreview {
    float: right;
    margin: -20px -20px 10px 0 !important;
    border-radius: 50px;
}

#togglePreview input.button {
    border-radius: 50px;
}
</style>
    <script type="text/javascript">(function (){
      var a='Вкл предпросмотр';
      var b='Откл предпросмотр';
      var d='_PreviewToggle';
      setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
      getCookiePPrev=function(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;}
      $('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').insertAfter('#post fieldset:last legend');
      var x = ParseContent;
      window.togglePreview = function(sel){//alert(sel.value);
        if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return}
        if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return}
      }; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()};
    }())
    </script>


<script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script>

<script>
$(document).ready(function() {
  hvStickerPack.init("https://forumstatic.ru/files/001c/89/28/77530.txt?v=8");
});
</script>



<!--вкладки, (c) EMERAEL 2024 -->
<script>
(() => {
    const posts = document.querySelectorAll('.post-content');
    const processedPosts = new Set();
    const processPost = (post) => {
        if(processedPosts.has(post)) return;
        const postTabs = post.querySelectorAll('.custom_tag_tab');
        const actualizeTabsDisplay = () => postTabs.forEach(tab => tab.querySelector('.custom_tag_tabdefault') ? tab.classList.remove('hidden') : tab.classList.add('hidden'));
        const postTabtitles = post.querySelectorAll('.custom_tag_tabtitle');
        if(!postTabs.length) return;
    
        const defaultTabElement = post.querySelector('.custom_tag_tabdefault');
        const openTabMarker = defaultTabElement ? defaultTabElement : document.createElement('div');
        if (!defaultTabElement) {
            openTabMarker.classList.add('custom_tag_tabdefault');
            postTabs[0].prepend(openTabMarker);
            // Добавляем класс "active" для первой вкладки по умолчанию
            postTabtitles[0].classList.add('active');
        }
        const tabnamesToTab = new Map();
        postTabs.forEach((tab) => tabnamesToTab.set(tab.dataset.tabname, tab));
        const tabnamesToTabtitle = new Map();
        postTabtitles.forEach((tabtitle) => {
            const tabname = tabtitle.dataset.tabname;
            tabnamesToTabtitle.set(tabname, tabtitle);
            tabtitle.addEventListener('click', () => {
                const triggeredTab = tabnamesToTab.get(tabname);
                if(!triggeredTab || triggeredTab.querySelector('.custom_tag_tabdefault')){
                    return;
                }
                triggeredTab.prepend(openTabMarker);
                actualizeTabsDisplay();
                // Добавляем класс "active" для открытой вкладки
                postTabtitles.forEach((tab) => tab.classList.remove('active'));
                tabtitle.classList.add('active');
            });
        });
        actualizeTabsDisplay();
        processedPosts.add(post)
    };
    posts.forEach((el) => processPost(el));
    $(document).on('pun_post', () =>  document.querySelectorAll('.post-content').forEach((el) => processPost(el)));
    $(document).on('pun_preview', () => document.querySelectorAll('.post-content').forEach((el) => processPost(el)));
    $(document).on('pun_edit', () => document.querySelectorAll('.post-content').forEach((el) => processPost(el)));
})()
</script>


<!-- Замена дефисов на тире © Deff -->
<script>$('.post-content p').html(function(){return this.innerHTML.replace(/(\s|&nbsp;)?-(\s|&nbsp;)/g,'$1&mdash;$2')})
</script>



<!------------ Чтобы не пропадали посты ------------>
<script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/63959.js"></script>
<script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script>



<!-- Выделение кода в блоке "Код" // © Alex_63, версия 2019г. -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script>
<!-- конец -->

<!--Выделение кода в блоке "Код" с перемещение в буфер обмена // © Damassk, версия 2019г. --> 
<script type="text/javascript" src="https://forumstatic.ru/files/0016/4a/bf/98029.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'выделить [копируется сразу]' //текст ссылки</script>
<!-- конец -->



<!-— МАСКА-->
<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: [ 'games'],
    forumAccessExtended: {
        'Story': ['Пользователи', 'Модераторы'],
        'Real': ['Пользователи', 'Модераторы'],
        'Past life': ['Пользователи', 'Модераторы'],
        'Alternative': ['Пользователи', 'Модераторы'],
        'conversations': ['Пользователи', 'Модераторы'],
        'relaxation': ['Пользователи', 'Модераторы'],
        'games': ['Пользователи', 'Модераторы']
    },
    changeList: {
        'pafld3': {
            title: 'ЛЗ',
            description: 'личное звание',
            tag: 'LZE',
            class: 'pa-fld3',
            defaultCode: '<lzname><a href="ссылка на анкету"><b>ИМЯ КАПСОМ, возраст</b></a></lzname> <br><lzinfo><div style=\'background: #1c2531;\'><center>занятость</center></div></lzinfo> <br> <lzinfo><center> свободный текст </center></lzinfo>',
            type: 'html'
     }
    },
userFields: ['pa-author', 'pa-title', 'pa-avatar item2', 'pa-fld1', 'pa-fld3', 'pa-fld2', 'pa-fld4', 'pa-posts', 'pa-respect', 'pa-last-visit', 'post-img-Sp', 'post-ul-Sp']
});
</script><!-— МАСКА-КОНЕЦ-->


<div class="banners"><div class="wrap">

  <a href="https://tenebria.ru/" target=_blank> <img src="https://upforme.ru/uploads/001c/77/b6/18/790340.gif" title="Tenebria" alt="Tenebria. Legacy of Ashes" width="88" height="31"></a>

<a href="https://altcross.rusff.me/" target="_blank"><img src="https://i.imgur.com/SiFU6wW.png" title="alternative crossover" alt="Alternative" width="88" height="31"></a>

<a href="https://happyhouse.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/52/80/5/764708.jpg" title="happyhouse"></a>

<a href="https://thenextdoor.rusff.me//" target="_blank"><img src="https://i.imgur.com/JaUDgww.png" title="next door = south korea"></a>

<a href="https://imagiart.ru/" target="_blank"> <img src="https://i.imgur.com/h3ba1GC.gif" title="photoshop: Renaissance" border="0" alt="photoshop: Renaissance"></a>

<a href="https://dragonfall.ru/" target="_blank"><img src="https://upforme.ru/uploads/001c/87/49/4/81288.jpg" title="антуражное фэнтези" width="88" height="31"></a>

<a href="https://hsww.rusff.me/"><img src="https://forumstatic.ru/files/001c/76/8c/76768.gif" title="Школа Чародейства и Волшебства Хогвартс" alt="Школа Чародейства и Волшебства Хогвартс"></a>

<a href="https://darkonmoon.rusff.me" target="_blank"><img src='https://forumstatic.ru/files/001c/60/35/77891.png' title="Ночь кровавой луны"/></a>

<a href="https://aleandtalecross.ru/" target="_blank"><img src="https://forumstatic.ru/files/001c/87/f8/10727.jpg" title="Ale and Tale crossover" border="0"width="88" height="31"></a>

<a href="https://cursedland.rusff.me" target="_blank"> <img src="https://upforme.ru/uploads/0018/1e/e4/2/575571.jpg" title="cursed land" alt="cursed land" border="0"></a>

<a href="https://deadlinee.rusff.me/" target="_blank"> <img src="https://upforme.ru/uploads/001c/95/86/2/909339.png" title="DEADLINE" border="0" alt="DEADLINE"></a>

</div></div>

<!-- DICE button -->
<input type="button" onclick="dice()" value="Кинуть кубики" />
<!-- end DICE button -->