@import url(style_cs.1779386300.css);

/* Mobile */
.old {
    display: none;
}
@media screen and (max-width: 1000px) {
    .punbb .category table tr {width: calc(100% - 20px) !important; margin: 20px auto !important;}
    .punbb .user-avatar {display: none !important;}
    .punbb .main .tcr {text-align: center !important;}
    tr#forum_f78 div#heroes table#myTable.heroes tr {width: calc(50% - 7px)!important;}
}
.post-author.no-avatar {min-height: 270px !important;}
.post-author.no-avatar li.pa-avatar.item2 {margin-top: 0px;}
.post-author.no-avatar span.post-img-Sp.Spb1 {display: none;}
.post-author.no-avatar li.pa-title {position: absolute; margin-top: 208px; width: 240px;}


/* 1. Display is none */
.punbb .main table thead, #pun-title h1, p.lastedit {display: none;}
.isguest div#avnickin {display: none;}

/* Add blocks */
#verhplashka {
  position: absolute;
  display: block;
  width: calc(100% - 108px);
  height: 54px;
  background: #333336 url(https://forumstatic.ru/files/001b/33/25/88621.jpg);
  top: 340px;
  left: 54px;
  border-radius: 3px;
  z-index: 999;
  box-shadow: 0 0 0 1px #b2b2b2, 0 0 5px 0 #000000;
  outline: 1px solid #ffffff66;
  outline-offset: 5px;
}
#verhplashkaava{
  width: 34px;
  height: 34px;
  display: block;
  background: #1d1c21;
  margin: 10px 8px 8px 15px;
  box-shadow: 0 0 0 2px #3e494f, 0 0 0 5px #223136;
  border-radius: 3px;
}
.bquote {
    background: url(https://forumstatic.ru/files/0019/34/22/74056.png), #09181f;
    background-size: cover;
    padding: 25px 20px 20px 20px;
    border-radius: 10px;
    border: 1px solid #a8a8a854;
    color: #bdc2c5;
}
/* Forms */
.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;}
input.imp.autosize {font: 100 15px Cuprum; height: 20px;}
#tags .container {background: #3b464c; color: #eae5ef;}
#tags .container a {color: #b9d9ff;}
div#smilies-area {display: block; height: 150px; overflow-y: scroll; text-align: center;}
div#smilies-area li {display: inline-flex;flex-direction: row;flex-wrap: nowrap;align-content: flex-start;justify-content: center;align-items: center;margin: 5px 5px 10px 5px;background: #566167;padding: 5px 10px;border-radius: 3px; transition: 1s;}
div#smilies-area li:hover, div#smilies-area li.tab-current {background: #457447; transition: 1s;}
div#keyboard-area input[type="button"] {width: auto !important;}
div#keyboard-area input[type="button"]:hover {background: #13252f; transition: 1s; color: #ffffff;}

/* Html and body */
html, body {margin: 0; padding: 0;}
body {
    font-size: 100%;
    background: url(https://forumstatic.ru/files/001c/48/c6/66991.png) #666b74;
}

/* Punbb and style for it */
.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%;}
.punbb {font: normal 68.75% verdana, arial, helvetica, sans-serif;}
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {font-size: 1em; font-weight: normal;}
.punbb h1 span, .punbb h2 span, .punbb legend span {font-size: 1.1em;}
.punbb pre {font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace;}
.punbb address, .punbb em {font-style: normal;}
.punbb .post-content em {font-style: italic;}
.punbb .post-content em.bbuline {font-style: normal; text-decoration: underline;}
.punbb a {text-decoration: none; color: #44545c; transition: 1s;}
.punbb a:hover {color: #0d251a; transition: 1s;}
.punbb optgroup {font-weight: bold;}
#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;}
.punbb .clearer {clear: both; height: 0; font-size: 0;}
.punbb {
    float: left;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
.punbb .section, .punbb .main {
}

#pun-redirect, #pun-maint {margin: 50px 20% 12px 20%; width: auto; float: none;}
#pun {
  box-shadow: inset 0 0 0 1px #2b2f30, inset 0 0 0 2px #1f2020, inset 0 0 1000px 0 #1e2124;
  margin: 60px auto auto auto;
  position: relative;
  width: 90%;
  max-width: 1300px;
  background: url(https://forumstatic.ru/files/001c/48/c6/66991.png), linear-gradient(90deg, #666666, #50af91, #666666);
  padding: 20px;
  box-sizing: border-box;
  border-radius: 7px;
}

/* Category */
.punbb .category {
    box-sizing: border-box;
    margin-bottom: 20px;
}
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {margin-top: 0;}

/* Headlines */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  display: block;
  width: 800px;
  margin: auto;
  padding: 5px;
  text-align: center;
  font: 100 20px News Cycle;
  color: #beb6a0;
  text-shadow: 2px 1px 0 #000000;
  /* background: #4d4d50 url(https://forumstatic.ru/files/001b/33/25/88621.jpg) center; */
  border-radius: 3px;
}
#pun-main h2 {
  position: relative;
}

/* Signature */
.punbb .post-sig dt {
    display: block;
    border-top: 1px solid #888;
    width: 250px;
    margin: 5px 0;
}

/* Code and blockquote */
.punbb .post-content .blockcode, .punbb .post-content blockquote {width: 100%; overflow: hidden;}
.post-box .code-box strong.legend a {color: #aebec4;}
.post-box .code-box strong.legend a:hover {color: #92ba3f;}
.quote-box.spoiler-box {margin: auto 0px !important;}
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 1.5em 0;
    padding: 1.5em;
    border: 3px double #a6a3a98f;
    background: #ffffffcc;
    outline: 1px solid #ffffff36;
    outline-offset: -2px;
    box-shadow: inset 0 0 25px 0 #b4b3b6a3, 0 0 5px #0000001f;
    color: #0f1f27;
}
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 0.7em;
    font-size: 1.1em;
    font-weight: bold;
    font-style: normal;
    margin: 0;
}
.post-box .code-box strong.legend {
    background: #26353b;
    padding: 3px 0px;
    text-align: center;
    margin-bottom: 5px;
    font: bold 10px Comfortaa;
    color: #aebec4;
}
.post-box .code-box {
    font-size: 10px;
    padding: 5px !important;
    padding-bottom: 50px;
    line-height: 1 !important;
    outline: none !important;
    margin: auto 0px !important;
}
.post-box .code-box .scrollbox {
    height: auto !important;
    max-height: 70px !important;
    margin-bottom: 5px;
}

div.quote-box.spoiler-box {
    margin: 0px !important;
    padding: 15px !important;
    font: bold 12px Comfortaa;
}

/* Info-box */
.punbb .info-box {padding: 1em; margin: 0 0 1.1em 0;}
.punbb .info-box * {padding: 0 0 0.7em 0;}
.punbb #pun-main .info-box .legend {font-size: 1.1em; font-weight: bold;}

/* Pagination and posting links and multipage */
.punbb .linkst {float: left; position: relative; width: 100%; font-size: 1.1em; height: 0;}
.multipage {margin-top: 3em;}
.linkst .pagelink {position: absolute; top: -4em; left: 1em; width: 24em;}
.punbb .linksb {text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.1em;}
.linksb .pagelink {float: left; width: 24em; text-align: left;}
.linksb .postlink {float: right; width: 16em; font-weight: bold;}
.subscribelink {clear:both; padding-top: 0.3em; padding-bottom: 0.5em;}
.linkst .postlink {
    position: absolute;
    top: -4em;
    right: 1em;
    width: 16em;
    text-align: right;
    font-weight: bold;
}

/* Form layout */
.punbb .formal .container {padding: 10px;}
.punbb .formsubmit {text-align: center;padding: 5px;margin: 10px;}
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
    outline-offset: -2px;
    display: inline-block;
    border: none !important;
    width: auto;
    min-width: 105px;
    cursor: pointer;
    background: #60747e;
    height: auto;
    text-align: center !important;
    padding: 5px 10px;
    box-sizing: border-box;
    font: 100 18px OpenGost Type A TT;
    letter-spacing: 1px;
    border-radius: 5px;
    margin: 0 2px;
    box-shadow: inset 0 0 15px 0 #000a0e;
    outline: 1px solid #6e838d;
    color: #edf9ff;
    text-shadow: 1px 1px 1px #193542;
    transition: 1s;
    }
.punbb .formsubmit input:hover, .punbb .formsubmit a:hover, .punbb .formsubmit span:hover {
    background: #0e5215;
    margin: 0 2px;
    box-shadow: inset 0 0 15px 0 #000e00;
    outline: 1px solid #377b2a;
    color: #ffdc6a;
    text-shadow: 1px 1px 1px #244219;
    transition: 1s;
    }
.punbb fieldset {border: none;margin: auto;url(https: //forumstatic.ru/files/0019/34/22/74056.png);padding: 10px !important;background: url(https://forumstatic.ru/files/0019/34/22/74056.png);background-size: cover;}
.punbb fieldset legend {padding: 0;margin: 0;font-size: 1.1em;}
.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 .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;}

.subforums {
    display: none;
}


div#pun-category1 .tcr br {display: none}

.punbb .user-avatar {
    position:absolute;
    left: 12px;
    top: 6px;
    width: 60px;
    height: 60px !important;
}
.punbb .user-avatar .avatar-image {
        width: 60px;
        height: 60px;
}
/* Table */
.punbb .main .tcl {overflow: hidden;}
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {text-align: center; width: 10%;}
.punbb .main .tcr {overflow: hidden; text-align: left; width: 30%;}
.punbb .category table tr {
    color: #e2e8f0;
}
tbody.hasicon tr:hover {
    box-shadow: 0 10px 15px rgb(0 0 0 / 28%), inset 0 0 35px rgb(37 86 53 / 61%), inset 0 1px 0 rgb(255 255 255 / 13%) !important;
}

/* ÝÔÔÅÊÒ ÏÐÈ ÍÀÂÅÄÅÍÈÈ ÊÓÐÑÎÐA (Hover) */
.glass-emerald-block:hover {
    /* Óñèëèâàåì èçóìðóäíîå ñâå÷åíèå ãðàíèö */
    border-color: rgba(16, 185, 129, 0.6);
    
    /* Äåëàåì âíåøíåå íåîíîâîå ñèÿíèå áîëåå âûðàæåííûì */
    box-shadow: 
        0 0 20px rgba(16, 185, 129, 0.3),
        inset 0 0 16px rgba(16, 185, 129, 0.3);
        
    /* Ñëåãêà ïðèïîäíèìàåì áëîê äëÿ èíòåðàêòèâíîñòè */
    transform: translateY(-2px);
}
}

.punbb .main .subforums {
    display: none;
}

.punbb table tr#forum_f22 div.icon:before {background: url(https://forumstatic.ru/files/0019/34/22/41050.png);background-size: cover;}
.punbb table tr#forum_f6 div.icon:before {background: url(https://forumstatic.ru/files/0019/34/22/76534.png);background-size: cover;}
.punbb table tr#forum_f52 div.icon:before {background: url(https://forumstatic.ru/files/0019/34/22/11072.png);background-size: cover;}
.punbb table tr#forum_f65 div.icon:before {background: url(https://forumstatic.ru/files/0019/34/22/43787.png);background-size: cover;}
.punbb table tr#forum_f66 div.icon:before {background: url(https://forumstatic.ru/files/0019/34/22/30625.png);background-size: cover;}
.punbb table tr#forum_f67 div.icon:before {background: url(https://forumstatic.ru/files/0019/34/22/31133.png);background-size: cover;}
.punbb table tr#forum_f1 div.icon:before {background: url(https://forumstatic.ru/files/0019/34/22/17616.png);background-size: cover;}
.punbb table tr#forum_f69 div.icon:before {background: url(https://forumstatic.ru/files/0019/34/22/37380.png);background-size: cover;}
.punbb table tr#forum_f68 div.icon:before {background: url(https://forumstatic.ru/files/0019/34/22/15384.png);background-size: cover;}
.punbb table tr#forum_f63 div.icon:before {background: url(https://forumstatic.ru/files/0019/34/22/63386.png);background-size: cover;}



div#pun-category1 .user-avatar {
    display: none;
}
span.lastpost span.datetime {font-size: 80%;}
span.byuser {text-transform: lowercase;}
.punbb .main .tcl, .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcr {
    padding: 5px !important;
}
.punbb .main .tcl {display: block;text-align: center !important;padding: 5px !important;}
.punbb .main .tclcon {
    display: block;
    width: 100%;
    text-align: center;
    font: 100 14px LC Chalk;
    line-height: 1;
    color: #7e7e7e;
    height: 15px;
    margin-bottom: 3px;
    padding: 0 !important;
}
.punbb .main .tc2, .punbb .main .tc3 {
    display: none !important;
    width: calc(50% - 18.5px) !important;
    background: #1b24282e;
    color: #ffffff;
    font: 100 1em Oswald !important;
    letter-spacing: 1px;
    padding: 3px 4px 3px 4px !important;
    text-transform: uppercase;
    line-height: 1 !important;
    text-shadow: 1px 0px 1px #5b5b5b;
}
.punbb .main .tc2 {text-align: center; margin-left: 9px;}
.punbb .main .tc3 {text-align: center;}
.punbb .main .tcl, .punbb .main .tcr {
}
.punbb .main .tcr {
  display: flex;
  width: 100%;
  margin-top: 0px;
  font: 100 14px Cuprum;
  color: #bdbdbd;
  box-sizing: border-box;
  padding: 0px !important;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.punbb .main .tcr br {display: none;}
.punbb .main .tcr span.lastpost {text-shadow: 1px 1px 0 #00000057;}
.punbb .main .tcr a {font: 100 14px Cuprum;text-shadow: 1px 1px 0 #00000057;color: #bdbdbd;text-align: center;}

/* Pun-debug */
.punbb .category {
    padding: 15px;
    box-sizing: border-box;
    border-radius: 7px;
    margin-top: 10px;
    box-shadow: inset 0 0 0 1px #2b2f30, inset 0 0 0 2px #1f2020, inset 0 0 1000px 0 #1e2124;
    display: block; /* Èçìåíÿåì ñ grid íà block äëÿ êîíòðîëÿ âíóòðåííèõ ýëåìåíòîâ */
    align-items: start;
}

.punbb .category h2 {
    display: none !important;
}
#pun-debug table .tcl {width: auto; white-space: normal;}
#pun-debug .tcr { width: auto; white-space: normal; }

.subforums {
    display: none;
}

div#pun-category1 tbody.hasicon {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) 530px;
    grid-gap: 15px;
    width: 100%;
    align-items: stretch !important;
}

div#pun-category1 tbody.hasicon tr {
    width: 100% !important;
    background: #5656562e;
    order: 1;
    box-shadow: inset 0 0 0 1px #373d3eb8, inset 0 0 0 2px #1f202078, inset 0 0 30px 0 #1e21247a;
}
tr#forum_f22, tr#forum_f6, tr#forum_f52, tr#forum_f65, tr#forum_f66,
tr#forum_f67, tr#forum_f1, tr#forum_f69, tr#forum_f68, tr#forum_f63 {
    grid-column: span 1; /* Êàæäûé ôîðóì çàíèìàåò 1 êîëîíêó */
    align-items: center;
}
div#pun-category1 tr td.tcl {width: 100%;}
div#pun-category1 tr td.tcl div.icon {
    display: none;
}
tr#forum_f83 {
grid-column: 3;
    grid-row: 1 / span 5; 
    height: 100% !important;
    align-self: stretch; 
    order: 2;
}
tr#forum_f83 td.tcl { display: none !important; }
div#pun-category1 .tcr br {display: none}
div#pun-category3 tbody.hasicon {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
div#pun-category2 tbody.hasicon tr, div#pun-category3 tbody.hasicon tr {display: grid;padding: 15px;box-shadow: inset 0 0 0 1px #373d3eb8, inset 0 0 0 2px #1f202078, inset 0 0 130px 0 #1e21247a;align-items: center;justify-content: center;justify-items: center;align-content: center;}
div#pun-category3 tbody.hasicon td.tcr em.user-avatar {
    display: none;
}

div#pun-category1 tbody.hasicon, 
div#pun-category2 tbody.hasicon, 
div#pun-category3 tbody.hasicon {
    position: relative !important;
    overflow: visible !important;
}

div#pun-category1 tbody.hasicon tr:not(#forum_f83), 
div#pun-category2 tbody.hasicon tr:not(#forum_f84), 
div#pun-category3 tbody.hasicon tr:not(#forum_f42) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    position: relative !important;
    padding: 0px !important;
    box-sizing: border-box;
    height: 100% !important;
    z-index: 1;
    transition: filter 0.25s ease, opacity 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease !important;
}

div#pun-category1 tbody.hasicon tr .tcl, div#pun-category2 tbody.hasicon tr .tcl, div#pun-category3 tbody.hasicon tr .tcl {
    order: 2;
    width: 100% !important;
    padding: 0 !important;
}
div#pun-category1 tbody.hasicon tr .tcr, div#pun-category2 tbody.hasicon tr .tcr, div#pun-category3 tbody.hasicon tr .tcr {
    order: 3;
    width: 100% !important;
    padding: 5px 0 0 0 !important;
    margin-top: auto;
    margin-bottom: 10px;
}
div#pun-category1 tbody.hasicon tr td.tc2,
div#pun-category2 tbody.hasicon tr td.tc2,
div#pun-category1 tbody.hasicon tr td.tc3 {
    display: none !important;
}
tr#forum_f22::before {background-image: url('https://forumstatic.ru/files/0019/34/22/43032.png');}
tr#forum_f6::before {background-image: url('http://forumstatic.ru/files/0019/34/22/11554.png');}
tr#forum_f52::before {background-image: url('http://forumstatic.ru/files/0019/34/22/55002.png');}
tr#forum_f65::before {background-image: url('http://forumstatic.ru/files/0019/34/22/39134.png');}
tr#forum_f66::before {background-image: url('https://forumstatic.ru/files/0019/34/22/35735.png');}
tr#forum_f67::before {background-image: url('http://forumstatic.ru/files/0019/34/22/33019.png');}
tr#forum_f1::before {background-image: url('https://forumstatic.ru/files/0019/34/22/69264.png');}
tr#forum_f69::before {background-image: url('https://forumstatic.ru/files/0019/34/22/12434.png');}
tr#forum_f68::before {background-image: url('http://forumstatic.ru/files/0019/34/22/23938.png');}
tr#forum_f63::before {background-image: url('https://forumstatic.ru/files/0019/34/22/42369.png');}

tr#forum_f70::before {background-image: url('http://forumstatic.ru/files/0019/34/22/81861.png');}
tr#forum_f5::before {background-image: url('http://forumstatic.ru/files/0019/34/22/51781.png');}

tr#forum_f80::before {background-image: url('https://forumstatic.ru/files/0019/34/22/62774.png');}
tr#forum_f15::before {background-image: url('https://forumstatic.ru/files/0019/34/22/78514.png');}

.punbb .user-avatar {
    position:absolute;
    left: 12px;
    top: 6px;
    width: 60px;
    height: 60px !important;
}
.punbb .user-avatar .avatar-image {
        width: 60px;
        height: 60px;
}
/* Pun-index main table */
#pun-index .tcl h3 {text-align: center;padding: 0px !important;padding-bottom: 2px !important;/* border-bottom: 1px solid #a4a29073; */}
tbody.hasicon tr .tcl h3 a {
    color: #ffffff !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font: bold 16px Philosopher;
    background: #c0bcb3;
    background: linear-gradient(to right, #b5af9e, #ffffff, #b5af9e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
tbody.hasicon tr:hover {
    background: linear-gradient(135deg, rgb(45 53 59 / 29%) 0%, rgb(45 51 56 / 24%) 100%) !important;
    border: 1px solid rgb(45 61 57 / 50%) !important;
    transform: translateY(-1px);
    transition: all 0.3s ease;
}
#pun-index .tcl h3 a:hover {color: #2d3760;}
.punbb td span.youposted {font-weight: bold; margin-left: -1em; position: absolute;}
.punbb td .modlist {display: none;padding-top: 0.3em;opacity: 0.7;}
.punbb .main td {}
.punbb .main th {padding: 0.4em 1em 0.4em 1em;}
.punbb tbody.hasicon td.tcl {}
tbody.hasicon {
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}
/* Div icon */
.punbb div.icon {height: 0;line-height: 0.0;margin-top: -7px;margin-left: -10px;width: 0;}
.punbb  table div.icon {position: absolute;}

/* Topic and post-content */
#pun-post .topic {margin-top: 1em;}
.post-content {text-align: justify;}
td p {text-indent: 0 !important;}
.punbb .post-content {padding: 0; margin: 0; width: 100%; overflow: hidden;}
.post-content p {text-indent: 1.5em; padding: 0 0 0.5em 0 !important; line-height: 150%;}
.punbb .post-content img {vertical-align: text-bottom;}
.punbb .post-content img.postimg {vertical-align: middle;}
.punbb .post-content .scrollbox {width: 100%; overflow: auto;}
.punbb .post .container {background: #39393a;border-radius: 30px;border-top-left-radius: 50px;}
.topic h3 a {color: #859797ad;text-shadow: 1px 1px 0px #000000;}
.topic h3 a:hover {color: #fff;text-shadow: 1px 1px 0px #000000;}
.topic h3 {position: relative;z-index: 1;top: 26px;left: 300px;width: calc(100% - 380px);font: bold 16px Alumni Sans;text-transform: uppercase;color: #bfc0c0ad;text-shadow: 1px 1px 1px #000000;}
.punbb .post h3 span {display: block;}
.punbb .post h3 strong {float: right; width: 5em; text-align: right; font-weight: normal;}
.punbb .post-body {margin-left: 220px;padding-top: 5px;background: #5b5b5b;border-left: 1px solid #252525;}
.punbb .post-box {
    background: url(https://forumstatic.ru/files/0019/34/22/37860.png) top center no-repeat, #dad6df;
    margin: -4px 35px 35px 35px;
    padding: 65px 45px;
    box-shadow: inset 0 0 0 1px #404040;
    font-size: 1.15em;
    text-align: justify;
    color: #151515;
}

/* Post author */
.punbb .post .post-author {
    float: left;
    width: 240px;
    height: auto;
    min-height: 390px;
    margin-left: -20px;
    margin-top: 0px;
    overflow: hidden;
    font: 100 15px OpenGost Type A TT;
    text-align: center !important;
    letter-spacing: 0.5px;
    color: #a1a1a1f0;
    box-sizing: border-box;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    background: url(https://forumstatic.ru/files/0019/34/22/35109.png) top no-repeat #1a1f1f;
}
.punbb .post .post-author ul, .punbb .post .post-author p {line-height: 140%;}
.pa-author {font-size: 1.1em; font-weight: bold;}
li.pa-title {display: flex;
    Font: bold 15px OpenGost Type A TT;
    margin: 9px auto 6px auto;
    color: #889696;
    height: 15px;
    align-content: center;
    align-items: center;
    justify-content: center;}
li.pa-online {line-height: 0.8em; padding-left: 0.4em; margin-top: 0.7em;}
.punbb fieldset .post-box {margin-bottom: 0.8em;}
.punbb .post-links {margin-left: 240px;}
.punbb .post-links ul {
    padding: 0 35px 8px 0;
    height: 2em;
    line-height: 2em;
    margin-left: -220px;
    background: transparent !important;
    text-align: right;
    margin-top: -30px;
}
.punbb .post-links ul a {color: #b8b8b8c4;}
.punbb .post-links ul a:hover {color: #d4d4d4;}
.punbb .post-links li {display: inline; padding-left: 20px;}
.pl-email, .pl-website {float: left;}
li.pl-email.profile, li.pl-email.pm, li.pl-email.email {
    display: inline-block;
    width: 61px;
    padding: 0px 2px !important;
    margin: 2px !important;
    text-align: center;
}
li.pl-email.profile {margin-left: -5px !important;}
li.pl-website.website {margin-left: 20px;}

/* 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;}

/* 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; margin: 0 14px -0.6em 14px;}
#viewprofile h2 span, #profilenav h2 span {position: relative; padding: 0 5px; float: left; color: #233238; font-weight: bold; margin-top: 10px;}
#profile fieldset {border: 1px solid #3f4a50;}
#profile fieldset legend {
    background: #eae5ef;
    padding-left: 15px;
    border-radius: 7px;
    border-left: 3px solid #3f4a50;
    border-right: 3px solid #3f4a50;
    font: bold 11px Forum;
    text-transform: uppercase;
    color: #3f4a50;
    letter-spacing: 1px;
}
#profilenav li a {
    display: inline-block;
    width: 100%;
    background: #3f4a50;
    margin: -4px 0px;
    padding: 5px !important;
    font: 100 10px Comfortaa;
    color: #eae5ef;
}
#profilenav li a:hover {background: #508881; color: #ffffff; text-align: right;}
#viewprofile input {width: 500px !important; display: block; background: #000000;}
.fs-box input {width: 100% !important;}
.fs-box .inputfield {margin-bottom: 10px; font: bold 10px Comfortaa; line-height: 150%;}
.fs-box p#website.inputfield {background: #27443f; width: calc(100% - 45px); padding: 5px 30px 15px 22px;}
.fs-box p#website.inputfield label {color: #f9f5fe; font-size: 0;}
.fs-box fieldset.radiofield input {width: auto !important;}
.fs-box .checkfield input[type="checkbox"] {width: auto !important;}
#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: 0.5em 1em;font-weight: normal;}
.punbb img.avatardemo {float: right; margin: 0 0 0.8em 1.8em;}

/* Userlist */
#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-userlist .formal, #pun-userlist .formal .container {border-bottom: none; margin-bottom: 0;}
#pun-userlist .usertable .container {padding: 0 2.3em 2.3em 2.3em; border-top: none;}
#pun-userlist .usertable table {border: 1px solid #ffffff; border-width: 1px;}

/* Pun-title */
#pun-title td.title-logo-tdl {border: none; width: 100%;}
#pun-title td.title-logo-tdr {border: none; width: 468px;}
#pun-title {
    display: block;
    width: 100%;
    height: 250px;
    border-radius: 7px;
    background: url(https://forumstatic.ru/files/0019/34/22/58272.png) center;
    background-size: contain;
    box-shadow: inset 0 0 0 1px #2b2f30, inset 0 0 0 2px #1f2020, inset 0 0 300px 0 #1e2124;
}
#pun-title table {
    position: relative;
}


/* 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: 1.2em;
    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;}

/* Navlinks */
#pun-navlinks {
  position: fixed;
  display: flex;
  left: 0;
  top: 0;
  z-index: 99999;
  text-align: center;
  width: 100%;
  height: 40px;
  align-content: center;
  align-items: center;
  box-shadow: inset 0 0 0 1px #2b2f30, inset 0 0 0 2px #1f2020, inset 0 0 100px 0 #1e2124;
  background: url(https://forumstatic.ru/files/001c/48/c6/66991.png), linear-gradient(90deg, #666666, #50af91, #666666);
}
#pun-navlinks .container {}
#pun-navlinks li {display: inline; padding: 0px 0px 0px 10px;  }
#pun-navlinks li a {color: #53a57a !important;text-transform: uppercase;letter-spacing: 1px;font: 100 16px Cuprum;background: #508380;background: linear-gradient(to right, #54a775, #519d94, #50676b);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#pun-navlinks li a:hover {color: #779d00;}

/* Ulinks */
#pun-ulinks {display: flex;position: fixed;top: 12px;right: 90px;z-index: 99999;gap: 10px;}
#pun-ulinks .container {display: flex;text-align: right;gap: 10px;justify-content: space-evenly;}
#pun-ulinks li, #pun-ulinks li a {display: inline-flex; white-space: nowrap;}
#pun-ulinks li a {
    color: #53a57a !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #508380;
    background: linear-gradient(to right, #54a775, #519d94, #50676b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
#pun-ulinks li a:hover {color: #a6bbca;}
#pun-ulinks li.item1, #pun-ulinks li.item1 a {border-left: none; padding-left: 0;
}
li#h-myposts a, li.item8.nav-item-notifications a, li#h-subscribe a, li#h-markread a {font-size: 0px;}
/* 1. Âàøè ñîîáùåíèÿ / Ñâåæèå ñâîäêè (fa-comment-alt: \f27a) */
li#h-myposts a::before {
    content: "\f27a";
    font: 900 16px "Font Awesome 5 Free", "Font Awesome 6 Free";
}

/* 2. Óâåäîìëåíèÿ ïðîôèëÿ (fa-bell: \f0f3) */
li.item8.nav-item-notifications a::before {
    content: "\f0f3";
    font: 900 16px "Font Awesome 5 Free", "Font Awesome 6 Free";
}

/* 3. Ïîäïèñêè / Íàáëþäàåìûå òåìû (fa-bookmark: \f02e) */
li#h-subscribe a::before {
    content: "\f02e";
    font: 900 16px "Font Awesome 5 Free", "Font Awesome 6 Free";
}

/* 4. Îòìåòèòü ïðî÷èòàííûì (fa-check-double: \f560) */
li#h-markread a::before {
    content: "\f560";
    font: 900 16px "Font Awesome 5 Free", "Font Awesome 6 Free";
    color: var(--accent-mint);
    text-shadow: 0 0 5px rgba(50, 255, 200, 0.5);
}

/* Status */
#pun-status {
    position: fixed !important;
    top: 0px;
    right: 55px;
    display: flex;
}
#pun-status, #pun-status .container {
  z-index: 99999;
  font: 700 0.95em Comfortaa;
  width: 40px;
}
#pun-status, #pun-status .container a {color: #95909b;}
#pun-status .container {padding: 0.5em;}
#pun-status span.item1, #pun-status span.item2 {display: inline-block; width: 250px; line-height: 1.75;}
#pun-status span.item4 {display: none;}
#pun-status p.container {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
#pun-status .status_userava {
    display: block;
    margin: 0;
}
#pun-status .status_userava img {
    display: block;
}
#pun-status p.container .item1,
#pun-status p.container .item2,
#pun-status p.container .item4 {
    position: absolute;
    z-index: 999;
    opacity: 0;
    pointer-events: none; 
    background: rgba(18, 20, 21, 0.98);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
    font: 100 12px Cuprum;
    padding: 10px 15px;
    white-space: nowrap; /* ×òîáû òåêñò íå ïåðåíîñèëñÿ */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
#pun-status p.container .item1 {
    text-align: center;
    top: 40px; /* ×óòü íèæå àâàòàðêè (åñëè àâàòàðêà 60px + 10px îòñòóï) */
    left: -192px;
}
#pun-status p.container .item2 {
    text-align: center;
    top: 72px; /* Âûñîòà item1 (ïðèìåðíî 37px) + top ïðåäûäóùåãî */
    left: -192px;
    border-top: none;
    border-bottom: none;
}

#pun-status p.container .item4 {
    top: 144px; /* Ñìåùàåì åùå íèæå */
    left: 0;
    border-top: none;
    border-radius: 0 0 4px 4px;
    pointer-events: auto; /* Ðàçðåøàåì êëèêàòü íà ññûëêó «Óëó÷øèòü àêêàóíò» */
}

/* Ñòèëèçóåì ññûëêè è àêöåíòû âíóòðè âñïëûâàþùåãî îêíà */
#pun-status p.container strong {
    color: var(--accent-mint);
}

#pun-status p.container .item4 a {
    color: var(--highlight-gold);
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}

#pun-status p.container .item4 a:hover {
    text-shadow: 0 0 5px var(--highlight-gold);
}

/* 4. Ìàãèÿ õîâåðà: ïðè íàâåäåíèè íà êîíòåéíåð ïîêàçûâàåì âñå ýëåìåíòû */
#pun-status p.container:hover .item1,
#pun-status p.container:hover .item2,
#pun-status p.container:hover .item4 {
    opacity: 1;
    pointer-events: auto;
}
/* Crumbs */
#pun-crumbs1 {position: relative;overflow: hidden;}
#pun-crumbs1 p.container {width: 100%;border-top: none;padding: 3px;font: 100 9px Philosopher;color: #5474729c;text-align: left;box-sizing: border-box;margin-top: 15px;text-shadow: 1px 1px 0 #00000057;}
#pun-break1 {margin: 0 1em;border: none;height: 0;margin: -2px 1em;position: relative;z-index: 1;}
#pun-crumbs2 {font: 100 9px Comfortaa; color: #888788; overflow: hidden; margin-bottom: 0;}
#pun-crumbs2 .container {padding: 0.8em 1em; font-size: 1.1em;}
#pun-break4 {margin: -2px 1em; border: 1px solid #bbb7b9; position: relative; height: 0; z-index: 1;}

/* Announcement */
#pun-announcement h2 {padding: 0; margin: 0 1em -3.5em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; font-weight: bold;}
#pun-announcement h2 span {display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px;}
#pun-announcement .container {padding: 4.3em 1em 1em 1em;}

/* Statistics */
#pun-stats h2 {position: relative; top: 0px; border: 1px solid #b9b9bc;}
#pun-stats .container {
  display: block;
  width: calc(100% - 45px);
  text-align: center;
  margin: -15px 1em 1em 0px;
  padding: 3em 2em 2em 2em;
  border: 1px solid #b9b9bc;
  font: 700 0.95em Comfortaa;
  color: #4d4d50;
  background: url(https://forumstatic.ru/files/0019/34/22/74056.png);
}
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    display: inline-block;
    width: auto;
    margin: 0px;
    background: #8c8c8ca3;
    text-align: center;
    padding: 5px 10px;
}
li#onlinelist {margin-top: 1em; float: left; width: 100%; line-height: 130%;}
li#onlinelist div {padding: 0.7em 0 0 0;}

/* Quick Jump - About - Bottom Breadcrumbs */
#pun-qjump {margin: 0; border: none; width: 50%; position: relative; float: left;}
#pun-qjump .container {border: none; background: transparent; padding: 0.8em 1em;}
#pun-about {position: absolute; bottom: 15px; right: 10px; margin: 0; color: #cdcfd091;}
#pun-about a {color: #cdcfd091;}
#pun-about .container {border: none; text-align: right; line-height: 150%; padding: 0;}
#pun-about p span {display:block; padding-left: 50%;}

/* Admin */
div.punbb-admin #pun-about .container {border-top: 1px solid #ffffff;}

/* Help file */
#pun-help .formal .info-box h3.legend {border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em;}
#pun-help .formal .info-box h3.legend span {padding-bottom: 0.6em; display: block; border-bottom: 1px solid #000000; font-size: 1.1em;}
#pun-help .formal p, #pun-help .formal dd {margin-bottom: 1em;}
#pun-help .formal ul, #pun-help .formal dl {padding: 0 0 0 1em;}
#pun-help .formal li {padding: 0; line-height: 130%;}
#pun-help .formal li * {vertical-align: text-top;}
#pun-help .formal dt span {font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new";}
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {padding-bottom: 0;}


.punbb .user-avatar .avatar-image {
    border-radius: 0px !important;
    margin-left: -2px;
    border: 1px solid #1a3330;
}

li#profile-name {
    background: #485659;
    color: #ffffff;
    padding: 5px 0px;
    font-size: 18px;
}
#viewprofile td a {color: #ffffff !important; text-shadow: 1px 1px 1px #000000 !important;}
div#viewprofile tr {width: 100%; padding: 10px; margin: -10px -10px 10px -10px;}
#profile-left {width: 25% !important;background: rgb(108 123 126);color: #003a44;text-shadow: 1px 1px 1px #ffffff !important;}
#profile-left #pa-avatar img {box-shadow: 0 0 0 2px #d4c4ab, 0 0 0 3px #193024 !important; margin: 0!important;}
#profile-left li {
font: 100 16px OpenGost Type A TT;
    letter-spacing: 1px;
    line-height: 0.5 !important;
    padding: 2px !important;
    margin: 1px !important;
    text-align: center;
    text-shadow: 1px 1px 0 #c0b29c66;
}
#profile-right {width: 100% !important;display: flex;flex-direction: column;align-content: center;justify-content: flex-start;align-items: center;margin-left: 3px;}
#profile-right li {
    display: inline-flex;
    width: 75%;
    margin: 0px 5px 5px 5px;
    font: 100 16px OpenGost Type A TT;
    letter-spacing: 1px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: stretch;
    color: #ffffff !important;
    text-shadow: 1px 1px 1px #000000;
    background: url(https://forumstatic.ru/files/0019/34/22/74056.png) #697e82;
    background-size: cover;
    justify-content: flex-start;
}
#profile-right li strong {
    display: block !important;
    text-align: center !important;
}
#profile-right li span {
    text-align: center;
    color: #d7e8ec;
}
#profile-right li span a {
    color: #150c0f;
}
#profile-right li strong {
    padding: 0.5em 1em;
    margin-left: 3px;
}
td#profile-right p#xpp {color: #e6e6e6 !important;}
td#profile-right div#mprfa p#strn1, td#profile-right div#mprfa p#strn2, 
td#profile-right div#mprfa p#strn3, td#profile-right div#mprfa p#strn4, 
td#profile-right div#mprfa p#strn5, td#profile-right div#mprfa p#strn6, 
td#profile-right div#mprfa p#strn7, td#profile-right div#mprfa p#strn8, 
td#profile-right div#mprfa p#strn9, td#profile-right div#mprfa p#strn10
{left: -0px !important;}
td#profile-right div#skls {width: 100%;height: auto !important;display: flex;flex-direction: row;flex-wrap: wrap;align-content: flex-start;justify-content: center;align-items: flex-start;}

td#profile-right div#mprf {
    display: flex;
    width: calc(100% - 40px);
    height:  auto !important;
    text-align: left !important;
    flex-direction: column;
    align-content: flex-start;
}
td#profile-right div#mprfa {
    display: flex;
    width: 200px;
    flex-direction: column;
    align-items: center;
    padding-top: 15px;
}
td#profile-right li#pa-fld4 strong {
    display: flex !important;
    padding: 7px 7px 1px 7px;
    margin-left: 30px;
    width: calc(100% - 71px);
    flex-direction: row;
    flex-wrap: nowrap;
    border-radius: 5px;
    justify-content: center;
}

li.pa-author a {
    font: bold 16px OpenGost Type A TT;
    color: #bbe0de !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 1px 1px 1px #11181b;
}
li.pa-author {margin-top: 5px !important;margin-bottom: 4px !important;}
li.pa-author img {
    position: absolute;
    left: 10px;
}
#tuser {
    float: right;
    left: 350px;
    z-index: 99999999;
    position: absolute;
    margin-top: -2px;
}
li.pa-avatar {
    display: flex;
    margin: auto auto 6px auto;
    box-sizing: border-box;
    width: 200px;
    height: 200px;
    flex-wrap: nowrap;
    align-content: center;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: url(https://forumstatic.ru/files/0019/34/22/74056.png) #26454a;
}
li.pa-fld1 {
    margin-top: -3px !important;
    margin-bottom: 3px !important;
    font: 100 20px Alumni Sans !important;
    color: #ecffff;
    text-shadow: 1px 1px 3px #374343;
}
ul.post-ul-Sp.Sp1, ul.post-ul-Sp.Sp2 {
    display: block;
    margin: 0;
    padding-top: 10px !important;
    padding-bottom: 10px 
 !important;
    box-sizing: border-box;
}
ul.post-ul-Sp.Sp1 li {
    display: block;
    width: 220px;
    margin: auto;
    padding: 2px 0px;
    color: #b0b0b0;
    outline-offset: -2px;
}

li.pa-fld3 {
    position: relative;
    margin: 5px auto;
}
li.pl-website.website a {
    font-size: 0;
}



span.post-img-Sp.Spb1, span.post-img-Sp.Spb2, span.post-img-Sp.Spb3 {
    display: inline-block;
    position: absolute;
    width: 46px;
    height: 16px;
    margin-top: -14px;
    padding: 0px !important;
    font: 100 9px Comfortaa;
    color: #9ca5a6;
    transition: 1s;
    z-index: 9;
    opacity: 0.5;
    border-radius: 5px;
}
span.post-img-Sp.Spb1 {left: 68px;}
span.post-img-Sp.Spb2 {left: 188px;}
span.post-img-Sp.Spb1:hover, span.post-img-Sp.Spb2:hover, span.post-img-Sp.Spb3:hover {
    font: 100 9px Comfortaa;
    color: #abbec6;
    transition: 1s;
}
li.pa-respect span.fld-name {
    /* display: none; */
}

li.pa-respect {
}


.punbb .post-rating p.container {
    position: absolute;
    right: -8px;
    bottom: 10px;
    display: block;
    width: 45px;
    background: #863030;
    padding-left: 5px !important;
    border-radius: 3px;
}
.punbb .post-rating p.container:before {
content: '';
    position: absolute;
    left: 45px;
    bottom: 26px;
    border: 3px solid transparent;
    border-bottom: 4px solid #531b1b;
    border-left: 4px solid #531b1b;
}
.punbb .post-rating p.container  a {
    color: #dad6df !important;
    text-shadow: 1px 1px 0 #d47c2f;   
}

#BookmCntToggle.default-style {
    background: #ffffff !important;
    border-left: solid 5px currentColor;
    box-shadow: 0 0 6px rgb(0 0 0 / 42%);
    color: #30a35c !important;
    display: block;
    height: 26px;
    width: 21px;
}
#MyBookmarks {
    display: none;
    position: fixed;
    z-index: 999999999 !important;
    left: 0;
    top: 14px !important;
    right: 0;
    height: 100%;
    box-shadow: 0 0 20px rgb(0 0 0 / 50%);
    width: 240px;
    background: #eae5ef;
}

span.status_userava {
    position: absolute;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 3px;
    opacity: 0.5;
    transition: 1s;
    outline: 1px solid var(--border-color, #2e3438);
    outline-offset: -1px;
}
span.status_userava img {
    width: 40px;
    height: 40px;
    margin-left: 0px;
}
span.status_userava:hover {
    opacity: 1;
    transition: 1s;
}

.stena .post-content {display: none;}
.stena .post-content.hide {display: none !important;}

.stena {
    text-align: center;
    border: 2px solid #26353b;
    border-radius: 5px;
    background: #d4ccd4;
}
.stena h1 {
    margin-top: -13px !important;
}
.stena .post-content {text-align: left;}
.stena .post-content:hover .podtext {opacity: 1;}

.stena .post-content.show {
display: inline-block;
width: 120px; /* ìàêñèìàëüíàÿ øèðèíà áëîêà ñ ïîäàðêîì */
height: 150px; /* ìàêñèìàëüíàÿ âûñîòà áëîêà ñ ïîäàðêîì */
margin: 10px;
position: relative;
overflow: visible;
background-color: #2e3940;
text-align: center !important;
}

.stena .podimg img {
display: block;
position: absolute;
top: 11px;
left: 14px;
z-index: 10;
max-width: 90px; /* ìàêñèìàëüíàÿ øèðèíà ïîäàðêà */
max-height: 90px; /* ìàêñèìàëüíàÿ âûñîòà ïîäàðêà */
background-color: #ccc; /* öâåò ôîíà ïîäàðêà */
border: 1px solid #9ca6ab;
}

.stena .stenaava {
display: block;
position: absolute;
z-index: 30;
width: 40px;
max-height: 40px;
left:-13px;
top: 112px; /* äâèãàåì àâó äàðèòåëÿ ñâåðõó */
background-color: #9b363a;
padding: 3px;
border-radius: 50%;
}
.stena .stenafrom {
position: absolute;
z-index: 20;
background-color: #9b363a;  /* öâåò ôîíà íà íèêå äàðèòåëÿ */
color: #fff;  /* öâåò òåêñòà íà íèêå äàðèòåëÿ */
font-size: 9.5px; /* ðàçìåð øðèôòà â íèêå äàðèòåëÿ */
padding: 2px;
border-radius: 2px;  /* çàêðóãëåíèå ãðàíèö (åñëè íå íàäî - óäàëèòü) */
transition: all 0.8s;
-webkit-transition: all 0.8s;
left: 28px; /* äâèãàåì íèê äàðèòåëÿ âëåâî */
top: 125px; /* äâèãàåì íèê ñâåðõó */
display: block;
width: 86px;
text-align: left;
padding-left: 7px;
}

.stena .podtext {
position: absolute;
z-index: 40;
font-size: 14px; /* ðàçìåð øðèôòà âñïëûâàþùåãî îïèñàíèÿ */
background-color: #799181;  /* öâåò ôîíà âñïëûâàþùåãî îïèñàíèÿ */
padding: 5px;
border-radius: 5px; /* çàêðóãëåíèå ãðàíèö (åñëè íå íàäî - óäàëèòü) */
text-align: center !important;
opacity: 0;
transition: all 0.8s;
-webkit-transition: all 0.8s;
top: 32px; /* äâèãàåì âñïëûâàþùåå îïèñàíèå ñâåðõó */
left: -70px;
width: 250px; /* øèðèíà âñïëûâàþùåãî îïèñàíèÿ */
font: 100 10px Comfortaa;
color: #eae5ef;
}

.stena .podtext:before {
content: '';
border: 10px solid transparent; 
border-bottom: 10px solid #799181; /* öâåò ôîíà âñïëûâàþùåãî îïèñàíèÿ ÅÙÅ ÐÀÇ (ýòî ñòðåëî÷êà, ìåíÿåì #90a2c6 íà öâåò, êîòîðûé âñòàâëÿëè äëÿ îïèñàíèÿ âûøå) */
position: absolute;
top: -18px; /* äâèãàåì ñòðåëî÷êó ââåðõ */
left: 121px; /* äâèãàåì ñòðåëî÷êó âëåâî */
z-index: 40;
}
.stena .post-content .podtext img {
max-width: 100px; /* ìàêñèìàëüíàÿ øèðèíà êàðòèíîê â âñïëûâàþùåì ÎÏÈÑÀÍÈÈ (òåêñòå äàðèòåëÿ) */
max-height: 50px; /* ìàêñèìàëüíàÿ âûñîòà êàðòèíîê â âñïëûâàþùåì ÎÏÈÑÀÍÈÈ (òåêñòå äàðèòåëÿ) */
}

.stena .stenalink { /* ññûëêà "ïîäàðèòü ïîäàðîê" */
width: 200px;
display: block;
text-align: center;
margin: 20px auto -11px auto;
font: 100 10px Comfortaa;
text-transform: uppercase;
background-color: #26353b; /* öâåò ôîíà */
color: #eae5ef; /* öâåò òåêñòà */
padding: 5px;
text-decoration: none;
transition: all 0.8s;
-webkit-transition: all 0.8s;
border-radius: 3px;
}
.stena .stenalink:hover { /* ññûëêà "ïîäàðèòü ïîäàðîê" ïðè íàâåäåíèè êóðñîðà */
text-decoration: none;
color: #fff; /* öâåò òåêñòà */
background-color: #9b363a; /* öâåò ôîíà */
}
div#profile-signature a:last-of-type, dl.post-sig a:last-of-type {
    display: none;
}



div#subforums {
    display: block;
    margin: 1em 0;
    background: #27363c;
    font: bold 11px Comfortaa !important;
    text-transform: none;
    color: #ffffff;
    text-shadow: 1px 1px 0 #213035;
    padding: 15px 10px !important;
}
div#subforums a {
    font: bold 11px Comfortaa !important;
    text-transform: none;
    color: #cfffc8;
    text-shadow: 1px 1px 0 #213035;
}
div#pun-viewforum td {
    display: table-cell !important;
    margin: 3px !important;
    vertical-align: middle !important;
    font: bold 11px Comfortaa !important;
    text-transform: none;
    color: #1a444b;
    text-shadow: 1px 1px 0 #c1bec4;
    letter-spacing: 0;
    background: transparent;
    border-bottom: 1px solid #bfbfbf;
}
div#pun-viewforum td a {
    font: bold 12px Comfortaa !important;
    text-transform: none;
    color: #1a444b;
    text-shadow: 1px 1px 0 #c1bec4;
    letter-spacing: 0;
}
div#pun-viewforum td.tcl, div#pun-viewforum td.tcr {
    width: 30% !important;
}
div#pun-viewforum td.tcr {
    padding: 20px 0 0 0 !important;
}
div#pun-viewforum td.tcr span.avatar-image {
  width: 25px !important;
  height: 35px;
  border-radius: 100% !important;
  outline: 2px solid #526065;
  outline-offset: -2px;
  margin: -11px 0px 5px 3px !important;
}
div#pun-viewforum  tr.altstyle.inew a {color: #800000;}
span.newtext, span.newtext a {color: #b30000 !important;}
article#news {
    position: absolute;
    top: 163px;
    left: 16px;
    z-index: 9999999;
    width: 420px;
}
article#news strong.publication {
    display: none;
}
article#news td {
    width: 108px !important;
    padding: 3px 5px;
    border-right: 2px solid #4d4d50;
}
article#news tr:nth-child(1), article#news tr:nth-child(2) {
    display: none;
}
article#news tr:nth-child(3) {
    position: absolute;
    margin-top: -23px;
    font: 100 11px Comfortaa;
    color: #959595;
    text-shadow: 1px 1px 1px #000000;
}
article#news td:nth-child(1) {
    background: url(https://forumstatic.ru/files/001b/33/25/70208.jpg);
}
article#news td:nth-child(2) {
    background: url(https://forumstatic.ru/files/001b/33/25/50283.jpg);
}
article#news td:nth-child(3) {
    background: url(https://forumstatic.ru/files/001b/33/25/90381.jpg);
}
article#news blockquote, div#slider a {
    display: none;
}

.post-content td {
    border: 2px solid #dad6df;
    background: #dfdce3;
    outline: 1px solid #e7e5eb;
    outline-offset: -2px;
}
.post-content td p {
    padding-top: 8px !important;
}
/*************************************************************
PROKRUTKA FORUMA
**************************************************************/
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #4c5759;
  border: none;
}
::-webkit-scrollbar-thumb {
  background-color: #13262a;
  border: none;
}
::-webkit-scrollbar-thumb:active {
  background: #147027;
}

#podval {
    bottom: 0px;
    margin-bottom: 40px;
    right: 1px;
    display: block;
    width: 100%;
    height: 110px;
    z-index: 9999999;
    background: #242424;
    box-shadow: 0 0 5px 0 #0000008c, inset 0 0 0 1px #383838b3, inset 0 0 5px 1px #4a4a4ab3, inset 0 0 0 6px #161616, 
    inset 0 0 0 7px #5050506e, inset 0 0 0 8px #0000006e, inset 0 0 12px 15px #060606, inset 0 0 0 16px #505050, 
    inset 0 0 0 17px #424242, inset 0 0 0 18px #222222, inset 0 0 150px 0 #0f0f0fb8;
}
div#best1, div#best2, div#best3, div#best4 {
    position: absolute;
    display: block;
    background-size: cover;
    border-radius: 100%;
    filter: grayscale(50%);
    opacity: 0.75;
    z-index: 999999999;
    transition: 1s;
}
div#best1 {
    top: 204px;
    right: 51px;
    width: 40px;
    height: 40px;
}
div#best2 {
    bottom: 141px;
    left: 483px;
    width: 30px;
    height: 30px;
}
div#best3 {
    bottom: 139px;
    left: 560px;
    width: 40px;
    height: 40px;
}
div#best4 {
    bottom: 141px;
    left: 647px;
    width: 30px;
    height: 30px;
}
div#best1:hover, div#best2:hover, div#best3:hover, div#best4:hover {opacity: 1; filter: grayscale(0); transition: 1s;}

tr#forum_f79 {
    width: calc(100% - 24px);
    grid-template-columns: 1fr 0fr 0fr !important;
    grid-template-rows: 0px 0px 0px auto !important;
}
tr#forum_f79 h3, tr#forum_f79 td.tc2, tr#forum_f79 td.tc3, tr#forum_f79 td.tcr {display: none !important;}
div#lastnews {
    display: grid;
    padding: 5px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    width: 100%;
    box-sizing: border-box;
    gap: 10px;
    grid-template-areas:
        "about gnews"
        "needperson needperson";
}
div#about, div#gnews {
    display: inline-grid;
    margin: 5px;
    width: calc(100% - 6px);
    height: 200px;
    font: 400 14px "Cuprum";
    letter-spacing: 0.5px;
    color: #636366;
    overflow-y: scroll;
    padding-right: 10px;
    box-sizing: border-box;
    line-height: 1.3;
 }
div#about {
    grid-area: about;
}
div#gnews {
  grid-area: gnews;
}
div#txt {
    color: #23480e;
    text-shadow: 1px 1px 1px #c4e5e4;
}
div#about::-webkit-scrollbar, div#gnews::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #bababa;
  border: none;
}
div#about::-webkit-scrollbar-thumb, div#gnews::-webkit-scrollbar-thumb {
  background-color: #7e868b;
  border: none;
}
div#about::-webkit-scrollbar-thumb:active, div#gnews::-webkit-scrollbar-thumb:active {
  background: #147027;
}
div#needperson {
    display: flex;
    width: 100%;
    margin-bottom: 25px;
    box-sizing: border-box;
    padding: 7px 5px 4px 5px;
    text-align: center;
    background: url(https://forumstatic.ru/files/0019/34/22/58232.png);
    grid-area: needperson;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
    border: 7px solid #aeabb0;
    border-radius: 7px;
}

div#needperson a img {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin: 5px 7px;
    box-shadow: 0 0 0 3px #8e8e8e, 0 0 0 5px #ffffffa6;
    outline: 1px solid #a3a3a3;
    outline-offset: 6px;
}
div#needperson:after {
    content: "Âû âèäåëè ýòèõ ëþäåé?";
    position: absolute;
    display: block;
    padding: 0px 3px 5px 3px;
    width: 45%;
    margin-bottom: -115px;
    font: bold 16px "OpenGost Type A TT";
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #44545c !important;
    text-shadow: 1px 1px 1px #ffffff7d;
    border-radius: 0 0 30px 30px;
    background: #aeabb0;
}
div#ourfriends {
    display: block;
    width: calc(100% - 10px);
    height: 112px;
    margin-left: -10px;
    padding: 5px 5px 10px 5px;
    overflow-y: scroll;
}
div#ourfriends a img {
    background: #9a979d;
    outline: 1px solid #f2f2f2;
    padding: 3px;
    margin: 1px;
}
#forumname {
    display: block;
    position: absolute;
    top: 40px;
    left: 83px;
    z-index: 99999999999999;
    letter-spacing: 2px;
    font: bold 23px OpenGost Type A TT;
    background: #53d3ff;
    background: linear-gradient(to right, #53d3ff 25%, #00ff41 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.7;
}
#forumplace {
    display: block;
    position: absolute;
    top: 67px;
    left: 83px;
    z-index: 9999999999;
    color: #ffffffcf;
    text-shadow: 1px 1px 1px #000000;
    font: 100 10px Comfortaa;
    letter-spacing: 1.2px;
}
#verhnavm {
    position: absolute;
    top: 170px;
    left: 82px;
    z-index: 9999999;
    width: 440px;
}
#verhnavm a {
    display: inline-block;
    width: 142px;
    background: linear-gradient(45deg, #004c67, #135a25);
    margin: 2px 1px;
    padding: 3px 0;
    text-align: center;
    font: 100 18px OpenGost Type A TT;
    color: #ffffff94;
    transition: 1s;
    border-radius: 3px;
    letter-spacing: 0.5px;
}
#verhnavm a:hover {
    color: #ffffff;
    background: linear-gradient(-45deg, #144657, #126929);
    transition: 1s;
}
#bestpost {
    position: absolute;
    display: block;
    width: 428px;
    height: 64px;
    top: 92px;
    left: 85px;
    z-index: 9999999;
    color: #d0d4dabd;
    overflow-y: scroll;
    font: 100 13px Cuprum;
    text-align: justify;
    padding-right: 7px;
    letter-spacing: 0.75px;
    line-height: 100%;
}
#bestpost::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #7779726b;
  border: none;
}
#bestpost::-webkit-scrollbar-thumb {
  background-color: #66808487;
  border: none;
}
#bestpost::-webkit-scrollbar-thumb:active {
  background: #147027;
}
#bestpost a {
  color: #9ad2ba;
}
div#bestpostava {
    display: block;
    position: relative;
    float: left;
    width: 45px;
    height: 62px;
    background-size: cover;
    margin: 2px 6px 0px 0px;
    border-radius: 5px;
    outline: 2px solid #809689c2;
    outline-offset: -2px;
    filter: grayscale(50%);
    opacity: 0.75;
    box-shadow: 0 0 3px 0 #000000;
    box-sizing: border-box;
    transition: 1s;
}
div#bestpostava:hover {
    filter: grayscale(0%);
    opacity: 1;
    transition: 1s;
}
.post-content .highlight-text {
    display: none;
}

li.pa-fld2 {
    height: auto;
}
img#icimg {
    position: relative;
    width: 40px;
    height: 40px;
    margin-top: -5px;
}
div#mprfa {
    display: grid;
    margin-top: 17px;
    margin-bottom: 2px;
    grid-template-areas:
        'xpp xpp xpp'
        'hlth icimg strn';
    grid-template-columns: 1fr 44px 1fr;
    gap: 2px;
    grid-template-rows: 39px 40px;
    position: relative;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    justify-content: center;
    align-items: start;
    justify-items: center;
}
p#hlth1,p#hlth2,p#hlth3,p#hlth4,p#hlth5,p#hlth6,p#hlth7,p#hlth8,p#hlth9,p#hlth10,
p#strn1,p#strn2,p#strn3,p#strn4,p#strn5,p#strn6,p#strn7,p#strn8,p#strn9,p#strn10 {
    position: relative;
    width: 71px;
    height: 6px;
    font-size: 0px !important;
    transition: 1s;
    padding: 0;
    box-sizing: border-box;
    border-radius: 10px;
}
p#hlth1,p#hlth2,p#hlth3,p#hlth4,p#hlth5,p#hlth6,p#hlth7,p#hlth8,p#hlth9,p#hlth10 {grid-area: hlth;margin-left: -2px !important;}
p#strn1,p#strn2,p#strn3,p#strn4,p#strn5,p#strn6,p#strn7,p#strn8,p#strn9,p#strn10 {grid-area: strn;}
p#strn1, p#strn2, p#strn3, p#strn4, p#strn5, p#strn6, p#strn7, p#strn8, p#strn9, p#strn10 {
    left: 2px;
}
p#hlth1:hover,p#hlth2:hover,p#hlth3:hover,p#hlth4:hover,p#hlth5:hover,
p#hlth6:hover,p#hlth7:hover,p#hlth8:hover,p#hlth9:hover,p#hlth10:hover,
p#strn1:hover,p#strn2:hover,p#strn3:hover,p#strn4:hover,p#strn5:hover,
p#strn6:hover,p#strn7:hover,p#strn8:hover,p#strn9:hover,p#strn10:hover {
    font: 500 13px OpenGost Type A TT !important;
    transition: 1s;
    line-height: 0.65 !important;
    color: #ffffff;
}
p#hlth1 {background: linear-gradient(to right, #929d00a3 0%, #276800bd 10%, #696e4d61 10%, transparent 10.5%);}
p#hlth2 {background: linear-gradient(to right, #929d00a3 0%, #276800bd 20%, #696e4d61 20%, transparent 20.5%);}
p#hlth3 {background: linear-gradient(to right, #929d00a3 0%, #276800bd 30%, #696e4d61 30%, transparent 30.5%);}
p#hlth4 {background: linear-gradient(to right, #929d00a3 0%, #276800bd 40%, #696e4d61 40%, transparent 40.5%);}
p#hlth5 {background: linear-gradient(to right, #929d00a3 0%, #276800bd 50%, #696e4d61 50%, transparent 50.5%);}
p#hlth6 {background: linear-gradient(to right, #929d00a3 0%, #276800bd 60%, #696e4d61 60%, transparent 60.5%);}
p#hlth7 {background: linear-gradient(to right, #929d00a3 0%, #276800bd 70%, #696e4d61 70%, transparent 70.5%);}
p#hlth8 {background: linear-gradient(to right, #929d00a3 0%, #276800bd 80%, #696e4d61 80%, transparent 80.5%);}
p#hlth9 {background: linear-gradient(to right, #929d00a3 0%, #276800bd 90%, #696e4d61 90%, transparent 90.5%);}
p#hlth10 {background: linear-gradient(to right, #929d00a3 0%, #276800bd 100%, #696e4d61 100%, transparent 100%);}

p#strn1 {background: linear-gradient(to right, #9a5e008f 0%, #bf15008c 10%, #696e4d61 10%, transparent 10.5%);}
p#strn2 {background: linear-gradient(to right, #9a5e008f 0%, #bf15008c 20%, #696e4d61 20%, transparent 20.5%);}
p#strn3 {background: linear-gradient(to right, #9a5e008f 0%, #bf15008c 30%, #696e4d61 30%, transparent 30.5%);}
p#strn4 {background: linear-gradient(to right, #9a5e008f 0%, #bf15008c 40%, #696e4d61 40%, transparent 40.5%);}
p#strn5 {background: linear-gradient(to right, #9a5e008f 0%, #bf15008c 50%, #696e4d61 50%, transparent 50.5%);}
p#strn6 {background: linear-gradient(to right, #9a5e008f 0%, #bf15008c 60%, #696e4d61 60%, transparent 60.5%);}
p#strn7 {background: linear-gradient(to right, #9a5e008f 0%, #bf15008c 70%, #696e4d61 70%, transparent 70.5%);}
p#strn8 {background: linear-gradient(to right, #9a5e008f 0%, #bf15008c 80%, #696e4d61 80%, transparent 80.5%);}
p#strn9 {background: linear-gradient(to right, #9a5e008f 0%, #bf15008c 90%, #696e4d61 90%, transparent 90.5%);}
p#strn10 {background: linear-gradient(to right, #9a5e008f 0%, #bf15008c 100%, #696e4d61 100%, transparent 100%);}
p#xpp {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0px;
    font: 100 12px Cuprum !important;
    transition: 1s;
    color: #ffffff80 !important;
    text-shadow: 1px 1px 3px #704e00;
    grid-area: xpp;
    margin-top: 2px;
}
div#mprf {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
}
div#mprf p#ank {
    width: 220px;
    font: bold 14px Alumni Sans !important;
    margin: 0px auto;
    text-align: center;
    text-shadow: 1px 1px 1px #000000;
    text-transform: none;
    letter-spacing: 0.75px;
    line-height: 1 !important;
    color: #99a4a8;
    padding: 4px;
    outline: 1px solid #30454d;
    outline-offset: -3px;
    background: #2c3939;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 1px #3f525a, inset 0 0 35px 1px #344f5a, 0 0 0 1px #000000;
}

div#skls {
    display: inline-flex;
    overflow-y: scroll;
    width: 96px;
    height: 200px;
    margin: 5px auto 20px 2px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    box-sizing: border-box;
    float: left;
}
div#skls::-webkit-scrollbar {display: none;}
div#skls:after {
    display: block;
    position: absolute;
    content: "   ";
    top: 58px;
    left: 101px;
    width: 1px;
    height: 197px;
    background: #30454dc7;
}
div#skls p {
    width: 35px;
    height: 35px;
    margin: 2.7px 3px;
    outline: 1px solid #1d495a;
    outline-offset: -1px;
    filter: grayscale(70%);
    transition: 1s;
    border-radius: 3px;
    box-shadow: 0 0 0 1px #000000;
}
div#skls p:hover {
    filter: grayscale(0%);
    transition: 1s;
}
div#skls p:hover:after, .museankskills div:hover:after {
    font-size: 8px;
    position: absolute;
    display: block;
    width: 46px;
    z-index: 99999999999999999;
    margin-top: -17px;
    margin-left: -13px;
    background: #000000;
    padding: 2px;
    border-radius: 2px;
    color: #ffffff;
}
li.pa-fld4 {
    display: inline-flex;
    float: left;
    margin: -2px auto 5px 15px;
    width: 117px;
    height: 200px;
    text-align: left;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    /* background: #171c1c; */
    /* outline: 1px solid #333d40; */
    /* outline-offset: 0px; */
    padding: 2px;
    box-sizing: border-box;
}
li.pa-fld4 img {
    position: relative;
    z-index: 999;
    margin: 1px auto;
    padding: 2px;
    width: 35px;
    height: 35px;
    box-sizing: border-box;
    background: #1c282c;
    outline: 1px solid #131313;
    box-shadow: inset 0 0 0 1px #3f525a, inset 0 0 15px 1px #27363c;
    border-radius: 3px;
}
li.pa-fld4 p {
    display: block;
    margin: 3px 2px;
}
p#ii, p#ir, p#ib {
    width: 35px;
    height: 35px;
    outline: 1px solid #131313;
    box-shadow: inset 0 0 0 1px #3f525a, inset 0 0 15px 1px #07090a;
    border-radius: 3px;
}
p#ii {background: url(https://forumstatic.ru/files/001b/82/e8/54834.png) center no-repeat, #32302682;}
p#ir {background: url(https://forumupload.ru/uploads/001b/6f/15/3/t487643.png) center no-repeat, #32302682;}
p#ib {background: url(https://forumstatic.ru/files/001b/82/e8/56352.png) center no-repeat, #32302682;}
p#icimg {grid-area: icimg;}
li.pa-last-visit br {display: none;}
li.pa-last-visit span.fld-name {margin-right: 4px;}
.reactions-root {
    position: absolute;
    margin-top: -28px;
    margin-left: 30px;
}

button.reaction-picker-button {
    width: 20px;
    height: 20px;
    background: #39393a;
    outline: 3px solid #484848;
    outline-offset: -2px;
    border-radius: 5px !important;
}

button.reaction-counter {    
    width: auto;
    height: 20px;
    background: #39393a !important;
    outline: 3px solid #484848;
    outline-offset: -2px;
    border-radius: 5px !important;
    color: #757575 !important;
}

button.reaction-picker-button svg {color: #757575 !important;}
/* Infa pod otpravkoj */
div#avnickandoth {display: block;}
div#avnickandoth p {padding: 0px !important;}
div#avnick {display: inline-flex;}
div#vtprof a {display: inline-flex; width: 100px;}
div#nowtime {display: inline-flex; width: 100px;}
div#avnickandoth div#upanel img {display: block; width: 40px; height: 40px; border-radius: 3px;}
div#usrnm {width: 100px;}
div#usrpr a {color: #ffffff;}
div#avnickin div#upanel {
    display: inline-flex;
    width: 300px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-end;
    align-items: center;
}
div#avnickin {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    z-index: 0;
    justify-content: center;
}
div#usrnm, div#usrpr, div#vtprof a, div#nowtime {
    display:block;
    width: 170px;
    background: url(https://forumstatic.ru/files/001b/33/25/88621.jpg) #303f44;
    height: 50px;
    text-align: center !important;
    padding: 15px 0;
    box-sizing: border-box;
    font: bold 16px Alumni Sans;
    letter-spacing: 1px;
    border-radius: 3px;
    margin: 0 2px;
    color: #e8e3ec;
}
div#option {
    display:block;
    width: auto;
    background: url(https://forumstatic.ru/files/001b/33/25/88621.jpg) #303f44;
    height: 50px;
    text-align: center !important;
    padding: 5px;
    box-sizing: border-box;
    font: bold 16px Alumni Sans;
    letter-spacing: 1px;
    border-radius: 3px;
    margin: 0 2px;
}
div#podvalolimp {
    display: flex;
    margin-top: 22px;
    margin-left: 22px;
    padding: 5px 0px;
    box-sizing: border-box;
    background: #4a4b4b;
    box-shadow: inset 0 0 55px 0 #000000,  0 0 5px 0 #000000;
    outline: 1px solid #2b2b2ba1;
    width: 250px;
    height: 50px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-evenly;
    align-items: center;
}
div#podvalolimp i {
    font-size: 20px;
    padding: 5px 5px;
    background: #152f33;
    box-shadow: inset 0 0 15px 0 #000000, 0 0 5px 0 #000000;
    text-shadow: 0 0 5px #73dcd8;
    outline: 1px solid #414141a1;
    color: #000000;
    border-radius: 3px;
    transition: 2s;
}
div#podvalolimp i:hover {text-shadow: 0 0 10px #daff00; transition: 2s;}
div#podvalolimp div {text-align: center;}
div#podvalolimp div#score {font: 500 14px OpenGost Type A TT; color: #ffffff80; padding-top: 3px; text-shadow: 0 0 5px #62ccad;}
div#podvalolimpa a {
    display: block;
    margin-top: 4px;
    margin-left: 22px;
    padding: 0px !important;
    line-height: 0.85 !important;
    box-sizing: border-box;
    background: #4a4b4b;
    box-shadow: inset 0 0 15px 0 #000000, 0 0 5px 0 #000000;
    outline: 1px solid #2b2b2ba1;
    width: 250px;
    height: 12px;
    text-align: center;
    font: 500 14px OpenGost Type A TT;
    color: #ffffff80;
    padding-top: 3px;
    text-shadow: 0 0 5px #62ccad;
    letter-spacing: 1px;
}
div#podvalolimpa a:hover {text-shadow: 0 0 5px #88d700;}
div#dolgi {
    position: absolute;
    display: flex;
    bottom: 22px;
    right: 22px;
    padding: 5px;
    box-sizing: border-box;
    background: #4a4b4b;
    box-shadow: inset 0 0 55px 0 #000000, 0 0 5px 0 #000000;
    outline: 1px solid #2b2b2ba1;
    width: 450px;
    height: 66px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    font: 500 14px OpenGost Type A TT;
    color: #c8d2d3c2;
    text-shadow: 1px 1px 1px #000000;
    overflow-y: scroll;
    letter-spacing: 1px;
    line-height: 0.88;
}
div#dolgi a {color: #91bcc6; opacity: 0.7;}
div#dolgi a:hover { opacity: 1;}
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {margin-left: 20px !important; background: #9e1818;}

div#podvala {
    position: absolute;
    left: 279px;
    bottom: 22px;
    display: flex;
    padding: 0px 0px 5px 0px;
    box-sizing: border-box;
    background: #4a4b4b;
    box-shadow: inset 0 0 55px 0 #000000, 0 0 5px 0 #000000;
    outline: 1px solid #2b2b2ba1;
    width: 196px;
    height: 66px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
    z-index: 999999999 !important;
}
div#podvala a {
    position: relative;
    display: flex;
    width: calc(50% - 10px);
    height: 25px;
    margin-top: 5px;
    box-shadow: inset 0 0 25px 0 #021824, 0 0 3px 3px #00000080;
    box-sizing: border-box;
    text-align: center;
    font: 500 14px OpenGost Type A TT;
    color: #ffffff80;
    text-shadow: 0 0 5px #2e6a59;
    padding: 1px 10px;
    align-content: center;
    align-items: center;
    justify-content: center;
    outline: 1px solid #3b484d63;
    z-index: 999999999 !important;
}
div#podvala a:hover {
    box-shadow: inset 0 0 25px 0 #003553, 0 0 3px 3px #00000080;
    color: #ffffffcf;
    text-shadow: 0 0 5px #00835d;
    outline: 1px solid #3b484d63;
}
#lbest {
    position: absolute;
    bottom: 66px;
    left: calc(50% - 167px);
    display: block;
    width: 336px;
    height: 116px;
    z-index: 99999999;
    background: url(https://forumstatic.ru/files/0019/34/22/19457.png?v=1);
}
#rbest {
    position: absolute;
    top: 105px;
    right: 1px;
    display: block;
    width: 100px;
    height: 180px;
    z-index: 9999999;
    background: url(https://forumstatic.ru/files/0019/34/22/12212.png);
}
div#sevendays {
    position: absolute;
    left: 482px;
    bottom: 22px;
    display: flex;
    padding: 7px;
    box-sizing: border-box;
    background: #4a4b4b;
    background-size: cover;
    box-shadow: inset 0 0 75px 0 #000000, 0 0 5px 0 #000000;
    outline: 1px solid #2b2b2ba1;
    width: 199px;
    height: 66px;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
    z-index: 9999999 !important;
}
div#sdw {
    display: block;
    width: 50px;
    height: 52px;
    background-size: cover;
    outline: 2px solid #0f405cbf;
    outline-offset: 2px;
    box-sizing: border-box !important;
    filter: grayscale(70%);
    box-shadow: 0 0 10px 0 #000000;
    transition: 1s;
    border-radius: 3px;
    opacity: 0.75;
}
div#sdw:hover {filter: grayscale(0%); transition: 1s; opacity: 1;}
div#sevendaystxt {
    display: block;
    width: 120px;
    text-align: center;
    margin-left: 10px;
    font: 500 16px OpenGost Type A TT;
    color: #ffffffa8;
    padding-top: 3px;
    text-shadow: 0 0 5px #456879;
    letter-spacing: 1px;
}
div#sevendaystxt a {color: #8dacbdd6;}
div#sevendaystxt a:hover {color: #8dacbd;}

/* Còðåëêè © ForumD.ru, Gerda */
.scrollbuttons {position: fixed; /* øèðèíà ðàìêè ôîðóìà/ñàéòà */right: 3%;height: 0px;top: 55%; /* îòñòóï êíîïîê îò âåðõà ýêðàíà */}
.go-up, .go-down {opacity: 0;position:absolute;z-index:9999;cursor:pointer;padding: 0 8px 4px; /* îòñòóïû òåêñòà êíîïîê îò êðàåâ */transform: rotate(-90deg); /* ïåðåâîðà÷èâàåì êíîïêè */transition: all 0.8s;-webkit-transition: all 0.8s;width: 55px;height: 15px;background: #7e7e7e;color: #bcb8c0cc;text-align: center !important;padding: 3px !important;box-shadow: inset 0 0 25px 0 #000000, 0 0 3px 0 #00000061;outline: 1px solid #35353569;outline-offset: -1px;line-height: 100% !important;font: 100 14px OpenGost Type A TT;letter-spacing: 1px;text-shadow: 1px 1px 1px #000000;}
.go-up.show, .go-down.show {opacity: 1;}
.go-up {
right: -34px; /* äâèãàåì âïðàâî (êíîïêà ÂÂÅÐÕ) */
top: -60px; /* äâèãàåì ââåðõ (êíîïêà ÂÂÅÐÕ) */
}
.go-down {right: -34px; /* äâèãàåì âïðàâî (êíîïêà ÂÍÈÇ) */top: 16px; /* äâèãàåì ââåðõ (êíîïêà ÂÍÈÇ) */}
.go-up:hover, .go-down:hover {
color: #fff; /* öâåò òåêñòà ïðè íàâåäåíèè êóðñîðà */
/* äîáàâü ñþäà ëþáûå äðóãèå èçìåíåíèÿ ïðè íàâåäåíèè êóðñîðà */
}
form#messages .fs-box .container tr {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    padding: 5px;
    align-items: center;
    height: auto;
    background: #9b9b9b80;
    margin: 3px auto;
}

form#messages .fs-box .container .tc2, form#messages .fs-box .container .tc3 {background: transparent !important; display: flex !important; align-items: center;}
div#vestionmain, div#newaonmain {
    position: relative;
    display: flex;
    bottom: 32px;
    flex-direction: column;
    flex-wrap: nowrap;
    font: bold 14px OpenGost Type A TT;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
div#vestionmain {text-align: left !important;margin-left: 0px;}
div#newaonmain {text-align: right !important;margin-right:  0px;}
div#vestionmain a:before {content: "\f1ea"; font:  16px FontAwesome; margin-right: 5px;}
div#newaonmain a:after {content: "\f06d"; font: 100 16px FontAwesome; margin-left: 5px;}
.bquote p {text-indent: 0;}
.section.online-list tr {display: flex;justify-content: center;align-items: center;}
.section.online-list tr td {background: transparent !important; color: #000000 !important; text-align: left !important;}
div.post-vote p {
    position: absolute;
    bottom: 7px;
    right: 30px;
    display: block;
    background: transparent !important;
}
div.post-vote p a {
    display: block;
    width: 20px;
    height: 20px;
    padding: 2px 3px 4px 10px!important;
    border-radius: 3px !important;
    background: #863030 !important;
    color: #fff;
    outline: 1px solid #ffffff66;
}
div#pun-reputation .container {
    display: block;
    width: 100%;
    text-align: center !important;
    background: #39484e;
    color: #ffffff;
    text-shadow: 1px 1px 1px #000000;
}
.inner.post_reputation h1 {display: block; width: calc(100% + 7px) !important;}
textarea#reputationText {display: block; width: calc(100% - 5px) !important;}
div#pun-reputation .container td.tc2 {text-align: center !important;}

div.Adam.Miller {background: url(https://forumupload.ru/uploads/001b/82/e8/2/847568.png) center;}
div.Adelia.Stern {background: url(http://forumupload.ru/uploads/0019/34/22/5/735253.png) center;}
div.Alice {background: url(https://forumupload.ru/uploads/001b/82/e8/2/214717.jpg) center;}
div.Bobby.OHuel {background: url(https://forumupload.ru/uploads/001b/82/e8/2/354351.png) center;}
div.Carl.Grimes {background: url(https://i.imgur.com/GorILq0.png) center;}
div.Daniella.Torres {background: url(http://forumupload.ru/uploads/0019/34/22/5/694492.png) center;}
div.Daryl.Dixon {background: url(https://i.imgur.com/NEDJyYW.png) center;}
div.Eva.Hart {background: url(https://thewalkingdead.f-rpg.me/img/avatars/0019/34/22/354-1652193922.png) center;}
div.Frank.Conolly {background: url(https://forumupload.ru/uploads/0019/34/22/311/248221.jpg) center;}
div.George.Carter {background: url(http://forumupload.ru/uploads/0019/34/22/5/164244.png) center;}
div.Grace {background: url(http://forumupload.ru/uploads/0019/34/22/393/216808.jpg) center;}
div.Grant.Sykes {background: url(https://i.postimg.cc/0NwRZrvb/ezgif-com-gif-maker.jpg) center;}
div.Irene.Randall {background: url(https://i.imgur.com/DWeiya8.png) center;}
div.Jackie.Night {background: url(http://forumupload.ru/uploads/0019/34/22/323/t94670.png) center;}
div.Jessica.Hill {background: url(http://forumupload.ru/uploads/0019/34/22/5/653517.png) center;}
div.Jesus {background: url(http://forumupload.ru/uploads/0019/34/22/179/t260869.png) center;}
div.Jonathan.Davis {background: url(https://i.ibb.co/MgwBdY1/davi.png) center;}
div.Joy.Spring {background: url(https://forumupload.ru/uploads/0019/34/22/18/363120.png) center;}
div.Lucy.Lane {background: url(http://forumupload.ru/uploads/0019/34/22/5/873690.png) center;}
div.Maggie.Rhee {background: url(https://i.imgur.com/wYdmTY7.jpeg) center;}
div.Margaret.Williams {background: url(https://forumupload.ru/uploads/001b/82/e8/2/235797.png) center;}
div.Mike.Smith{background: url(https://forumupload.ru/uploads/001b/82/e8/2/992763.png) center;}
div.Mark.Wainwright {background: url(https://forumupload.ru/uploads/0019/34/22/5/520954.png) center;}
div.Michonne {background: url(https://forumupload.ru/uploads/0019/34/22/18/991465.png) center;}
div.Negan {background: url(https://forumupload.ru/uploads/0019/34/22/18/369882.png) center;}
div.Rait.Hall {background: url(https://forumupload.ru/uploads/0019/34/22/363/t54161.png) center;}
div.Reina.Jackson {background: url(http://forumupload.ru/uploads/0019/34/22/5/169463.png) center;}
div.Revy {background: url(https://i.ibb.co/5v66QQP/revy1.png) center;}
div.Rick.Grimes {background: url(http://forumupload.ru/uploads/0019/34/22/5/705697.png) center;}
div.Rowtag.Silva {background: url(https://forumupload.ru/uploads/001b/82/e8/2/356813.png) center;}
div.Solweig.Sigmar {background: url(http://forumupload.ru/uploads/0019/34/22/5/816692.png) center;}
div.Tara.Chambler {background: url(https://forumupload.ru/uploads/0019/34/22/10/216017.png) center;}
div.Thomas.Dawson {background: url(https://forumupload.ru/uploads/0019/34/22/2/136080.png) center;}
div.Tony.Randall {background: url(https://forumupload.ru/uploads/0019/34/22/329/686443.png) center;}
div.Violet {background: url(http://forumupload.ru/uploads/0019/34/22/5/357745.png) center;}
div.Nobody {background: url(http://forumstatic.ru/files/0019/34/22/18597.png) center;}

div#profile form#post  {display: block !important;}
form#messages tr.inew {border-left: 5px solid #dc1010;}


/* Êîíòåéíåð ìåíþ (ôèêñèðóåì â âåðõíåì ïðàâîì óãëó ýêðàíà) */
.hud-hamburger-wrapper {
    position: fixed;
    top: 1px;
    right: 1px;
    z-index: 999999;
    font-family: var(--font-main, 'Rajdhani', sans-serif);
}

/* Ñêðûâàåì ñòàíäàðòíûé ÷åêáîêñ */
.hud-menu-toggle {
    display: none;
}

/* Ñòèëü êíîïêè-ãàìáóðãåðà */
.hud-burger-btn {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 28px;
    height: 16px;
    cursor: pointer;
    padding: 10px;
    background: rgb(18 20 21 / 35%);
    border-left: 1px solid var(--border-color, #2e3438);
    transition: all 0.3s ease;
}

.hud-burger-btn:hover {
    border-color: #305e51;
    box-shadow: 0 0 8px rgb(4 67 56);
}

/* Ïîëîñêè ãàìáóðãåðà */
.burger-line {
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(45deg, #54a57b, #58bdb6);
    transition: all 0.3s ease;
}

/* Àíèìàöèÿ ïðåâðàùåíèÿ â êðåñòèê ïðè àêòèâàöèè */
.hud-menu-toggle:checked ~ .hud-burger-btn .burger-line:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
    background: var(--accent-mint, #32ffc8);
}
.hud-menu-toggle:checked ~ .hud-burger-btn .burger-line:nth-child(2) {
    opacity: 0;
}
.hud-menu-toggle:checked ~ .hud-burger-btn .burger-line:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
    background: #29956f;
}

/* Âûïàäàþùàÿ ïàíåëü ìåíþ */
.hud-dropdown-menu {
    position: absolute;
    top: 50px;
    right: 0;
    width: 280px;
    background: rgba(18, 20, 21, 0.98);
    border: 1px solid var(--border-color, #2e3438);
    padding: 15px;
    display: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
}

/* Ìàãèÿ CSS: îòêðûâàåì ìåíþ ïðè êëèêå íà ãàìáóðãåð */
.hud-menu-toggle:checked ~ .hud-dropdown-menu {
    display: block;
    animation: hudFadeIn 0.2s ease-out;
}

/* Çàãîëîâîê âíóòðè òåðìèíàëà */
.hud-menu-title {
    font-size: 11px;
    color: var(--text-secondary, #8c8c92);
    letter-spacing: 2px;
    border-bottom: 1px solid var(--border-color, #2e3438);
    padding-bottom: 8px;
    margin-bottom: 10px;
}

/* Ñïèñîê ññûëîê */
.hud-dropdown-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hud-dropdown-menu li {
    margin-bottom: 4px;
}

.hud-dropdown-menu li a {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    color: var(--text-primary, #e0e0e0);
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    transition: all 0.2s ease;
    position: relative;
}

/* Ïîðÿäêîâûé íîìåð ïåðåä ññûëêîé (èç àòðèáóòà data-num) */
.hud-dropdown-menu li a::before {
    content: attr(data-num);
    font-size: 10px;
    color: var(--text-secondary, #8c8c92);
    margin-right: 12px;
    font-family: monospace;
}

/* Ýôôåêò íàâåäåíèÿ â ñòèëå HUD */
.hud-dropdown-menu li a:hover {
    background: rgba(50, 255, 200, 0.05);
    color: var(--accent-mint, #32ffc8);
    padding-left: 15px; /* Ëåãêèé ñäâèã âïðàâî */
}

.hud-dropdown-menu li a:hover::before {
    color: var(--accent-mint, #32ffc8);
}

.hud-dropdown-menu li a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--accent-mint, #32ffc8);
    transform: scaleY(0);
    transition: transform 0.2s ease;
}

.hud-dropdown-menu li a:hover::after {
    transform: scaleY(1);
}

@keyframes hudFadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}
li#navuserlist, li#navawards, li#navsearch, li#h-recent, li#h-replies, li#h-unanswered, li#h-uploads {display:none;}