/* Fonts and whatnot
-------------------------------------------------------------*/

  @import url(style_cs.1761941003.css);

/* Иконический шрифт */
@import url('https://fonts.googleapis.com/css2?family=Material+Icons+Outlined');

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Unbounded:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Raleway:ital,wght@0,100..900;1,100..900&family=Unbounded:wght@200..900&display=swap');


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

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&display=swap');
@font-face { font-family: horror; src: local("horror"), url(https://forumstatic.ru/files/0019/86/a2/53604.otf); }
@font-face {font-family: Kudry; 
src: local("Kudry"), url(https://forumstatic.ru/files/001c/0a/be/46374.otf);}
@font-face { font-family: Sagire; src: local("Sagire"), url(https://forumstatic.ru/files/001b/73/d1/52535.otf); }
@font-face { font-family: Cinzel; src: local("Cinzel"), url(https://forumstatic.ru/files/001a/ff/52/15353.ttf); }
@font-face { font-family: raleway; src: local("raleway"), url(https://forumstatic.ru/files/001b/70/14/27590.ttf); }
@font-face { font-family: espina; src: local("espina"), url(https://forumstatic.ru/files/001b/70/14/43891.ttf); }
@font-face { font-family: ramillas; src: local("ramillas"), url(https://forumstatic.ru/files/001b/70/14/21130.ttf); }

@font-face {
    font-family: 'Pragmatica';
    src: url('https://forumstatic.ru/files/001c/92/fe/16901.woff2') format('woff2'),
        url('https://forumstatic.ru/files/001c/92/fe/49872.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: url('https://forumstatic.ru/files/001c/92/fe/16098.woff2') format('woff2'),
        url('https://forumstatic.ru/files/001c/92/fe/76833.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: url('https://forumstatic.ru/files/001c/92/fe/57328.woff2') format('woff2'),
        url('https://forumstatic.ru/files/001c/92/fe/82568.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: url('https://forumstatic.ru/files/001c/92/fe/14855.woff2?v=1') format('woff2'),
        url('https://forumstatic.ru/files/001c/92/fe/43784.woff?v=1') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: url('https://forumstatic.ru/files/001c/92/fe/57947.woff2?v=1') format('woff2'),
        url('https://forumstatic.ru/files/001c/92/fe/94535.woff?v=1') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: url('https://forumstatic.ru/files/001c/92/fe/47257.woff2') format('woff2'),
        url('https://forumstatic.ru/files/001c/92/fe/67706.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: url('https://forumstatic.ru/files/001c/92/fe/13825.woff2') format('woff2'),
        url('https://forumstatic.ru/files/001c/92/fe/31419.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Quisas Standard';
    src: url('https://forumstatic.ru/files/001c/92/fe/70285.woff2') format('woff2'),
        url('https://forumstatic.ru/files/001c/92/fe/31214.woff?v=1') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quisas SVG';
    src: url('https://forumstatic.ru/files/001c/92/fe/46982.woff2') format('woff2'),
        url('https://forumstatic.ru/files/001c/92/fe/16145.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Moisette';
    src: url('https://forumstatic.ru/files/001c/92/fe/23403.woff2') format('woff2'),
        url('https://forumstatic.ru/files/001c/92/fe/20964.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Moisette';
    src: url('https://forumstatic.ru/files/001c/92/fe/83333.woff2') format('woff2'),
        url('https://forumstatic.ru/files/001c/92/fe/87786.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Moisette';
    src: url('https://forumstatic.ru/files/001c/92/fe/17069.woff2') format('woff2'),
        url('https://forumstatic.ru/files/001c/92/fe/83540.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Moisette';
    src: url('https://forumstatic.ru/files/001c/92/fe/92767.woff2') format('woff2'),
        url('https://forumstatic.ru/files/001c/92/fe/48079.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Moisette';
    src: url('https://forumstatic.ru/files/001c/92/fe/55443.woff2') format('woff2'),
        url('https://forumstatic.ru/files/001c/92/fe/65415.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Moisette';
    src: url('https://forumstatic.ru/files/001c/92/fe/20315.woff2') format('woff2'),
        url('https://forumstatic.ru/files/001c/92/fe/56414.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Moisette';
    src: url('https://forumstatic.ru/files/001c/92/fe/97501.woff2') format('woff2'),
        url('https://forumstatic.ru/files/001c/92/fe/57313.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Moisette';
    src: url('https://forumstatic.ru/files/001c/92/fe/73796.woff2') format('woff2'),
        url('https://forumstatic.ru/files/001c/92/fe/17303.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Moisette';
    src: url('https://forumstatic.ru/files/001c/92/fe/10328.woff2') format('woff2'),
        url('https://forumstatic.ru/files/001c/92/fe/20964.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


/* Hiding stuff
-------------------------------------------------------------*/

#pun-title, .flag-i, .pa-reg, .pa-invites, .pa-positive, .pa-awards, .pa-gifts, .pa-time-visit, .pa-online, .pa-ua, #pun-live-rusff, #pun-about, div#pun-announcement h2, .topic a.sharelink, li.pa-ip, li.pa-last-visit, li.pa-respect img {
display: none !important;
}

/* Browser defaults and wonkiness
-------------------------------------------------------------*/

html, body {margin: 0; padding: 0}

.punbb * {
  margin: 0
  }

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

.punbb img {
  border:none
  }

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

.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

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


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

body {
  font-size: 100.01%;
  }

.punbb {
  font: normal 68.75% mulish, verdana, arial, helvetica, sans-serif;
line-height: 150% !important;

  }

.punbb {
  float: left;
  width: 100%;
  height: auto;
  }

.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 10px verdana, arial, helvetica, sans-serif
  }

.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 10px;
  font-weight: normal;
  }

.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 10px;
  }

.punbb pre {
    font: 10px / 140% 'mulish';
}

.punbb address, .punbb em {
  font-style: normal
  }

.post {
    margin: 10px auto 0;
    border-radius: 12px;
    padding: 18px 0 0;
    text-transform: none;
}

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

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

.punbb optgroup {
  font-weight: bold;
  }

div.post-rating a, div.post-vote a {
    font-size: 100% !important;
}

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

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

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


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

body {
    background: url(http://forumstatic.ru/files/001c/92/fe/29984.svg) no-repeat fixed top center;
    background-size: cover;
    color: #1c1c1c;
}

#pun {
width: 1050px;    margin: auto;
    position: relative;
background: #E5E5E5;
    padding: 0px 25px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.punbb {
  float: left;
  width: 100%;
  height: auto;
  }

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



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

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

.punbb .post-sig dt {
  display: block;
  width: 250px;
  margin: 5px 0;
  }

.punbb .post-content p {
  margin: 0;
  line-height: 150%;
  padding: 0 0 1em 0;
text-align: justify;
  }

.punbb .post-content img {
  vertical-align: text-bottom
  }

.post-content td {
    border: transparent !important;
}

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

.punbb .post-content .blockcode, .punbb .post-content blockquote {
    width: auto;
}

.post-content blockquote {
    padding: 0px 20px;
    margin-bottom: 15px;
}

.punbb .post-content .scrollbox {
    width: 100%;
    overflow: auto;
    max-height: 50px;
}


.punbb .post-content .blockcode {
    padding: 15px;
    margin-top: 2.5px;
    margin-bottom: 0px;
}

.code-box {
    margin-top: 10px;
    border: 1px solid #a2a2a2;
    border-radius: 5px;
    padding: 10px;
    padding-top: 20px;
}

.quote-box {
    border: 1px solid #a2a2a2;
    border-radius: 5px;
    padding: 5px;
    padding-top: 20px;
    margin-top: 5px !important;
}

.punbb .quote-box cite, .punbb .code-box strong.legend {
  font-size: 10px;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  }

.quote-box cite, .code-box strong.legend {
    display: inline !important;
    text-transform: lowercase;
    background: #F2F2EE;
    border: 1px solid #a2a2a2;
    padding: 7px 22px;
    border-radius: 95px;
    color: #70332C;
}

.quote-box cite a, .code-box strong.legend a {
    color: #70332C;
}

.quote-box cite a:hover, .code-box strong.legend a:hover {
    color: black;
}

.quote-box.answer-box cite {
    margin-left: 5px !important;
}

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

.punbb .info-box {
  padding: 10px;
  margin: 0 0 10px 0;
  }

.punbb .info-box * {
  padding: 0 0 10px 0;
  }

.punbb #pun-main .info-box .legend {
  font-size: 10px;
  font-weight: bold;
  }
.quote-box.answer-box blockquote {
    margin-top: 20px;
    margin-bottom: 5px;
}

.quote-box.hide-box cite {
    margin-left: 5px !important;
}

.quote-box.hide-box blockquote {
    margin-top: 20px;
}

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

.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 10px;
  height: 0;
  }

.multipage {
  margin-top: 40px;
  }

.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  }

.linkst .postlink {
  position: absolute;
  top: -4em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 10px;
  }

.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }

.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

.subscribelink {
  clear:both;
  padding-top: 10px;
  padding-bottom: 10px;
  }

/* Shapka 
------------------------------------------------------------*/

.shapka {
    width: 1100px;
    background: url(https://forumstatic.ru/files/001c/92/fe/78656.svg?v=1);
    height: 414px;
    margin-left: -25px;
}

div#pun-navlinks {
    position: absolute;
    z-index: 2;
    margin-top: -45px;
    width: 279px;
    display: flex;
    flex-wrap: wrap;
    text-transform: lowercase;
    font-family: 'Moisette';
    font-weight: bolder;
    justify-content: space-between;
    margin-left: 260px;
    line-height: 14px;
}

div#pun-navlinks .container {
    gap: 5px 10px;
    display: flex;
    flex-wrap: wrap;
    width: 259px !important;
}


.nav_button {
    font-family: pragmatica;
    font-size: 9px;
    font-weight: 500;
}

.spirit_nav-wrap {
    width: 200px;
    margin-left: 55px;
    text-align: center;
    position: absolute;
    margin-top: 50px;
}

.nav_block .link a {
    color: #fefefe !important;
    font: 90 10px Mulish;
    background: #323232;
    border-radius: 8px;
    padding: 5px 10px;
    transition: all .4s 
linear 0s;
    width: 90% !important;
    display: block;
}

.nav_block .link a:hover {
    background: #fefefe;
    color: #323232 !important;
}

.nav_block .link {
    display: flex;
    flex-direction: column;
    gap: 5px 0;
    background: #e5e5e5;
    opacity: 0.95;
    padding: 5px;
    border-radius: 9px;
}

.best-people {
    position: absolute;
    margin-top: 35px;
    font-family: 'Quisas Standard';
    font-size: 32px;
    width: 128px;
    margin-left: 690px;
    text-align: center;
    line-height: 30px;
}

.best-post {
position: absolute;
    font-family: pragmatica;
    font-size: 8px;
    font-weight: normal;
    font-style: normal;
    width: 187px;
    height: 30px;
    margin-left: 870px;
    margin-top: 57px;
    line-height: 12px;
}

.best-post a {
    color: #70332C;
    font-weight: 600;
transition: 0.3s ease-in-out;
}

.best-post a:hover {
    color: black;
transition: 0.3s ease-in-out;
}

div#pun-ulinks a {
    color: #70332C;
transition: 0.3s ease-in-out;
}

#pun-ulinks ul.container {
    display: flex;
    gap: 7px;
}

div#pun-ulinks a:hover {
    color: black;
transition: 0.3s ease-in-out;
}

div#pun-ulinks {
    font-family: 'Pragmatica';
    font-size: 8px;
    font-weight: 500;
    text-transform: lowercase;
    margin-top: -403px;
    position: absolute;
    margin-left: 70px;
}

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

.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

#post {
    padding: 0px !important;
}

#post-form h2 {
display: none;
}

#main-reply {
width:100% !important;
    background: #ededed;
}

.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

.punbb fieldset {
    padding: 0 10px;
  margin: 0 0 1em 0
  }

.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 10px
  }

.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

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


.punbb .formal fieldset {
    border: none;
}

.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

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

.punbb .inline .infofield {
  clear:both
  }

.punbb .datafield br {
  display: none
  }

.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

.punbb .datafield span.input a {
  font-weight: normal;
  }

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

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

.punbb .hashelp {
  position: relative;
  }

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

.punbb #profile .helplinks {
  top: 1.5em;
  }

.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

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


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

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

.punbb .main .forum .tcl {
    overflow: hidden;
    text-align: left;
    width: 35%;
}

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



.punbb .main .tcr {
    overflow: hidden;
    text-align: left;
    width: 21%;
}
.punbb .main .forum .tcr {
    width: 25% !important;
}

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

#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

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

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

#pun-index .tcl h3 {
  font-size: 10px;
  font-weight: bold;
  }

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

.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

.punbb .main td {
  padding: 0.8em 1em;
  }


.punbb .main th {
  padding: 0.4em 1em 0.4em 1em;
  }

.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }

.punbb tbody.hasicon td.tcl {
  padding-left: 3.2em
  }

.punbb div.icon {
  height: 0;
  line-height: 0.0;
  margin-top: 0.1em;
  width: 0;
  }

.punbb  table div.icon {
  font-size: 10px;
  position: absolute;
  margin-left: -2.2em;
  }

div#pun-status {
    text-transform: lowercase;
    width: 1040px !important;
    margin: auto;
}

div#announcements {
    width: 1040px !important;
    margin: auto;
}


a.announcement {
    width: 160px;
    background: #F2F2EE;
    border-radius: 20px;
    border: 1px solid #A2A2A2;
    display: flex;
    font-family: 'Pragmatica' !important;
    font-weight: 500;
    height: 37px;
    align-items: center;
transition: 0.3s ease-in-out;

}

.announcement .column {
    margin-left: 10px;
}

div#announcements .inner {
margin-top: 10px;
    display: flex;
    overflow: auto hidden;
    padding-bottom: 5px;
    margin-bottom: 5px;
    justify-content: center;
    gap: 4px;
}

a.announcement:hover > .date {
    background: black;
transition: 0.3s ease-in-out;

}

a.announcement:hover {
    background: #f4f4f4;
transition: 0.3s ease-in-out;

}

.date {
    font-family: 'Moisette';
    font-size: 8px;
    color: white;
    background: #70332C;
    border-radius: 54px;
    width: 40px;
    height: 27px;
    margin-left: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.category .container table thead {
    display: none;
}
.category .hasicon {
    background: #F2F2F2;
}

.category .intd {
    display: flex
;
    align-items: center;
}

.punbb table div.icon {
    background: white;
    width: 15px;
    height: 15px;
    margin-left: -25px;
}
.punbb table div.icon {
    border-radius: 100px !important;
}

.forum .tclcon span {
    text-transform: lowercase;
}

.forum .tclcon a {
    font-weight: bold;
}

.forum td.tcr a {
    font-weight: bold;
}
.forum td.tcr {
    text-transform: lowercase;
}

tr.isticky div.icon {
background: black;
    width: 15px;
    height: 15px;
    margin-left: -25px;
}

#pun-viewforum TR.iclosed Div.icon {
background: black;
    width: 15px;
    height: 15px;
    margin-left: -25px;
}


TR.inew Div.icon {
background: #70332C;
    width: 15px;
    height: 15px;
    margin-left: -25px;
}

#pun-index div.icon.inew {
    background: url(https://forumstatic.ru/files/001c/92/fe/20998.png?v=1) !important;
    width: 73px !important;
    height: 37px !important;
    display: flex;
    background-size: cover !important;
    margin-left: 570px !important;
}

#pun-index div.icon {
    background: url(https://forumstatic.ru/files/001c/92/fe/65200.png?v=1) !important;
    width: 73px;
    height: 43px;
    margin-left: 565px !important;
    background-size: contain !important;
    background-repeat: no-repeat;
}

.desklink {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
}

.desklink a {
    background: #70332C;
    padding: 7px 22px 8px;
    color: white;
    border-radius: 95px;
    font-family: pragmatica;
    font-size: 8px;
    font-weight: 500;
}

.category h3 a {
    font-family: 'moisette';
    color: #70332C;
    font-size: 20px;
    font-weight: bold;
    text-transform: lowercase;
    font-style: italic;
}

.category h3 a:hover {
    color: black;
}

.category td.tc2, .category td.tc3 {
    display: none;
}

.category h2 {
    background: url(https://forumstatic.ru/files/001c/92/fe/50202.svg?v=1);
    width: 1040px;
    height: 35px;
    background-size: contain !important;
    display: flex;
    align-items: center;
}

.punbb .main .category table {
    width: 1040px;
    border: 1px solid #A2A2A2;
}

.descfor {
    width: 520px;
}

.punbb .main table:last-child {
    border-bottom: 0px !important;
}

a.lastpost-link {
    COLOR: #70332C;
    font-family: pragmatica;
    font-size: 11px;
    font-weight: 500;
    transition: 0.3s 
ease-in-out;
    text-transform: lowercase;
}

a.lastpost-link:hover {
color:black;
transition: 0.3s ease-in-out;
}

span.datetime {
    text-transform: lowercase;
}

.category h2 span {
    display: flex;
    margin-left: 90px;
    font-family: 'Quisas Standard';
    font-size: 25px;
    margin-top: -13px;
}



span.categoryTool {
    position: absolute;
    font-size: 8px !important;
    font-family: 'pragmatica' !important;
    text-transform: lowercase;
    margin-top: 7px !important;
    margin-left: 100px !important;
}



.category td.tcl {
    border-bottom: 1px solid #A2A2A2 !important;
}


.category td.tc2 {
    border-bottom: 1px solid #A2A2A2 !important;
}
.category td.tc3 {
    border-bottom: 1px solid #A2A2A2 !important;
}

.category td.tcr {
    border-bottom: 1px solid #A2A2A2 !important;
}


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

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

.punbb .post h3 {
  }

.punbb .post h3 span {
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    margin-left: 280px;
    width: 740px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    margin-bottom: 10px;
    margin-top: -5px;
    text-transform: lowercase;
    background: #F2F2EE;
    border-radius: 5px;
    border: 1px solid #a2a2a2;
}

.hideprofile h3 span {
    padding-left: 35px !important;
    width: 930px !important;
} 

.hideprofile .post-body, .hideprofile .post-links, .hideprofile .post-links ul, .post.hideprofile h3>span {
    margin-left: 0 !important;
    width: 1040px !important;
    box-sizing: border-box;
}

.hideprofile .post-body {
    padding-left: 25px !important;
}

.hideprofile .post-links ul {
padding-left: 50px !important;
}

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

.addflds {
    width: 220px;
    position: absolute;
    margin-top: 25px;
    margin-bottom: 20px;
    display: flex
;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}

li.pa-posts, .pa-respect, .pa-fld3 {
    font-family: 'Pragmatica';
    font-size: 8px;
    display: flex;
    flex-direction: column;
    text-transform: lowercase;
}

.post-author {
margin-top:-34px;
    float: left;
    overflow: hidden;
    width: 250px;
    text-align: center;
    box-sizing: border-box;
    background: url(https://forumstatic.ru/files/001c/92/fe/19162.png) top;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 40px 10px 70px 10px;
    position: relative;
    border: 1px solid #A2A2A2;
}

.post-author ul:not(:has(.pa-fld1)) .pa-avatar {
 padding-bottom:10px;
}


.post-author ul:not(:has(.pa-fld1)) .addflds {
    margin-top: 11px;
}


li.pa-fld1 {
    margin-top: 5px;
}
li.pa-fld1 a {
    font-family: 'Moisette';
    font-size: 14px;
    font-style: italic;
    color: #70332C;
    font-weight: 500;
}

li.pa-fld1 a:hover {
color:black;
}

.post h3 a, .post h3 strong {
    font-family: 'Pragmatica';
    color: #70332C;
    font-weight: 600;
}
.post h3 a:hover {color:black;}

li.pa-fld2 {
    font-family: 'moisette';
    margin-bottom: 25px !important;
    background: url(https://forumstatic.ru/files/001c/92/fe/63332.png) top;
    background-size: 50%;
    background-repeat: no-repeat;
    margin-top: 5px;
    font-size: 9px;
    padding-top: 18px;
}

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

.pa-fld4 a {
    height: 35px;
    width: 35px;
    display: flex
;
    align-items: center;
    justify-content: center;
}

.pa-fld4 img {
    width: 33px;
}

li.pa-fld4 {
    width: 35px;
    height: 35px;
    margin: auto;
    background: #F1F1F1;
    border-radius: 100px;
    border: 1px solid #a2a2a2;
    margin-top: -18px;
    position: absolute;
    margin-left: 95.5px;
}

.post-author ul {
    background: #F1F1F1;
    border: 1px solid #a2a2a2;
    border-radius: 10px;
    margin-top: 10px;
}

.pa-author {
  font-size: 10px;
  font-weight: bold;
  }

li.pa-author {
    margin-top: 15px;
}
li.pa-author a {
    font-family: 'Moisette';
    font-size: 18px;
    font-weight: bolder;
    font-style: italic;
    color: #70332C;
}

li.pa-author a:hover {
color:black;
}

.pa-author a {
  text-decoration: none
  }

li.pa-title {
    padding-bottom: 0.4em;
    font-family: 'moisette';
    font-size: 9px;
    text-transform: lowercase;
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: 400;
}


li.pa-online {
  line-height: 0.8em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

.punbb .post-body {
    margin-left: 270px;
    padding: 0 0 1px 0;
}

.punbb .post-box {
  padding: 1em;
  }

.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

.punbb .post-links {
margin-top:10px;
  }

.punbb .post-links ul {
    background: transparent;
    text-align: right;
    width: 1000px;
    height: 34px !important;
    line-height: 10px !important;
    margin-left: 23px;
}

.punbb .post-links li {
    display: inline !important;
    margin: 0 5px !important;
    text-transform: lowercase;
    line-height: 13px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.post-links li a {
    background: #F2F2EE;
    border-radius: 95px !important;
    padding: 5px 12px 6px !important;
    border: 1px solid #a2a2a2;
    color: #70332C;
    font-family: 'Pragmatica';
    font-size: 10px;
    font-weight: 500;
}

.pl-email, .pl-website {
  float: left;
  }

.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


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

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

.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

.punbb .modmenu .container strong {
  float: left;
  }

.punbb .modmenu input {
  margin-left: 1em;
  }

#topic-modmenu .container span {
    display: none;
}


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

.punbb .info .container {
  padding: 0.8em 1em
  }

.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


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

#profile .container {
  padding-left: 18.6em;
  }

#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

#viewprofile ul, #profilenav ul {
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

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

#viewprofile li strong, #viewprofile li div, #setmods dd {
    display: block;
    padding: 3px;
    font-weight: normal;
  }

#viewprofile {
text-transform: lowercase; 
}

.punbb img.avatardemo {
  float: right;
  margin: 0 0 10px 10px;
  }


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

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

#pun-userlist .usertable .container {
  padding: 0 20px 20px 20px;
  border-top: none;
  }

#pun-userlist .usertable table {
  }


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

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

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

#pun-pagelinks .container li {
  display: inline
  }

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

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

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

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


#pun-navlinks li {
  display: inline;
  }



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

#pun-ulinks li {
  display: inline;
  }


/* Statistics & footer
-------------------------------------------------------------*/


#pun-stats .container {
    padding: 10px;
    font-size: 10px !important;
text-transform: lowercase;
}

#pun-stats h2 {
    display: none;
}

#pun-stats .container li, #pun-stats .container li span, #pun-stats .container li strong {
    font-size: 10px !important;
}

#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

li#onlinelist {
  margin-top: 10px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

li#onlinelist div {
  padding: 10px 0 0 0;
  }

.main-banners {
    width: 1100px;
    height: 160px;
    background: url(https://forumstatic.ru/files/001c/92/fe/27742.svg?v=1);
    margin-left: -25px;
    margin-top: -10px;
}

/* Quick Jump 
-------------------------------------------------------------*/

#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 10px;
  }

#pun-about {
  margin-top: 0;
  }

#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 10px;
  }

#pun-about p span {
  display:block;
  padding-left: 50%;
  }

#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
margin-bottom:10px;
  }

div#pun-crumbs1, div#pun-crumbs2 {
    text-align: center;
    font-weight: normal;
    font-size: 10px !important;
text-transform: lowercase;
}

#pun-crumbs2 .container {
  border-bottom: none;
  padding: 10px;
  font-size: 10px;
  }

#pun-break4 {
  margin: -2px 10px;
  position: relative;
  height: 0;
  z-index: 1;
  }

div.punbb-admin #pun-about .container {
  }


/* Help file
-------------------------------------------------------------*/

#pun-help .formal .info-box h3.legend {
  padding-bottom: 0;
  margin-bottom: 10px;
  }

#pun-help .formal .info-box h3.legend span {
  padding-bottom: 10px;
  display: block;
  font-size: 10px;
  }

#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 10px
  }

#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 10px
  }

#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

#pun-help .formal li * {
  vertical-align: text-top
  }

#pun-help .formal dt span {
  font: 10px/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

#pun-adnav {
    position: sticky;
    top: 0;
}

.charinner {
    display: flex
;
    width: 800px;
    gap: 28px;
    height: 430px;
    flex-wrap: nowrap;
    margin-top: 135px;
    margin-left: -20px;
}

/* Основний контейнер */
.character {
  background: #1a1a1a;
  border: 1px solid #444;
  width: 860px;
  padding: 20px;
  display: flex;
  gap: 20px;
  box-sizing: border-box;
  max-height: 80vh;
  height: 80vh;
  overflow: hidden;
  flex-wrap: nowrap;
}

.plads-img-grid,
.plads-img-grid tr,
.plads-img-grid td {
  border: none !important;
  background: transparent;
} 



/* Фонове затемнення */
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
}

/* Модальне вікно */
.reveal-modal {
    margin-top: -130px;
    visibility: hidden;
top:110px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    z-index: 101;
    background: url(https://forumstatic.ru/files/001c/92/fe/24821.png) no-repeat center center;
    box-sizing: border-box;
    padding: 20px;
    display: flex
;
    gap: 20px;
    background-size: contain !important;
    width: 800px;
    height: 585px;
}

.reveal-modal::before {
  display: none;
}

.reveal-modal .close-reveal-modal {
  font-size: 20px;
  line-height: 1;
  position: absolute;
  top: -25px;
  right: -25px;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  color: #aaa;
}

/* Ліва колонка */ 
.ch_heroes {
    background: linear-gradient(180deg, #FFFFFF 0%, #E5E5E5 100%);
    border: 1px solid #A2A2A2;
    border-radius: 10px !important;
    width: 207px;
    padding: 20px;
    box-sizing: border-box;
    display: flex
;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin-left: 20px;
    margin-top: 15px;
    height: fit-content;
    max-height: 290px;
    overflow: hidden auto;
}

/* Аватар — завжди зверху, фіксованого розміру */
.hero_item {
  width: 100px;
  height: 100px;
  border-radius: 15px;
  overflow: hidden;
  background: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0; /* не стискається */
}

.hero_item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
filter: grayscale(100%);
  object-position: center;
  border-radius: 15px;
}

/* Скрол тільки для нижнього контенту */
.hero_scroll {
  max-height: 300px; /* регулюй під свій дизайн */
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}

/* Маленькі іконки з текстом */
.rec_item {
  display: flex;
  align-items: center;
  background: #e2e2e2;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  border-radius: 15px;
  padding: 10px;
  gap: 10px;
  width: 100%;
}

.rec_item img {
  width: 20px;
  height: 20px;
  object-fit: cover;
filter: grayscale(100%);
  object-position: center;
  border-radius: 5px;
  flex-shrink: 0;
}

.rec_item p {
  color: #3d362a;
  font-family: "ramillas", sans-serif;
}

.rec_item span {
    font-weight: bold;
    font-size: 11px;
    font-family: 'Moisette' !important;
    font-style: italic;
    color: #70332C !important;
}

.rec_item p {
  font-size: 12px;
}

.hero_text { text-align: center; color: #3a3a3a; } .hero_text h4, .hero_text p {margin: 0;/* padding: 5px 0; */font-family: "veranda", sans-serif;color: #3a3a3a;} 

.hero_text h4 {
    font-family: 'Moisette';
    font-weight: bolder;
    font-size: 14px;
    font-style: italic;
    color: #70332C;
}

.hero_text p {
    font-size: 10px;
    background: url(https://forumstatic.ru/files/001c/92/fe/63332.png) top;
    background-size: 50%;
    background-repeat: no-repeat;
    padding-top: 15px;
    margin-top: 5px;
}


/* Центр - плашки як зображення */

/* Під плашками - блок зображень 100х100 (2 в ряд) */
.rec_inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 70px;
    gap: 4px;
    max-height: 147px;
    overflow-y: auto;
    margin-top: 21px;
    overflow-x: hidden;
    width: 231px;
    background: #F1F1F1;
    border: 1px solid #A2A2A2;
    border-radius: 10px;
    padding: 10px;
}

.rec_image_item {
  width: 70px;       /* ✅ фіксована ширина */
  height: 70px;      /* ✅ фіксована висота */
  border-radius: 10px;
  overflow: hidden;
  background: none;
   /*box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);*/
  display: flex;
  justify-content: center;
  align-items: center;
}

.rec_image_item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}

/* Права колонка */
.ch_right {
    margin-left: -10px;
    margin-top: 20px;
    width: 250px;
    display: flex
;
    flex-direction: column;
    gap: 20px;
    height: 380px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #F1F1F1;
    border: 1px solid #A2A2A2;
    border-radius: 10px;
    max-height: 380px;
}

/* Контейнер зі скролом */
.lampas_inner {
  max-height: 200px;
  padding-right: 5px;
}

/* Сітка 3 в ряд */
.lampas_grid {
    display: grid
;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    width: 221px;
    padding: 10px;
}

.lampas_grid img {
  width: 60px;
  height: 60px;
  object-fit: cover;
/*filter: grayscale(100%);
opacity: 0.5;*/
  border-radius: 50px;
}

/* Роздільник у сітці */
.divider {
  grid-column: 1 / -1; /* займає всю ширину grid */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  margin: 10px 0;
opacity: 0.1;
}

.divider span {
  width: 80%;
  height: 2px;
  border-bottom: 2px dashed #555; /* пунктирна лінія */
}

/* Тултіпи */
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 75px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  padding: 5px;
  font-size: 10px;
  font-family: "Nunito", sans-serif;

  position: absolute;
  z-index: 1;
  bottom: 40%;
  left: 55%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* Основний контейнер */
.character {
  background: #1a1a1a;
  border: 1px solid #444;
  width: 860px;
  padding: 20px;
  display: flex;
  gap: 20px;
  box-sizing: border-box;
  max-height: 80vh;
  height: 80vh;
  overflow: hidden;
  flex-wrap: nowrap;
}

.plads-img-grid,
.plads-img-grid tr,
.plads-img-grid td {
  border: none !important;
  background: transparent;
} 

#pun-viewtopic .post[data-user-id="3"] .post-author {
    background: url(https://upforme.ru/uploads/001c/8c/2b/6/560386.png) no-repeat top center;
}

#pun-viewtopic .post[data-user-id="5"] .post-author {
  background: url(https://upforme.ru/uploads/001c/8c/2b/5/701926.png) no-repeat top center;
background-size: contain !important; 
}
#pun-viewtopic .post[data-user-id="11"] .post-author {
  background: url(https://upforme.ru/uploads/001c/8c/2b/6/566681.png) no-repeat top center;
background-size: contain !important; 
}
#pun-viewtopic .post[data-user-id="25"] .post-author {
  background: url(https://upforme.ru/uploads/001c/8c/2b/6/566681.png) no-repeat top center;
background-size: contain !important; 
}
#pun-viewtopic .post[data-user-id="6"] .post-author {
  background: url(https://upforme.ru/uploads/001c/8c/2b/6/560386.png) no-repeat top center;
background-size: contain !important; 
}
#pun-viewtopic .post[data-user-id="7"] .post-author {
  background: url(https://upforme.ru/uploads/001c/8c/2b/6/560386.png) no-repeat top center;
background-size: contain !important; 
}
#pun-viewtopic .post[data-user-id="9"] .post-author {
  background: url(https://upforme.ru/uploads/001c/8c/2b/6/560386.png) no-repeat top center;
background-size: contain !important; 
}
#pun-viewtopic .post[data-user-id="8"] .post-author {
  background: url(https://upforme.ru/uploads/001c/8c/2b/6/560386.png) no-repeat top center;
background-size: contain !important; 
}