/***************************************************************
Вёрстка выполнена max, the murderer! © 2023
***************************************************************/


/***************************************************************
- BASIC
***************************************************************/

@charset "windows-1251";


/* Variables
------------------------------------------------------------- */

:root,
.medium {
    --basic: 0 0 0;
    --white: 255 255 255;
    --green500: 15 36 26;
    --green400: 33 59 46;
    --green300: 49 71 62;
    --green200: 65 87 79;
    --green100: 172 191 182;
    --gray400: 131 131 131;
    --gray300: 156 156 156;
    --gray200: 182 182 182;
    --gray100: 201 201 201;
}


/* Bg
--------------------------------- */

html {
    background: rgb(var(--green400)) url(/files/001b/cf/94/29535.jpg) repeat-y fixed top center;
    padding: 212px 64px 80px !important;
    min-width: 1100px;
}

#pun {
    width: 1000px;
    margin: 0 auto !important;
    background-color: rgb(var(--gray200));
    background: url(/files/001b/cf/94/81988.jpg) no-repeat top center, url(/files/001b/cf/94/89808.jpg) no-repeat bottom center, url(/files/001b/cf/94/85229.jpg) repeat-y top center;
    padding: 16px 16px 32px;
    box-sizing: border-box;
}


/* Footer
--------------------------------- */

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

.bottombanners {
    height: 64px;
    margin: 16px 16px 8px !important;
    overflow-y: auto;
    opacity: .6;
    transition: all .2s ease;
}

.bottombanners:hover {
    opacity: 1;
}

.bottombanners img {
    width: 88px;
    height: 31px;
    object-fit: cover;
}


/* Copyright
------------------------------------------------------------------ */

#copyright {
    text-align: center;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    left: 0;
    position: fixed;
    bottom: 0;
    z-index: -1;
    height: 80px;
    font: 300 0.8em 'rubik', verdana, sans-serif;
    text-transform: uppercase;
    color: rgb(var(--gray200));
    letter-spacing: 0.5px;
}

#copyright a {
    margin-left: 0.5em;
    display: inline-block;
    color: rgb(var(--gray200));
}

#copyright a:hover {
    color: rgb(var(--white));
}



/***************************************************************
- HEADLINES
***************************************************************/


/* Category
------------------------------------------------------------------ */

#pun .category h2,
#pun-debug h2,
#viewprofile h2,
#pun-stats h2,
.punbb .main h1,
#post-form h2 {
    text-align: center !important;
    padding: 8px 16px;
    margin: 16px !important;
    box-sizing: border-box;
    font: 600 18px 'Brand', 'Playfair Display SC', serif;
    color: rgb(var(--green400));
    text-transform: uppercase;
}

.punbb .main h1 {
    margin: 16px 16px 40px;
}

#pun-index .category h2 span,
#pun-stats h2 span {
    display: none;
}

#pun-index .category h2,
#pun-stats h2 {
    height: 48px;
}

.category-1 {
    background: url(/files/001b/cf/94/38374.png) no-repeat top center;
}

.category-2 {
    background: url(/files/001b/cf/94/76935.png) no-repeat top center;
}

.category-3 {
    background: url(/files/001b/cf/94/94247.png) no-repeat top center;
}

.category-4 {
    background: url(/files/001b/cf/94/38508.png) no-repeat top center;
}

.category-5 {
    background: url(/files/001b/cf/94/46375.png) no-repeat top center;
}

.category-6 {
    background: url(/files/001b/cf/94/66186.png) no-repeat top center;
}

#pun-stats h2 {
    background: url(/files/001b/cf/94/89357.png) no-repeat top center;
    margin-bottom: 32px !important;
}


/* Font slider */

.FNTslider {
    display: inline-block;
    float: right;
    margin: 2px 16px 0 0 !important;
    z-index: 0;
    background: rgb(var(--green500) / .12);
    width: 120px;
    height: 8px;
}

.FNTslider .before {
    height: 8px;
    position: absolute;
    background: rgb(var(--green300) / .6);
}

.FNTslider .thumb {
    width: 12px;
    height: 8px;
    position: relative;
    background: rgb(var(--green300));
    cursor: pointer;
}


/* Basic headlines
------------------------------------------------------------------ */

#profilenav h2 {
    padding-bottom: 8px!important;
}

#post-form h2 {
    text-align: center;
}


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

#viewprofile-next #profilenav {
    width: unset;
    margin: 0;
    display: inline-block !important;
}

body #profilenav h2 {
    margin-right: 0;
    padding: 2px 0 5px !important;
    font-size: 1.2em;
}

#pun:not(.isguest) #viewprofile-next #viewprofile {
    position: relative;
    display: inline-block;
    width: 85%;
}

#viewprofile-next #viewprofile ul {
    padding: 0 16px 0.8em;
    margin: -5px 0 1em 0;
}

#pun-profile fieldset:not(.radiofield) {
    padding: 0 2em;
}

#profilenav li.isactive a {
    color: rgb(var(--basic));
}


/***************************************************************
- ICONS & TRS
***************************************************************/

table tr div.icon {
    display: block;
    float: left;
    width: 33px;
    height: 33px;
    margin: -8px 8px 0 0;
    background: transparent url(/files/001b/cf/94/87294.png) no-repeat center center;
}

table tr.inew div.icon {
    background: transparent url(/files/001b/cf/94/58277.png) no-repeat center center;
}

.punbb tr.isticky div.icon {
    background: transparent url(/files/001b/cf/94/32084.png) no-repeat center center;
}

.punbb tr.iclosed div.icon {
    background: transparent url(/files/001b/cf/94/49891.png) no-repeat center center;
}

.punbb table thead {
    font-size: 10px;
}


/***************************************************************
- PROFILE © max, the murderer!
***************************************************************/

.punbb .post-author {
    float: left;
    width: calc(212px + 16px);
    text-align: center;
    margin-left: -48px;
    padding: 8px 16px 16px;
    box-sizing: border-box;
    transition: all ease .2s;
    color: rgb(var(--gray200));
    border-radius: 0 16px 0 0;
    background-color: rgb(var(--gray200));
    background: url(/files/001b/cf/94/82518.jpg) no-repeat top center, url(/files/001b/cf/94/39702.jpg) repeat top center;
    box-shadow: inset 0 0 32px rgb(var(--green500) / .6);
    position: relative;
}

.punbb .post-author ul {
    box-sizing: border-box;
    background: rgb(var(--green500)) url(/files/001b/cf/94/77308.jpg) repeat top center !important;
    box-shadow: inset 0 0 32px rgb(var(--green500) / .6);
    padding: 8px;
    border-radius: 0 16px 0 0;
    font-size: 10px;
}

.punbb .post-author li {
    padding: 4px 0;
}

.punbb .post-author li a {
    color: rgb(var(--white));
}

.punbb .post-author li a:hover {
    color: rgb(var(--gray300));
}

.pa-fld1 {
    position: absolute;
    width: 100%;
    background: rgb(var(--gray200)) url(/files/001b/cf/94/39702.jpg) repeat top center;
    box-shadow: inset 0 4px 16px rgb(var(--green500) / .6);
    border-radius: 16px 16px 0 0;
    height: 16px;
    top: -24px;
    left: 16px;
    width: 190px;
    padding: 6px 0 2px!important;
    color: rgb(var(--green200));
    font: 800 16px/100% 'Brand', 'Playfair Display SC', serif;
}

.punbb .post-author .pa-author {
    text-align: center;
    display: block;
    width: 100%;
    margin-bottom: 4px;
}

.punbb .post-author .pa-author,
.punbb .post-author .pa-author a {
    font: 800 18px/100% 'Playfair Display SC', serif;
    text-transform: uppercase;
    color: rgb(var(--green200));
}

.punbb .post-author .pa-author a:hover {
    color: rgb(var(--basic))
}

.punbb .post-author .pa-title {
    font-size: 10px;
    padding-top: 0;
    color: rgb(var(--punbb));
}

.punbb .post-author .pa-fld2 {
    padding-top: 0 !important;
}

.punbb .post-author .pa-fld2 .lz .ank,
#pa-fld2 .lz .ank {
    display: block;
    font: 700 12px/140% 'Open Sans', verdana, sans-serif;
    text-transform: uppercase;
}

.punbb .post-author .pa-fld2 lz_text,
#pa-fld2 lz_text {
    font-size: 10px;
    margin: 2px 0;
    display: block;
    padding: 4px 0;
text-align: justify;
    border: 2px solid rgb(var(--green500));
    border-width: 2px 0;
}

.punbb .post-author .field_wrap {
    display: flex;
    justify-content: center;
    gap: 4px;
}

.punbb .post-author .field_wrap li {
    display: inline-block;
}

.punbb .post-author .field_wrap .fld-name {
    font-size: 0;
}

.punbb .post-author .pa-posts,
.punbb .post-author .pa-respect,
.punbb .post-author .pa-fld4 {
    margin: 8px 0 4px;
    padding: 4px 8px;
}

.punbb .post-author .pa-respect .fld-name a {
    transition: all .2s ease;
}

.punbb .post-author .pa-respect .fld-name a:hover {
    -webkit-filter: brightness(2);
    filter: brightness(2);
}

.punbb .post-author .pa-posts:before,
.punbb .post-author .pa-respect .fld-name a:before,
.isguest .punbb .post-author .pa-respect .fld-name:before,
.punbb .post-author .pa-fld4:before {
    width: 26px;
    height: 26px;
    margin-bottom: 4px;
    display: block;
}

.punbb .post-author .pa-posts:before {
    content: url(/files/001b/cf/94/58125.png);
}

.punbb .post-author .pa-respect .fld-name a:before,
.isguest .punbb .post-author .pa-respect .fld-name:before {
    content: url(/files/001b/cf/94/11992.png);
}

.punbb .post-author .pa-fld4:before {
    content: url(/files/001b/cf/94/67864.png);
}

.punbb .post-author .pa-fld3,
.punbb .post-author .pa-fld5 {
    background: rgb(var(--green500) / .25);
    border-radius: 8px;
    padding-top: 2px;
    width: 100%;
}

#pa-fld2 .lz,
#pa-fld5 strong {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#pa-fld4 .GamePst {
    margin-left: 0;
    padding: 0;
    float: none;
}

#pa-fld2 .lz .ank {
    display: block;
}


/* Post date & number
------------------------------------------------------------------ */

#pun-main .post h3 {
    background: transparent url(/files/001b/cf/94/91451.png) no-repeat 72px 0%;
    height: 48px;
    text-transform: uppercase;
    font-size: 10px;
    padding: 16px 22px 0 210px;
    box-sizing: border-box;
}

.punbb .post h3 span {
    font-weight: normal;
}

.punbb .post h3 .permalink {
    float: left;
}

.punbb .post h3 span strong {
    font-weight: normal;
    float: right;
}

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


/* Post Links
------------------------------------------------------------------ */

.punbb .post-links {
    padding: 0 8px;
}

.punbb .post-links li {
    display: inline-block;
    margin: 0 !important;
}

.punbb .post-links ul li:not(:last-child) {
    padding-right: 12px;
}


/* Signature
------------------------------------------------------------------ */

.punbb .post-sig dt {
    width: 40%;
    border-top: 1px solid rgb(var(--basic) / .12) !important;
    margin: 10px 0px 10px 0;
    margin-left: 30%;
}

#profile-signature ul {
    border-top: 1px solid rgb(var(--basic) / .12) !important;
    padding-top: 10px !important;
}


/***************************************************************
- BUTTONS, INPUTS, BOXES
***************************************************************/


/* Boxes
------------------------------------------------------------------ */

.punbb .code-box,
.punbb .quote-box {
    background: rgb(var(--gray300) / .25);
    box-shadow: inset 0 0 10px rgb(var(--green500) / .25);
    padding: 8px !important;
    margin: 8px 0.5em 4px !important;
    position: relative;
    z-index: 0;
}

.punbb .quote-box cite,
.punbb .code-box strong.legend a {
    display: block;
    font: 600 14px 'Playfair Display SC', serif;
    text-transform: uppercase;
    margin: 4px 0 2px 4px;
    color: rgb(var(--green300));
}

.punbb .code-box strong.legend a:hover {
    color: rgb(var(--basic));
}

.punbb .post-content .blockcode div {
    margin: 8px;
    line-height: 150%;
    font-size: 11px;
}


/* Spoiler
------------------------------------------------------------------ */

.post-content .spoiler-box {
    transition: all .2s ease;
}

.post-content .spoiler-box>div {
    padding: 2px 0;
    text-align: center;
    margin: 0 8px;
    font-size: 14px;
    font-weight: bold;
    font: 600 14px 'Playfair Display SC', serif;
    text-transform: uppercase;
    transition: opacity .2s ease;
}

.post-content .spoiler-box>div[onclick]:hover {
    opacity: .6;
}

#pun-main .spoiler-box blockquote .htmldemo {
    padding: 0.3em 0.3em 0.6em 0.3em;
}

.post-content .spoiler-box > blockquote {
    display: block !important;
    opacity: 0;
    transform-origin: 50% 0;
    height: 0;
    padding-top: 0 !important;
    transition: all .2s ease;
}

.post-content .spoiler-box > blockquote.visible {
    opacity: 1;
    height: auto;
    padding-top: 1.4em !important;
}


/* Modal
------------------------------------------------------------------ */

.inner,
.punbb .pun-modal .section {
    background: rgb(var(--gray200));
    padding-top: 12px;
padding-bottom: 12px;
}

#pun-report .bg,
#pun-reputation .bg,
#pun-admin-award-form .bg {
    background: #0d0d0d !important;
}


#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
background: rgb(var(--gray200));
}

/* Inputs & Buttons
------------------------------------------------------------------ */

.punbb textarea,
.punbb input[type="number"],
.punbb select,
.punbb input[type="text"],
.punbb input[type="password"],
#s-block input {
    padding: 8px !important;
    box-sizing: border-box;
    border: 1px solid rgb(var(--gray300));
    border-radius: 0;
    background: rgb(var(--gray200));
    color: rgb(var(--basic));
}

.punbb select {
    cursor: pointer;
    padding-top: 7px;
}

.punbb select option {
    background: rgb(var(--punbb));
    background-size: 15%;
    color: rgb(var(--basic));
}

#isk {
    border: none !important;
}

.punbb input[type="submit"],
.punbb input[type="button"],
.punbb button {
    font: 700 1em 'Open Sans', verdana, sans-serif;
    text-transform: uppercase;
    transition: all ease .2s;
    border: none !important;
    border-radius: 0;
    padding: 8px 12px;
    margin: 0.25em 0.5em 0.25em 0;
    cursor: pointer;
    transition: all .2s ease;
    background: rgb(var(--green300));
    color: rgb(var(--gray100));
    -webkit-appearance: none;
}

.punbb input[type="submit"]:hover,
.punbb input[type="button"]:hover {
    background: rgb(var(--gray200));
    color: rgb(var(--green300));
}

.punbb button:active,
.punbb input[type="submit"]:active,
.punbb input[type="button"]:active {
    transform: scale(0.95);
}

.punbb button {
    background: rgb(var(--gray200));
    color: rgb(var(--green300));
    border-radius: 0;
}

.punbb button:hover,
.punbb button:focus {
    background: rgb(var(--green300));
    color: rgb(var(--gray100));
}

.punbb button:active {
    box-shadow: none;
}

#reputationButtonCancel {
    margin-left: 6px;
}

.fs-box.hashelp .container,
#post-sig .container {
    background: rgb(var(--gray300));
    padding: 8px 12px !important;
    margin-top: 0 !important;
    max-height: 180px;
    overflow-y: auto;
}

#pun-profile .fs-box.hashelp .container,
#pun-profile #post-sig .container {
    margin-top: 5px !important;
}

body #keyboard-span input {
    background: rgb(var(--white) / .38);
    transition: all .2s ease;
    vertical-align: middle;
    padding: 0 8px;
}

body #keyboard-span input:hover {
    background: rgb(var(--green300));
    color: rgb(var(--white)) !important;
    cursor: pointer;
}

.punbb button:hover,
.punbb button:focus,
.punbb input[type="submit"]:hover,
.punbb input[type="submit"]:focus {
    cursor: pointer;
}

button:focus,
input:focus,
textarea:focus {
    outline: none;
}

.punbb label:not(.adlabel) {
    font-weight: normal;
    font-size: 10px;
    letter-spacing: 0.4px;
    color: rgb(var(--basic));
    line-height: 16px;
}

.punbb input~label {
    font-size: 1em !important;
    text-transform: none !important;
}

#s-block {
    margin: 4px 0;
}

#s-block #isk {
    color: rgb(var(--basic));
}


/* Symbol counters */

#plng {
    background: rgb(var(--gray200));
    padding: 8px 12px;
    display: inline-block;
    margin-right: 8px;
    font: 400 1em 'Open Sans', verdana, sans-serif;
    text-transform: uppercase;
    margin-left: 4px;
    font-size: 1em;
}


/* Selection fix for Safari
------------------------------------------------------------------ */


/* Safari 7.1+ */

_::-webkit-full-page-media,
_:future,
 :root {
    input[type=text],
    input[type=submit],
    textarea,
    keygen,
    select,
    button {
        -webkit-appearance: none;
    }
}


/* Safari 10.1+ */

@media not all and (min-resolution:.001dpcm) {
    @media {
        input[type=text],
        input[type=submit],
        textarea,
        keygen,
        select,
        button {
            -webkit-appearance: none;
        }
    }
}


/***************************************************************
- LINKS
***************************************************************/


/* Basic
------------------------------------------------------------------ */

.punbb a,
.punbb a:link,
.punbb a:visited,
.punbb-admin #pun-admain a,
.punbb-admin #pun-admain a:link,
.punbb-admin #punbb-admain a:visited {
    color: rgb(var(--green300));
    text-decoration: none;
    transition: color .2s ease, background-color .2s ease, filter .2s ease;
    -webkit-transition: color .2s ease, background-color .2s ease, filter .2s ease;
}

.punbb a:hover,
.punbb-admin #pun-admain a:hover {
    color: rgb(var(--basic));
}


/* Navlinks
------------------------------------------------------------------ */

#pun-navlinks .container li a {
    display: inline-block;
    padding: 0 4px;
    text-transform: uppercase;
    font: 600 18px 'Playfair Display SC', serif;
    -webkit-text-size-adjust: none;
    letter-spacing: 1px;
}


/* Ulinks
------------------------------------------------------------------ */

#pun-ulinks .container li a {
    display: inline-block;
    margin-top: 4px;
    padding: 0 4px;
    font: 600 10px 'Playfair Display SC', serif;
    text-transform: uppercase;
    -webkit-text-size-adjust: none;
    letter-spacing: 1px;
}


/* Notifications link size fix for iOS */

#pun-ulinks li.item7 a {
    position: relative;
}


/***************************************************************
- FORUMS
***************************************************************/


/* Basic
--------------------------------------------------------------- */

#pun-index .category .container {
    margin: 0 16px !important;
}

#pun-index .main .tcl {
    padding: 0;
}

#pun-index .tcl h3 a {
    font: 600 18px 'Playfair Display SC', serif;
    text-transform: uppercase;
    display: block;
    margin: 8px 0 4px;
}

#pun-index .podforum {
    font-size: 10px;
    padding: 8px;
    background: rgb(var(--gray300) / .25);
    box-shadow: inset 0 0 10px rgb(var(--green500) / .25);
    display: flex;
    margin-bottom: 16px;
}

#pun-index .podforum .f_desc {
    display: inline-block;
}

#pun-index .podforum .f_desc span {
    display: block;
    margin-bottom: 8px;
}

#pun-index .podforum .f_links {
    display: inline-flex;
    flex-direction: column;
    margin-left: 16px;
    flex-shrink: 0;
    width: 180px;
    gap: 4px;
}

#pun-index .podforum .f_links a {
    padding: 4px 12px;
    background: rgb(var(--gray300) / .25);
    box-shadow: inset 0 0 10px rgb(var(--green500) / .25);
    font: 700 10px 'rubik', verdana, sans-serif;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(var(--basic));
    transition: all .2s ease;
    flex: 1;
}

#pun-index .podforum .f_links a:hover {
    color: rgb(var(--white));
    background: rgb(var(--green300));
}

#pun-index .main tr .tcr {
    padding-top: 48px;
}

.punbb .user-avatar .avatar-image {
    transition: all .2s ease;
    border-radius: 0 !important;
    -webkit-filter: sepia(1) hue-rotate(100deg);
    filter: sepia(1) hue-rotate(100deg);
}

.punbb .user-avatar .avatar-image:hover {
    -webkit-filter: sepia(0) hue-rotate(0);
    filter: sepia(0) hue-rotate(0);
}

.punbb .user-avatar {
    margin-top: -3px !important;
}

#pun-index .main tr .tc2,
#pun-index .main tr .tc3 {
    display: none;
}

.punbb .icon[data-new-topics]:before,
.punbb .subforums span[data-new-topics]:before {
    background: rgb(var(--green300));
    margin: 8px 0 0 8px;
}


/***************************************************************
- MISC
***************************************************************/


/* Online indicator
------------------------------------------------------------- */

html .punbb .user-avatar .isonline {
    right: -8px;
    top: -6px;
    animation: none;
    z-index: 0;
    border: 3px solid rgb(var(--punbb));
    background: rgb(var(--success));
}


/* PM
------------------------------------------------------------- */

#pun-messages .post-author {
    border: 1px solid rgb(var(--html));
}

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


/* New posts in topic
------------------------------------------------------------- */

.post.isNew h3 .permalink::after {
    content: '';
    display: inline-block;
    position: relative;
    width: 7px;
    height: 7px;
    background: rgb(var(--green300));
    top: -1px;
    margin: 0 0 0 6px;
    border-radius: 50%;
}

.post:not(.isNew) h3>span:before {
    content: none;
}


/* PM notifications
------------------------------------------------------------- */

body span.num_msg {
    position: relative;
    font-size: 10px;
    margin: 0 !important;
    background: rgb(var(--green300));
    top: -4px;
    height: 16px;
    padding: 1px 5px 3px;
    border-radius: 0px;
}

body span.num_msg::before {
    display: none;
}


/* Notifications
------------------------------------------------------------- */

body .bubble {
    position: relative;
    margin: 0 8px -2px -4px;
    border-radius: 0px;
    background: rgb(var(--green300));
    padding: 0;
    top: -2px;
}

body .bubble:after {
    display: none;
}


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

#pun-stats .container {
    text-align: center;
    margin: -47px 0 0;
    padding: 0.8em 16px !important;
}

#pun-stats #onlinelist {
    text-align: left;
}

#pun-stats li.item1,
#pun-stats li.item2,
#pun-stats li.item3,
#pun-stats li.item4 {
    -webkit-text-size-adjust: none;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 4px;
    padding: 4px 12px;
    background: rgb(var(--gray300) / .25);
    box-shadow: inset 0 0 10px rgb(var(--green500) / .25);
    font: 400 10px 'rubik', verdana, sans-serif;
    text-transform: uppercase;
    text-align: center;
}

#pun-stats li.item1 strong,
#pun-stats li.item2 strong,
#pun-stats li.item3 strong,
#pun-stats li.item4 strong {
    font-weight: 900;
}


/* Basic body color
------------------------------------------------------------- */

html,
body,
.punbb .container,
.punbb .post-body,
#pun-title,
.punbb .section,
.punbb .forum,
.punbb .formal,
.punbb .modmenu,
.punbb .info,
.punbb .category,
.punbb .post,
#pun-debug h2,
.punbb-admin #pun-admain h2,
.punbb td,
.punbb fieldset,
#viewprofile ul,
#profilenav ul,
.punbb .post .post-body,
.post-links ul,
.post-links,
.usertable table,
.punbb th,
.punbb .quote-box,
.punbb .code-box,
#pun-ulinks li,
li#onlinelist,
#pun-help .formal .info-box h3.legend span,
li#onlinelist div,
#pun-help .formal .info-box h3.legend,
.punbb .divider,
.punbb .formal fieldset .post-box,
.punbb .info-box {
    border: none;
    color: rgb(var(--basic));
}


/* Hide elements
------------------------------------------------------------------ */

#pun-announcement h2,
p.lastedit,
.topic a.sharelink,
.category .container thead,
.punbb td .modlist,
#navawards,
#pun-title h1,
#pun-status .status-right,
.punbb .modmenu .container span {
    display: none !important;
}


/*  Font smoothing
------------------------------------------------------------------ */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* Outline in Chrome
------------------------------------------------------------------ */

textarea:active,
input:active,
input:focus,
 :focus {
    outline-color: transparent;
}


/* Bookmarks
------------------------------------------------------------------ */

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

#BookmCntToggle.default-style {
    color: rgb(var(--green500)) !important;
}

#MyBookmarks,
.editBookmark {
    background: url(/files/001b/cf/94/85229.jpg) repeat-y top right;
    padding: 16px;
}


/* Image upload
 -------------------------------------------------------------*/

#imageupload-left input[type=button] {
    width: auto!important;
}


/* Selection
------------------------------------------------------------------ */

::selection {
    color: rgb(var(--white));
    background: rgb(var(--green300));
}


/* Deleted text
------------------------------------------------------------------ */

del {
    color: transparent;
    background: rgb(var(--gray300) / .6);
    transition: all .2s ease;
    text-decoration: none;
}

del:hover {
    color: currentColor;
    background: transparent;
}


/* Underlined text
------------------------------------------------------------------ */

.bbuline {
    background: transparent;
    text-decoration-color: rgb(var(--green300)) !important;
}


/* Abbreviated text
------------------------------------------------------------------ */

.post-content abbr {
    text-decoration: underline dotted rgb(var(--green300));
    cursor: help !important;
}


/* Hide table borders in post
----------------------------------------------------------------------- */

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


/* Scrollbar
------------------------------------------------------------------ */

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: rgb(var(--green500));
}

::-webkit-scrollbar-thumb {
    background: rgb(var(--green200));
}

::-webkit-scrollbar-thumb:hover {
    background: rgb(var(--punbb));
}


/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--green300));
}


/* Tooltips
------------------------------------------------------------------ */

#tooltip {
    position: absolute;
    background-color: #000000c5;
    z-index: 999;
    max-width: 220px;
    font-size: 11px;
    display: none;
    color: rgb(255 255 255 / .87);
    text-align: center;
    padding: 4px 8px 4px;
    border-radius: 3px;
    font-family: tahoma, helvetica, verdana, arial;
}


/* Admin pages
------------------------------------------------------------------ */

#pun-admain h2,
#pun-admain legend span,
.punbb-admin #pun-admain h2 span {
    background-color: rgb(var(--green300)) !important;
    color: rgb(255 255 255 / 0.87);
}

.punbb-admin #pun-title {
    height: auto;
}

.punbb-admin #title-logo-table {
    text-align: center;
    margin: 0 auto;
}

.punbb-admin #pun-title TD.title-logo-tdl {
    width: unset;
}

.punbb-admin #pun-title TD.title-logo-tdr {
    position: relative;
    top: 0;
}


/* Commas in topic
------------------------------------------------------------------ */

#topic-users-in a:not(:last-child):after {
    content: ',';
    color: rgb(var(--basic));
}


/* Polls fix
------------------------------------------------------------------ */

#poll-special .poll2 td h1 {
    background: currentColor;
    padding: 1px;
}


/* Up & Down Arrows
------------------------------------------------------------------ */

.go-up, .go-down {
    cursor: pointer;
    display: none;
    z-index: 9999;
    position: fixed;
    right: 32px;
    transition: all .2s ease;
}

.go-up {
    top: calc(50vh - 53px);
}

.go-down {
    bottom: calc(50vh - 50px);
}

.go-up:hover,
.go-down:hover {
    -webkit-filter: brightness(1.4);
    filter: brightness(1.4);
}


/* Reply form
------------------------------------------------------------------ */

#main-reply {
    height: 200px;
}

#post-form fieldset {
    margin: 0 8px;
}

#form-buttons tr {
    display: flex;
    gap: 5px;
}

#form-buttons table {
    width: 100% !important;
}

#form-buttons td {
    flex: 1;
    background: none !important;
}

#form-buttons td img {
    position: relative;
}

#form-buttons td::before {
    transition: all .2s ease;
    color: rgb(var(--green300));
}

#form-buttons td:hover::before {
    color: rgb(var(--basic));
}

#button-smile {
    display: none;
}

body .hvStickerPackModal,
#mask_dialog .inner {    
    background: url(/files/001b/cf/94/39702.jpg) repeat top center;
    box-shadow: inset 0 0 32px rgb(var(--green500) / .6);
    padding: 16px;
    border-radius: 0;
}

#button-font,
#button-size,
#button-bold,
#button-italic,
#button-underline,
#button-strike,
#button-indent,
#button-left,
#button-center,
#button-right,
#floatbut,
#button-link,
#button-spoiler,
#button-image,
#button-video,
#button-hide,
#button-quote,
#button-code,
#button-color,
#button-table,
#button-smile,
#button-sticker,
#button-keyboard,
#button-addition,
#button-mask,
#button-transL,
#button-ChangeCase {
	position: relative !important;
	background: none !important;
}

#button-font:before,
#button-size:before,
#button-bold:before,
#button-italic:before,
#button-underline:before,
#button-strike:before,
#button-indent:before,
#button-left:before,
#button-center:before,
#button-right:before,
#floatbut:before,
#button-link:before,
#button-spoiler:before,
#button-image:before,
#button-video:before,
#button-hide:before,
#button-quote:before,
#button-code:before,
#button-color:before,
#button-table:before,
#button-smile:before,
#button-sticker::before,
#button-keyboard:before,
#button-addition:before,
#button-mask:before,
#button-transL:before,
#button-ChangeCase:before {
	content: "";
	height: 26px;
	width: 100%;
	display: block;
    position: absolute;
	top: 0;
	left: 0;
	font-family: 'FontAwesome';
	text-align: center;
	font-size: 15px;
	line-height: 26px;
	z-index: 0;
}

#button-font:before {
	content: "\f031"
}

#button-size:before {
	content: "\f034"
}

#button-bold:before {
	content: "\f032"
}

#button-italic:before {
	content: "\f033"
}

#button-underline:before {
	content: "\f0cd";
	top: 1px
}

#button-strike:before {
	content: "\f0cc"
}

#button-indent:before {
	content: "\f03c"
}

#button-left:before {
	content: "\f036"
}

#button-center:before {
	content: "\f037"
}

#button-right:before {
	content: "\f038"
}

#floatbut:before {
	content: "\f03b"
}

#button-link:before {
	content: "\f0c1"
}

#button-spoiler:before {
	content: "\f070";
	font-size: 17px
}

#button-image:before {
	content: "\f03e";
	font-size: 18px
}

#button-video:before {
	content: "\f167";
	font-size: 18px;
	top: 0px
}

#button-hide:before {
	content: "\f023"
}

#button-quote:before {
	content: "\f10e"
}

#button-code:before {
	content: "\f121";
}

#button-color:before {
	content: "\f576"
}

#button-table:before {
	content: "\f0ce"
}

#button-smile:before {
	content: "\f118"
}

#button-sticker:before {
	content: "\f118"
}

td#button-files_rusff,
td#button-graffiti_rusff {
	display: none !important;
}

#button-keyboard:before {
	content: "\f11c";
	font-size: 16px
}

#button-addition:before {
	content: "\f0fe"
}

#button-mask:before {
	content: "\f630"
}

#button-transL:before {
	content: "\f035"
}

#button-ChangeCase:before {
	content: "\f891"
}

#float {
    
}


/* Viewforum
------------------------------------------------------------------ */

#pun-viewforum .user-avatar,
#pun-userlist .user-avatar,
#pun-searchtopics .user-avatar {
    margin-right: 12px;
}

#pun-viewforum .linkst .pagelink,
#pun-viewforum .linkst .postlink,
#pun-modviewforum .linkst .pagelink,
#pun-searchtopics .linkst .pagelink {
    top: -30px !important;
}


/* Fast reputation © Deff
   style © max, the murderer!
------------------------------------------------------------ */

body div.post-rating p,
body div.post-vote p {
    padding: 0 !important;
    margin-left: 4px;
}
div .post-rating p > a,
div .post-vote p > a {
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    font-weight: 900;
    font-size: 10px !important;
    position: relative;
}
div .post-rating p:before,
div .post-vote p:before {
    position: absolute;
    content: '\f004';
    font-family: 'FontAwesome';
    font-size: 24px;
    margin-top: 1px;
    color: rgb(var(--gray200));
    transition: all .2s ease;
}
div .post-vote p:before {
    content: '\f075';
}
div .post-rating p:hover:before,
div .post-vote p:hover:before {
    color: rgb(var(--green300));
}
div .post-rating p:hover > a,
div .post-vote p:hover > a,
div .post-rating p.liked a {
    color: rgb(var(--white)) !important;
}
.post[data-group-id="3"] .post-rating {
    display: none;
}
.isguest .post .post-rating {
    pointer-events: none;
}


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

#pun-announcement {
    text-align: center;
    margin: 16px 16px 8px;
}

#pun-announcement a {
    display: inline-block;
    box-sizing: border-box;
    margin: 0 4px 4px 0;
    padding: 4px 12px;
    background: rgb(var(--gray300) / .25);
    box-shadow: inset 0 0 10px rgb(var(--green500) / .25);
    font: 700 10px 'Rubik', verdana, sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: rgb(var(--basic));
}

#pun-announcement a:hover {
    color: rgb(var(--white));
    background: rgb(var(--green200));
}


/* Header Table
------------------------------------------------------------------ */

#header_table {
    background: url(/files/001b/cf/94/41690.png) no-repeat 0 12px;
    z-index: -1;
    position: absolute;
    top: -212px;
    margin-left: -16px;
    height: 212px;
    color: rgb(var(--gray100)); 
    display: flex;
    flex-direction: row;
    font-family: 'Rubik', verdana, sans-serif;
}

#header_table a {
    color: rgb(var(--green100));
    -webkit-text-size-adjust: none;
}

#header_table a:hover {
    color: rgb(var(--gray200));
}

#header_table .column_left {
    padding-left: 0px;
    padding-top: 72px;
    width: 221px;
}

#header_table .ams {
    font-size: 9px;
font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0 8px;
    box-sizing: border-box;
    text-align: center;
    background: rgb(var(--basic) / .38);
    box-shadow: inset 0 0 10px rgb(var(--basic) / .25);
}

#header_table .weekly_post {
    margin-top: 4px;
    font-size: 10px;
    padding: 4px 4px 4px 8px;
    box-sizing: border-box;
    height: 84px;
text-transform: lowercase;
    background: rgb(var(--basic) / .38);
    box-shadow: inset 0 0 10px rgb(var(--basic) / .25);
}

#header_table .weekly_post .scrollable {
    overflow-y: auto;
    height: 100%;
}

#header_table .about {
    margin-top: 4px;
    padding: 6px 8px 0;
    height: 26px;
    line-height: 120%;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 8px;
    background: rgb(var(--basic) / .38);
    box-shadow: inset 0 0 10px rgb(var(--basic) / .25);
}

#header_table .column_right {
    margin-left: 324px;
    padding-top: 49px;
    width: 302px;
    text-align: right;
}

#header_table .nav_links {
    text-align: center;
    margin-bottom: 6px;
    margin-top: 4px;
    background: rgb(var(--basic) / .38);
    box-shadow: inset 0 0 10px rgb(var(--basic) / .25);
}

#header_table .nav_links a {
    font-size: 9px;
font-weight: bold;
    text-transform: uppercase;
}

#header_table .players {
    display: inline-flex;
    margin-top: 4px;
    gap: 8px;
}

#header_table .players img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    -webkit-filter: sepia(1) hue-rotate(100deg) brightness(1);
    filter: sepia(1) hue-rotate(100deg) brightness(1);
    transition: all .2s ease;
}

#header_table .players img:hover {
    -webkit-filter: sepia(1) hue-rotate(100deg) brightness(1.4);
    filter: sepia(1) hue-rotate(100deg) brightness(1.4);
}

#header_table .players.writers {
    padding-right: 48px;
}

#header_table .weekly_episode {
    display: inline-block;
    max-width: 220px;
    margin-top: 8px;
    height: 26px;
    padding: 6px 8px 0;
    box-sizing: border-box;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    background: rgb(var(--basic) / .38);
    box-shadow: inset 0 0 10px rgb(var(--basic) / .25);
}


/* Guestbook
------------------------------------------------------------------ */

#guestbook {
    width: 930px;
    height: 511px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding: 73px 32px 24px;
    background: url(/files/001b/cf/94/51358.jpg) no-repeat top left;
    color: rgb(var(--gray200));
    font-size: 9px;
    text-transform: uppercase;
    line-height: 140%;
    box-sizing: border-box;
}

#guestbook a {
    color: rgb(var(--white));
}

#guestbook a:hover {
    color: rgb(var(--gray200));
}

#guestbook span {
    display: block;
    font-weight: 700;
}

#guestbook .column {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#guestbook .column:first-child {
    width: 404px;
}

#guestbook .column:last-child {
    flex-grow: 1;
}

#guestbook .rules {
    margin: 8px;
    padding-right: 8px;
    box-sizing: border-box;
    height: 98px;
    overflow-y: auto;
    flex-shrink: 0;
}

#guestbook .withheld {
    margin: 8px;
    padding-right: 8px;
    box-sizing: border-box;
    overflow-y: auto;
}

#guestbook .codebox {
    padding-top: 8px;
}

#guestbook .codebox a {
    padding-left: 8px;
}

#guestbook .scrollbox {
    margin-top: 0;
    margin-bottom: 4px;
}

#guestbook .codebox .blockcode {
    overflow: hidden;
}

#guestbook .bought {
    margin: 8px;
    padding-right: 8px;
    box-sizing: border-box;
    overflow-y: auto;
}


/* Topic Header
------------------------------------------------------------------ */

/* Обёртка */
#topic_header {
    background: url() no-repeat top right;
    color: #000000;
    padding: 24px 32px 10px;
    text-align: justify;
    margin-bottom: 0px;
}

/* Заголовок */
.topic_headline {
    font: 800 32px/140% 'Playfair Display SC', georgia, serif;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Описание */
.topic_description {
    font: 500 11px/150% 'Rubik', verdana, sans-serif;
    text-transform: none;
    padding: 16px;
    border: 1px solid;
    border-image-slice: 1;
    border-width: 1px;
    border-image-source: linear-gradient(to right, rgba(30,76,43,.38), rgba(0,0,0,.38));
    box-shadow: 0 0 70px 0px rgba(0,0,0,.6) inset;
    position: relative;
}

/* Опционально: span внутри заголовка */
.topic_headline span {
    color: rgb(var(--green200));
}

/* Опционально: декоративные кавычки */
.topic_headline::before,
.topic_headline::after {
    font: normal 28px/0 'Yeseva One', serif;
    padding: 0px;
}
.topic_headline::before {
    content: '·';
    top: 0;
    left: -14px;
}
.topic_headline::after {
    content: ' ';
    bottom: 16px;
    right: -14px;
}

/* Faces, Names & Jobs in topics
------------------------------------------------------------------ */

/* Обёртка */
#fnj_wrap {
    color: #000000;
    background: url(https://forumupload.ru/uploads/0012/4f/9d/10/443985.png) repeat-y top left;
    padding: 32px;
}

/* Прокрутка и максимальная высота в бирже */
#fnj_wrap.jobs .tab_container {
    overflow-y: auto;
    max-height: 400px;
    margin-right: -16px;
    padding-right: 16px;
    box-sizing: border-box;
}

/* Ссылки */
#fnj_wrap a {
    color: rgb(var(--green400));
}
#fnj_wrap a:hover {
    color: rgb(var(--gray200));
}

#fnj_wrap .fnj_row {
    display: flex;
    flex-orientation: row;
    column-gap: 16px;
}

#fnj_wrap .fnj_row:not(:last-child) {
    margin-bottom: 16px;
}

/* Прокручиваемые блоки */
#fnj_wrap .fnj_column {
    min-width: calc(50% - 8px);
    width: -moz-fill-available;
    width: -webkit-fill-available;
    width: fill-available;
    font: 600 11px/140% 'Rubik', verdana, sans-serif;
    text-transform: none;
    padding: 8px;
    box-sizing: border-box;
    border: 1px solid;
    border-image-slice: 1;
    border-width: 1px;
    border-image-source: linear-gradient(to right, rgba(30,76,43,.38), rgba(0,0,0,.38));
    box-shadow: 0 0 70px 0px rgba(0,0,0,.6) inset;
    color: #000000;
}
#fnj_wrap .fnj_column .fnj_scrollable {
    height: 120px;
    overflow-y: auto;
}

/* Заголовки с алфавитом */
#fnj_wrap .fnj_headline {
    display: block;
    font: normal 32px/100% 'Brand', georgia, serif;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 16px;
}
#fnj_wrap .fnj_headline:not(:first-child) {
    margin-top: 32px;
}

/* Заголовки биржи */
#fnj_wrap .fnj_column center {
    margin-bottom: 8px;
}
#fnj_wrap .fnj_column span {
    display: block;
    font-size: 8px;
}

/* Табы биржи */
#fnj_wrap .fnj_headline ul {
    padding: 0;
}

#fnj_wrap .fnj_headline li {
    display: inline-block;
}

#fnj_wrap .fnj_headline li a,
#fnj_wrap .fnj_headline li.active a {
    font: 600 14px/100% 'Playfair Display SC', georgia, serif;
    border: 1px solid;
    border-image-slice: 1;
    border-width: 1px;
    border-image-source: linear-gradient(to right, rgba(30,76,43,.37), rgba(0,0,0,.38));
    box-shadow: 0 0 70px 0px rgba(0,0,0,.3) inset;
    padding: 6px 8px;
}

#fnj_wrap .fnj_headline li.active a {
    border-image-source: linear-gradient(to right, rgba(30,76,43,1), rgba(0,0,0,.38));
    box-shadow: 0 0 70px 0px rgba(0,0,0,.6) inset;
}


/* Quest Slider in topics
------------------------------------------------------------------ */

.quest_slider {
    width: calc(500px + 32px);
    position: relative;
    margin: 0 auto !important;
    color: #000000;
    background: url(https://forumupload.ru/uploads/0012/4f/9d/10/674269.png) no-repeat top right;
    padding: 24px 32px 32px;
    text-align: center;
}
.quest_slider .mask {
    padding: 16px;
    border: 1px solid;
    border-image-slice: 1;
    border-width: 1px;
    border-image-source: linear-gradient(to right, rgba(30,76,43,.38), rgba(0,0,0,.38));
    box-shadow: 0 0 70px 0px rgba(0,0,0,.6) inset;
}

.quest_slider .slide {
    display: none;
}
.quest_slider .slide.js-active {
    display: block;
}
.quest_slider .btn-prev,
.quest_slider .btn-next {
    position: absolute;
    left: 12px;
    top: calc(50% - 16px);
    font-size: 16px;
    color: rgb(var(--green400)) !important;
    transition: all .2s ease;
}
.quest_slider .btn-next {
    left: auto;
    right: 12px;
}
.quest_slider .btn-prev:hover,
.quest_slider .btn-next:hover {
    opacity: .6;
}
.quest_slider .btn-prev.js-btn-disable,
.quest_slider .btn-next.js-btn-disable {
    pointer-events: none;
    opacity: .38;
}

.quest_slider .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: justify;
    line-height: 130%;
    text-transform: none;
}

.quest_slider .box img {
    margin-bottom: 12px;
}

.quest_slider .box .text {
    overflow-y: auto;
    height: 240px;
    padding-right: 8px;
    box-sizing: border-box;
    width: 100%;
    overflow-y: auto;
}

.quest_slider .pagination {
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
}
.quest_slider .pagination-link {
    padding: 0 8px;
}
.quest_slider .pagination-link.js-active .pagination-dots {
    background-color: rgb(var(--green400));
    box-shadow: 0 0 0 2px rgb(var(--green400));
}
.quest_slider .pagination-dots {
    text-decoration: none;
    text-indent: 101%;
    display: block;
    overflow: hidden;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: rgb(var(--green400)) / .38);
    transition: box-shadow 0.32s ease-out;
}
.quest_slider .pagination-dots:hover {
    cursor: pointer;
    background-color: rgb(var(--green400));
}