/* ==========================================================
   1. ПОДКЛЮЧЕНИЯ
   ========================================================== */
@import url(style_cs.1790547419.css);
@import url('https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css');

/* основные шрифты */
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Forum&family=Libertinus+Serif:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300..700;1,300..700&family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Zen+Old+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css?family=Alice|Playfair+Display|Merriweather|Press+Start+2P|Roboto+Condensed|Yeseva+One|Cormorant+Garamond|Jura|Lora|Montserrat|Oswald|Prata|Vollkorn|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Dawning+of+a+New+Day|Cedarville+Cursive|Great+Vibes|IM+Fell+French+Canon+SC|Indie+Flower|Dancing+Script|Amatic+SC|Righteous|Cinzel|Gochi+Hand|Caveat|Satisfy|Bad+Script|Cookie|Fredericka+the+Great|Homemade+Apple|Kaushan+Script|Marck+Script|Merienda|Playball|Rochester|Sacramento|Ultra&display=swap&subset=cyrillic');
@import url('https://fonts.googleapis.com/css2?family=Forum&display=swap');

/* Cormorant + Nunito Sans + Oranienbaum */
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Oranienbaum&display=swap');


/* ==========================================================
   2. ПЕРЕМЕННЫЕ
   ========================================================== */
:root {
	--pun-base: #aca391;
	--pun-light: #dbd2c9;
	--color-soft: #565539;
	--link-main: #2e2e2e;
	--menu-link: #dbd2c9;
	--menu-linkh: #b3aaa1;
	--acc-color: #792e2b;
	--acc-second: #b38355;
	--basic-grey: #2a2625;
	--big-font: 'Oranienbaum', serif;
	--small-font: 'Nunito Sans', sans-serif;
	--italic-font: 'Cormorant', serif;
	--h2-back: url(https://www.transparenttextures.com/patterns/green-dust-and-scratches.png), #1e1e1e;
        
}


/* ==========================================================
   3. АДАПТИВ (мобильные экраны)
   ========================================================== */
@media screen and (max-width: 1080px) {
	html,
	body {
		min-width: 1080px;
	}

	#pun {
		overflow: visible !important;
	}
}

@media screen and (max-width: 720px) {
	.post-box .post-content {
		font-size: 1.5em !important;
	}

	.punbb textarea#main-reply {
		font-size: 1.5em !important;
	}
}


/* ==========================================================
   4. СКРОЛЛБАРЫ
   ========================================================== */
* {
	scrollbar-width: thin;
	scrollbar-color: var(--acc-color) transparent;
}
*::-webkit-scrollbar {width: 5px; height: 9px;}
*::-webkit-scrollbar-track {background-color: var(--acc-color);}
*::-webkit-scrollbar-thumb {background-color: transparent;}


/* ==========================================================
   5. СБРОС БРАУЗЕРНЫХ СТИЛЕЙ (A2)
   ========================================================== */
/* A2.1 */
html,
body {
    margin: 0;
    padding: 0;
    background: fixed url(https://forumstatic.ru/files/001c/c8/87/20124.jpg) center top / 100% auto no-repeat, #02050a;
}

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

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

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

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

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


/* ==========================================================
   6. ТЕКСТ ПО УМОЛЧАНИЮ (A3)
   ========================================================== */
/* A3.1 */
body {
	font-size: 100.01%;
}

/* A3.2 */
.punbb {
	font: normal 68.75% verdana, arial, helvetica, sans-serif;
}

/* A3.3 */
.punbb textarea,
.punbb input,
.punbb select,
.punbb optgroup {
	font: 1em verdana, arial, helvetica, sans-serif;
}

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

.punbb th,
.punbb thead {
	display: none;
}

/* A3.6 */
.punbb pre {
	font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}

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

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

.post-content p a {
    font-weight: bold;
    color: var(--acc-color) !important;
}

.post-content p a:hover {
    color: var(--basic-grey)!important;
}

.punbb .post-content em.bbuline {
    font-style: normal;
    text-decoration: underline;
    text-decoration-color: #9b4c48!important;
    text-underline-offset: 2px!important;
}

/* A3.9 — подчёркнутый BB-курсив */
.punbb .post-content em.bbuline {
	font-style: normal;
	text-decoration: underline;
}

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

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

#p135189-content{background:transparent}


/* ==========================================================
   7. КЛИРИНГ И СКРЫТЫЕ СЛУЖЕБНЫЕ ЭЛЕМЕНТЫ (A4)
   ========================================================== */
/* 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 — служебные подписи PunBB, недоступные визуально */
.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;
}


/* ==========================================================
   8. БАЗОВАЯ РАСКЛАДКА ФОРУМА (A5)
   ========================================================== */
/***   ПОДЛОЖКА ФОРУМА   ***/
#pun {
    width: 1000px;
    margin: 60px auto 65px auto;
    box-sizing: border-box;
    background: var(--pun-base);
    box-shadow: 1px 1px 12px #3a2a2b61;
}

/***   ЦВЕТ АДМИНКИ   ***/
.punbb-admin #pun-admain .adcontainer,
#pun-admain {
	background-color: transparent;
}

/* A5.2 */
.punbb {
	float: left;
	width: 100%;
	height: auto;
}

/***   ПЕРЕАДРЕСАЦИЯ   ***/
body.redirect-page #pun {
	margin-top: 15%;
	overflow: hidden;
	text-align: center;
}

body.redirect-page h1 {
	margin: 1em auto auto !important;
}

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

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

.punbb .post {
	padding-top: 0px;
	background: transparent;
}

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

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

/* A5.8 / A5.9 — убираем рамки по умолчанию */
.punbb .section,
.punbb .forum,
.punbb .formal,
.punbb .modmenu,
.punbb .info,
.punbb .category,
.punbb .post,
.punbb .container {
	border-style: none;
	border-width: 0px;
}

/***   КАРТОЧКИ КАТЕГОРИЙ НА ГЛАВНОЙ   ***/
#pun-index .category table tr {
	margin: 0px 20px 5px 20px;
	padding: 15px 0px 15px 0px;
	-webkit-appearance: none;
	display: flex;
	align-items: center;
	position: relative;
}

#pun .category {
	position: relative;
	background: color-mix(in srgb, var(--pun-light) 50%, transparent);
	border-radius: 10px 10px 25px 25px;
	margin: 0px 15px 20px;
	overflow: hidden;
	box-shadow: 2px 2px 11px #a1998b;
}


/* ==========================================================
   9. КОНТЕНТ ПОСТА (B1)
   ========================================================== */
/* B1.1 */
.punbb .post-content {
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
	text-align: justify;
	border-radius: 10px;
	background: color-mix(in srgb, var(--pun-light) 50%, transparent);
}

/***   ПОДПИСЬ   ***/
.punbb .post-sig dt {
	display: block;
	width: 70%;
	height: 1px;
	margin: 10px auto;
	border: 0;
	background: rgba(0, 0, 0, 0.3);
}

li.pa-avatar img {
	max-width: 180px;
	max-height: 180px;
	border-radius: 5px;
}

/* B1.3 */
.punbb .post-content p {
	margin: 0;
	padding: 0 0.7em 0.8em 0;
	line-height: 160%;
	margin-bottom: .6em;
	overflow-wrap: anywhere;
}

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

.punbb .post-content img.postimg {
	margin: 0.2em 0px !important;
	vertical-align: middle;
	width: auto;
	max-width: 100%;
	height: auto;
}

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

/* B1.7 */
.punbb .post-content .scrollbox {
	width: 100%;
	max-height: 190px;
	overflow: auto;
}

/* B1.8 */
.punbb .post-content .quote-box,
.punbb .post-content .code-box {
	margin: 0.5em 0.8em 1.9em 0.8em;
	padding: 1em 1.2em;
}

/***   ЦИТАТА И КОД   ***/
.punbb .code-box {
background: var(--pun-base);
    color: var(--basic-grey);
    border-radius: 10px;
    border: 1px solid #2a262529;
}

.punbb .hide-box {
	color: var(--menu-grey);
}

.punbb .quote-box {
	background: var(--pun-light);
	box-shadow: 2px 2px 11px #bbb2a2;
	border-radius: 10px;
}

/***   ИМЯ ПОЛЬЗОВАТЕЛЯ В ЦИТАТЕ   ***/
.punbb .quote-box cite {
	display: block;
	font: 600 15px / 1 var(--italic-font);
	color: var(--pun-light);
	width: max-content;
	background: var(--color-soft);
	padding: 3px 10px;
	border-radius: 4px;
	margin: -21px 0px 5px 5px;
}

.punbb .quote-box cite::before {
	content: "\f10d";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	margin-right: 6px;
}

.punbb .quote-box cite a { 
	color: var(--pun-light);
}
.punbb .quote-box cite a:hover{ 
	color: var(--pun-base);
}


/***   ЗАГОЛОВОК БЛОКА КОДА   ***/
.punbb .code-box strong.legend {
    display: block;
    font: 600 15px / 1 var(--italic-font);
    color: var(--pun-light);
    width: max-content;
    background: var(--basic-grey);
    padding: 3px 10px;
    border-radius: 4px;
    margin: -20px 0px 12px 5px;
}

.punbb .code-box strong.legend::before {
	content: "\f121";
	font-family: "Font Awesome 6 Pro";
	font-weight: 500;
font-size: 12px;
	margin-right: 6px;
}

.punbb .code-box strong.legend a {
	color: var(--pun-light) !important;
}

.punbb .code-box strong.legend a:hover {
	color: var(--color-soft) !important;
}


/* ==========================================================
   10. ИНФОБОКСЫ (B2)
   ========================================================== */
.punbb .info-box {
	margin: 0 0 1.1em 0;
	padding: 1.1em 1.7em 1em 1.7em;
	border-style: none;
	border-width: 0px;
}

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

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


/* ==========================================================
   11. ПАГИНАЦИЯ И ССЫЛКИ ПОСТИНГА (B3)
   ========================================================== */
.multipage {
	background: transparent;
}

#pun-main .linkst {
	width: 100%;
	font-family: Tahoma, sans-serif;
}

.linkst .pagelink {
	display: inline-block;
	width: 20em;
	margin: 0.2em auto;
	padding: 0.5em;
	font-size: 1.1em;
}

.linkst .postlink {
	float: right;
	display: inline-block;
	width: 18em;
	margin: 0.2em auto;
	padding: 0.5em;
	font-weight: 700;
	font-size: 1.1em;
	text-align: right;
}

.punbb .linksb {
	width: 100%;
	font-family: Tahoma, sans-serif;
}

.linksb .pagelink {
	display: inline-block;
	width: 20em;
	margin: 0.2em auto;
	padding: 0.5em;
	font-size: 1.1em;
	font-weight: 400;
}

.linksb .postlink {
	float: right;
	display: inline-block;
	width: 16em;
	margin: 0.2em auto;
	padding: 0.5em;
	font-size: 1.1em;
	font-weight: 700;
	text-align: right;
}

/***   НОМЕР АКТИВНОЙ СТРАНИЦЫ   ***/
.linkst .pagelink strong,
.linksb .pagelink strong {
	padding: 0 0.2em;
	font-weight: 700;
}

.subscribelink {
	clear: both;
	padding-top: 0.3em;
	padding-bottom: 0.5em;
}

.punbb .linksb .subscribelink {
	font-size: 11px !important;
	text-align: center;
}


/* ==========================================================
   12. ФОРМЫ (C1)
   ========================================================== */
.punbb .formal .container {
	padding: 1.7em 2.3em 1.1em 2.3em;
}

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

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

.punbb fieldset {
	margin: 0 0 1em 0;
	padding: 0 18px 0 18px;
	border-style: none;
	border-width: 0px;
	border-color: transparent;
}

.punbb fieldset legend {
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 1.2em;
	font-family: Arial, sans-sefir;
}

.punbb legend span,
#viewprofile h2 span,
.punbb-admin #pun-admain legend span {
	font-weight: 600;
}

.punbb legend span,
.punbb legend strong {
	font-family: Arial, sans-sefir;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.punbb fieldset legend span {
	display: none;
}

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

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

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

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

.punbb .inline .infofield {
	clear: both;
}

.punbb .datafield br {
	display: none;
}

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

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

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

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

.punbb .hashelp {
	position: relative;
}

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

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

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

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


/* ==========================================================
   13. ТАБЛИЦЫ (C2)
   ========================================================== */
.punbb .main .tcl {
	overflow: hidden;
	width: 43%;
	vertical-align: middle;
	text-align: left;
	border-left-style: none;
	border-left-width: 0;
}

#pun-online .main .tcl {
	padding: 6px 0 6px 30px;
	text-align: left;
}

.punbb .main .tc2,
.punbb .main .tc3,
.punbb .main .tcmod {
	text-align: center;
	width: 8%;
	font-family: Tahoma, Verdana, sans-serif;
}

#pun-index .tc2,
#pun-index .tc3,
#pun-index .tcmod {
	display: none
}

.punbb .main .tcr {
	overflow: hidden;
	width: 28% !important;
	text-align: center;
}

/***   ШИРИНА БЛОКОВ НА ГЛАВНОЙ СТРАНИЦЕ   ***/
#pun-index #pun-main .tcl {
	padding-right: 0px;
	overflow: hidden;
	text-align: left;
}

#pun-index #pun-main .tcr {
width: 46% !important;
    vertical-align: middle;
    padding-left: 30px;
    text-align: right;
    font: 500 12px / 1.5 var(--small-font);
}

#pun-index #pun-main .tcr a {
	font: 800 17px / 1 var(--italic-font);
	color: var(--color-soft);
}
#pun-index #pun-main .tcr a:hover {
	color: var(--acc-color);
}


/***  ДЛЯ ИКОНОК   ***/

#pun-index .tcl .intd {
	display: flex;
	align-items: center;
	gap: 14px;
	padding-left: 0;
}

#pun-index #pun-main .tcl {
	width: calc(58% + 126px) !important;
}

#pun-index .tcl .intd > .tclcon {
	order: 1;
	flex: 1 1 auto;
	min-width: 0;
}

#pun-index .tcl .intd > .icon {
    order: 2;
    flex: 0 0 auto;
    width: 70px;
    height: 70px;
    margin: 0 0 0 16px;
}


/***   УБИРАЕМ ШАПКУ ТАБЛИЦЫ НА ГЛАВНОЙ   ***/
#pun-index #pun-main thead {
	display: none;
}

/* список пользователей / поиск / модерация — ширины ячеек */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
	width: 28%;
}

#pun-searchtopics .main .tcl,
#pun-searchtopics .main .tcr {
	font-size: 1em;
}

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

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

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

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

#pun-index .tcl h3 {
	margin: auto;
	padding: 0 0 7px 0px;
}

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

/* скрываем модераторов в описании форума */
.punbb td .modlist {
	display: none;
	padding-top: 0.3em;
}

.punbb .main td {
	padding: 0.5em 0.6em;
	border: none;
}

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

.punbb div.icon {
	float: left;
	display: block;
}

.punbb .main .container {
	background: transparent
}

/* ==========================================================
   14. ТЕМЫ / ПОСТЫ (C3)
   ========================================================== */
.punbb .post .container {
	margin: auto 0.5em;
	padding-bottom: 1px;
	border-style: none;
	border-color: transparent;
	border-width: 0px;
}

.punbb .post h3 {
	border-width: 0px;
	margin-bottom: -5px;
}

.punbb .post h3 span {
	padding: 4px 9px 5px;
	background: #999180;
	width: 100%;
	margin: 0px 0px 20px 0px;
	display: block;
	text-transform: lowercase;
	box-sizing: border-box;
	position: relative;
	scroll-margin-top: 15px;
}

.punbb .post h3 strong {
	float: right;
	width: 5em;
	color: var(--link-main);
	font: 600 17px / 1 var(--big-font);
	text-align: right;
}

.punbb .post h3 strong::before {
	content: "\f6b9";
	font-family: "Font Awesome 6 Pro";
	font-weight: 700;
	font-size: 14px;
	margin-right: 4px;
	color: #2e2e2e4f;
}

.punbb .post .post-author {
	float: left;
	margin: 0px 0px 0px -21px;
	overflow: hidden;
}

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

.pa-author strong {
	font-weight: 600;
}

li.pa-online {
	line-height: 110%;
	border-left-style: none;
	margin-top: 0.7em;
}

.punbb .post-body {
	margin-left: 19em;
	padding: 0 0 1px 0;
	border-left-style: none;
	border-left-width: 0px;
	border-color: transparent;
}

#p10-content{background:transparent}

.punbb .post-box {
	padding: 0 0em 0.8em 0.2em;
}

#profile .post-box {
	padding-right: 0em !important;
}

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

.punbb .post-links {
	margin-left: 19em;
	border-left-style: none;
	border-left-width: 0px;
	border-color: transparent;
	font: 600 12px / 1 var(--small-font);
}

.punbb .post-links ul {
	height: 2em;
	margin-left: -18.2em;
	padding: 0 1em 0 0;
	line-height: 2em;
	text-align: right;
	text-transform: lowercase;
}

.punbb .post-links li {
	display: inline;
	padding-left: 0.6em;
}

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

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


/* ==========================================================
   15. МОДЕРАТОРСКОЕ МЕНЮ (C4)
   ========================================================== */
.punbb .modmenu .container {
	padding: 0.5em 1em;
	text-align: right;
}

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

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

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


/* ==========================================================
   16. ИНФОРМАЦИОННЫЕ СООБЩЕНИЯ (C5)
   ========================================================== */
.punbb .info .container {
	padding: 0.8em 1em;
}

.punbb .info .container .backlink {
	padding-top: 1.1em !important;
}

/* навигация в профиле */

#profilenav {
display:block;
width:auto;
padding-top: 0px; 
text-align: center; 
}

/***   КНОПКИ-ВКЛАДКИ В ЛС И ПРОФИЛЕ   ***/
#profilenav li {
    margin: 8px 2px 0px 2px;
    padding: 4px 5px;
    border-radius: 4px;
    font: 500 12px var(--small-font);
    background: var(--basic-grey);
    display: inline-flex;
    text-transform: lowercase;
    transition: all .1s ease-in-out;
	position: relative;
	overflow: hidden;
}

#profilenav li::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--color-soft);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .35s ease;
	pointer-events: none;
}

#profilenav li:hover::before,
#profilenav li:focus::before,
#pun-main li.isactive::before {
	transform: scaleX(1);
}

#profilenav li a {
	position: relative;
	z-index: 1;
	color: var(--pun-light);
}

#profilenav li.item9, li.item10 {
display:none;}

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

div#profilenav {
    display: block !important;
}

#viewprofile ul, #profilenav ul {
    margin: 0 0 1em 0;
    padding: 0.3em 1em 0.5em 1em;
    border-style: none;
    border-width: 0px;
    border-color: transparent;
}

#viewprofile ul:last-child, #profilenav ul:last-child {margin-bottom: 0em;}

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

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

label {
cursor: default;
    font: 700 15px / 1 var(--italic-font);
    text-transform: lowercase;
}



#viewprofile h2, #profilenav h2 {
padding: 0;
margin: 0;
}
img.avatardemo {float: right;margin: 0 0 8px 18px;}


/*** ПРОСМОТР ПРОФИЛЯ ***/

/* Таблица → flex-колонки */
#viewprofile table {
    width: 100%;
    border-collapse: collapse;
}

#viewprofile tbody {
    display: block;
    width: 100%;
}

#viewprofile tr {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
}

#viewprofile td {
    display: block;
    padding: 0;
    vertical-align: top;
}

#profile-left strong {
    font-weight: inherit!important;
}

/* Левая колонка */
#viewprofile #profile-left {
    flex: 0 0 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    box-sizing: border-box;
    padding: 0 12px !important;
    background: var(--basic-grey);
    border-radius: 10px;
    text-align: center;
    box-shadow: 2px 2px 11px #a39986;
    position: relative;
    overflow: visible;
}
#profile-left .lzname {
padding: 0px 5px 3px 5px;}

#profile-left .lztext {
background: var(--pun-base);
padding: 10px;}

/* Правая колонка */
#viewprofile #profile-right {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    width: 100% !important;
    padding: 20px !important;
    box-sizing: border-box;
    text-transform: lowercase;
    font: 11px var(--def-font);
}

#viewprofile #profile-right .pa-fld5 {
    position: static;
    left: auto;
    bottom: auto;
    width: auto;
    height: auto;
    z-index: auto;
}

/* Ник */
#viewprofile #profile-name {
    width: 100%;
}

#viewprofile #profile-name strong {
    font: italic 800 21px / 1 var(--italic-font);
    color: #a5a377;
}

/* Без fld2 — отступ от индикатора */
#viewprofile #profile-name:first-child {
    margin-top: 14px;
}

/* Группа/звание */
#viewprofile #profile-title {
    font: 500 9px / 1 var(--small-font);
    color: var(--pun-base);
    letter-spacing: 0.3px;
    text-transform: lowercase;
}

/* Личная страница, bleed по бокам */
#viewprofile #pa-fld2 {
    width: calc(100% + 24px) !important;
    margin: 0 -12px !important;
    padding: 0 !important;
    height: 60px;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

#viewprofile #pa-fld2 > span {
    display: none;
}

#viewprofile #pa-fld2 strong,
#viewprofile #pa-fld2 .perspage1,
#viewprofile #pa-fld2 a {
    display: block;
    width: 100%;
    height: 100%;
}

#viewprofile #pa-fld2 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Аватар */
#viewprofile #pa-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

#viewprofile #pa-avatar img {
    display: block;
    max-width: 180px;
    max-height: 180px;
    width: auto;
    height: auto;
    border-radius: 5px;
}

/* Личное звание, сброс контейнера */
#viewprofile #pa-fld1 {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent;
}

#viewprofile #pa-fld1 > span {
    display: none;
}

/* .lzname/.lztext — дубль из тем */
.lzname {
	font: 800 15px / 1 var(--big-font);
	text-transform: uppercase;
	letter-spacing: 0.3px !important;
	padding: 10px 5px 3px 5px;
	height: auto;
	text-align: center;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.lzname a {
	color: #9b9974 !important;
}

.lzname a:hover {
	color: #c5c295 !important;
}

.lztext {
	font: 600 10px / 1 var(--small-font);
	text-align: center;
	line-height: 150%;
	margin: 6px auto 5px auto !important;
	letter-spacing: 0.2px;
	color: #000000;
	border-radius: 7px;
	width: 176px;
	padding: 7px 10px 8px 10px;
	background: var(--pun-base);
}

.lztext a {
	color: var(--acc-color) !important;
}

.lztext a:hover {
	color: var(--color-soft) !important;
}

/* Фикс: патч сбрасывал фон */
#viewprofile .lztext {
    background: var(--pun-base);
}

/* === ИНДИКАТОР ОНЛАЙНА === */

#viewprofile #profile-left {
    position: relative;
    overflow: visible !important;
}

#viewprofile #profile-left .status-container {
    position: absolute !important;
    top: -8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 16px !important;
    height: 16px !important;
    z-index: 20;
    cursor: pointer;
}

#viewprofile #profile-left .status-container::after {
    font-size: 13px;
}

/* Скрыты исходные статусы */

#viewprofile #pa-online,
#viewprofile #pa-last-visit {
    display: none;
}

/* Поле #8, подпись сверху */
#profile8 .fs-box {
    display: flex;
    flex-direction: column;
}

#profile8 .infofield {
    order: -1;
    margin-bottom: -4px;
    font: 700 16px / 1 var(--italic-font);
}

/* Блоки левой колонки на всю ширину */
#viewprofile #profile-left > div,
#viewprofile #profile-left > dl,
#viewprofile #profile-left > ul,
#viewprofile #profile-left > p {
    width: 100%;
}

/* Приглашения скрыты */
#viewprofile li#pa-invites { display: none!important; }

/* Строка поля: подпись + значение */
#viewprofile #profile-right > li {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px !important;
    background: color-mix(in srgb, var(--pun-light) 50%, transparent);
    box-shadow: 2px 2px 11px #a39986;
    border-radius: 10px;
    text-align: left;
}

/* Подпись-плашка слева */
#viewprofile #profile-right li > span {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    flex-shrink: 0;
    height: 21px;
    width: max-content;
    padding: 0px 12px;
    margin: 0;
    background: var(--pun-base);
    font: 700 14px var(--italic-font);
    color: var(--basic-grey);
    border-radius: 10px;
}

#viewprofile #profile-right li strong {
    padding-left: 0 !important;
    font-weight: 400;
    font-size: 11px;
    text-align: left;
}

/* Банк/посты/сообщения, дубль-клон */
#viewprofile #vp-pstats {
display: flex;
    gap: 27px;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 0 7px 0 !important;
}

#viewprofile #vp-pstats li {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    width: auto;
    padding: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

/* Сброс плашки, вместо неё иконка */
#viewprofile #vp-pstats li > span {
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    background: none;
    border-radius: 0;
    font-size: 0 !important;
    position: relative;
}

#viewprofile #vp-pstats li > span::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 14px;
    color: #c6b9a4;
    display: block;
}

#viewprofile #pa-fld3 > span::after { content: '\f51e'; }
#viewprofile #pa-fld4 > span::after { content: '\f70e'; }
#viewprofile #pa-posts-dup > span::after { content: '\f086'; }

/* Подсказка при наведении */
#viewprofile #vp-pstats li > span::before {
    position: absolute;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(20, 20, 20, 0.9);
    color: #fff;
    font-size: 11px;
    padding: 4px 7px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
    z-index: 10;
}

#viewprofile #pa-fld3 > span::before { content: "Монеты"; }
#viewprofile #pa-fld4 > span::before { content: "Посты"; }
#viewprofile #pa-posts-dup > span::before { content: "Сообщения"; }

#viewprofile #vp-pstats li > span:hover::before {
    opacity: 1;
}

/* Клон без ссылок, оригинал с ними */
#viewprofile #vp-pstats strong {
    padding: 0 !important;
    text-align: center !important;
    font: 600 14px / 1 var(--italic-font) !important;
    color: #c6b9a4 !important;
}

/* Кнопка "редактировать" вправо */
#viewprofile #profile-right #profile-edit-wrap {
    flex: 0 0 100%;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
}

#viewprofile #profile-right #profile-edit-wrap a {
    display: inline-block;
    padding: 4px 10px 6px 10px;
    background: #151515;
    color: #f5f5f5;
    font: 600 11px / 1 var(--def-font);
    text-transform: lowercase;
    border-radius: 4px;
    transition: all .2s ease;
}

#viewprofile #profile-right #profile-edit-wrap a:hover {
    background: var(--acc-color);
    color: #000;
}

.punbb img.avatardemo {
	float: right;
	margin: 0 0 0.8em 1.8em;
}

.pa-avatar {
	max-width: 200px;
	max-height: 360px;
	width: auto;
	height: auto;
	margin: 0.9em auto 0.1em auto;
}


/* ==========================================================
   18. СПИСОК ПОЛЬЗОВАТЕЛЕЙ (C7)
   ========================================================== */
#pun-userlist .formal,
#pun-userlist .formal .container {
	margin-bottom: 0;
	border-bottom: none;
}

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

/***   ПОЛОСА-РАЗДЕЛИТЕЛЬ ПОЛЬЗОВАТЕЛЕЙ   ***/
#pun-userlist .usertable table {
	border: none;
}

#pun-userlist .usertable td,
#pun-message .forum td,
#pun-messages .main td {
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}


/* ==========================================================
   19. ШАПКА ФОРУМА (D1)
   ========================================================== */
#pun-title {
	margin: 0;
	border-style: none;
	border-width: 0px;
}

#pun-title h1 {
	display: none;
	padding: 2em 1em 0 1em;
}

#pun-title .container {
	border-style: none;
}

#pun-title h1 span {
	font-size: 0.8em;
}

/***   ФОНОВАЯ КАРТИНКА ШАПКИ   ***/
#pun-title table {
width: 100%;
    height: 307px;
    border: 0px none transparent;
    background: url(https://forumstatic.ru/files/001c/c8/87/30461.jpg);
}

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

#pun-title td.title-logo-tdr {
	position: absolute;
	top: 2px;
	left: 33%;
	margin-top: 0px;
	border: none;
	vertical-align: top;
}


/* ==========================================================
   20. ПОСТРАНИЧНАЯ НАВИГАЦИЯ (D2, pun-pagelinks)
   ========================================================== */
#pun-pagelinks {
	position: absolute;
	width: 100%;
	top: -15px;
	left: 0;
	margin: 0;
	padding: 0;
	border: none;
}

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

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

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

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

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


/* ==========================================================
   21. МЕНЮ НАВИГАЦИИ — navlinks / ulinks (D3 / D4)
   ========================================================== */
#pun-navlinks {
	position: absolute;
	top: 313px;
	margin: auto 0;
	text-transform: uppercase;
	font: 600 15px / 1 var(--big-font);
}

#pun-ulinks {
	position: absolute;
	top: 334px;
	margin: auto 0;
	text-transform: lowercase;
}

/***   КОНТЕЙНЕРЫ ОБОИХ МЕНЮ + ФОН   ***/
#pun-navlinks .container,
#pun-ulinks .container {
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	align-items: center;
	margin: 0;
	background: var(--color-soft);
}

#pun-navlinks .container {
	gap: 15px;
	height: 25px;
	width: 1000px;
	padding-top: 4px;
}

#pun-ulinks .container {
    gap: 15px;
    height: 25px;
    width: 1000px;
    padding-top: 4px;
    flex-grow: 1;
    margin: auto;
    font: 500 12px / 1 var(--small-font);
}

#pun-ulinks li,
#pun-ulinks li a {
	border-left: none;
	white-space: nowrap;
}

#pun-ulinks li a {
	letter-spacing: 0.3px;
}

#pun-ulinks li.item1,
#pun-ulinks li.item1 a {
	padding-left: 0;
	border-left: none;
}

/* ==========================================================
   22. ПРИВЕТСТВИЕ И ХЛЕБНЫЕ КРОШКИ (D5)
   ========================================================== */
#pun-status,
#pun-status .container {
	margin-top: -2em;
	border-bottom: none;
}

#pun-status .container {
	padding: 1.5em 1.5em 0px 2.5em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: 8px 13px;
	font: 11px / 1 var(--small-font);
	transform: translateY(-337px);
}

#pun-status span {
	white-space: nowrap;
	margin-right: 0.5em;
}

#pun-crumbs1, #pun-crumbs2 {
	margin-top: 0;
	overflow: hidden;
	text-align: center;
	font: 600 13px / 1 var(--small-font);
}

#pun-crumbs1 .crumbs a:last-of-type,
#pun-crumbs2 .crumbs a:last-of-type {
	color: var(--color-soft);
	background: color-mix(in srgb, var(--pun-light) 50%, transparent);
	border-radius: 5px;
	padding: 0 10px;
font-weight: 800;
}

#pun-crumbs1 .crumbs em,
#pun-crumbs2 .crumbs em {
	font-style: normal;
	font-size: 0;
}

#pun-crumbs1 .crumbs em::before,
#pun-crumbs2 .crumbs em::before {
	content: '\2f';
	font-size: 12px;
	font-weight: 600;
	padding: 0 9px 0 4px;
	color: color-mix(in srgb, var(--color-soft) 40%, transparent);
	font-family: 'Font Awesome 6 Pro';
}

#pun-crumbs1 .crumbs em:first-of-type,
#pun-crumbs2 .crumbs em:first-of-type {
	display: none;
}

#pun-crumbs1 p.container {
	padding: 1em 1em 0.8em 1em;
	border-top: none;
}

#pun-break1 {
	position: relative;
	z-index: 1;
	height: 0;
	margin: 0 1em;
	border-style: none;
	border-width: 0px;
}


/* ==========================================================
   23. ОБЪЯВЛЕНИЕ (D6)
   ========================================================== */
#pun-announcement h2,
#pun-announcement h2 span {
	display: none;
}

#pun-announcement {
	margin: auto;
}

#pun-announcement .container {
	margin: 0px auto auto;
	padding: 1em 1.5em;
}


/* ==========================================================
   24. СТАТИСТИКА (D7)
   ----------------------------------------------------------
   Раскладка/фон блока статистики переопределены во втором
   окне CSS (класс .statsinfo) — здесь оставлены только
   правила, которые там не перекрываются.
   ========================================================== */
#pun-stats li.item1,
#pun-stats li.item2 {
	clear: both;
	line-height: 150%;
}

#pun-stats ul.container {
	margin: auto;
	text-align: center;
	background: transparent;
}

#pun-stats li.item3 span,
#pun-stats li.item4 span {
	display: none;
}

#pun-stats li.item3 strong:before {
	content: 'Участников: ';
	font-weight: 400;
}

#pun-stats li.item4 strong:before {
	content: 'С нами: ';
	font-weight: 400;
}

/***   АКТИВНЫ И ПОСЕТИЛИ ЗА СУТКИ   ***/
li#onlinelist {
float: left;
    width: 98%;
    padding: 4px 11px;
    border-top-style: none;
    border-top-width: 0px;
    line-height: 155%;
    text-align: justify;
}


/* ==========================================================
   25. БЫСТРЫЙ ПЕРЕХОД / О ФОРУМЕ / НИЖНИЕ КРОШКИ (D8)
   ========================================================== */
#pun-qjump {
	position: relative;
	float: left;
	width: 50%;
	margin: 0;
	border: none;
}

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

#pun-about {
	margin-top: 0;
	margin-right: 0.2em;
	margin-bottom: -42px;
}

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

#pun-crumbs2 .container {
	padding: 0.8em 1em;
	border-bottom: none;
}

#pun-break4 {
	position: relative;
	z-index: 1;
	display: none;
	height: 0;
	margin: -2px 1em;
	border-style: none;
	border-width: 0px;
}

div.punbb-admin #pun-about .container {
	border-top-style: none;
	border-top-width: 0px;
}


/* ==========================================================
   26. СТРАНИЦА ПОМОЩИ (D9)
   ========================================================== */
#pun-help .formal .info-box h3.legend {
	margin-bottom: 0.8em;
	padding-bottom: 0;
	border-bottom-style: none;
	border-bottom-width: 0px;
}

#pun-help .formal .info-box h3.legend span {
	display: block;
	padding-bottom: 0.6em;
	border-bottom-style: none;
	border-bottom-width: 0px;
	font-size: 1.1em;
}

/* цветы шиповника */
#pun-help .formal p,
#pun-help .formal dd {
	margin-bottom: 1em;
}

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

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

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

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

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


/* ==========================================================
   27. ОБЩИЕ ПАТЧИ ФОРУМА
   ========================================================== */
#pun-main div.catleft,
#pun-main div.catright {
	display: none
}

/* прозрачные фоны там, где тема их навязывает */
.punbb #pun-main .info-box .legend,
.punbb .info-box,
#setmods dd,
#viewprofile li div,
#viewprofile li strong,
.punbb .formal fieldset .post-box,
.punbb .post-body,
.punbb .post-links,
.punbb td.tc2,
.punbb td.tc3,
.punbb .post .container {
	background: transparent
}

.offline li.pa-online strong {
	font-weight: normal;
}

/* прозрачные рамки/границы там, где тема их навязывает */
.punbb .formal fieldset .post-box,
.punbb .info-box,
.punbb .divider,
.punbb .container,
.punbb .post,
.punbb .post-body,
#pun-title,
.punbb .section,
.punbb .forum,
.punbb .formal,
.punbb .modmenu,
.punbb .info,
.punbb .category,
#pun-ulinks li,
#pun-ulinks li a,
#pun-announcement h2 span,
#pun-announcement h2,
li#onlinelist,
li#onlinelist div,
#pun-help .formal .info-box h3.legend,
#pun-help .formal .info-box h3.legend span {
	border-color: transparent;
}

.punbb td,
#viewprofile ul,
#profilenav ul,
.punbb .post .post-body,
.post-links ul,
.post-links,
.usertable table {
	border: none;
}

.punbb-admin #pun-admain h2 {
	text-align: center;
	font-family: Tahoma, Arial;
	font-size: 1.1em !important;
	color: #fff;
	background: #212121;
}

.punbb .main .tcr span {
	overflow: hidden;
}

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

#topic-users-in a:last-child:after {
	display: none;
}

/* кнопки экранной клавиатуры в редакторе */
#keyboard-span input,
#keyboard-span input[type="button"] {
	text-shadow: none;
	box-shadow: none;
	background: #fff;
	color: #333 !important;
	border: 1px solid #a7a7a7 !important;
	font-family: Tahoma, Verdana, sans-serif !important;
	font-weight: 400 !important;
}

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

/***   ЗАПЛАТКА ДЛЯ ПОЛЯ ОТВЕТА   ***/
textarea#main-reply {
	text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

/* скрытые ссылки/пункты, которые не используются */
.topic a.sharelink, .topic a.translatelink {display: none;}

.lastedit, li#navawards, .pa-invites, .pa-gifts, #pun-live-rusff, #button-files_rusff, #button-graffiti_rusff,
.pl-share, .sharelink, .pl-reports, li.pl-share, .post-links li.pl-reports {display: none !important;}


/***   ФИКС ДЛЯ СПОЙЛЕРА — ОТСТУП СТРОК   ***/
.spoiler-box>div[onclick]>p {
	display: inline-block;
	margin: 0 !important;
	padding: 0 !important;
}

/* Дефолтное оформление заголовка спойлера */
.post-content .spoiler-box > div {
	padding-left: 28px !important;
	position: relative;
	background: none !important;
	cursor: pointer;
	text-transform: lowercase;
	border-radius: 5px;
	line-height: 1;
}


.post-content .spoiler-box>div::before {
content: "\f070";
    font-family: "Font Awesome 6 Pro";
    font-weight: 600;
    font-size: 13px;
    font-style: normal;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: .5;
    transition: opacity .25s ease-in-out;
    color: var(--color-soft);
}

.post-content .spoiler-box>div.visible::before {
	content: "\f06e"; /* eye */
	opacity: 1;
}

/***   ГРАНИЦЫ ТАБЛИЧЕК В ТЕКСТЕ ПОСТА   ***/
.punbb .post-content td {
	border: 0px none transparent !important;
}

/***   ПЕРЕМЕЩЕНИЕ СООБЩЕНИЙ — РАЗДЕЛИТЕЛЬ   ***/
div.Select_Topics .container tr {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

/***   ЗАПЛАТКИ ДЛЯ ЗАКЛАДОК   ***/
#MyBookmarks .container,
.editBookmark {
	border: 1px solid #b9b9b9;
	background: #d4d4d4;
	box-shadow: 0 1px 5px #000;
}

#MyBookmarks .container {
	padding: 2em 1em 1em !important;
}

#MyBookmarks {
	max-height: 300px;
	margin-top: 5%;
}

#BookmCntToggle.default-style {
	color: #3c6567 !important;
}

#MyBookmarks h2,
#MyBookmarks h1 {
	margin: auto;
	padding: 8px 1em !important;
	background-image: none;
	background-color: #d4d4d4;
}

/***   ГОЛОСОВАНИЕ — ЦВЕТ ПОЛОС   ***/
table.poll2 {
	margin-left: 40px;
}

#poll-special td h1 {
	margin: auto 0 !important;
	padding: 1px !important;
	background: #3c6567 !important;
}

/***   ФОН ВСПЛЫВАЮЩИХ ОКОН   ***/
#pun_wrap #post .container[id$="-area"] {
	max-height: 156px;
	overflow: auto;
}

#pun_wrap #post .container[id$="-area"],
#video-area-tinp,
#image-area-tinp,
.pun-modal .modal-inner,
.inner,
#post-sig .container[id$="-area"] {
outline: none;
    background: var(--pun-light);
}

/***   ПОЛЯ ВВОДА   ***/
.punbb input,
.punbb select,
.punbb optgroup {
	outline: none;
	padding: 5px;
	border: 1px solid #9c9c9c;
	background: #e4e4e4;
}

/***   ТЕЛО ПОСТА — ТЕКСТ   ***/
.post-box {
	text-align: justify;
}

.punbb .post-content p {
	font-size: 1.1em;
}

/***   КНОПКИ   ***/
#viewprofile-next #pa-edit a,
input[class="button"],
input[class="button submit"],
input[type="button"] {
	padding: 6px 7px 4px 9px;
	font: 600 10px / 1 var(--small-font);
	text-transform: uppercase;
	border-radius: 5px;
	color: var(--pun-light);
	background: #62312f;
	transition: all .1s ease;
}

#viewprofile-next #pa-edit a:hover,
input[class="button"]:hover,
input[class="button submit"]:hover,
input[type="button"]:hover {
	background: var(--basic-grey);
	cursor: pointer;
}

.pa-respect a[href*="relation"] {
	display: none;
}

td#button-smile {
	display: none;
}

/* скрыть названия полей ЛЗ */
.pa-fld1 .fld-name {display: none;}
.pa-fld2 .fld-name {display: none;}
.pa-fld5 .fld-name {display: none;}

/* выделение текста */
::selection {
	background: color-mix(in srgb, var(--acc-color) 30%, transparent);
	color: #000000;
}

/* спойлер-зачёркивание (del) */
del {
	filter: blur(1.5px);
	text-decoration: none;
	transition: all 0.2s ease;
}

del:hover {
	filter: blur(0px);
}


/* ==========================================================
   28. РЕЙТИНГ / ГОЛОСОВАНИЕ ПОД ПОСТОМ
   ========================================================== */
.noNull:before {
	content: "";
	font-size: 9px;
	display: inline-block;
	margin-left: -6px;
	margin-top: 0px;
	position: absolute;
}

div .post-rating p>a {
	text-align: center;
	width: 85px;
	margin-right: -31px;
	background-image: url(https://upforme.ru/uploads/001c/c8/87/2/498514.png);
	background-position: left;
	background-repeat: no-repeat;
	background-size: 2900%;
	z-index: 100;
	font: 600 16px / 1 var(--big-font);
	display: inline-block;
	vertical-align: middle;
	line-height: 60px;
	color: var(--acc-color);
}

div .post-rating p > a:hover {
	animation: heart-burst .8s steps(28) 1;
	color: #000 !important;
}

@keyframes heart-burst {
	from {background-position: left;}
	to {background-position: right;}
}

div.dark-style .post-rating p>a {
	color: #6BC8AF !important;
}

div.post-vote {
	margin-bottom: 65px;
}

div.post-vote p>a {
	font-size: 0 !important;
	position: absolute;
	cursor: pointer;
	z-index: 200;
	width: 25px;
	height: 25px;
	background: url(https://i7.imageban.ru/out/2026/02/02/ef471d9762eb7e6d9b43ad6544108172.png) no-repeat;
	display: block;
	opacity: 0.6;
	background-size: 100%;
	margin-left: 10px;
	margin-top: 17px;
}

div.post-vote p>a:hover {
	opacity: 0.9;
}


/***   ИНДИКАТОР ОНЛАЙНА deff, vandra  ***/
.pa-online, .pa-last-visit {
    display: none;
}

#pun-viewtopic .post .post-author {
    position: relative;
    overflow: visible !important;
}

.status-container {
    position: absolute !important;
    top: -7px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    cursor: pointer;
}

/* === САМА ИКОНКА === */

.status-offline::after,
.status-online::after {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-family: "Font Awesome 6 Pro" !important;
    font-weight: 900 !important;
    font-size: 14px;
-webkit-text-stroke: 2px var(--pun-base);
}

.status-offline::after {
    content: '\f111';
    color: var(--basic-grey);
}

.status-online::after {
    content: '\f111';
    color: var(--acc-color);
}

/* ==========================================================
   30. СПИСОК ТЕМ — FLEX-РАСКЛАДКА
   ========================================================== */
body:not(:has(#pun-index)) .hasicon tr {
	display: flex;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #56553940;
}

body:not(:has(#pun-index)) .hasicon tr > td {
	box-sizing: border-box;
	min-width: 0;
	border: none;
}

/* размеры ячеек */
body:not(:has(#pun-index)) .hasicon tr > .tcl {
	flex: 0 0 55%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

body:not(:has(#pun-index)) .hasicon tr > .tc2,
body:not(:has(#pun-index)) .hasicon tr > .tc3 {
	flex: 0 0 7%;
	font: 600 15px / 1 var(--italic-font);
	display: flex;
	align-items: center;
	justify-content: center;
}

body:not(:has(#pun-index)) .hasicon tr > .tcr {
	flex: 0 0 31%;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 60px;
	grid-template-rows: auto auto;
	column-gap: 8px;
	align-items: center;
	justify-content: end;
}

/* дата + ник слева, аватар фиксированной колонкой справа */
body:not(:has(#pun-index)) .hasicon .tcr > a {
	grid-column: 1;
	grid-row: 1;
	min-width: 0;
	text-align: right;
	white-space: nowrap;
}

body:not(:has(#pun-index)) .hasicon .tcr > .byuser {
	grid-column: 1;
	grid-row: 2;
	min-width: 0;
	text-align: right;
	white-space: nowrap;
	margin: 0;
}

body:not(:has(#pun-index)) .hasicon .tcr > .user-avatar {
	grid-column: 2;
	grid-row: 1 / 3;
	width: 50px;
	height: 50px;
	flex: none;
	margin: 0;
	align-content: center;
}

body:not(:has(#pun-index)) .hasicon .tcl .intd {
	display: flex;
	align-items: center;
	width: 100%;
	min-width: 0;
}

body:not(:has(#pun-index)) .hasicon .tcl .icon {
	flex: 0 0 auto;
}

body:not(:has(#pun-index)) .hasicon .tcl .tclcon {
	min-width: 0;
	line-height: 1.6;
}

body:not(:has(#pun-index)) .hasicon .tcl .tclcon .byuser {
	display: block;
	margin-top: 2px;
}

:is(#pun-viewforum, #pun-searchtopics, #pun-modviewforum, #profile.messages-container) tbody .tcr .byuser::before,
:is(#pun-viewforum, #pun-searchtopics, #pun-modviewforum, #profile.messages-container) tbody td.tcl .tclcon .byuser::before {
	content: "автор:";
	color: #5e594f;
	font: italic 700 16px / 1 var(--italic-font);
}

body:not(:has(#pun-index)) #pun-main .container:has(> table > tbody.hasicon) {
	background: color-mix(in srgb, var(--pun-light) 50%, transparent);
	border-radius: 10px;
	overflow: hidden;
width: 98%;
    margin: auto;
}

/* ==========================================================
   31. РАЗНЫЕ ВИДЖЕТЫ
   ========================================================== */
.container#font-area[style*="block"]{
  display:flex!important;
  animation: font-area-reflow .05s;
}
@keyframes font-area-reflow{ from{opacity:.999} to{opacity:1} }

.container#font-area{
    flex-wrap: wrap !important;
    align-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    max-height: 120px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    gap: 4px;
    padding: 4px;
}

.container#font-area>div[class^="fnt-"]{display:contents}

.container#font-area .only{
  flex:1 0 100%;
  font-weight:bold;
  padding:2px 4px;
  cursor:default;
  background:none!important;
}

.container#font-area div:has(>img){
    position: relative !important;
    display: flex;
    align-items: center;
    padding: 2px 6px;
    background: var(--pun-base);
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
    flex: 0 0 auto;
    transition: all .15s;
}

.container#font-area div:has(>img):hover{
  background: var(--acc-color);
  color: var(--pun-light);
}

.container#font-area img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  cursor:pointer;
}

/* меню админки сбоку */
#pun-adnav li {
	margin-bottom: 6px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	font: 700 13px / 1 var(--small-font);
	text-transform: lowercase;
	transition: color 0.15s ease;
	flex-direction: column;
}

#pun-adnav li:last-child {
	margin-bottom: 0;
}

#pun-adnav li a {
	color: inherit;
	font: inherit;
	text-decoration: none;
	display: block;
	width: 100%;
}

/* счетчик символов */
#plng{
	display: flex;
	align-items: center;
	flex: 0 0 50px;
	box-sizing: border-box;
	background: #2e2e1f;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 9px 0 11px;
	font: 12px / 1 var(--small-font);
	text-transform: lowercase;
	border-radius: 10px 0 0 0;
	gap: 5px;
	justify-content: center;
}

#plng b{
	font-weight: 600;
	color: var(--pun-base);
}



/************************* 
Стиль для Быстрой смены аккаунтов 
Deff 
*************************/ 
#pun-navlinks a:not(.NextShow)+span.odd{display:none!important}
#pun-navlinks #New-exit img{position:absolute;margin:0;width:20px;height:auto;opacity:1;}
#pun-navlinks #New-exit:hover{opacity:0.6}
.punbb #pun-navlinks a#New-exit{position:absolute;z-index:100000!important;margin-top:3px!important;margin-left:39px!important;float:none!important}
.punbb #pun-navlinks a#New-exit:before{content:none}
.punbb #pun-navlinks #form-login input{
        text-align: center;
    border: 1px solid #2e1f29;
    text-rendering: auto;
    color: #0c1014;
    margin-top: 4px !important;
    border-radius: 7px;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    display: inline-block !important;
    font: 400 11px roboto;
    background-color: #cac6c4;}
.punbb #form-login #fld1,#form-login #fld2{background-color:#faffbd}
.punbb #pun-navlinks #form-login input[type="submit"]{border:1px solid var(--border-light)!important;cursor:pointer;margin-top:10px!important;font-weight:600!important}
.punbb #pun-navlinks #form-login{
    display: block;
    font: 400 12px roboto;
    color: #cac6c4;
    text-transform: none;
    position: absolute !important;
    left: 0;
    top: 13px;
    z-index: 100000 !important;
    padding: 7px 12px;
    background: #282828;
    background-size: 36px auto;
    border: 1px solid #161616;
    border-radius: 0 10px 10px 10px;
    text-align: center;}
#pun-navlinks #navlogin #form-login{margin-left:-21px}
#pun-navlinks #navlogout #form-login{margin-left:-21px}
.ismoderator #pun-navlinks #navlogout #form-login{margin-left:-21px!important}
#pun-navlinks #form-login input[value="Войти"]+p{margin-bottom:11px;margin-top:11px}
.punbb #pun-navlinks #form-login a.Rega,.punbb #pun-navlinks #form-login a.Forgot{position:relative;text-transform:none!important;z-index:20;color:var(--link-base)!important;cursor:pointer;font:normal normal 400 9.5px/normal Tahoma!important;letter-spacing:.5px!important}
.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: -8px 0 0 0;
    min-height: 90px;
    width: 220px;
    right: 100%;
    padding: 10px;
    background: #282828;
    border: 1px solid #161616;
    border-radius: 10px 0 0 10px;
    text-align: center;
    font-family: 'roboto';}
.punbb #List-UserNames ul{padding:0;overflow:hidden;overflow-y:auto;min-height:36px;max-height:72px}
.punbb #List-UserNames li{display:block!important;position:relative;background:var(--link-buttons);text-align:left;padding-left:5px!important;font:normal normal 700 11px/normal Verdana!important;margin:1px auto!important;padding:2px 0;transition:.33s;border-radius:6px}
.punbb #List-UserNames li:hover{opacity:0.84;background:var(--link-base)}
.punbb #List-UserNames li>b{cursor:pointer;opacity:0.9;color:var(--inner-textbg)}
.punbb #List-UserNames li>b:hover{opacity:0.93;text-shadow:1px 1px 1px #00000099}
#List-UserNames ul::-webkit-scrollbar{width:4px;height:4px}
#List-UserNames ul::-webkit-scrollbar-track{background:var(--fair-text);border:1px solid var(--fair-text);box-shadow:none}
#List-UserNames ul::-webkit-scrollbar-thumb{border:1px solid var(--dark-text);background:var(--dark-text)!important;box-shadow:none}
#List-UserNames ul li>span{display:inline-block;padding:0 3px;position:absolute;opacity:0.88;cursor:pointer;top:0;bottom:0;right:2px;color:var(--fair-text);font:normal normal 700 10.56px/normal Verdana;text-shadow:1px 1px 1px #00000099}
#List-UserNames ul:empty:before{display:inline-block;content:"У Вас нет запомненных ников, введенных через форму справо, или через перенос ниже!"}
#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 10.56px/normal Verdana}
.punbb #List-UserNames input{border-radius:6px;text-shadow:none!important;font:normal normal 400 11px/normal Arial!important;margin-top:9px;padding:2px!important;vertical-align:middle}
#List-UserNames ul+span b{font:normal normal 400 13px/normal Verdana;padding:0 3px;color:var(--fair-text)}
#List-UserNames .a1-copy{display:inline-block!important;cursor:pointer;float:left;color:var(--fair-text)}
#List-UserNames .a1-paste{cursor:pointer;display:inline-block!important;float:right;color:var(--fair-text)}
.tipsy.a11{font:normal normal 400 11px/normal Tahoma!important;margin-top:-22px!important;margin-left:148px!important;max-width:170px;z-index:10}
/************************* 
//Конец Стиля для Быстрой смены аккаунтов 
*************************/

/***   РАЗДЕЛЕНИЕ ЮЗЕРОВ В ТЕМЕ ЗАПЯТОЙ   ***/
#topic-users-in a:not(:last-of-type):after {
content: ",";
}

/* количество символов в посте */
.send-sumb {
  margin: -19px 0 0px 0 !important;
  padding:2px 7px;
  float:right;
  color:#3e3e3e;
  cursor:pointer;
  border:1px solid;
  border-radius:16px;
  font-size:10px;
  opacity:0.3
}

.send-sumb:hover {
  opacity:0.8;
}

/* реакции  */
.reactions-root button, .reactions-root [type=button], .reactions-root [type=reset], .reactions-root [type=submit] {
    -webkit-appearance: button;
background: #afa18c!important;
    border: none!important;
}

.reactions-root button, .reactions-root [type=button], .reactions-root [type=reset], .reactions-root [type=submit]:hover {
    -webkit-appearance: button;
    background: #afa18c!important;
}

.reaction-chip.reaction-chip--clicked:not(.reaction-chip--disabled):hover {
    background-color: #d7cab6!important;
}

.reaction-chip.reaction-chip--clicked {
    border: none!important;
    background-color: #d7cab6!important;
}

#mask_dialog .inner {
    cursor: default;
    margin: 0;
    width: 760px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    box-shadow: 0 0 40px #222;
    background-color: #c7c3bf;
    background-image: url(https://www.transparenttextures.com/patterns/concrete-wall.png);
    padding: 8px;
    border-radius: 10px;
}


.fonchiki {
    height: 150px;
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 15px;
    display: grid;
    grid-template-columns: repeat(8, 70px);
    gap: 5px;}

.fonchiki img {
height: 100px;
    width: 70px;
    object-fit: cover;
    border-radius: 9px;
    object-position: top;
    transition: all 0.2s ease-out;
    filter: grayscale(1);}

.fonchiki img:hover {
filter:none;
}



/* новости: каркас */
.gn-news{--gn-main:#ddd4ca;--gn-card:#c9bfb5;--gn-tag:#f4f0e6;--gn-dark:#3c362e;--gn-pic:#8a7473;--gn-pic-side:#353331;--gn-red:#6d3437;--gn-green:#3f4a3f;--gn-tint:#565539;
width:967px;max-width:100%;height:580px;margin:0!important;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;background:var(--gn-main);color:var(--gn-dark);font-family:'Playfair Display',Georgia,serif;box-shadow:0 6px 24px rgba(0,0,0,.35);box-sizing:border-box;text-align:left}
.gn-news *{box-sizing:border-box}
.gn-news .gn-head{flex:0 0 64px;display:flex;align-items:center;justify-content:center;background:var(--h2-back,#211e1c);color:var(--pun-light,#f2ede2);font:22px/1 var(--big-font,Georgia,serif);text-transform:uppercase;letter-spacing:.5px}
.gn-news .gn-body{flex:1 1 auto;display:flex;min-height:0}
.gn-news .gn-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;padding:32px 26px 22px 30px}

/* плашки-заголовки */
.gn-news .gn-tag{display:inline-block;background:var(--gn-tag);color:var(--gn-dark);font-family:'Playfair Display',Georgia,serif;line-height:1.2;padding:4px 12px;box-shadow:0 2px 5px rgba(0,0,0,.28);white-space:nowrap}

/* картинки: пустое место = цветной квадрат (без overflow:hidden, чтобы подсказка не обрезалась) */
.gn-news .gn-pic{position:relative;display:block;flex:0 0 auto;border-radius:10px;background:var(--gn-pic)}
.gn-news .gn-pic img{display:block;width:100%;height:100%;object-fit:cover;border:0;margin:0;border-radius:9px}

/* картинки: по умолчанию ч/б, при наведении родной цвет */
.gn-news .gn-pic img{filter:grayscale(1) brightness(1.4) contrast(85%);transition:filter .3s ease}
.gn-news .gn-pic:hover img{filter:none}

/* подсказка при наведении — в стиле #tooltip форума, без JS */
.gn-news .gn-pic[data-tip]::after{content:attr(data-tip);position:absolute;left:50%;top:100%;z-index:5;margin-top:7px;transform:translateX(-50%);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 7px;border-radius:5px;background-color:var(--basic-grey);color:var(--pun-light);font:500 11px/1 var(--small-font);text-align:center;text-transform:lowercase;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease}
.gn-news .gn-pic[data-tip]:hover::after{opacity:1;visibility:visible}

/* объявление */
.gn-news .gn-lead{flex:1 1 auto;min-height:0;display:flex;gap:30px;align-items:flex-start}
.gn-news .gn-pic-lead{width:78px;height:78px;box-shadow:2px 1px 5px rgb(0 0 0 / 37%);border:1px solid #bbb3aa}
.gn-news .gn-lead-content{flex:1 1 auto;min-width:0;height:100%;display:flex;flex-direction:column}
.gn-news .gn-tag-lead{align-self:flex-start;font-size:21px;padding:5px 18px;margin-bottom:12px}
.gn-news .gn-lead-text{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:6px;font-size:13.5px;line-height:1.45;text-align:justify}
.gn-news .gn-lead-text a,.gn-news .gn-best-text a{color:inherit;text-decoration:underline;font-weight:800}

/* все ссылки жирные */
.gn-news a{font-weight:700}

/* лучший пост */
.gn-news .gn-best{flex:0 0 auto;display:flex;align-items:center;gap:28px;margin-top:34px}
.gn-news .gn-best-card{position:relative;flex:1 1 auto;min-width:0;background:rgba(80,64,50,.14);border:1px solid rgba(255,255,255,.35);border-radius:8px;box-shadow:0 3px 8px rgba(0,0,0,.2);padding:14px 12px 10px}
.gn-news .gn-tag-best{position:absolute;top:-17px;right:18px;font-size:14px;padding:4px 10px}
.gn-news .gn-best-text{min-height:84px;max-height:118px;overflow-y:auto;padding-right:4px;font:11px/1.45 'Playfair Display',Georgia,serif;text-align:justify}
.gn-news .gn-pic-best{width:94px;height:94px;box-shadow:2px 1px 5px rgb(0 0 0 / 37%);border:1px solid #bbb3aa}

/* кнопки */
.gn-news .gn-links{flex:0 0 auto;display:flex;justify-content:center;gap:20px;margin-top:48px}
.gn-news a.gn-btn{display:block;min-width:150px;padding:6px 18px;border-radius:4px;background:var(--gn-red);color:#e9e2d6;font:500 13px/1.3 'Playfair Display',Georgia,serif;text-align:center;text-decoration:none;box-shadow:0 2px 4px rgba(0,0,0,.3);transition:all 0.15s}
.gn-news a.gn-btn-green{background:var(--gn-green);transition:all 0.15s}
.gn-news a.gn-btn:hover{opacity:.85}

/* сайдбар */
.gn-news .gn-side{position:relative;flex:0 0 210px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:22px 0;background:#3a3836 url(https://forumstatic.ru/files/001c/c8/87/48104.jpg) center/cover;box-shadow:-6px 0 12px rgba(0,0,0,.3)}
.gn-news .gn-side-block{display:flex;flex-direction:column;align-items:center;gap:22px}
.gn-news .gn-tag-side{font-size:14px;padding:4px 12px;transform:rotate(-2deg)}
.gn-news .gn-side-block:nth-child(2) .gn-tag-side{transform:rotate(1deg)}
.gn-news .gn-icons{display:flex;gap:15px}
.gn-news .gn-pic-side{width:60px;height:60px;background:var(--gn-pic-side);box-shadow:0 2px 6px rgba(0,0,0,.75);border:1px solid #665757}

/* лучший эпизод: ссылка вместо картинок */
.gn-news a.gn-episode{display:block;max-width:170px;color:var(--gn-tag);font:500 13px/1.35 'Playfair Display',Georgia,serif;text-align:center;text-decoration:none;border-bottom:1px solid rgba(244,240,230,.45);padding-bottom:2px;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.gn-news a.gn-episode:hover{border-bottom-color:var(--gn-tag)}

/* скроллбары: Chrome, Edge, Safari */
.gn-news .gn-lead-text,.gn-news .gn-best-text{scrollbar-width:auto;scrollbar-color:auto}
.gn-news .gn-lead-text::-webkit-scrollbar,.gn-news .gn-best-text::-webkit-scrollbar{width:5px}
.gn-news .gn-lead-text::-webkit-scrollbar-track,.gn-news .gn-best-text::-webkit-scrollbar-track{background:rgba(0,0,0,.07);border-radius:3px}
.gn-news .gn-lead-text::-webkit-scrollbar-thumb,.gn-news .gn-best-text::-webkit-scrollbar-thumb{background:rgba(0,0,0,.25);border-radius:3px}

/* скроллбары: Firefox */
@supports not selector(::-webkit-scrollbar){
.gn-news .gn-lead-text,.gn-news .gn-best-text{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.25) rgba(0,0,0,.07)}
}

.gn-news .gn-lead-text{background:
linear-gradient(var(--gn-main) 30%,rgba(221,212,202,0)) center top,
linear-gradient(rgba(221,212,202,0),var(--gn-main) 70%) center bottom,
radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.18),transparent) center top,
radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.18),transparent) center bottom;
background-repeat:no-repeat;background-size:100% 36px,100% 36px,100% 12px,100% 12px;background-attachment:local,local,scroll,scroll}
.gn-news .gn-best-text{background:
linear-gradient(var(--gn-card) 30%,rgba(201,191,181,0)) center top,
linear-gradient(rgba(201,191,181,0),var(--gn-card) 70%) center bottom,
radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.18),transparent) center top,
radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.18),transparent) center bottom;
background-repeat:no-repeat;background-size:100% 30px,100% 30px,100% 10px,100% 10px;background-attachment:local,local,scroll,scroll}