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

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

/* A1.1 */
@import url(style_cs.1793638690.css);
@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap');


@font-face {
    font-family: 'Genshin';
    src: url('https://forumstatic.ru/files/001b/5c/7f/40963.ttf');
/*    src: url('https://forumstatic.ru/files/0014/98/d3/50051.ttf'); */
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Mondstadt';
    src: url('https://forumstatic.ru/files/001b/5c/7f/67931.otf');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Khaenriah';
    src: url('https://forumstatic.ru/files/001b/5c/7f/21323.otf');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Sumeru';
    src: url('https://forumstatic.ru/files/001b/5c/7f/78881.otf');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Deshret';
    src: url('https://forumstatic.ru/files/001b/5c/7f/91913.otf');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Inazuma';
    src: url('https://forumstatic.ru/files/001b/5c/7f/36991.otf');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Fontaine';
    src: url('https://forumstatic.ru/files/001b/5c/7f/76272.ttf');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Fine Hand';
    src: url('https://forumstatic.ru/files/001b/5c/7f/44381.ttf');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Arian AMU';
    src: url('https://forumstatic.ru/files/001b/5c/7f/91918.ttf');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Artemius';
    src: url('https://forumstatic.ru/files/001b/5c/7f/30835.ttf');
    font-style: normal;
    font-weight: normal;
}

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

/* A2.1 */
html,
body {
    margin: 0;
    padding: 0;
    min-width: 1200px;
}


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

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

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

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

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

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


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

/* A3.1 */
body {
    font-size: 100%;
}

/* A3.2 */
.punbb {
    font: normal 70.75% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

/* A3.3 */
.punbb textarea,
.punbb select,
.punbb optgroup {
    font: 1em verdana, Arsenal, helvetica, sans-serif;
    background-color: #f4f1e7;
}

#pun-admain #pun-admain1 textarea {
    font-family: 'Lucida', monospace;
}


/* A3.4 */
.punbb h1,
.punbb h2,
.punbb h3 {
    font-weight: bold;
}

.punbb th {
    font-size: 0.9em;
    font-weight: bold;
}

.punbb h4,
.punbb table {
    font-size: 1.0em;
    font-weight: normal;
}

#html-footer {
    position: relative;
}

#html-footer:before {
    content: "";
    display: block;
    position: absolute;
    left: -106px;
    top: -170px;
    width: 90px;
    height: 354px;
    background: url(https://forumstatic.ru/uploads/001b/f1/af/2/732441.png) no-repeat;
}

#html-footer .container {
    font-size: 11px;
}

#pun #pun-index #pun-announcement h2 span {
    display: none;
}

/* A3.5 */
.punbb h2 span,
.punbb legend span {
    font-size: 1.1em;
}

/* A3.6 */
.punbb h1 span {
    font-size: 11px;
}


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

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

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

.post-content>p:first-child {
    padding-top: 0 !important;
}

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

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


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

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

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


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

/* A5.1 */
#pun {
    margin: 0 auto;
    width: 1057px;
    position: relative;
}

/* A5.2 */
.punbb {
    float: none;
    height: auto;
    margin-top: 296px;
    padding: 1px 69px 0 60px;
}

/* A5.3 */
#pun-redirect,
#pun-maint {
    float: none;
    background-position: center;
    height: 105px;
    width: 977px;
    margin-top: 200px;
    margin-left: -30px;
    padding-bottom: 17px;
    text-align: center;
    background-color: #c0c0c0;
}

#pun-redirect .main-title {
    margin-top: 30px;
    font-size: 1.0em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: bold;
    color: #000;
    padding-top: 25px;
}

#pun-redirect.punbb .info .container {
    letter-spacing: 0;
    font-size: 1.0em;
    color: #000;
}

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

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

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

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

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

/* A5.10 */
.punbb .section h2,
#pun-stats h2,
#pun-main h2,
#pun-debug h2 {
    padding-top: 13px;
    background: url(https://forumstatic.ru/uploads/001b/f1/af/2/514085.png) no-repeat !important;
    width: 940px;
    background-position: center;
    margin: 0 auto 0 -16px;
    opacity: 0.6;
    height: 40px;
    font-size: 11px !important;
    font-family: Genshin, serif;
}

.punbb .section h2,
#pun-main h1 {
    width: 940px;
    background: url(https://forumstatic.ru/uploads/001b/f1/af/2/514085.png) center;
    height: 20px;
    font-size: 11px !important;
    font-family: Genshin, serif;
    padding-top: 10px;
    margin: 0 auto 16px -16px;
    opacity: 0.6;
}


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

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

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

/* B1.2 */
.punbb .post-sig dt {
    border-top: none;
}

.post-sig {
    padding-top: 12px !important;
}

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

.punbb .post-content .post-sig p {
    line-height: 1.2em;
}

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

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

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

.punbb .post-content cite+.blockcode,
.punbb .post-content cite+blockquote {
    padding-top: 8px;
}

/* B1.7 */
.punbb .post-content .scrollbox {
    width: 100%;
    overflow: auto;
    height: auto !important;
    max-height: 250px;
    padding: 8px 12px;
    box-sizing: border-box;
}

/* B1.8 */
.punbb .post-content .quote-box,
.punbb .post-content .code-box {
    margin: 0.4em 1.0em 1.4em 1.0em;
    padding: 11px 15px 5px 15px;
}

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

/* B2.1 */
.punbb .info-box {
    padding: 1.1em 1.7em 1em 1.7em;
    border-style: solid;
    border-width: 1px;
    margin: 0 0 1.1em 0;
}

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

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


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

/* B3.1 */
.punbb .linkst {
    float: left;
    position: relative;
    width: 100%;
    font-size: 1.1em;
    height: 0;
}

/* B3.2 */
.multipage {
    margin-top: 3em;
}

/* B3.3 */
.linkst .pagelink {
    position: absolute;
    top: -58px;
    left: 1em;
    width: 24em;
    font-family: 'Verdana', sans-serif;
    color: #391e10;
    font-size: 10px;
}

/* B3.4 */
.linkst .postlink {
    position: absolute;
    top: -58px;
    right: 1em;
    width: 16em;
    text-align: right;
    font-weight: bold;
    font-family: 'Verdana', sans-serif;
    font-size: 10px;
}


/* B3.5 */
.punbb .linksb {
    text-align: right;
    padding: 0.4em 1em 0.5em 1em;
    font-size: 1.1em;
}

/* B3.6 */
.linksb .pagelink {
    float: left;
    width: 24em;
    text-align: left;
    font-family: 'Verdana', sans-serif;
    color: #391e10;
    font-size: 10px;
}

/* B3.7 */
.linksb .postlink {
    float: right;
    width: 16em;
    font-weight: bold;
    font-family: 'Verdana', sans-serif;
    font-size: 10px;
}


/* B3.8 */
.subscribelink {
    clear: both;
    padding-top: 0.3em;
    padding-bottom: 0.5em;
    font-family: 'Verdana', sans-serif;
    font-size: 10px;
}


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

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

/* C1.1 */
.punbb .formal .container {
    padding: 1.7em 2.3em 1.1em 2.3em;
}

#post-preview {
    padding: 0 0px 0 0;
    margin: -30px 0 0;
    box-sizing: border-box;
}

#post-preview .post-box {
    padding: 8px;
    margin: 0;
}

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

/* C1.3 */
.punbb .formsubmit input,
.punbb .formsubmit a,
.punbb .formsubmit span {
    margin: 0 0.6em 0 0;
    font-family: Verdana, sans-serif;
    text-transform: lowercase;
    font-size: 12px;
}

/* C1.4 */
.punbb fieldset {
    border-style: solid;
    border-width: 1px;
    /*padding: 0 18px 0 18px;*/
    margin: 0 0 1em 0;
    font-size: 12px;
    font-family: Verdana, sans-serif;
}

/* C1.5 */
.punbb fieldset legend {
    padding: 0;
    margin: 0 0 0 11px;
    font-size: 1.1em
}

/* C1.6 */
.punbb fieldset legend span {
    padding: 0 5px;
    margin: 0 0 0 -15px;
    font-size: 12px;
    display: none;
}

#pun-profile.punbb fieldset legend span {
    display: block;
}

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

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

#pun-profile.punbb .fs-box {
    padding: 0;
}

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

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

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

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

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

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

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

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

/* C1.17 */
.punbb .hashelp {
    position: relative;
}

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

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

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

.punbb .helplinks span INPUT {
    margin: 0 2px 2px 0;
}

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


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


/* C2.1 */
.punbb .main .tcl {
    overflow: hidden;
    text-align: left;
    padding-left: 30px;
    width: 35%;
    position: relative;
}

/* C2.2 */
.punbb .main .tc2,
.punbb .main .tc3,
.punbb .main .tcmod {
    width: 10%;
    word-break: break-word;
}


#pun-index .main .tcl {
    width: 100%;
}

#pun-index .main .tcl .intd {
    border-image: url(https://forumstatic.ru/uploads/001b/f1/af/2/125196.jpg) 10 fill / 8px / 0 stretch;
    padding: 16px 20px;
    position: relative;
}

#pun-index .main .tcr {
    width: 346px;
    padding-right: 20px;
}

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


.category table {
    color: #074222;
    position: relative;
}

/* C2.3 */
.punbb .main .tcr {
    overflow: hidden;
    font-size: 100%;
    width: 243px;
    color: #391e10;
}

.punbb .main .tcr a {
    text-shadow: none !important;
}

#pun-index td.tcr a {
    font-family: Verdana, sans-serif;
    font-weight: 800;
    color: #56441a;
    padding: 2px;
}


#pun-index td.tcr a:hover {
    color: #a46104;
    transition: color 0.4s linear 0s;
}


#pun-index td div.tclcon {
    color: #56441a;
    text-align: justify;
    font: normal 100% Verdana;
}

#pun-main #subforums {
    border-bottom: solid 1px #c3bba6;
    padding: 0;
}

#pun-main #subforums a {
    display: flex;
    height: 42px;
    align-items: center;
    padding-left: 86px;
    font-family: 'Genshin', serif;
    font-size: 14px;
    background: url(https://forumstatic.ru/uploads/001b/f1/af/2/756486.png) 30px 50% no-repeat;
    margin-top: 6px;
}

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
    width: 40%;
    position: relative;
}

#pun-searchtopics .main .tcl .icon {
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

#pun-searchtopics .main .tcl {
    padding-left: 68px;
}

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
    padding: 2px 0 6px 13px;
}


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

/* C2.10 */
.punbb td .modlist {
    display: block;
    padding-top: 0.3em
}

/* C2.11 */
.punbb .main td {
    border-style: solid none none solid;
    border-width: 1px 0 0 1px;
    padding: 8px;
}

/* C2.12 */
.punbb .main th {
    padding: 4px 1em 5px 1em;
    border-bottom: 2px solid transparent;
    border-left: 1px solid transparent;
}

/* C2.13 */
.punbb .main .tcl {
    border-left-style: none;
    border-left-width: 0;
}

* html .tclcon {
    height: 0;
}

span.byuser {
    white-space: nowrap;
}

/* C2.15 */
#pun-viewforum div.tclcon {
    padding: 10px 10px 10px 56px;
}


.punbb div.icon {
    height: 30px;
    width: 30px;
    position: absolute;
}

.punbb .category div.icon {
    left: 20px;
    top: 12px;
}

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

/* C3.1 */
.punbb .post .container {
    border-style: none solid solid solid;
    border-width: 1px;
    margin-top: -1px;
    padding-bottom: 1px;
}

/* C3.2 */
.punbb .post h3 {
    width: 100%;
    margin-top: -5px;
    font-weight: 100;
    margin-bottom: 10px;
    padding-left: 248px;
    box-sizing: border-box;
}

.punbb .post.hideprofile h3 {
    padding-left: 2px;
}

/* C3.3 */
.punbb .post h3 span {
    padding: 1px 7px 5px 1px;
    display: block;
}

.punbb .post h3 span a,
.punbb .post h3 span a:link {
    font-size: 10px;
    vertical-align: middle;
    color: #b69d7b !important;
}

/* C3.4 */
.punbb .post h3 strong {
    float: right;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    color: #b48f5a !important;
}

.punbb .post h3 strong:before {
    content: '#';
}

/* C3.5 */
.punbb .post .post-author {
    float: left;
    width: 222px !important;
    margin-bottom: 21px;
    margin-left: 6px;
    color: #5c4e2e;
    overflow: visible;
    position: relative;
    box-sizing: border-box;
}

.punbb .post .post-author:before {
    content: "";
    display: block;
    position: absolute;
    left: -13px;
    top: 0;
    width: 13px;
    height: 100%;
    background: url(https://forumstatic.ru/uploads/001b/f1/af/2/81393.png) 100% 0 no-repeat;
}

.punbb .post .post-author a {
    color: #5c4e2e;
    font-size: 10px;
    line-height: 1.1em;
}


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

/* C3.7 */
.punbb li.pa-author {
    font-size: 12px;
    width: 180px;
    min-height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-image: url("https://forumstatic.ru/uploads/001b/f1/af/2/367759.png") 2 0 fill / 2px 0 / 0 stretch;
    margin: auto;
    padding: 6px 8px 3px;
    box-sizing: border-box;
}

li.pa-title {
    color: #a48b6d;
    font-size: 0.9em;
    margin: 8px 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 8px;
}

/* C3.9 */

span.fr a {
    display: none !important;
}

#navawards {
    display: none !important;
}

.mini_awards_label {
    display: none;
}

.mini_awards {
    max-height: 0;
    overflow: hidden;
    display: block;
    transition: max-height 1s ease-in-out;
}

.mini_awards.visible {
    max-height: 1000px;
}

.awrdbut {
    display: none;
    position: absolute;
    top: 38px;
    left: -30px;
    cursor: pointer;
}

/* C3.11 */
.punbb .post-body {
    margin-left: 20em;
    border-left-style: solid;
    border-left-width: 1px;
    padding: 0 0 1px 0;
}

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

#pun-messages.punbb fieldset .post-box {
    margin-left: 0 !important;
}

/* C3.14 */
.punbb .post-links {
    border-left-style: solid;
    border-left-width: 1px;
    padding-top: 10px;
}

/* C3.15 */
.punbb .post-links ul {
    text-align: right;
    font-family: Verdana, sans-serif;
    font-size: 1em;
    background: #cec2a83d;
    width: 98%;
    margin-left: 0;
    padding-right: 15px;
    padding-left: 6px;
    padding-bottom: 4px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.punbb .post-links a {
    font-size: 10px !important;
    color: #b69d7b;
}


/* C3.16 */
.punbb .post-links li {
    display: inline;
    padding-left: 6px;
}

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

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


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

/* C4.1 */
.punbb .modmenu .container {
    padding: 0.5em 1em;
    text-align: right;
    margin-top: 4px;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    color: #b69d7b;
}

.punbb .modmenu .container span {
    display: none;
}


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

/* запятые между никами в строке онлайна */
#topic-users-in.modmenu a:after {
    content: ',';
}

#topic-users-in.modmenu a:last-child:after {
    content: '';
}

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

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


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

/* C5.1 */
.punbb .info .container {
    padding: 0.8em 1em;
    font-size: 12px;
    font-family: Verdana;
}

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


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

/* C6.1 */
#profile>.container {
    padding-left: 18.6em;
}

/* C6.2 */
#profilenav {
    float: left;
    width: 14em;
    margin-left: -16.3em;
    display: inline;
    background-color: #a8b18785;
    padding-top: 10px;
    border-style: solid;
    border-width: 16px;
    border-color: transparent;
    border-image: url(https://forumstatic.ru/uploads/001b/f1/af/2/346183.png) 20 fill repeat;
    font-size: 12px;
}


/* C6.3 */
#profilenav li {
    padding-bottom: 0.8em;
    font-weight: normal;
}

#profilenav li.isactive {
    font-weight: bold;
}

/* C6.4 */
#viewprofile ul,
#profilenav ul {
    padding: 0 10px;
}

#viewprofile {
    margin: 8px 0;
    background: #ece6da;
    border-image-slice: 20 20 20 20;
    border-image-width: 16px 16px 16px 16px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-source: url(https://forumstatic.ru/uploads/001b/f1/af/2/946194.jpg);
    border-style: solid;
}

/* C6.5 */
#viewprofile h2,
#profilenav h2 {
    display: none;
}

/* C6.6 */
#viewprofile h2 span,
#profilenav h2 span {
    padding: 0 5px;
    position: relative;
    color: #4a6208;
}

/* C6.7 */
#viewprofile li,
#setmods dl {
    padding: 0 0 0 16em;
    font-size: 11px;
}


#profile-right {
    padding-top: 30px !important;
    width: 55% !important;
}


/* C6.8 */
#viewprofile li span {
    color: #9f6000;
    font-weight: normal;
    border: 1px solid #ddd7c8;
    background-color: #eae4d5;
    float: left;
    width: 13em;
    margin-left: -15em;
    padding: 4px 10px 3px;
}

#profile-left,
#profile-title,
#pa-online,
#pa-edit {
    font-size: 10px !important;
}

#profile-left,
#pa-avatar img {
    border: solid 1px #a0927e;
}

/* MESSAGES */

#messages div.icon {
    left: 0;
    top: 12px;
}

#pun-messages .main .tcl {
    padding-left: 42px;
}

#profilenav,
#profilenav * {
    box-sizing: border-box;
}

#messages .fs-box>.container>table tr+tr td {
    border-top: solid 1px #d9d0ba;
}

#pun-messages #profilenav {
    float: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 16px;
    width: 100%;
    background: url(https://forumstatic.ru/uploads/001b/f1/af/2/514085.png) 50% no-repeat;
    padding: 2px;
}

#pun-messages .messages-container>.container {
    padding: 0;
    flex-wrap: wrap;
}

#pun-messages #profilenav h2 {
    display: none;
}

#pun-messages #profilenav ul {
    order: 2;
    flex: 0 0 40%;
    display: flex;
    gap: 12px;
    padding: 0;
    margin: 0;
}

#pun-messages #profilenav ul li {
    padding: 4px;
}

#pun-messages .post-author .pa-reg,
#pun-messages .post-author .pa-posts {
    display: none;
}

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

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

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


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

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

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

/* C7.3 */
#pun-userlist .usertable table {
    border-style: solid;
    border-width: 1px;
}


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

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

/* D1.1 */
#pun-title {
    border: none;
}

/* D1.2 */
#pun-title h1 {
    display: block;
    height: 97px;
    margin: -1px 0 0 -30px;
}

/* D1.3 */
#pun-title .container {
    border: none;
}

#pun-title,
#pun-title .container {
    display: none;
}


/* D1.4 */
#pun-title h1 span {
    display: none;
}


#pun-title TD.title-logo-tdl {
    border: none;
    width: 100%;
}

#pun-title TD.title-logo-tdr {
    border: none;
    width: 420px;
}

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

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

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

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

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

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

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

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

/*D3.1 */
#pun-navlinks {
    display: flex;
    justify-content: flex-end;
}

/* D3.2 */
#pun-navlinks .container {
    display: flex;
    flex-direction: column;
    width: 41px;
    position: fixed;
    margin-top: -47px;
    margin-right: -58px;
    z-index: 102;
    border: solid 1px #766557;
    background: #1a2230;
}


/* D.3 */
#pun-navlinks li {
    display: block;
    padding: 0;
    position: relative;
}


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

/* D4.1 */
#pun-ulinks {
    margin-bottom: 35px;
    border: none;
    margin-top: -36px;
    height: 18px;
}


/* D4.2 */
#pun-ulinks .container {
    font-size: 1.0em;
    text-align: center;
    text-transform: lowercase;
    width: 940px;
    padding: 2px 0;
}

#pun-ulinks.isPinned .container {
    position: fixed;
    display: flex;
    flex-direction: column;
    width: 32px;
    z-index: 1;
    margin-left: -61px;
    margin-top: 2px;
}

#pun-ulinks.isPinned li.item2+li.item7,
#pun-ulinks.isPinned li.item3,
#pun-ulinks.isPinned li.item5 {
    display: none;
}

#pun-ulinks.isPinned li a {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 0 !important;
    cursor: pointer;
}

#pun-ulinks.isPinned li.item2+li.item7,
#pun-ulinks.isPinned li.item3,
#pun-ulinks.isPinned li.item5 {
    display: none;
}

#pun-ulinks.isPinned li {
    position: relative;
    margin-bottom: 10px;
    animation: fadeLeftMenu .4s;
    transition: opacity .5s ease-out;
    opacity: .7;
}

#pun-ulinks.isPinned li:hover {
    opacity: 1;
}

@keyframes fadeLeftMenu {
    from {
        opacity: 0
    }

    to {
        opacity: 0.6
    }
}

#pun-ulinks.isPinned li:before {
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translate(100%, -50%);
    background: #00000066;
    color: #fff;
    padding: 2px;
    border-radius: 4px;
    border: solid 1px rgba(0, 0, 0, .2);
    display: none;
    z-index: 10;
    word-spacing: 4px;
}

#pun-ulinks.isPinned li:hover:before {
    display: block;
}

#pun-ulinks.isPinned li.item1:before {
    content: "Новые сообщения";
}

#pun-ulinks.isPinned li.item2:before {
    content: "Активные темы";
}

#pun-ulinks.isPinned li.item4:before {
    content: "Мои сообщения";
}

#pun-ulinks.isPinned li.item8:before {
    content: "Уведомления";
}

#pun-ulinks.isPinned li.item6:before {
    content: "Подписка";
}

#pun-ulinks.isPinned li.item7:before {
    content: "Всё прочитано";
}

#pun-ulinks.isPinned .item8 .bubble {
    right: auto;
    top: 9px;
    left: -23px;
    line-height: 6px;
    padding: 4px;
}

#pun-ulinks.isPinned .item8 .bubble:after {
    border-width: 7px !important;
    border-color: transparent transparent transparent #8f0d0d !important;
    z-index: 1;
    left: 21px;
    top: 0;
}

#pun-ulinks.isPinned li.item1 {
    background: url("https://forumstatic.ru/uploads/001b/d8/30/2/695693.png") no-repeat;
}

#pun-ulinks.isPinned li.item2 {
    background: url("https://forumstatic.ru/uploads/001b/d8/30/2/377570.png") no-repeat;
}

#pun-ulinks.isPinned li.item4 {
    background: url("https://forumstatic.ru/uploads/001b/d8/30/2/942794.png") no-repeat;
}

#pun-ulinks.isPinned li.item6 {
    background: url("https://forumstatic.ru/uploads/001b/d8/30/2/765545.png") no-repeat;
}

#pun-ulinks.isPinned li.item7 {
    background: url("https://forumstatic.ru/uploads/001b/d8/30/2/223797.png") no-repeat;
}

#pun-ulinks.isPinned li.item8 {
    background: url("https://forumstatic.ru/uploads/001b/d8/30/2/163282.png") no-repeat;
}


/* D4.3 */
#pun-ulinks li,
#pun-ulinks li a {
    display: inline;
    white-space: nowrap;
    padding: 0 1px;
}

li#h-replies,
li#h-unanswered {
    display: none;
}

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

/* D5.1 */
#pun-status,
#pun-status .container {
    border-bottom: none;
}

/* D5.2 */
#pun-status .container {
    padding: 2px;
    font-size: 11px;
    color: #574213;
    display: flex;
    flex-wrap: wrap;
    font-family: 'Genshin', sans-serif;
    justify-content: space-between;
}

#pun-status span:nth-child(1) {
    order: 0;
    flex: 0 0 40%;
}

#pun-status span:nth-child(2) {
    order: 3;
    flex: 0 0 25%;
}

#pun-status span:nth-child(3) {
    order: 2;
    flex: 0 0 40%;
    text-align: right;
}

#pun-status span:nth-child(4) {
    order: 4;
    flex: 0 0 40%;
    text-align: right;
}

/* D5.3 */
#pun-status span {
    white-space: nowrap;
    margin-right: 0.5em;
}

/* D5.4 */
#pun-crumbs1 {
    font-weight: bold;
    overflow: hidden;
    margin-top: 20px;
    font-family: 'Verdana', sans-serif;
    width: 900px;
}

/* D5.5 */
#pun-crumbs1 p.container {
    border-top: none;
    padding: 1em 1em 0.8em 1em;
    font-size: 11px;
    margin: 0 0 20px 0;
}

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

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#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;
    display: none;
}

/* D6.2 */
#pun-announcement h2 span {
    display: block;
    padding: 1em 0 0.8em 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

/* D6.3 */
#pun-announcement {
    margin-bottom: 16px;
}

#pun-announcement .container {
    font-family: "Verdana", sans-serif;
}

#pun-announcement .html-box {
    text-align: center;
}

#pun-announcement .header-block {
    display: inline-flex;
    width: 270px;
    height: 56px;
    background: #333241;
    padding: 8px;
    box-sizing: border-box;
    box-shadow: inset 0 0 0px 3px #2c2b39, inset 0 0 0px 4px #907d62;
    vertical-align: top;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

#pun-announcement .header-block-link {
    color: #bdb2a1;
    font-family: 'Genshin', serif;
    display: inline-block;
    cursor: pointer;
}

#pun-announcement .header-block-link+.header-block-link {
    margin-left: 8px;
}

#pun-announcement .header-block h6 {
    font-size: 10px;
    font-weight: 100;
    font-family: 'Genshin', sans-serif;
    width: 180px;
    color: #f0daba;
    text-shadow: 0 0 4px #fbf6f080;
}

#pun-announcement .header-block .header-subtitle {
    font-family: Verdana, sans-serif;
    font-size: 9px;
    width: 188px;
    margin-top: 2px;
}

#pun-announcement .header-block img {
    max-height: 60px;
}

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: url(https://forumstatic.ru/uploads/001b/f1/af/2/514085.png) top center no-repeat;
    padding: 11px 20px 30px 30px;
}

#pun-stats .container .item1 {
    order: 0;
    flex: 0 0 106px;
    text-align: left;
    justify-self: flex-start;
}

#pun-stats .container .item2 {
    order: 2;
    flex: 0 0 163px;
    text-align: center;
}

#pun-stats .container .item3 {
    order: 3;
    flex: 0 0 260px;
    text-align: center;
}

#pun-stats .container .item4 {
    order: 3;
    flex: 0 1 200px;
    text-align: right;
    white-space: nowrap;
}

#pun-stats .container .item4 a {
    white-space: nowrap;
}

#pun-stats .container .item5 {
    order: 4;
    flex: 0 0 100%;
}

@media screen and (max-device-width: 600px) {

    #pun-stats .container .item1,
    #pun-stats .container .item2,
    #pun-stats .container .item3,
    #pun-stats .container .item4 {
        flex: 1 1 100%;
        text-align: left;
    }
}

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

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

/* D7.4 */
li#onlinelist {
    margin-top: 20px;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    width: 100%;
    line-height: 130%;
}


/* D7.5 */
li#onlinelist div {
    border-top-style: solid;
    border-top-width: 1px;
    padding: 0.7em 0 0 0;
    text-align: justify;
}

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
    margin: 0;
    border: none;
    width: 50%;
    position: relative;
    float: left;
}

/* D8.2 */
#pun-qjump .container {
    border: none;
    background: transparent;
    padding: 0.8em 1em;
}

/* D8.3 */
#pun-about {
    margin-top: 0;
}

/* D8.4 */
#pun-about .container {
    border-top-style: none;
    text-align: right;
    line-height: 150%;
}

#pun-about p.container {
    width: 1058px;
    height: 249px;
    margin: 10px 0 -245px -61px;
}

/* D8.5 */
#pun-about p span {
    left: 400px;
    margin-top: 220px;
    position: absolute;
    font-size: 10px;
}

/* D8.6 */
#pun-crumbs2 {
    font-weight: bold;
    overflow: hidden;
    margin-bottom: 0;
    border-bottom: none;
}

/* D8.7 */
#pun-crumbs2 .container {
    border-bottom: none;
    padding: 14px 20px;
    font-size: 11px;
    font-family: Verdana, sans-serif;
}

/* D8.8 */
#pun-break4 {
    margin: -2px 1em;
    border-style: solid none;
    border-width: 1px 0;
    position: relative;
    height: 0;
    z-index: 1;
}

/* D8.9 */
div.punbb-admin #pun-about .container {
    border-top-style: solid;
    border-top-width: 1px;
}


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

/* D9.1 */
#pun-help .formal .info-box h3.legend {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 0;
    margin-bottom: 0.8em;
}

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
    padding-bottom: 0.6em;
    display: block;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 1.1em;
}

/* D9.3 */
#pun-help .formal p,
#pun-help .formal dd {
    margin-bottom: 1em;
}

/* D9.4 */
#pun-help .formal ul,
#pun-help .formal dl {
    padding: 0 0 0 1em;
}

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

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

/* D9.7 */
#pun-help .formal dt span {
    font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}

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

#pun th {
    font-size: 0;
}

.topic a.sharelink {
    display: none;
}

div#topic-modmenu,
div#topic-users-in {
    display: inline-block;
}

.tooltipsy {
    color: #d2c8a9;
    font-size: 10px;
    background: #00000066;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: Verdana, sans-serif;
}


/*************************
Стиль для Быстрой смены аккаунтов
Deff
*************************/
/*Cкрытие формы входа без клика*/
#pun-navlinks a:not(.NextShow)+span.odd {
    display: none !important;
}

#pun-navlinks #New-exit img {
    /*position:fixed;*/
    width: 25px;
    height: 19px;
    margin-top: 8px;
    margin-left: 42px;
    opacity: 0.7;
}

#pun-navlinks #New-exit:hover {
    opacity: .4;
}

/*Стиль доп-иконки Выход!*/
.punbb #pun-navlinks a#New-exit {
    position: fixed;
    z-index: 100000 !important;
    margin-top: -43px !important;
    float: none !important;
}

.punbb #pun-navlinks a#New-exit:before {
    content: none;
}

.punbb #pun-navlinks #form-login input {
    text-align: center;
    margin-top: 4px !important;
    display: inline-block !important;
    font: normal normal 400 11px/normal Verdana !important;
}

.punbb #form-login #fld1,
#form-login #fld2 {
    background-color: #dcd3c7;
}

.punbb #pun-navlinks #form-login input[type="submit"] {
    border: 1px outset #dcbea6 !important;
    outline: 0 none;
    color: #550a0a !important;
    cursor: pointer;
    font-weight: 400 !important;
    margin-top: 10px !important;
}

/*Стиль формы входа*/
.punbb #pun-navlinks #form-login {
    display: block;
    font: normal normal 400 11px/normal Verdana;
    position: fixed !important;
    z-index: 100000 !important;
    padding: 8px 12px;
    background: #f2ede1;
    border-color: #564b42;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    text-align: center;
    box-shadow: 2px 2px 4px rgba(23, 23, 13, .3);
}

#pun-navlinks #navlogin #form-login {
    margin-left: -232px;
    margin-top: -70px;
    /*Подвижки формы влево от вход*/
}

#pun-navlinks #navlogout #form-login {
    margin-left: -240px;
    margin-top: -184px;
    /*Подвижки формы влево от выход*/
}

.ismoderator #pun-navlinks #navlogout #form-login {
    margin-left: -240px !important;
    margin-top: -188px;
    /*Подвижки формы влево от выход для АМС*/
}

/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */
#pun-navlinks #form-login input[value="Войти"]+p {
    margin-bottom: 3px;
    margin-top: 3px;
}

.punbb #pun-navlinks #form-login a.Rega,
.punbb #pun-navlinks #form-login a.Forgot {
    position: relative;
    text-transform: none !important;
    z-index: 20;
    background: none;
    cursor: pointer;
    font: normal normal 300 11px/normal Verdana !important;
    display: inline;
}

.punbb #pun-navlinks #form-login a.Rega:before,
.punbb #pun-navlinks #form-login a.Forgot:before {
    content: none;
}

/* Помечаем красным незаполненные поля!*/
#form-login input.none {
    outline: red dashed 2px !important;
}

/*Форма слево(с Никами) */
#List-UserNames {
    position: absolute;
    margin-top: -8px;
    min-height: 90px;
    width: 220px;
    right: 100%;
    padding: 8px 12px;
    background: #f2ede1;
    border-color: #564b42;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    text-align: center;
    box-shadow: 2px 2px 4px rgba(23, 23, 13, .3);
}

/*Стиль контейнера под список Ников*/
.punbb #List-UserNames ul {
    padding: 0;
    overflow: hidden;
    overflow-y: auto;
    min-height: 36px;
    max-height: 72px;
    /*Видимое число ников без прокрутки! сейчас - 4*/
}

.punbb #List-UserNames li {
    display: block !important;
    position: relative;
    background: #31303e;
    text-align: left;
    padding: 3px 5px !important;
    font: normal normal 300 11px 'Verdana' !important;
    margin: 1px auto !important;
    transition: .33s;
}

.punbb #List-UserNames li:hover {
    opacity: .84;
    /*background:#546a6b!important;*/
}

/*Стиль Ников*/
.punbb #List-UserNames li>b {
    cursor: pointer;
    opacity: .9;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.31);
}

.punbb #List-UserNames li>b:hover {
    opacity: .93;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
}

/*Скролл контейнера с никами*/
#List-UserNames ul::-webkit-scrollbar {
    width: 7px;
    height: 5px;
}

#List-UserNames ul::-webkit-scrollbar-track {
    background-color: #919190;
    border: 1px solid #919190;
    box-shadow: none;
}

#List-UserNames ul::-webkit-scrollbar-thumb {
    background-color: #bdbdbc;
    border: 2px solid #888887;
    box-shadow: none;
}

/*Кнопки Удалить (правее ников)*/
#List-UserNames ul li>span {
    display: inline-block;
    padding: 0 3px;
    position: absolute;
    opacity: .88;
    cursor: pointer;
    top: 0;
    bottom: 0;
    right: 2px;
    color: #fff;
    font: normal normal 700 11px/normal Verdana;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
}

/*Текст при отсутствии запомненных Ников!*/
#List-UserNames ul:empty:before {
    display: inline-block;
    content: "У Вас нет запомненных ников, введенных через форму справа, или через перенос ниже";
}

/*Кнопка выход-2*/
#navlogin #exit-2 {
    display: none;
}

#navlogin #form-login,
#navlogout .Rega,
#navlogout .Forgot {
    background-image: none !important;
    display: none;
}

/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/
#List-UserNames ul+span {
    display: inline-block;
    padding: 6px 0 8px 0;
    text-align: left;
    font: normal normal 400 11px/normal Verdana;
}

/*Сам инпут*/
.punbb #List-UserNames input {
    border: 1px inset rgb(173 126 67 / 85%) !important;
    border-radius: 6px;
    text-shadow: none !important;
    color: #282828 !important;
    background-color: #dcd3c7;
    font: normal normal 400 11px/normal Arial !important;
    /* box-shadow: inset 0px 0px 3px rgba(100,102,80,.97); */
    margin-top: 9px;
    padding: 2px !important;
    max-height: 18px;
    vertical-align: middle;
}

/*Стрелочки к инпуту*/
#List-UserNames ul+span b {
    font: normal normal 400 13px/normal Verdana;
    padding: 0 3px;
    color: #717483;
}

/*Кликалка слево, чуть выше инпута*/
#List-UserNames .a1-copy {
    display: inline-block !important;
    cursor: pointer;
    float: left;
}

/*Кликалка справо*/
#List-UserNames .a1-paste {
    cursor: pointer;
    display: inline-block !important;
    float: right;
}

/*Подсказки на кликалках*/
.tipsy.a11 {
    font: normal normal 400 11px/normal Verdana !important;
    margin-top: -22px !important;
    margin-left: 148px !important;
    max-width: 170px;
}

/*************************
//Конец Стиля для Быстрой смены аккаунтов
*************************/

/*************************
//Мобильный стиль
*************************/

@media screen and (max-width: 540px) {

    * {
        box-sizing: border-box;
    }

    .post-vote-comment textarea,
    #pun textarea,
    #pun input[type=text],
    #pun input[type=password] {
        font-size: 16px !important;
    }

    html,
    body {
        min-width: 0 !important;
    }

    #pun {
        background-size: 102% !important;
    }

    .punbb .main {
        margin-top: 0;
        padding: 0 12px 10px 12px;
        min-height: 65vh;
    }

    #pun-index #pun-main.main,
    #pun-viewforum #pun-main.main {
        padding-top: 37px;
    }

    .privet,
    #pun-announcement,
    #html-header .game-wanted,
    #ChangeStyle,
    #BookmCntToggle,
    #pun-index #pun-main h1 {
        display: none !important;
    }

    #pun-index #pun-crumbs1,
    #pun-viewforum #pun-crumbs1 {
        display: none !important;
    }

    #pun-crumbs1 {
        margin: 36px 0 10px;
        padding: 4px 18px;
        width: auto;
    }

    .punbb .linkst {
        float: none;
        overflow: hidden;
        height: auto;
        padding: 4px 8px;
        margin-bottom: 14px;
        display: flex;
        justify-content: space-between;
    }

    .linkst .postlink {
        position: static;
    }

    .linkst .pagelink {
        margin-top: 0 !important;
        position: static;
    }

    .linkst .postlink {
        font-size: 12px;
    }

    #pun-crumbs1 p.container {
        padding: 0;
        margin: 0;
    }

    .punbb .section h2,
    #pun-main h1,
    #pun-main h2 {
        width: 100%;
    }

    #pun-navlinks.mobilePinned .container {
        position: fixed;
        top: 0;
    }

    #pun-navlinks.mobilePinned+#pun-ulinks {
        position: fixed !important;
        top: 36px !important;
    }

    #pun #pun-ulinks {
        background-image: none !important;
        width: 100% !important;
        background: #1a2230;
        top: 116px !important;
        left: 0;
        height: 38px !important;
    }

    #pun #pun-ulinks:before {
        content: 'Меню';
        width: 100%;
        text-align: center;
        display: block;
        height: 38px;
        line-height: 38px;
        color: #b1aa8f;
        font-family: 'Genshin', serif;
        font-size: 16px;
    }

    #pun .punbb-admin #pun-ulinks {
        top: 36px !important;
    }

    #pun-navlinks {
        position: sticky !important;
        top: 0;
        left: 0;
    }

    #pun-ulinks .container {
        width: auto;
    }

    #pun-ulinks .bubble {
        right: 4px;
        top: 50%;
        translate: 0 -50%;
        font-size: 12px;
    }

    #pun-ulinks .bubble:after {
        display: none;
    }

    #pun-navlinks .container {
        position: static;
        margin: 0;
        flex-direction: row;
        width: 100%;
        height: 42px !important;
        justify-content: center;
    }

    #pun-navlinks {
        margin: 0 !important;
        z-index: 10000;
    }

    #pun #pun-navlinks .container li {
        line-height: 6px !important;
    }

    #pun .punbb #pun-navlinks .container li>a {
        background-color: transparent;
        height: 25px !important;
    }

    #pun #pun-navlinks a {
        background-size: 24px !important;
        background-repeat: no-repeat !important;
        background-position: 50% 50% !important;
    }

    #pun-navlinks #navindex a,
    #pun-navlinks #navindex a:hover {
        background-image: url(https://forumstatic.ru/uploads/001b/f1/af/2/428204.png) !important;
    }

    #pun-navlinks #navuserlist a,
    #pun-navlinks #navuserlist a:hover {
        background-image: url(https://forumstatic.ru/uploads/001b/f1/af/2/454144.png) !important;
    }

    #pun-navlinks #navsearch a,
    #pun-navlinks #navsearch a:hover {
        background-image: url(https://forumstatic.ru/uploads/001b/f1/af/2/783943.png) !important;
    }

    #pun-navlinks #navprofile a,
    #pun-navlinks #navprofile a:hover {
        background-image: url(https://forumstatic.ru/uploads/001b/f1/af/2/797802.png) !important;
    }

    #pun-navlinks #navpm a,
    #pun-navlinks #navpm a:hover {
        background-image: url(https://forumstatic.ru/uploads/001b/f1/af/2/389370.png) !important;
    }

    #pun-navlinks #navadmin a,
    #pun-navlinks #navadmin a:hover {
        background-image: url(https://forumstatic.ru/uploads/001b/f1/af/2/610553.png) !important;
    }

    #pun-navlinks #navlogout a,
    #pun-navlinks #navlogout a:hover {
        background-image: url(https://forumstatic.ru/uploads/001b/f1/af/2/559927.png) !important;
    }

    #pun-navlinks #navregister a,
    #pun-navlinks #navregister a:hover {
        background-image: url(https://forumstatic.ru/uploads/001b/f1/af/2/875571.png) !important;
    }

    #pun-navlinks #navlogin a,
    #pun-navlinks #navlogin a:hover {
        background-image: url(https://forumstatic.ru/uploads/001b/f1/af/2/233980.png) !important;
    }

    #pun-navlinks #navpr a {
        background-image: url(https://forumstatic.ru/uploads/001b/f1/af/2/637202.png) !important;
    }

    #pun-navlinks #navpr_1 a {
        background-image: url(https://forumstatic.ru/uploads/001b/f1/af/2/637202.png) !important;
    }

    #pun-navlinks #navpr_2 a {
        background-image: url(https://forumstatic.ru/uploads/001b/f1/af/2/637202.png) !important;
    }

    #pun-navlinks ul li#navpm span.num_msg {
        font-size: 10px !important;
        padding: 0 !important;
        border-radius: 50% !important;
        width: 14px !important;
        height: 14px !important;
        line-height: 14px !important;
        top: -2px;
        right: 16px;
    }

    span.num_msg:before {
        display: none !important;
    }

    /* header */
    #html-header {
        position: static;
        background-position: 50% -42px;
        background-color: #14232b;
        width: 100%;
        height: 80px;
    }

    .GenshinLogo {
        left: 50%;
        top: 0px;
        translate: -50% 0;
    }

    /* index */
    .punbb .section h2 {
        width: auto !important;
        position: static;
        height: 1em;
    }

    .punbb .section h2,
    #pun-main h1,
    #pun-main h2,
    #pun-stats.section h2,
    #pun-main .category h2 {
        width: auto;
        margin: 0px;
        padding: 0 12px;
        height: auto;
        line-height: 28px;
        background-position: 50% -8px !important;
        border-radius: 0;
        font-size: 14px !important;
    }

    .category .container>table tr {
        display: flex;
        flex-direction: column;
        padding: 0;
        margin: 1rem 0;
    }

    #pun-index .main .tcr {
        width: auto;
    }

    #pun-index td div.tclcon h3 {
        padding-left: 34px;
        text-align: left;
    }

    #pun-index td div.tclcon h3 a {
        margin: 0;
    }

    .punbb .category div.icon {
        display: block !important;
    }

    #pun-stats {
        padding: 0 14px 0 12px;
    }

    #pun-stats .container {
        flex-direction: column;
    }

    #pun-stats .container .item1,
    #pun-stats .container .item2 {
        flex-basis: 50%;
    }

    #pun-stats .container .item3,
    #pun-stats .container .item4 {
        flex-basis: 100%;
        text-align: left;
    }

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

    #html-footer .container {
        padding: 0 19px 0 12px;
    }

    .parth {
        margin: 0 !important;
        position: static;
        width: 100%;
        padding: 8px;
        background-color: #ede5d3;
        float: none;
        justify-content: center;
        gap: 12px;
    }

    .podpis {
        margin: 20px 0 0 !important;
        position: static;
        margin: 0;
        width: 100%;
    }

    .postik {
        display: none;
    }

    /* viewforum */

    .main .stickytext,
    .main .closedatafield {
        font-size: 0;
        display: inline-block;
        vertical-align: middle;
        margin-right: 2px;
    }

    .main .stickytext:before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yMSAxMkMyMSAxNi45NzA2IDE2Ljk3MDYgMjEgMTIgMjFDNy4wMjk0NCAyMSAzIDE2Ljk3MDYgMyAxMkMzIDcuMDI5NDQgNy4wMjk0NCAzIDEyIDNDMTYuOTcwNiAzIDIxIDcuMDI5NDQgMjEgMTJaIiBzdHJva2U9IiNhNDI0MDQiIHN0cm9rZS13aWR0aD0iMiIvPg0KPHBhdGggZD0iTTEyIDhMMTIgMTMiIHN0cm9rZT0iI2E0MjQwNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4NCjxwYXRoIGQ9Ik0xMiAxNlYxNS45ODg4IiBzdHJva2U9IiNhNDI0MDQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+DQo8L3N2Zz4=');
        background-size: contain;
        background-position: 50% 50%;
    }

    .main .closedatafield:before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMyAxNUMxMyAxNS41NTIzIDEyLjU1MjMgMTYgMTIgMTZDMTEuNDQ3NyAxNiAxMSAxNS41NTIzIDExIDE1QzExIDE0LjQ0NzcgMTEuNDQ3NyAxNCAxMiAxNEMxMi41NTIzIDE0IDEzIDE0LjQ0NzcgMTMgMTVaIiBzdHJva2U9IiM0NjQzNjMiIHN0cm9rZS13aWR0aD0iMiIvPg0KPHBhdGggZD0iTTE1IDlDMTYuODg1NiA5IDE3LjgyODQgOSAxOC40MTQyIDkuNTg1NzlDMTkgMTAuMTcxNiAxOSAxMS4xMTQ0IDE5IDEzTDE5IDE1TDE5IDE3QzE5IDE4Ljg4NTYgMTkgMTkuODI4NCAxOC40MTQyIDIwLjQxNDJDMTcuODI4NCAyMSAxNi44ODU2IDIxIDE1IDIxTDEyIDIxTDkgMjFDNy4xMTQzOCAyMSA2LjE3MTU3IDIxIDUuNTg1NzkgMjAuNDE0MkM1IDE5LjgyODQgNSAxOC44ODU2IDUgMTdMNSAxNUw1IDEzQzUgMTEuMTE0NCA1IDEwLjE3MTYgNS41ODU3OSA5LjU4NTc5QzYuMTcxNTcgOSA3LjExNDM4IDkgOSA5TDEyIDlMMTUgOVoiIHN0cm9rZT0iIzQ2NDM2MyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8cGF0aCBkPSJNOSA5VjVDOSAzLjg5NTQzIDkuODk1NDMgMyAxMSAzSDEzQzE0LjEwNDYgMyAxNSAzLjg5NTQzIDE1IDVWOSIgc3Ryb2tlPSIjNDY0MzYzIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+');
        background-size: contain;
        background-position: 50% 50%;
    }

    .forum .user-avatar {
        display: none;
    }

    .forum tr {
        display: flex;
        border-bottom: solid 1px #b9b09b;
    }

    .forum tr.inew {
        background-color: #bbac8b5c;
    }

    #pun-searchtopics .main .tcl .icon,
    .forum div.icon {
        display: block !important;
        width: 16px !important;
        height: 16px !important;
        background-size: contain !important;
        top: 10px;
        left: 10px;
    }

    .punbb .forum tbody.hasicon td.tcl {
        padding-left: 34px !important;
    }

    #pun-viewforum div.tclcon {
        padding: 0;
    }

    .forum .tcl {
        flex: 0 0 65%;
    }

    #pun-modviewforum .forum .tcl {
        flex: 0 0 66%;
    }

    .forum .tcl .byuser {
        display: none;
    }

span.pagestext {
    display: flex;
    width: 100%;
    justify-content: flex-start;
}

span.pagestext > * {
    padding: 8px 12px 0 0;
}

span.newtext {
    display: flex;
}

span.newtext > * {
    padding: 8px 8px 0 0;
}

.linksb .pagelink {
    float: none;
    padding: 12px 0;
}

.linksb .pagelink > * {
    font-size: 13px;
    padding: 6px;
}

    .forum .tcr {
        display: flex;
        flex-direction: column;
        flex: 0 0 35%;
    }

    .punbb td.tcl {
        font-size: 0.8rem;
    }

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

    .punbb .modmenu strong,
    .punbb .modmenu a {
        font-size: 12px;
    }

    .linksb .postlink {
        font-size: 12px;
    }

    /* topic */

    #pun-viewtopic #pun-crumbs2 {
        display: block !important;
        width: auto !important;
    }

    .punbb .post h3 {
        margin: 0 0 6px;
        padding: 0;
    }

    .punbb .post h3 span {
        padding: 4px 12px;
    }

    .punbb .post .post-author {
        width: 100% !important;
    }

    .punbb .post .post-author:before {
        display: none;
    }

    #pun-main .post-author ul {
        background: url(https://forumstatic.ru/uploads/001b/f1/af/2/635958.png);
        background-size: 100%;
        background-repeat: repeat-y;
    }

    #pun-main .post-author ul li {
        margin: 0;
        width: calc(100% - 60px);
    }

    #pun-main .post-author ul {
        display: flex;
        flex-direction: column;
        position: relative;
    }

    #pun-main .post-author ul li.pa-avatar {
        position: absolute;
        right: 10px;
        top: 10px;
        width: auto;
    }

    #pun-main .post-author ul li.pa-avatar img {
        margin: 0;
    }

    .post-author .pa-posts {
        display: none !important;
    }

    .post-author .pa-respect {
        display: block !important;
    }

    .punbb .post-content {
        overflow-x: auto !important;
    }

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

    li.pa-title,
    li.pa-posts {
        padding: 0 5px !important;
    }

    #form-buttons tr {
        display: flex;
        flex-wrap: wrap;
    }

    #form-buttons td {
        width: 26px;
        height: 26px;
    }

    p.formsubmit {
        text-align: center;
    }

    #main-reply {
        margin: auto;
    }

    #mask_dialog .hv-mask-block {
        flex-direction: column;
    }

    #mask_dialog .hv-preview-block {
        max-width: 100%;
        display: flex;
        gap: 6px;
        background: #000;
        background: #d8cfb9;
        padding: 8px;
    }

    #mask_dialog .hv-preview-block img {
        max-width: 100px !important;
        min-height: 100px !important;
    }

    #mask_dialog .hv-masks-storage {
        justify-content: center;
    }

    /* form */

    #form-buttons {
        margin-bottom: 12px;
    }

    #post-form {
        padding: 0 8px;
    }

    .resizable-textarea>span {
        display: block;
    }

    #main-reply {
        margin: 0;
        box-sizing: border-box;
        max-width: 100% !important;
    }

    #post div.fs-box>.longinput:last-child span {
        min-width: 0 !important;
    }

    .post-sig {
        display: none;
    }

    /* profile */

    #profilenav {
        display: block;
        width: 100%;
        margin-bottom: 12px;
    }

    #viewprofile ul,
    #profilenav ul {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    #viewprofile li span {
        background: #ccc8bf;
        border: none;
    }

    /* messages */

    #pun-messages #profilenav {
        flex-direction: column;
        gap: 12px;
    }

    #pun-messages .main table * {
        box-sizing: border-box;
    }

    #pun-messages .main thead {
        display: none;
    }

    #pun-messages .main tr {
        display: flex;
        flex-wrap: wrap;
    }

    #pun-messages .main tr+tr {
        border-top: solid 1px #a9a08d;
    }

    #pun-messages .main tr.inew {
        background-color: #bbac8b5c;
    }

    #pun-messages .user-avatar {
        display: none !important;
    }

    #pun-messages .main .pmtcl1 {
        flex: 0 0 100%;
        font-size: 14px !important;
        padding: 8px !important;
    }

    #pun-messages .main .pmtc22 {
        flex: 0 0 50%;
        text-align: left;
    }

    #pun-messages .main .pmtc33 {
        flex: 0 0 40%;
    }

    #pun-messages .main .pmtc24 {
        flex: 0 0 10%;
        padding: 8px 0 !important;
    }

    /* other */

    #pun-main>.formal {
        padding: 12px 8px;
    }

    .hvStickerPackModal.active {
        width: 90vw !important;
        margin: 0;
    }

    .ismoderator #pun-navlinks #navlogout #form-login {
        margin: 0 !important;
        top: 10px;
        right: 7px;
        position: absolute !important;
        width: 239px;
    }

    #List-UserNames {
        right: 0;
        top: 104%;
        width: 238px;
    }

    .punbb #pun-navlinks #form-login a.Rega,
    .punbb #pun-navlinks #form-login a.Forgot {
        background-image: none !important;
        background: none;
        box-shadow: none;
        width: auto !important;
        height: auto !important;
        padding: 3px 16px !important;
        margin-top: 8px;
        color: #000;
    }

    #pun #pun-navlinks #List-UserNames li {
        line-height: 1.2em !important;
        padding: 4px !important;
    }

    .punbb #pun-navlinks a#New-exit {
        margin: 0 !important;
    }

    .FNTslider {
        float: none !important;
    }

    /* respect */

    #pun-respect .main thead {
        display: none;
    }

    #pun-respect .main tr {
        display: flex;
        flex-wrap: wrap;
        padding: 8px;
        gap: 0;
    }

    #pun-respect .main tr+tr {
        border-top: solid 1px #a19070;
    }

    #pun-respect .main tr td {
        padding: 4px 0;
    }

    #pun-respect .main tr .tcl {
        font-size: 10px;
        order: 5;
        flex: 0 0 40%;
        text-align: right;
    }

    #pun-respect .main tr .tc2 {
        font-size: 10px !important;
        order: 0;
        flex: 0 0 5%;
        font-weight: 700;
    }

    #pun-respect .main tr .tc3 {
        font-size: 10px;
        order: 1;
        flex: 0 0 30%;
    }

    #pun-respect .main tr .tc4 {
        font-size: 10px;
        order: 4;
        flex: 0 0 60%;
    }

    #pun-respect .main tr .tcr {
        font-size: 10px;
        order: 2;
        flex: 0 0 65%;
        text-align: right;
    }

    #pun .hvMiniProfileWrapper {
        position: absolute;
        bottom: 0;
    }

    #pun .hvMiniProfile {
        left: 2px;
        top: -10px;
        width: 36px;
        border-radius: 0;
    }

    .punbb .formal span.input {
        position: relative;
    }

    .online-list tr {
        display: flex;
        flex-wrap: wrap;
        border-bottom: solid 1px #cfbfa0;
    }

    .online-list tr .username {
        order: 0;
        flex: 1 0 60%;
    }

    .online-list tr .action {
        order: 2;
        flex: 0 1 100%;
    }

    .online-list tr .tc3 {
        order: 1;
        flex: 1 0 40%;
    }

    .online-list thead {
        display: none;
    }

    .reactions-root {
        bottom: 29px;
        width: calc(100% - 74px);
    }

    .reaction-picker-panel {
        right: -25px;
    }

    .post-vote {
        bottom: 38px;
        right: 13px;
    }

    .post-box div.post-vote a {
        width: 32px;
        border-width: 1px 1px 0;
        border-radius: 4px 4px 0 0;
    }

    .post-vote-confirm::before {
        font-size: 30px;
    }

    .post-voters-tip {
        display: none !important;
    }

    .punbb .formsubmit input,
    .punbb .formsubmit a,
    .punbb .formsubmit span {
        color: #666;
    }

}

/* ЛИЧНАЯ ТЕМА */

.punbb .post-box:has(.personalFile) {
    border-image-width: 0 0 0 0 !important;!i;
    padding: 0;
}

.punbb .post-content:has(.personalFile) {
    padding: 0;
}

.punbb .post-content:has(.personalFile) .post-sig,
.punbb .post-box:has(.personalFile) .post-rating,
.punbb .post-box:has(.personalFile) + .clearer + .reactions-root {
    display: none;
}

.post-content .personalFile {
    box-sizing: border-box;
    position: relative;
}

.post-content .personalFile p,
.post-content .personalFile img {
    padding: 0;
    margin: 0 !important;
}

.post-content .personalFile .banner {
    overflow: hidden;
    width: 100%;
    height: 220px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.post-content .personalFile .banner img {
    width: 100%;
}

.post-content .personalFile .avatar {
    position: absolute;
    top: 40px;
    left: 50%;
    translate: -50% 0;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 0 0px 2px #ffffff66;
}

.post-content .personalFile .info {
    border-image: none;
    padding: 8px;
    margin: 10px 10px 0;
    font-size: 14px;
    font-weight: 100;
    border: solid 2px #e5ddd2;
}

.post-content .personalFile .info p + p {
    margin-top: 8px;
}

.post-content .personalFile .charlist {
    margin-top: 10px;
}

.post-content .personalFile .charlist:before {
    content: 'Твинки:';
    display: block;
    text-align: center;
    font-size: 16px;
    font-family: 'Genshin', serif;
}

.post-content .personalFile .charlist ul {
    list-style: none;
    margin: 10px 10px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.post-content .personalFile .charlist ul li {
    box-sizing: border-box;
    list-style: none;
    flex: 0 0 20%;
    padding: 4px 8px;
}

.post-content .personalFile .charlist ul li p {
    text-align: center;
    font-family: 'Genshin', serif;
}

.post-content .personalFile .quicklinks {
    margin-top: 12px;
    padding: 10px 20px;
}

.post-content .personalFile .quicklinks:before {
    content: "Быстрые ссылки:";
    display: block;
    text-align: center;
    font-size: 16px;
    font-family: Genshin, serif;
}

.post-content .personalFile .quicklinks ul {
    padding: 0;
    margin: 0;
}

.post-content .personalFile .quicklinks ul li {
    list-style: none;
}

.post-content .personalFile .quicklinks ul li img {
    width: 24px;
    max-height: 24px;
}