@import url(style_cs.1779277921.css);
@import url(/files/001c/b6/e5/50623.css);
@import url(https://meyerweb.com/eric/tools/css/reset/reset.css);
@import url(https://unpkg.com/sanitize.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/fontawesome.min.css);


/* ----- ÐÓÒ ----- */
:root {
	--merri: 'Merriweather';
	--play: 'Playfair Display';

	--main-light: #eee6db;
	--light: #e8dfd0;
	--gray: #c8bfa8;
	--black: #1d1b1c;
	--main-gold: #c9a84c;
	--dark-gold: #9a7a2e;
	--mute-green: #465343;
	--dark-green: #383d2f;

}


/* ----- ØÐÈÔÒÛ ------ */
@font-face {
    font-family: 'Playfair Display';
    src: url(https://forumstatic.ru/files/001b/ed/45/89984.ttf);
}

@font-face {
	font-family: 'Manrope';
	src: url('https://forumstatic.ru/files/001b/ed/45/59654.ttf');
}

@font-face {
	font-family: 'Merriweather';
	src: url('https://forumstatic.ru/files/0017/b2/cc/47216.ttf')
}

/* ----- ÎÑÍÎÂÍÎÅ ----- */

strong {
    font-weight: bold;
}

body {
    font: normal 13px 'Manrope', verdana, arial;
}

::selection {
	background: var(--dark-gold);
	color: var(--main-light);
}

#pun {
    position: relative;
    width: 1000px;
    margin: 300px auto 50px auto;
    background: var(--main-light);
    color: var(--black);
    padding: 10px 50px;
    text-align: justify;
}

#pun:after, .post-body::after {
    content: '';
    display: block;
    clear: both;
}

#pun-main {
    width: 100%;
}

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

#pun-redirect {
    padding: 20px;
}

.container.crumbs {
    padding: 20px 0;
}

/* ----- ÑÑÛËÊÈ ----- */
a {
    text-decoration: none;
    color: var(--dark-gold);
    font-family: var(--merri);
    transition: .4s ease;
}

a:hover {
    color: var(--black);
	transition: .4s ease;
}

#pun-navlinks a {
    color: var(--main-light);
}

#pun-admain a {
    color: var(--dark-gold)!important;
}

#pun-admain a:hover {
    color: var(--black)!important;
}


/* ----- ÏÎËÜÇÎÂÀÒÅËÜÑÊÎÅ ÌÅÍÞ ----- */
#pun-navlinks {
    font-size: 16px;
    text-transform: uppercase;
    margin-top: -50px;
}

#pun-navlinks li {
    display: flex;
	align-items: center;
}

#pun-ulinks {
    font-size: 12px;
    text-transform: lowercase;
    margin-top: 30px;
    padding-bottom: 20px;
}

#pun-navlinks .container, #pun-ulinks .container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 0 10px;
}

#pun-navlinks li:not(:last-child)::after {
    display: inline-block;
    content: '\2726';
    padding-left: 10px;
    color: var(--main-light);
}


/* ----- ÒÀÁËÈÖÛ ----- */
table {
    width: 100%;
    table-layout: fixed;
    margin: 0 auto;
}

.category tr {
    display: grid;
    grid-template-columns: 1fr 300px;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px;
    background: var(--light);
    border: 1px solid var(--gray);
}

.category .intd {
    width: 100%;
    padding: 0 20px;
}

.category .tclcon a {
    font-size: 16px;
}

.category td.tcr, .forum td.tcr {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 5px;
}

.category td.tcr em.user-avatar, .forum td.tcr em.user-avatar {
    grid-column: 1;
    grid-row: 1 / 3;
}

.category td.tcr a.lastpost-link, .forum td.tcr a {
    grid-column: 2;
    grid-row: 1;
}

.category td.tcr br {
    display: none;
}

.category td.tcr .lastpost, .forum td.tcr .byuser {
    grid-column: 2;
    grid-row: 2;
}

.forum tr {
    display: grid;
    grid-template-columns: 1fr 10% 10% 30%;
    align-items: center;
    padding: 10px 30px;
    margin-bottom: 10px;
    background: var(--light);
    border: 1px solid var(--gray);
}

.forum td.tc2, .forum td.tc3 {
    text-align: center;
}

div.icon {
    float: left;
    width: 16px;
    height: 16px;
    background: var(--main-light);
    border: 1px solid var(--gray);
    border-radius: 50%;
    margin: 2px 20px 0 0;
}

/* ----- ÊÀÒÅÃÎÐÈÈ ----- */
.category h2, #pun-stats h2 {
	text-align: center;
	font: 20px var(--play);
}

.category h2 span, #pun-stats h2 span {
	display: inline-flex;
	align-items: center;
}

.category h2 span::before, #pun-stats h2 span::before {
    content: '\2e19';
    margin-right: 30px;
    position: relative;
    top: 3px;
    color: var(--mute-green);
    font-size: 40px;
    rotate: -90deg;
}

.category h2 span::after, #pun-stats h2 span::after {
    content: '\2e19';
    margin-left: 30px;
    position: relative;
    top: 3px;
    color: var(--mute-green);
    font-size: 40px;
    rotate: 90deg;
}

/* ----- ÏÎÄÔÎÐÓÌ ----- */
.linkst {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}

.postlink.long {
    display: flex;
    justify-content: flex-end;
}

.linksb .postlink.long {
    display: none;
}

.linksb {
    padding-top: 20px;
}

/* ----- ÏÐÎÔÈËÜ ----- */
.post-author {
    float: left;
    width: 200px;
    margin-top: 20px;
    padding: 10px 0;
    text-align: center;
    border: 1px solid var(--gray);
    background: var(--light);
}

.pa-author a {
    font: 16px var(--merri);
    color: var(--dark-gold);
    text-transform: uppercase;
}

.pa-title {
    font-style: italic;
    text-transform: lowercase;
    opacity: .5;
    padding-bottom: 5px;
}

.pa-posts, .pa-respect {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
}

.pa-posts .fld-name, .pa-respect .fld-name {
    font-size: 0;
}

.pa-respect img {
    display: none;
}

.pa-respect a:has(img)::before {
    content: '\2b';
    font: bold 8px 'FontAwesome';
    position: relative;
    padding-right: 2px;
    bottom: 1px;
}

.pa-respect .fld-name a::before {
	content: '\f004';
	font: 12px 'FontAwesome';
	padding-right: 5px;
}

.pa-posts .fld-name::before {
    content: '\f27a';
    font: 12px 'FontAwesome';
    color: var(--dark-gold);
    padding-right: 5px;
}

.pl-email, .pl-website {
    float: left;
    padding-left: 0!important;
}

.profile-info {
    display: flex;
    justify-content: center;
    gap: 0 20px;
    padding-top: 10px;
}

.age::before, .the-clan::before, .the-cult::before, .the-sparks::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto!important;
}

.age::before {
    background: url(/files/001b/ed/45/56136.png);
}

.the-clan::before {
    background: url(/files/001b/ed/45/93549.png);
}

.the-cult::before {
    background: url(/files/001b/ed/45/77032.png);
}

.the-sparks::before {
    background: url(/files/001b/ed/45/39023.png);
}

.profile-about {
    width: 200px;
    margin: 0 auto!important;
    padding: 5px 10px;
    text-align: justify;
}

#viewprofile .profile-about, #viewprofile .profile-info {
    padding: 0;
}

#viewprofile-next #profilenav {
    display: none;
}

#profilenav {
    float: left;
    margin-left: -170px;
}

#profile > .container {
    margin-left: 170px;
}

.fs-box p {
    padding-bottom: 10px;
}

#profilenav h2 {
    display: none;
}

#profilenav ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#profilenav li a {
    display: block;
    border-left: 1px solid transparent;
    transition: .3s;
}

#profilenav .isactive a {
    border-left-color: var(--gray);
    padding-left: 5px;
}

#profilenav li {
    font-size: 12px;
    letter-spacing: .03em;
}

#profile fieldset {
    margin-bottom: 20px;
    padding: 20px;
    background: var(--light);
    border: 1px solid var(--gray);
}

#email a {
    padding-right: 10px;
}

#profile2 .fs-box {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 20px;
}

#profile2 .areafield, #profile2 #birthday, #profile2 #interests, #profile2 .radiofield, #profile2 .infofield {
    grid-column: 1 / -1;
}

#profile2 input#fld4 {
    width: 100%;
}

#profile2 input[type=text], #profile2 textarea {
    width: 100%;
}

#profile2 .input {
    display: block;
}

#profile4 img {
    margin-left: 20px;
}

#profile label, p#sex {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .15em;
    color: var(--mute-green);
}

#profile em, p.infofield {
    opacity: .6;
    font-size: 12px;
}

#pun-profile input, #pun-profile select {
    margin-right: 10px;
}

#viewprofile tr {
    display: flex;
    gap: 50px;
    padding: 10px 0;
    background: var(--light);
    border: 1px solid var(--gray);
    justify-items: center;
    justify-content: space-around;
}

#profile-left, #profile-right {
    display: flex;
    flex-direction: column;
}

#profile-left {
    width: auto!important;
    gap: 10px;
}

#profile-right {
    gap: 12px;
    justify-content: center;
    width: 500px!important;
}

#profile-name {
    font: 18px var(--play);
}

li#profile-title strong {
    font-weight: normal!important;
    font-style: italic;
    opacity: .5;
}

#profile-right li {
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--gray);
}

#profile-right li:last-child {
    border:  none;
}

#profile-right span {
    opacity: .7;
}

#profile-right strong {
    font-weight: 400;
    text-align: right;
}

/* ----- ÏÎÑÒÛ ----- */
.post-links {
    text-align: right;
}

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

.pl-quote {
    padding-right: 0!important;
}

.post h3 {
    text-align: center;
    background: var(--light);
    padding: 5px 10px;
}

.post h3 strong {
    float: right;
}

.post-box .post-rating a {
	font-size: 10px !important;
	color: var(--main-light);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
}

.post-rating p a:before {
	content: "\f004";
	font-family: FontAwesome;
	position: absolute;
	z-index: -1;
	font-size: 24px;
	color: var(--dark-gold);
}

#pun-viewtopic .linksb {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}

#topic-modmenu {
    padding: 10px 0;
}

input[type=checkbox],
input[type=radio] {
    accent-color: var(--mute-green);
}

textarea, input, select {
    background: var(--light);
    border: 1px solid var(--gray);
    padding: 5px 10px;
}

textarea:focus, input:focus, select:focus {
    outline: none!important;
}

.hashelp {
    position: relative;
}

.post-body {
    margin-left: 200px;
}

.post-box {
    padding: 20px 0 20px 20px;
}

.post-content p, #post-preview .post-content p {
    line-height: 150%;
    margin: auto auto 1em auto;
}

.post-content hr {
	width: 600px;
	border: none;
	height: 1px;
	background: linear-gradient(to right, transparent, var(--dark-gold), transparent);
	opacity: 1!important;
}

em.bbuline {
    border-bottom: 1px solid var(--dark-gold);
}

del:not(:hover) {
	text-decoration: none !important;
	background-color: var(--dark-gold);
	transition: .6s ease;
	color: var(--dark-gold);
}

del:hover {
	text-decoration: none !important;
	transition: .6s ease;
}

del {
    position: relative;
    display: inline-block;
}

del:has(img) {
    position: relative;
    display: inline-block;
    line-height: 0;
}

del:has(img) img {
    display: block;
}

del:has(img)::after {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--dark-gold);
    transition: opacity .4s;
}

del:has(img):hover::after {
    opacity: 0;
}

.highlight-text {
    padding: 2px 5px;
    background: var(--main-gold)!important;
}

.quote-box, .code-box {
    position: relative;
    margin-bottom: 15px;
    padding: 10px 20px;
    background: var(--light);
    border: 1px solid var(--gray);
}

.quote-box cite, .code-box strong.legend {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--dark-gold);
}

.quote-box cite::before {
    content: '\2726';
}

.quote-box cite::after {
    content: '';
    position: absolute;
    top: 35px;
    width: 100%;
    height: 1px;
    background: linear-gradient(
        to right,
        var(--gray),
        transparent
    );
}

.blockcode {
    max-height: 250px;
    overflow: auto;
}

.spoiler-box div {
	position: relative;
	padding-left: 20px !important;
	background: none!important;
}

.spoiler-box div::before {
	content: '\21a1';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	transition: 0.3s ease;
}

.spoiler-box div.visible::before {
	transform: translateY(-50%) rotate(180deg);
}

/* ----- ÑÒÀÒÈÑÒÈÊÀ ----- */
#statistic-other span:last-child {
    display: none;
}

.statscon .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px 0;
}

.statistics {
    width: 100%;
    flex-basis: 100%;
}

#statistic-other {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#statistic-other span {
    padding-right: 0 !important;
}

/* ----- ÔÓÒÅÐ ----- */
#pun-about {
    text-align: center;
    padding-top: 20px;
    font-size: 10px;
}

/* ----- Ó×ÀÑÒÍÈÊÈ È ÏÎÈÑÊ ----- */
p.formsubmit {
    padding: 10px 0;
}

#pun-userlist p.inputfield, #pun-userlist p.selectfield, #punbbsearch p.inputfield, #punbbsearch p.selectfield {
    display: inline-block;
    padding-right: 10px;
}

.usertable tr {
    display: grid;
    grid-template-columns: 25% 1fr 8% 8% 16% 16%;
    align-items: center;
    justify-items: center;
    padding: 10px 0;
    border-bottom: 1px solid var(--gray);
}

td.tcl.username {
    display: flex;
    align-items: center;
    justify-self: start;
}

td.tc3.last_visit {
    justify-self: end;
}

/* ----- ËÑ ----- */
.messages-container #profilenav ul {
    padding-bottom: 15px;
}

#messages tr, td.tc2.pmtc22 {
    display: flex;
    align-items: center;
}

#messages .linksb {
    display: flex;
    justify-content: space-between;
}

#messages .linksb .clearer {
    display: none;
}

#pun-messages .messages-container h3 {
    padding: 0;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .6px;
    color: var(--dark-gold);
}

/* ----- ÍÅÍÓÆÍÎÅ ----- */
thead, #pun-index .container.crumbs, .container.crumbs em:first-of-type, #pun-status h2 span, #pun-main h1 span, #title-logo-tdl h1 span, #pun-status .status-right, #pun-index td.tc2, #pun-index td.tc3, .usertable h2 span, .modmenu span, .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, a.sharelink, .admin-advert-block, #post-form h2, fieldset legend, .forum .linksb .postlink, #pa-invites, span.closedatafield, span.stickytext {
    display: none;
}