/* =====================================================================
   Структура — main (общее + .light + .light.dark + body.mobile.light)
   .basic вынесен в basic.css, .sylv в sylv.css
   ===================================================================== */

/*************************************************************
Основа css by shady

**************************************************************/
@import url(style_cs.1777273604.css);
/* ПОДГРУЗКА ШРИФТОВ
-------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair:ital,opsz,wdth,wght@0,5..1200,87.5..112.5,300..900;1,5..1200,87.5..112.5,300..900&display=swap');

/* Font Awesome */
@import url('https://kit-pro.fontawesome.com/releases/v6.5.2/css/pro.min.css');
@font-face {
    font-family: 'Vetrino';
    src: local("Vetrino"), url('//forumstatic.ru/files/001b/11/27/48711.ttf');
}

@font-face {
    font-family: 'Alegreya SC';
    src: local("Alegreya SC"), url('//forumstatic.ru/files/001b/fd/b9/48566.ttf?v=1');
}

@font-face {
    font-family: 'Iron Lady';
    src: local("Iron Lady"), url('//forumstatic.ru/files/001b/fd/b9/24197.ttf');
    ;
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Icons';
    src: local("MaterialSymbolsRounded-Regular"), url('//forumstatic.ru/files/001c/25/c8/12046.ttf?v=1');
}

@font-face {
    font-family: 'NARZISS';
    src: local("NARZISSPROCYRILLICDROPS"), url('https://forumstatic.ru/files/001c/70/90/30633.ttf');
}

@import url('//fonts.googleapis.com/css?family=Yeseva+One&subset=latin,cyrillic');
/* * {outline: 1px solid red} */

/* ROOT
-------------------------------------------------------------*/

:root {
    /* дизайн рифт */
    --t-body: #0e0b07;
    /*цвет основного текста */
    --doptext: #543c24;
    /*цвет дополнительного текста */
    --link: #560803;
    /* цвет основных ссылок */
    --doplink: #543c24;
    /* цвет дополнительных ссылок */
    --navlink: #63584A;
    /* цвет ссылок в шапке */
    --forlink: #806E48;
    /* цвет ссылок в подфоруме */
    --forcol: #8c7953;
    /* цвет подложки форумов/цитат */
    --h1-font: bold 15px "Alegreya SC";
    /* шрифт и размер заглавного текста */
    --h0-font: "Alegreya SC";
    /* шрифт и размер заглавного текста */
    --body-font: 10px "verdana";
    /* шрифт основного текста */
    --backcol: #725e3447;
    /* цвет подложки выпадающих меню */
    --bord: 3px double rgba(42, 14, 8, 0.28);
    /*цвет рамок форм */
    --proftext: #675b3f;
    /*цвет текста в профиле */
    --tablink: #5d553c;
    /* цвет ссылок в таблице */
    --button: linear-gradient(to top, #1e0a07, #28110c);
    /* фон кнопок */
    --headlink: #6b332a;
    /* цвет ссылок в шапке */
    --headspan: #fff2da;
    /* цвет заголовков в шапке */
    --hovlink: #8b7c5f;
    /* цвет ссылок при наведении */
    --anketa: #837452 !important;
    /* цвет ссылок в лз */
    --g-light: #b7b990;
    /* светло-зеленый фон гостевая */
    --dm1: rgb(50 24 4 / 10%);
    /* фон кастомного заголовка */

    /* дизайн сильвания */
    --t-body1: #544a38;
    /*цвет основного текста */
    --doptext1: #75593d;
    /*цвет дополнительного текста */
    --link1: #463f31;
    /* цвет основных ссылок */
    --doplink1: #05635d;
    /* цвет дополнительных ссылок */
    --navlink1: #75593d;
    /* цвет ссылок в шапке */
    --forlink1: #75593d;
    /* цвет ссылок в подфоруме */
    --forcol1: #cfc0a38a;
    /* цвет подложки форумов/цитат */
    --h1-font1: bold 15px/1.4 Iron Lady;
    /* шрифт и размер дополнительного текста */
    --body-font1: 10px "verdana";
    /* шрифт основного текста */
    --backcol1: #d5c8ad;
    /* цвет подложки выпадающих меню */
    --bord1: solid 1px #c4b396d9;
    /*цвет рамок форм */
    --headlink1: #877a60;
    /* цвет ссылок в шапке */
    --proftext1: #898989;
    /*цвет текста в профиле */
    --hovlink1: #05635d;
    /* цвет ссылок при наведении */
    --lightlink: #0a746e;
    /* ссылки еще ярче */

    --darktlink: #0c4948;
    --border: #413223;
    --h1-font: bold 15px "Alegreya SC";

  --font-title: owenpro;

    /* светлый базовый текущий */
    --bg-header: url(https://forumstatic.ru/files/001c/72/80/64683.svg);
    --bg-footer: url(https://forumstatic.ru/files/001c/70/90/81141.png);
    --bg-main: url(https://forumstatic.ru/files/001c/70/90/34243.jpg);
    --bg-header-width: 1300px;
    --bg-header-pos: -40px;
    --canvas-primary: 193, 200, 193;
    --canvas-secondary: 173, 173, 173;
    --accent: 136, 161, 157;
    --dark-accent: 76, 83, 84;
    --accent-secondary: 170, 195, 163;
    --canvas-tertiary: 210, 208, 199;
    --text-primary: 45, 45, 45;
    --text-light: 255, 255, 255;
    --font-title: "Playfair";
}

:root, .light {
    --bg-header: url(https://forumstatic.ru/files/001c/72/80/64683.svg);
    --bg-footer: url(https://forumstatic.ru/files/001c/70/90/81141.png);
    --bg-main: url(https://forumstatic.ru/files/001c/70/90/34243.jpg);
    --bg-header-width: 1300px;
    --bg-header-pos: -40px;
    --font-cat-title: "Playfair", serif;
    --canvas-primary: 193, 200, 193;
    --canvas-secondary: 173, 173, 173;
    --accent: 136, 161, 157;
    --dark-accent: 76, 83, 84;
    --accent-secondary: 170, 195, 163;
    --canvas-tertiary: 210, 208, 199;
    --text-primary: 45, 45, 45;
    --text-light: 255, 255, 255;
    --font-title: "Playfair";
    --display: none;
    --display2: inherit;
    --header-tertiary: #223434cf;
}

/* дизайн сильвания */

/* * {outline: 1px solid red}  */

/* ОСНОВНЫЕ ШРИФТЫ ФОРУМА
-------------------------------------------------------------*/
/* основной шрифт текста форума */

body {
    font-size: 11px;
    font-family: "Verdana", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

#pun-index {
    font: normal 11px verdana, arial, sans-serif;
}

/* шрифты поля ввода*/

textarea, input, select, optgroup {
    font: 12px verdana;
}

/*шрифт в поле кода */

.punbb pre {
    font: 10px verdana;
}

/* ЦВЕТ ТЕКСТА БОЛЬШИНСТВА ЭЛЕМЕНТОВ НА ФОРУМЕ
-------------------------------------------------------------*/

.section .container, .post-body, .post-links, .punbb td.tc2, .punbb td.tc3, .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .info-box, #pun-main .info-box .legend, .main .container, .post .container, .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    color: #0e0b07;
}

.post.hideprofile .post-box, .light .post.hideprofile .post-box {
    /* padding: 0em 2.5em 1em 2.2em; */
    padding: 0em;
}

/* ЦВЕТ ТЕКСТА ПОСТОВ
-------------------------------------------------------------*/

.post-box {
    color: var(--t-body);
}

/* ЦВЕТ ДЕЖУРНОГО ТЕКСТА (тему просматривают, страницы и т.д.)
-------------------------------------------------------------*/

.linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb {
    color: var(--t-body);
    letter-spacing: 0.5px;
}

/* ЦВЕТ ССЫЛОК НА ФОРУМЕ
-------------------------------------------------------------*/

.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited, .g-modal-content a, .g-modal-content a:link, .g-modal-content a:visited {
    transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    color: rgba(97, 121, 117, 1);
    text-shadow: none;
}

/* ЦВЕТ ССЫЛОК НА ФОРУМЕ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/

.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active, abbr:hover, .g-modal-content a:hover, .g-modal-content a:focus, .g-modal-content a:active {
    color: rgb(var(--accent))!important;
}

.custom_tag_dm0 a:hover {
    text-decoration: none !important;
}

/* ТАБЛИЦЫ
-------------------------------------------------------------*/
/* стили таблиц */

.main table {
    table-layout: fixed;
    width: 100%;
}

/* отступы в ячейках */

.main td {
    padding: 1em 1em;
}

th {
    padding: 0 !important;
    font-size: 0px !important;
}

/* ширина подфорума */

.main .tcl {
    text-align: left;
}

#pun-viewforum .main .tcl {
    text-align: left;
    display: block;
}

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

#pun-online .main .tcl {
    width: 30%;
}

/* ширина ячеек */

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

/* ширина последнего сообщения */

.tcr {
    text-align: center;
    line-height: 15px;
}

.tcr span {
    display: inline-block;
}

/* ширина в поиске/модерировании */

#pun-searchtopics .tcl, #pun-modviewforum .tcl {
}

#pun-userlist .tcl {
    width: 35%
}

#pun-userlist .tc2, #pun-searchtopics .tc2 {
    text-align: left;
    overflow-wrap: break-word;
}

/*дебаг */

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

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

/* расположение последней активной темы */

#pun-index .tcr {
    width: 36%;
    text-align: left;
    font-size: 10px;
    line-height: 10px;
}

#pun-index .tcr span {
    display: initial;
}

/* тема, юзер, новые соо
.forum .tcr a, .forum .tclcon strong > a, .forum .tclcon > a:first-of-type {
    display: block;
}
*/

/* последняя активная тема в подфоруме */

#pun-index .tcr a {
    text-transform: lowercase;
    letter-spacing: 0.5px;
    font: 700 11px Verdana;
    font-weight: 700;
    font-size: 11px;
    text-align: left;
}

/* количество тем и сообщений в подфоруме */

#pun-index .tc2, #pun-index .tc3 {
    width: 5%;
    display: none;
}

/* заголовки */

#pun-viewtopic #pun-main h1, .custom_tag_h0, #pun-viewtopic #pun-main h2, #pun-profile #pun-main h1, #pun-messages #pun-main h1, #pun-userlist #pun-main h1, #pun-search #pun-main h1, #pun-searchposts #pun-main h1, #pun-register #pun-main h1, #pun-login #pun-main h1, #pun-searchtopics #pun-main h1, #pun-online #pun-main h1, #pun-viewforum #pun-main h1, #pun-debug h2, #pun-searchtopics h2, #pun-online h2, .pun-modal h2 {
    background: rgba(var(--accent), .3);
    padding: 5px 15px;
    box-shadow: none;
    border: 1px solid transparent;
    border-radius: 98px;
    padding-top: 8px;
    padding-bottom: 5px;
    margin-left: auto;
    overflow: hidden;
    font: 700 15px Playfair;
    background-image: linear-gradient(#b0bdb6, #b0bdb6), radial-gradient(circle at top left, #dbe8e2, #88a19d);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    margin-right: auto;
    text-shadow: none !important;
    text-align: center !important;
    color: rgb(var(--text-primary), 0.6);
    text-transform: uppercase;
    width: 490px;
    font-weight: 700;
}

.custom_tag.custom_tag_h0 {
    display: block;
    margin: 1em auto 0px!important;
}

#pun-messages #pun-main h2 {
    width: 150px;
}

/* админка */

#pun-admain fieldset {
    padding: 0 18px 0 18px;
    margin: 0 0 1em 0;
    border: none !important;
}

/* НАВИГАЦИЯ ПО ФОРУМУ СВЕРХУ
-------------------------------------------------------------*/

#pun-navlinks .container {
    padding: 0px;
    width: 650px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 0px;
}

.light #pun-navlinks .container {
    padding: 0px;
    width: 850px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 28px;
    margin-bottom: 0px;
}

#pun-navlinks li {
    display: inline;
}

/* расположение*/

#ForumD-ru #pun-navlinks {
    position: absolute;
    z-index: 999;
    left: -153px;
    padding: 0px;
    width: 850px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 10px;
}

#ForumD-ru:not(.sticky) #pun-navlinks {
    margin: -115px 0 0 400px;
}

#ForumD-ru.sticky #pun-navlinks {
    margin: -25px 0 0 200px;
}

#ForumD-ru:not(.sticky) #pun-ulinks {
    margin: 457px 0px 0 115px;
}

#ForumD-ru.sticky #pun-ulinks {
    margin: -10px 0px 0 -80px;
}

/* вид ссылок */

#pun-navlinks li a {
    color: rgb(var(--canvas-primary));
    text-transform: uppercase;
    font: 500 15px var(--font-title);
    text-shadow: none;
}

.light #pun-navlinks li a {
    color: rgb(var(--canvas-primary));
    text-transform: uppercase;
    font: 500 15px var(--font-title);
    text-shadow: none;
}

/*  вид ссылок навигации при наведении */

.light #pun-navlinks li a:hover, #pun-navlinks li a:hover {
    color: rgb(var(--accent));
}

#ForumD-ru {
    position: absolute;
    margin-top: 0px;
    top: 30px;
    z-index: 999;
}

.Ultimate-menu {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 80px;
    position: absolute;
    margin-left: -40px;
    box-sizing: border-box;
    padding-top: 20px;
    z-index: 999;
    margin-top: 0px !important;
}

/********* Навигация *********/

#pun-navlinks .UM-list li {
    display: block;
}

#pun-navlinks .UM-more, #pun-navlinks #navextra1, #pun-navlinks #navindex, #pun-navlinks #navuserlist, #pun-navlinks #navawards, #pun-navlinks #navprofile, #pun-navlinks #navsearch, #pun-navlinks #navextra2, #pun-navlinks #navlogout {
    position: relative;
}

#pun-navlinks .UM-list {
    top: 0px;
    padding: 0px;
    position: absolute;
    z-index: 999;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    left: 50% !important;
    right: auto !important;
    text-align: center !important;
    transform: translate(-50%, 0) !important;
    background: rgb(251 251 251 / 30%);
    box-shadow: none;
    border: none;
    border-radius: 5px;
    transition: opacity 0.4s ease, max-height 0s 0.4s, top 0s 0.4s, padding 0s 0.4s;
    word-spacing: 1px;
}

#pun-navlinks .UM-list a {
    display: block;
    padding: 4px 5px 4px 5px;
    background: rgb(var(--accent));
    font: 700 11px verdana !important;
    text-transform: lowercase !important;
    color: #222c22 !important;
    border-radius: 3px;
    font-size: 11px;
    text-align: center;
    text-shadow: none;
    box-shadow: none;
    margin-bottom: 2px;
    transition: background 0.4s ease-in-out !important;
}

#pun-navlinks #navextra1:hover .UM-list, #pun-navlinks #navprofile:hover .UM-list, #pun-navlinks #navuserlist:hover .UM-list, #pun-navlinks #navadmin:hover .UM-list {
    overflow: visible;
    max-height: 1000px;
    opacity: 1;
    min-width: 90px;
    top: 28px;
    padding: 10px 6px 10px 6px;
    transition: opacity 0.4s ease;
}

#pun-navlinks #navadmin:hover .UM-list {
    top: 26px;
}

#pun-navlinks .UM-innerlist {
    font-size: 10px;
    left: 74px;
    top: -25px;
    position: absolute;
    z-index: 9999;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    background: rgb(251 251 251 / 30%);
    box-shadow: none;
    border: none;
    border-radius: 5px;
    padding: 10px;
}

#pun-navlinks .UM-more:hover .UM-innerlist {
    overflow: visible;
    max-height: 1000px;
    opacity: 1;
    z-index: 99999;
}

.light #pun-navlinks #navadmin, #pun-navlinks #navadmin {
    position: absolute;
    font-size: small;
    top: 37px;
    padding-bottom: 6px;
    height: 2em;
}

#ForumD-ru.sticky #navadmin {
    right: -125px;
    font-size: small;
    top: 23px;
}

#pun-navlinks #navadmin {
    position: absolute;
    font-size: small;
    padding-bottom: 6px;
    height: 2em;
}

#pun-navlinks li#navadmin>a {
    font-family: 'Icons' !important;
    font-size: 0px !important;
    font-weight: 100;
}

#pun-navlinks li#navadmin>a::before {
    font-size: 20px !important;
    content: '\e8b8';
    filter: saturate(2.5) drop-shadow(0px 0px 1px black);
    display: block;
}

#navadmin a span {
    overflow: hidden;
    width: 44px;
    display: inline-block;
}

#pun-navlinks .um-short1 {
    display: none !important;
}

#pun-navlinks #navuserlist .UM-list {
    /* display: none !important; */
}

li#navlogout {
    display: contents;
}

a#nota-ql-navbtn {
    /* font-family: 'Icons' !important; */
    font-family: FontAwesome !important;
    font-size: 0px !important;
}

a#nota-ql-navbtn:before {
    font-size: 16px !important;
    content: '\e068' !important;
    /* content: '\e16d'; */
    /* filter: saturate(1.5) drop-shadow(0px 0px 1px #424242); */
    font-family: 'Font Awesome 6 Pro' !important;
    font-weight: 300;
}

/* ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ
-------------------------------------------------------------*/

.light #pun-ulinks .container, #pun-ulinks .container {
    padding: 0 !important;
    text-align: center;
    margin: 1px 0px 0 0;
    display: flex;
    justify-content: flex-end;
    font-size: 10px;
}

#pun-ulinks li, #pun-ulinks li a {
    display: inline;
}

/*расположение */

#ForumD-ru #pun-ulinks {
    text-align: center;
    position: absolute;
    padding-top: 15px;
    width: 970px;
    margin: 0px;
}

#pun-ulinks {
    text-align: center;
    position: absolute;
    padding-top: 15px;
    width: 970px;
    margin: 456px 0px 0 0;
}

/* цвет ссылок */

.light #pun-ulinks a, #pun-ulinks a {
    color: rgb(var(--canvas-tertiary));
    transition: color 0.5s linear 0s;
    text-transform: lowercase;
    padding-right: 20px;
    text-shadow: none;
}

/* цвет ссылок при наведении */

.light #pun-ulinks a:hover, #pun-ulinks a:hover {
    color: rgb(var(--accent));
}

/* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ И СНИЗУ
-------------------------------------------------------------*/
/* расположение сверху */

#pun-crumbs1 {
    margin: 0px !important;
}

/* общий внешний вид */

.light #pun-crumbs2, #pun-crumbs2 {
    font: 700 14px var(--font-cat-title);
    letter-spacing: -0.5px;
    font-weight: 700;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
    /* margin-top: -15px !important; */
    text-align: center;
    text-shadow: none;
}

.light #pun-crumbs1, #pun-crumbs1 {
    font: 700 14px var(--font-cat-title);
    letter-spacing: -0.5px;
    font-weight: 700;
    position: absolute;
    text-transform: uppercase;
    width: -webkit-fill-available;
    margin-top: 34px !important;
    text-align: center;
    text-shadow: none;
}

.light #pun-crumbs1 .container, .light #pun-crumbs2 .container, #pun-crumbs1 .container, #pun-crumbs2 .container {
    color: rgba(26, 26, 26, 0.8);
}

/* цвета ссылок */

.light #pun-crumbs2 a, .light #pun-crumbs1 a, #pun-crumbs2 a, #pun-crumbs1 a {
    font-weight: bold;
    color: rgba(97, 121, 117, 1);
}

/* цвет ссылок при наведении */

#pun-crumbs2 a:hover, #pun-crumbs1 a:hover {
    font-weight: bold;
    color: rgb(var(--accent));
}

/* СТРОКА ПРИВЕТСТВИЯ
-------------------------------------------------------------*/

#pun-status strong {
    font-weight: bold;
}

#pun-status .status-right {
    float: right;
}

/* расположение  */

.light #pun-status, #pun-status {
    position: absolute;
    width: 1034px;
    display: flex;
    top: 550px;
    z-index: 1;
    opacity: 0.9;
    justify-content: center;
}

/* внешний вид  */

.light #pun-status .container, #pun-status .container {
    color: rgba(78, 78, 78, 1);
    font-size: 10px;
    display: flex;
    gap: 10px;
    /* text-transform: lowercase; */
}

/* цвет ссылки  */

#pun-status a {
    font-weight: bold;
    color: var(--doplink);
}

/* Привет, последний визит - Сильвания
-------------------------------------------------------------*/

/* ТЕМЫ
-------------------------------------------------------------*/
/* весь пост */

/* флекс пост */

.light .post .container, .post .container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 25px;
}

.post .container .toBlock {
    position: sticky !important;
    top: 60px;
    height: fit-content;
    margin-bottom: 10px;
    z-index: 5;
}

.light .post-body, .post-body {
    width: 726px;
}

/* конец  */

/* разделитель между сообщения*/

.post h3 {
    margin: 25px 0px 10px;
}

/* текст внутри разделителя */

.light .post h3 span, .post h3 span {
    display: block;
    font-size: 11px;
    letter-spacing: 0.5px;
    /* margin-left: 20px !important; */
    font-weight: normal;
    /* margin: 0px 17px 0 260px; */
    margin: 0px 3px 0 256px;
    padding: 4px 20px;
    color: var(--doptext);
    max-width: calc(100% - 30px);
    box-sizing: border-box;
    background: linear-gradient(to right, #404f51, #25302b);
    border-radius: 3px;
}

#pun-messages .post h3 span {
    color: rgb(187 187 187);
    font: 500 15px 'Playfair';
    font-weight: 600;
    margin: -1px -1px 0 14px;
    padding-left: 103px;
}

.post.hideprofile h3>span {
    /* margin-left: calc(72px - min(56px, (100% - 806px))) !important; */
    margin-left: 0px !important;
    width: -webkit-fill-available;
    margin-right: 0px !important;
    max-width: calc(100% - 1px) !important;
    /* margin-bottom: -14px; */
    padding: 5px 20px;
}

.mobile .post.hideprofile h3>span {
    margin-left: 0px !important;
}

/* ссылка-дата на сообщение */

.light a.permalink, a.permalink {
    /* margin-left: 1%; */
    font: 700 14px var(--font-cat-title);
    color: rgb(var(--canvas-primary));
    display: inline-flex;
}

.permalink::before {
    content: '\e8b5';
    font-family: 'Icons';
    font-size: 12px;
    font-weight: 100;
    margin: 1px 3px 0px 0px;
    display: inline-flex;
}

/* номер поста */

.post h3 strong {
    margin-right: -10px;
    color: rgba(210, 208, 199, 1);
    font-family: Playfair;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    text-align: right;
    float: right;
    text-transform: uppercase;
    display: inline-flex;
}

/* расположение профиля */

.post .post-author {
    float: left;
    min-height: 140px !important;
}

/* пост и отступы в посте */

.light .post-box, .post-box {
    padding: 1em 0em;
}

/* выравнивание текста поста */

.post-content {
    width: 100%;
    overflow: visible;
    text-align: justify;
}

/* абзацы постов */

.light .post-content p, .post-content p {
    margin: 0;
    padding: 0 0em 0.8em 0em;
    line-height: 150%;
}

.post-content .quote-box p:last-child, .custom_tag_quote2 p:last-child {
    padding-bottom: 0;
}

.post-content {
    margin: 0px 0px 10px !important
}

/* ссылки в посте */

.post-links {
    font-weight: 100;
    position: relative;
    z-index: 5;
    display: block;
    width: 98%;
}

.light .post-links li, .post-links li {
    display: inline;
    padding-left: 10px;
    font: 400 12px var(--font-cat-title);
    box-sizing: border-box;
    text-transform: uppercase;
    color: rgba(74, 74, 74, 1);
}

.post-links li:first-child {
    margin-left: 5px;
}

.post-links ul {
    padding: 0px 0px;
    text-align: right;
}

.light .post-links ul a, .post-links ul a {
    font: 700 12px var(--font-cat-title);
    font-size: 12px;
    color: rgba(74, 74, 74, 1);
    background: rgba(202, 209, 202, 1);
    padding: 3px 10px;
    border-radius: 30px;
    border: 1px solid rgba(173, 173, 173, 1);
    transition: background .3s ease-in-out, color .3s ease-in-out;
}

.light .post-links ul a:hover, .post-links ul a:hover {
    font: 700 12px var(--font-cat-title);
    font-size: 12px;
    color: white!important;
    background: rgba(var(--accent));
}

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

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

/* курсив и подчеркнутый текст внутри поста */

.post-content em {
    font-style: italic
}

.post-content em.bbuline {
    font-style: normal;
    text-decoration: underline;
}

/* картинки в постах */

.post-content img {
    vertical-align: text-bottom
}

.post-content img.postimg {
    vertical-align: middle;
}

.height350 img.postimg {
    max-height: 350px;
}

/* таблицы в постах */

td {
    border-color: transparent;
}

.post-content td {
    padding: 0.4em 0.5em !important;
    overflow: hidden;
}

/* разделитель подписи в посте */

.post-sig::before {
    content: '';
    display: block;
    margin: 15px auto 8px;
    width: 30%;
    height: 1px;
    background: rgb(61 95 102 / 38%);
}

/* экстра */

.post-content table {
    border-collapse: separate;
    margin: 0 0 0.8em
}

.post-content td p:last-child {
    padding-bottom: 0
}

.post-content .highlight-text {
    background-color: #ff0;
    color: #000
}

.post-content .spoiler-box>blockquote {
    padding: 0;
    display: none;
    margin-top: 10px;
}

.post-content .spoiler-box>blockquote.visible {
    display: block;
    overflow: auto;
    color: black;
    overflow: visible;
}

.post-content hr {
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-bottom: 0.8em
}

.post-content abbr {
    cursor: help
}

.post-content ul {
    padding: 0 0 1em 2.3em
}

.post-content ul li {
    list-style: inherit;
    margin-bottom: 0.3em
}

.post-content ul li ul {
    padding-bottom: 0
}

.post-content ul li>p {
    padding-bottom: 0.3em
}

.post-content ul li>p:last-of-type {
    padding-bottom: 0
}

/* ФОРМЫ
-------------------------------------------------------------*/
/* контейнер можно отключить */

.formal .container {
    padding: 10px 0px;
}

.punbb .formal fieldset {
    min-width: 0;
    border: none;
}

.punbb .formal span.input {
    padding-right: 0 !important
}

#pun-announcement h2 {
    display: none;
}

/* местоположение кнопок отправить/посмотреть */

.formsubmit {
    /* margin: 0px 0px 10px 35px; */
    margin: 0px 0px 10px 0px;
}

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

/* инфо по заполнению */

fieldset {
    /* padding: 5px 20px; */
    padding: 5px 0px;
}

fieldset legend {
    margin: 0px;
}

/* настройка текста */

fieldset legend span {
    text-transform: none !important;
    font: var(--h1-font);
    font-weight: bolder;
}

fieldset fieldset {
    border: none;
    margin: 0;
    padding: 0px 0px 5px;
}

.fs-box {
    padding: 0px;
}

.fs-box p, .punbb .fs-box fieldset {
    padding: 0 0 5px 0;
    margin: 0px;
}

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

.inline .infofield {
    clear: both
}

.datafield br {
    display: none
}

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

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

/* обводка активного поля */

input, textarea, button {
    outline: none;
}

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

.hashelp {
    position: relative;
}

/* чекбоксы */

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

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

/* страница переадресации */

#pun-redirect {
    padding: 14px;
}

/* поле ввода текста поста */

.light textarea, textarea {
    background: rgba(var(--accent), .3);
    padding: 12px !important;
    /* width: 96% !important; */
    /* margin-left: 4% !important; */
    margin: auto;
    color: inherit;
    border: none;
    display: block;
    box-shadow: none;
    border-radius: 5px;
    border-width: 0px;
    box-sizing: border-box;
    border: 1px solid #73817e6e !important;
}

.areafield div button {
    /*position: absolute; */
margin-top: 5px;
    left: -9px;
}

/* поле ввода название темы */

select, input, #plng, #topic-search-btn {
    background: rgb(var(--accent), 0.68);
    margin: 5px 0px;
    border-radius: 5px;
    color: black;
    border: 1px solid #73817e6e !important;
    box-shadow: none;
    border-width: 1px;
}

input[type="checkbox"] {
    opacity: 0.8;
    box-shadow: none;
}

/* перенос сообщений из темы  */

.pun-modal .container {
    width: 100% !important;
    position: relative;
    border: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background:transparent;
}

/* пагинация
-------------------------------------------------------------*/
/* страницы в подфоруме сверху */

.linkst {
    position: relative;
    height: 0;
    top: -15px;
}

.linkst .pagelink, .pagelink {
    /* margin-left: 18px; */
    font: 300 14px var(--font-cat-title);
}

.postlink.long {
    width: 300px;
}

.linkst .postlink {
    position: absolute;
    top: 0px;
    right: 21px;
    text-align: right;
    font-weight: bolder;
}

/* страницы в подфоруме снизу*/

.linksb {
    text-align: right;
    padding: 0px 5px;
    position: relative;
    bottom: -5px;
    z-index: 2;
}

.linksb .pagelink {
    width: 300px;
    text-align: left;
    float: left;
    position: relative;
    margin-left: 0px;
    height: auto;
}

.linksb .postlink {
    float: right;
    font-weight: bold;
}

/* страницы в теме снизу*/

#pun-viewtopic .linksb {
    text-align: right;
    position: relative;
    margin: 1px 0px 5px;
    height: 24px;
    /* box-sizing: border-box; */
    padding: 4px 20px;
    color: rgb(var(--canvas-secondary));
    /* color: rgb(var(--canvas-primary)); */
    max-width: calc(100% - 0px);
    box-sizing: border-box;
    background: linear-gradient(to right, #404f51, #25302b);
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font: 700 14px var(--font-cat-title);
}

/* подписаться и отслеживать внутри темы */

.subscribelink {
    clear: both;
    margin: 0 20px 0px;
    /* width: 285px; */
    left: 50%;
    transform: translateX(-50%);
    font-weight: 400;
    position: absolute;
    /* top: 3px; */
    text-align: center;
    text-transform: lowercase;
    color: rgb(var(--canvas-secondary), 0.6);
}

.sylv .basic .subscribelink {
    color: var(--doptext) !important;
}

.subscribelink a {
    filter: brightness(1.3);
}

/* меню модератора */

.modmenu .container {
    padding: 0px;
    text-align: right;
    margin: 10px 0px 0px;
}

.modmenu .container {
    font: 300 13px Playfair;
}

.modmenu strong, .modmenu a {
    height: 15px;
    padding-bottom: 10px;
}

.modmenu .container strong {
    float: left;
}

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

/* КНОПКИ И ФОРМЫ ЗАПОЛНЕНИЯ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ*/
/* формы заполнения*/

.punbb select, .punbb option {
    text-transform: lowercase !important;
    line-height: 9px;
    font-size: 10px !important;
    padding: 2px 4px 4px;
}

.checkbox {
    width: auto !important;
}

.topic-dsc {
    font-size: 10px;
    color: rgb(36 30 28);
    margin-top: 2px;
    text-shadow: #fff8d263 1px 1px 2px;
    opacity: 0.68;
    margin-bottom: 0px;
    display: inline;
    /* margin-left: 0.5em; */
    font-weight: 100;
}

/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ
-------------------------------------------------------------*/

input.button, #post fieldset .hashelp div input, button, .buttons div, #mask_dialog .hv-add-template, .post.topicpost .charlist .hvClearFilters, ul#ul-5 {
    border-radius: 25px !important;
    color: white;
    text-shadow: none;
    padding: 5px 15px;
    cursor: pointer !important;
    transition: .5s background, .5s color;
    font: var(--font-cat-title) !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 12px !important;
    width: auto;
    font-weight: 700 !important;
    background: rgba(var(--accent));
    border: 0px outset;
    border-color: transparent !important;
    box-shadow: none;
    margin-right: 10px;
}

input.button:hover, #post fieldset .hashelp div input:hover, button:hover, .buttons div:hover, .buttons>.activevkladka, .post.topicpost .charlist .hvClearFilters:hover, ul#ul-5:hover {
    cursor: pointer !important;
    background: white;
    color: rgb(136 161 157);
}

.light input.button, .light #post fieldset .hashelp div input, .light button, .light .buttons div, .light #mask_dialog .hv-add-template, .light .post.topicpost .charlist .hvClearFilters, .light ul#ul-5 {
    border-radius: 25px !important;
    color: white;
    text-shadow: none;
    padding: 5px 15px;
    cursor: pointer !important;
    transition: .5s background, .5s color;
    font: var(--font-cat-title) !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 12px !important;
    width: auto;
    font-weight: 700 !important;
    background: rgba(var(--accent));
    border: 0px outset;
    /* border-color: transparent !important; */
    border-color: transparent;
    box-shadow: none;
    margin-right: 10px;
}

.light input.button:hover, .light #post fieldset .hashelp div input:hover, .light button:hover, .light .buttons div:hover, .light .buttons>.activevkladka, .light .post.topicpost .charlist .hvClearFilters:hover, .light ul#ul-5:hover {
    cursor: pointer !important;
    background: white;
    color: rgb(136 161 157);
}

/* при наведении */

/* КОДЫ И ЦИТАТЫ
-------------------------------------------------------------*/
/* расположение */

#pun-main table .quote-box, #pun-main table .code-box {
    margin: 5px 1px 5px
}

/* бокс под цитаты/код итд */

blockquote {
    margin: 0;
}

.light .post-content .spoiler-box>div, .post-content .spoiler-box>div {
    margin-bottom: 0px;
    width: 100%;
    padding-left: 28px !important;
    display: block;
    background: rgb(var(--accent));
    padding: 5px 25px 6px 40px;
    position: relative;
    box-sizing: border-box;
    border-radius: 100px;
}

.post-content .spoiler-box>div::before {
    position: absolute;
    top: 50%;
    left: 16px;
    width: 18px;
    height: 18px;
    font-family: FontAwesome;
    color: white;
    font-size: 18px;
    transform: translate(-50%, -50%) rotate(0deg);
    transform-origin: center;
    backface-visibility: hidden;
    will-change: transform;
    transition: opacity 0.5s ease-in-out, filter 0.5s ease-in-out, transform 0.7s ease-in-out;
}

.post-content .spoiler-box>div::before {
    content: '\f0ab';
    transform: translate(-50%, -50%) rotate(0deg);
    text-shadow: none;
}

.post-content .custom_tag.custom_tag_alt .spoiler-box>div::before {
    color: rgb(115 138 134);
}

.post-content .custom_tag_alt1 .spoiler-box>div::before {
    /* filter: invert(1) opacity(0.3); */
}

.post-content .spoiler-box>div.visible::before {
    transform: translate(-50%, -50%) rotate(180deg);
}

.post-content .custom_tag_alt1 .spoiler-box>div.visible::before {
    transform: translate(-50%, -50%) rotate(180deg);
    filter: invert(0) opacity(0.5);
}

.code-box .scrollbox {
    max-height: 180px;
    overflow-x: auto;
    height: min-content !important;
}

/* ЦИТАТЫ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ
-------------------------------------------------------------*/
/* цитаты, спойлер, выделить код */

/* .post-content .quote-box, .post-content .code-box {
    margin: 10px;
    position: relative;
    overflow: hidden;
    padding: 15px 20px;
    background: var(--backcol);
    border: var(--bord);
    box-shadow: 0px 0px 3px rgb(26 11 6 / 76%), rgb(84 60 36 / 64%) 0px 0px 3px inset;
} */

.post-content .quote-box, .post-content .code-box, .pun-modal .modal-inner, #mask_dialog .inner, .editBookmark, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #MyBookmarks {
    font-size: 11px !important;
    font-family: var(--h1-font) !important;
}

.quote-box cite:not(.hide-box cite):before, .light .quote-box cite:not(.hide-box cite):before {
    /* font-family: Arial; */
    /* content: ""; */
    font-size: 1.1em;
    position: relative;
    /* background: url(https://forumstatic.ru/files/001c/70/90/94206.svg); */
    left: 21px;
    /* top: 1.35em; */
    top: 12px;
    /* display: block; */
    width: 14px;
    height: 8px;
    content: "\f5dd";
    font-family: 'Icons';
    /* background: url(https://forumstatic.ru/files/0005/6e/de/42222.png) left top no-repeat; */
    margin-right: 0px;
    font-weight: 400;
}

cite span.qcn {
    display: flex;
    background: rgb(var(--accent));
    padding: 2px 15px 2px 25px;
    border-radius: 100px;
    /* margin: -23px; */
    margin-top: 0em;
    height: 17px;
    width: fit-content;
    border: 1px solid rgba(202, 209, 202, 1);
    align-items: center;
    justify-content: center;
}

/* фон проставления репутации */

.post_reputation {
    background-color: #bec2c7;
    padding-right: 20px !important;
}

/* написал(-a) и выделить код */

.quote-box cite, .light .quote-box cite {
    display: flex;
    font: 500 15px Playfair;
    font-size: 15px;
    text-align: justify;
    margin: -8px 6px 20px -3px;
    /* border-bottom: 1px dotted rgba(42, 14, 8, 0.28); */
    font-weight: 500;
    line-height: 0px;
    position: relative;
    /* top: 14px; */
    padding: 0px 10px 3px 28px;
    letter-spacing: 1px;
    background: transparent;
    border: none;
    color: white;
    height: 24px;
    border-radius: 50px;
    width: 89.6%;
    height: 22px;
}

.quote-box cite:not(.hide-box cite), .light .quote-box cite:not(.hide-box cite) {
    margin: 0em 6px -0.6em -3px;
    top: 8px;
    padding: 0px 10px 0px 30px;
    width: 82.6%;
}

.light .code-box strong.legend, .code-box strong.legend {
    display: block;
    font: 500 15px Playfair;
    font-size: 15px;
    text-align: justify;
    margin: -18px 6px 10px 0px !important;
    font-weight: 500;
    line-height: 0px;
    position: relative;
    top: 14px;
    padding: 0px;
    letter-spacing: 0px;
    background: transparent;
    border: none;
    color: white;
    height: 24px;
    border-radius: 50px;
    width: fit-content;
}

.light .code-box strong.legend a, .code-box strong.legend a {
    background: rgb(var(--accent));
    padding: 0 10px;
    box-sizing: border-box;
    font: 500 13px Playfair;
    color: white;
    height: 20px;
    border-radius: 50px;
    border: 1px solid rgba(202, 209, 202, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    line-height: 0;
}

.hide-box cite {
    margin: 0px 6px 10px 5px !important;
    padding: 0px !important;
}

.code-box strong.legend {
    margin: 0;
    font-weight: bold;
}

.quote-box cite a {
    font-weight: bold;
}

.quote-box cite a:hover, .code-box strong.legend a:hover {
    color: #715b3e !important;
}

.post-content .spoiler-box>div {
    margin-bottom: 0px;
    cursor: pointer;
}

.post-content .spoiler-box>div.visible:after {
    transform: rotate(45deg);
}

/* выделить код (скопировать код) */

#pun-main .code-box .scrollbox pre {
    font-family: var(--h1-font) !important;
}

/* ВЫПАДАЮЩИЕ ОКНА ШРИФТОВ, РАЗМЕРА ТЕКСТА И ТД
-------------------------------------------------------------*/

#color-area, #table-area, #keyboard-area {
    width: auto
}

#keyboard-area {
    text-align: center;
    padding-bottom: 4px
}

#imageup-area {
    width: 170px
}

#imageattach-area {
    width: 770px;
    height: 200px;
    padding: 0px !important
}

#smilies-area, #video-area, #spoiler-area {
    width: 450px
}

#image-area {
    width: 550px
}

#color-area * {
    border: 0
}

#color-area table {
    width: 320px;
    height: 20px;
    padding: 0;
    margin: 0
}

#table-area table {
    width: auto !important;
    padding: 0;
    margin: 0;
    border-collapse: collapse
}

#table-area div {
    margin-top: 1em;
    text-align: center
}

#table-layout {
    margin-right: 0.5em
}

#table-area td {
    background-color: #fff;
    width: 20px;
    height: 20px;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #dadada !important
}

#table-area td.selected {
    background-color: #c8c8ff
}

#color-area td, #table-area td {
    margin: 0;
    padding: 0;
    line-height: 0
}

#color-area td img, #table-area td img {
    width: 20px;
    height: 20px;
    cursor: pointer !important
}

#font-area span, #font-area img, #size-area span, #size-area img {
    display: block;
    position: relative;
}

#font-area span, #font-area img {
    height: 15px
}

#size-area span, #size-area img {
    height: 20px !important;
}

#font-area span, #size-area span {
    padding: 4px 0 !important
}

#addition-area div {
    vertical-align: middle;
    height: unset;
    margin: 3px 0px;
    padding: 3px;
}

#font-area img {
    width: 100%;
    margin-top: -15px
}

#size-area img {
    width: 100%;
    margin-top: -24px
}

#keyboard-span {
    text-align: center;
    padding-bottom: 10px;
    width: auto
}

#keyboard-span input {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #666;
    background-color: #fff;
    margin: 1px 1px 0 0;
    border: 1px solid #ddd;
    cursor: pointer;
    height: 25px;
    min-width: 30px
}

#imageup-area input {
    font-size: 0.8em
}

#imageup-area p {
    padding: 0;
    margin: 0
}

#imageup-title {
    margin-bottom: 10px !important
}

#imageup-submit {
    margin-top: 10px !important
}

/* настройки оформления */

.light #font-area, .light .popup_graffiti, .light #size-area, .light #image-area, .light #color-area, .light #addition-area, .light #video-area, .light .inner .popup_graffiti, .light #table-area, .light #keyboard-area, .light #video-area-msg, .light #smilies-area, .light #video-area, .light #spoiler-area, .light #float, .light #vkladka-area, .light #meny_My_replic, .light .unread-notifications .modal-inner, .light .inner.post_reputation, #font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area, #video-area-msg, #smilies-area, #video-area, #spoiler-area, #float, #vkladka-area, #meny_My_replic, .unread-notifications .modal-inner, .inner.post_reputation, .editBookmark {
    padding: 15px 10px 10px 10px !important;
    border-radius: 5px;
    color: black;
    border: 1px solid;
    background: rgb(var(--canvas-primary)) !important;
    box-shadow: none !important;
    border-color: rgb(114 153 150);
}

#table-area {
    padding: 15px 10px 10px 10px !important;
    border-radius: 5px;
    color: var(--t-body);
    border: var(--bord);
    background: #908362 !important;
    box-shadow: 0 0px 6px 1px rgba(53, 47, 25, 1), 0px 0px 12px #543c24 inset !important;
    border-color: rgba(98, 77, 46, 0.71);
}

.video-area-msg {
    display: none;
}

#size-area {
    width: 50px;
    left: 15px;
}

#vkladka-area, #addition-area {
    height: 250px;
    overflow-y: auto;
}

#litr {
    background: url(https://forumstatic.ru/files/001b/d9/4a/62530.png) no-repeat scroll 2px 4px / cover !important;
    background-size: 19px !important;
    border: none !important;
    margin: 2px !important;
    box-shadow: none !important;
}

/* фон репутации */

.post_reputation {
    padding: 15px;
    background: var(--backcol);
}

#font-area {
    height: 160px;
    overflow-y: auto;
    display: -webkit-flex;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 3px 5px;
    left: 0px;
}

#font-area div {
    height: 20px;
    padding: 0px 15px;
    box-sizing: border-box;
}

#tags .container {
    position: absolute;
    top: 50px;
    z-index: 2;
    right: 50px;
}

.tab-list {
    border-radius: 11px;
    padding: 3px !important
}

#font-area div:hover, #size-area div:hover, #meny_My_replic p:hover, #addition-area div:hover, .hvStickerPackModalTab:hover {
    color: #496865;
    background: rgba(255, 255, 255, .1);
    border-radius: 11px;
    padding: 0px 15px 1px;
}

#size-area div:hover {
    color: #44605d;
    border-radius: 11px;
    background: transparent;
    padding: 0;
}

.tab-list:hover {
    color: rgb(var(--accent)) !important;
}

#meny_My_replic p {
    padding: 0px 15px 1px;
}

/* поиск игры
-------------------------------------------------------------*/

.poiskigr {
    display: grid;
    align-items: center;
    justify-content: space-around;
    grid-template-columns: 48% 47%;
    justify-items: stretch;
}

.poiskigr0 {
    /* display: flex
; */
    flex-direction: row-reverse;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    margin-right: 5px;
    margin-left: -10px;
}

.poiskigr2 {
    position: relative;
    overflow: auto;
    transition: max-height 0.4s ease, overflow 0.4s ease;
    padding-left: 1em;
    margin: 0px -1em 0px -0.5em;
    direction: rtl;
}

.pinned-post .postimg {
    display: contents;
}

.pinned-post {
    width: -webkit-fill-available;
}

.pinned-post .pinned-content p:has(> span[style*="text-align: center"] > strong) {
  display: none;
}

.poiskigr0 .opisbutt {
    /* position: sticky; */
    position: fixed;
    display: block;
    height: fit-content;
    top: 30%;
    bottom: 30%;
    transform: rotate(-90deg);
    width:135px;
    margin: 0px 0px 0px -372px;
    right: auto;
    left: auto;
}

.mobile .poiskigr0 .opisbutt {
    margin: 0px 0px 0px 0px;
    left: -14%;
}

/* мини аватар на главной
-------------------------------------------------------------*/

.user-avatar {
    height: 40px;
    width: 40px;
    float: left;
    position: relative;
    margin: 0px 20px 0px 0;
}

.light .user-avatar .avatar-image, .user-avatar .avatar-image {
    height: 40px;
    width: 40px;
    color: #382b2982;
    opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    filter: grayscale(0.5) brightness(0.9);
    border-radius: 50% !important;
    box-shadow: none !important;
    transition: opacity 0.4s, filter 0.4s !important;
}

.light .pinned-userinfo .user-avatar .avatar-image, .pinned-userinfo .user-avatar .avatar-image {
    border-radius: 5px !important;
    height: 70px;
    width: 48px;
}

.user-avatar .avatar-image span img {
    filter: grayscale(1) !important;
}

.user-avatar .isonline {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -4px;
    right: -4px;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
    background: #243e08 !important;
    z-index: 100;
}

.punbb .user-avatar a {
    padding: 0 !important;
    background: none transparent !important
}

.punbb .user-avatar a::after {
    content: none !important
}

@keyframes blinkColor {
    0% {
        opacity: 1.0
    }

    50% {
        opacity: .3
    }

    100% {
        opacity: 1.0
    }
}

@-moz-keyframes blinkColor {
0% {
        opacity: 1.0
    }

50% {
        opacity: .3
    }

100% {
        opacity: 1.0
    }
}

@-webkit-keyframes blinkColor {
    0% {
        opacity: 1.0
    }

    50% {
        opacity: .3
    }

    100% {
        opacity: 1.0
    }
}

#pun-viewforum .user-avatar {
    float: left;
    position: relative;
    height: 40px;
    width: 40px;
    margin: 0px;
}

#pun-messages .user-avatar {
    float: left;
    position: relative;
    height: 40px;
    width: 40px;
    margin: 0px;
}

.light #pun-index .user-avatar .avatar-image, #pun-index .user-avatar .avatar-image {
    height: 38px;
    width: 38px;
    border: 3px solid rgba(136, 161, 157, 1);
    opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    filter: grayscale(0.5);
    background-position: 70% 25%;
}

#pun-viewforum.user-avatar .avatar-image {
    height: 35px;
    width: 35px !important;
}

.user-avatar .avatar-image:hover {
    opacity: 1 !important;
    filter: none !important;
}

/* СТРАНИЦА ЛИЧНЫХ СООБЩЕНИЙ
-------------------------------------------------------------*/

#pun-messages .post h3 {
    margin-left: -83px !important;
    width: 902px;
}

#pun-messages .post-author {
    margin-left: -70px !important;
    margin-top: 0px !important;
}

#pun-messages .pa-author a {
    text-shadow: none !important;
}

#pun-messages .pa-author {
    text-shadow: none !important;
}

#pun-messages .post-body {
    width: 605px;
    border-radius: 15px;
    padding: 10px;
    box-sizing: border-box;
    background: rgba(var(--text-light), .2);
    margin-left: 178px !important;
}

#pun-messages .post .container {
    border: none !important;
    display: inline-block;
}

#pun-messages #post-form {
    margin-top: 0px !important;
    border: none !important;
}

#pun-messages button.button.hotkeys_help {
    top: 0px !important;
}

.pmtc22 {
    width: 25% !important;
    line-height: 30px;
}

.pmtcl1 {
    width: 50% !important;
}

.messages-container td.tc2 a {
    text-wrap: wrap;
    line-height: normal;
    text-align: left;
    padding-left: 15px;
}

.messages-container td.tc2 {
    display: flex;
    flex-direction: row;
    width: 100% !important;
    height: 36px;
}

.messages-container td.tc3 {
    vertical-align: top;
}

/* ПРОКРУТКА, ВЫДЕЛЕНИЕ, ВВЕРХ-ВНИЗ, БЕГУНОК УВЕЛИЧЕНИЯ ТЕКСТА
-------------------------------------------------------------*/
/* выделенный текст */

.light ::selection, ::selection {
    background: rgb(132 169 163);
    color: black;
    text-shadow: none;
}

/* ширина прокрутки
::-webkit-scrollbar {
    width: 4px;
    height: 4px;} */

/* движущаяся часть прокрутки */

::-webkit-scrollbar-thumb {
    background-color: rgba(118, 143, 112, 1);
}

.post-content ::-webkit-scrollbar-thumb, .blockcode .scrollbox::-webkit-scrollbar-thumb, #main-reply::-webkit-scrollbar-thumb, #tags .container::-webkit-scrollbar-thumb, #imageQueue::-webkit-scrollbar-thumb, #uploaded-images::-webkit-scrollbar-thumb, #mask_dialog .hv-form-block::-webkit-scrollbar-thumb, .punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-thumb, .hv-masks-storage::-webkit-scrollbar-thumb, #form-login #List-UserNames ul::-webkit-scrollbar-thumb, .pun-modal .container::-webkit-scrollbar-thumb, .unread-notifications #notifications-wrap::-webkit-scrollbar-thumb, #history_selected_version textarea::-webkit-scrollbar-thumb, .adinput textarea::-webkit-scrollbar-thumb, #post #wrapper div::-webkit-scrollbar-thumb, #post #wrapperBottom div::-webkit-scrollbar-thumb, .hvStickerPackModalContent::-webkit-scrollbar-thumb, .materielbag::-webkit-scrollbar-thumb {
    background: #434b487a;
    border: none;
}

/* .basic #pun ::-webkit-scrollbar-thumb, .post-content ::-webkit-scrollbar-thumb, .blockcode .scrollbox::-webkit-scrollbar-thumb, #main-reply::-webkit-scrollbar-thumb, #tags .container::-webkit-scrollbar-thumb, #imageQueue::-webkit-scrollbar-thumb, #uploaded-images::-webkit-scrollbar-thumb, #mask_dialog .hv-form-block::-webkit-scrollbar-thumb, .punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-thumb, .hv-masks-storage::-webkit-scrollbar-thumb, #form-login #List-UserNames ul::-webkit-scrollbar-thumb, .pun-modal .container::-webkit-scrollbar-thumb, .unread-notifications #notifications-wrap::-webkit-scrollbar-thumb, #history_selected_version textarea::-webkit-scrollbar-thumb, .adinput textarea::-webkit-scrollbar-thumb, #post #wrapper div::-webkit-scrollbar-thumb, #post #wrapperBottom div::-webkit-scrollbar-thumb, .hvStickerPackModalContent::-webkit-scrollbar-thumb, .materielbag::-webkit-scrollbar-thumb, .basic .text-info::-webkit-scrollbar-thumb {
  background: red;
  border: none;
} */

/* подложка прокрутки */

::-webkit-scrollbar-track {
    background-color: rgb(var(--canvas-tertiary));
}

.post-content ::-webkit-scrollbar-track, .blockcode .scrollbox::-webkit-scrollbar-track, #main-reply::-webkit-scrollbar-track, #tags .container::-webkit-scrollbar-track, #imageQueue::-webkit-scrollbar-track, #uploaded-images::-webkit-scrollbar-track, #mask_dialog .hv-form-block::-webkit-scrollbar-track, .punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-track, .hv-masks-storage::-webkit-scrollbar-track, #form-login #List-UserNames ul::-webkit-scrollbar-track, .pun-modal .container::-webkit-scrollbar-track, .unread-notifications #notifications-wrap::-webkit-scrollbar-track, #history_selected_version textarea::-webkit-scrollbar-track, .adinput textarea::-webkit-scrollbar-track, #post #wrapper div::-webkit-scrollbar-track, #post #wrapperBottom div::-webkit-scrollbar-track, .hvStickerPackModalContent::-webkit-scrollbar-track, .Select_Topics tbody::-webkit-scrollbar-track, .materielbag::-webkit-scrollbar-track {
    background: #ffffff4f;
    border: none;
    width: 4px;
}

/* ПРОФИЛЬ ПРИ НАСТРОЙКЕ + ЛИЧНЫЕ СООБЩЕНИЯ
-------------------------------------------------------------*/
/* контейнер */

#profile .container {
    padding-left: 168px;
}

/* навигация */

#profilenav {
    float: left;
    width: 175px;
    margin-left: -150px;
}

/* отступы между строк в меню*/

#profilenav li {
    padding-bottom: 10px;
    font-weight: bolder;
}

/* отступ в управлении  */

#setmods dl {
    padding: 0 0 0 110px;
}

#setmods dt {
    float: left;
    width: 150px;
    margin-left: -190px;
    padding: 10px;
    font-weight: bold;
    display: inline;
}

#setmods dd {
    display: block;
    padding: 10px;
    font-weight: normal;
}

/*настройки списка */

#profilenav ul {
    padding: 0px;
}

/* заголовки  в настройках профиля (у меня отключены) */

#viewprofile h2, #profilenav h2 {
    text-align: left;
    margin: 0px !important;
}

#viewprofile h2 span, #profilenav h2 span {
    text-align: center;
}

/* ПРОФИЛЬ в ПРЕДПРОСМОТРЕ
-------------------------------------------------------------*/

#viewprofile table {
    background: linear-gradient(133deg, #d3d7d3, #aec3c2);
    border-radius: 20px;
    padding: 20px;
    width: 96.4%;
    border: 1px solid transparent;
    background-image: linear-gradient(#d5d8d6, #bbcbc2), radial-gradient(circle at top left, #dbe8e2, #88a19d);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

#viewprofile li span {
    float: left;
    width: 150px;
    padding: 5px 10px;
    font-weight: bold;
}

#viewprofile li strong, #viewprofile li div {
    display: block;
    padding: 7px 10px;
    font-weight: normal;
}

#profile-left {
    width: 25%;
    padding-top: 0 !important;
}

#profile-right {
    width: 55%
}

#profile-name strong {
    font-size: 14px
}

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

#profile-signature {
    padding: 10px;
}

#viewprofile .lzname, #viewprofile .lztext {
    background: transparent;
    text-align: left;
    width: auto;
    border: none;
    outline: none;
    margin: 0 !important;
    padding: 0px !important;
    padding-bottom: 2px !important;
    text-shadow: none;
    font-weight: bolder !important;
}

#viewprofile #pa-avatar img {
    box-shadow: #462a2069 0px 0px 4px 0px, inset #462a2069 0px 0px 4px 0px;
    border: 3px double rgb(40 23 19 / 35%);
}

#viewprofile #anketa {
    width: 50%;
    filter: brightness(1.5);
}

/* ОСНОВНЫЕ НАСТРОЙКИ. НЕ ТРЕБУЮТ ИЗМЕНЕНИЙ
-------------------------------------------------------------*/

* html .tclcon {
    height: 1px
}

/* отключить прокрутку снизу */

body {
    overflow-x: hidden
}

/* отступы по умолчанию у тела */

body {
    margin: 0;
}

/* элементы списка */

ul, dl, dd, dt {
    list-style: none;
}

/*
li:not(.tabquote li),
 {
    list-style: none;
}
*/

/* убрать курсив с текста везде кроме поста */

address, em {
    font-style: normal;
}

/* убрать подчеркивание с ссылок */

a {
    text-decoration: none;
}

/* скрытые элементы */

#pun:after, .punbb .container:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after, #pun-title h1 span, .post h3 span a.sharelink {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    line-height: 0.0;
    font-size: 0;
}

.punbb .post-links ul:after {
display:none;
}

.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
}

#pun-ulinks .item5, .modlist, li.pa-ua, .pa-author imgб li#navawards, .lastedit, .pa-gifts, div#pun-live-rusff, #pa-invites {
    display: none;
}

/* информация при регистрации */

.info-box {
    padding: 0 30px;
    margin: 0 0 10px 0;
}

.info-box * {
    padding: 0;
}

#pun-main .info-box .legend {
    font-weight: bold;
}

/* СКОПИРОВАНО ИЗ ЭКСТРЫ
-------------------------------------------------------------*/

#poll-special table.poll1 {
    width: auto
}

#poll-special td {
    border: 0
}

.punbb .post-content img.postimg {
    max-width: 100%;
    margin: 0px !important;
}

#poll-special td {
    text-align: left !important;
    cursor: default !important
}

#poll-special td.tac {
    text-align: center !important
}

#poll-special td.tar {
    text-align: right !important
}

#form-buttons table {
    /* width: 98% !important; */
    /* margin-left: 2%; */
    margin: auto;
}

#form-buttons td {
    padding: 0 !important;
    line-height: 0;
    background-position: center;
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
}

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

#form-buttons tr {
    text-align: center;
}

td#button-font {
    background: url('/i/form_buttons.3.png') no-repeat 50% 5px
}

td#button-size {
    background: url('/i/form_buttons.3.png') no-repeat 50% -21px
}

td#button-bold {
    background: url('/i/form_buttons.3.png') no-repeat 50% -47px
}

td#button-italic {
    background: url('/i/form_buttons.3.png') no-repeat 50% -73px
}

td#button-underline {
    background: url('/i/form_buttons.3.png') no-repeat 50% -99px
}

td#button-strike {
    background: url('/i/form_buttons.3.png') no-repeat 50% -125px
}

td#button-left {
    background: url('/i/form_buttons.3.png') no-repeat 50% -151px
}

td#button-center {
    background: url('/i/form_buttons.3.png') no-repeat 50% -177px
}

td#button-right {
    background: url('/i/form_buttons.3.png') no-repeat 50% -203px
}

td#button-link {
    background: url('/i/form_buttons.3.png') no-repeat 50% -229px
}

td#button-spoiler {
    background: url('/i/form_buttons.3.png') no-repeat 50% -255px
}

td#button-image {
    background: url('/i/form_buttons.3.png') no-repeat 50% -281px
}

td#button-video {
    background: url('/i/form_buttons.3.png') no-repeat 50% -307px
}

td#button-hide {
    background: url('/i/form_buttons.3.png') no-repeat 50% -333px
}

td#button-quote {
    background: url('/i/form_buttons.3.png') no-repeat 50% -359px
}

td#button-code {
    background: url('/i/form_buttons.3.png') no-repeat 50% -385px
}

td#button-color {
    background: url('/i/form_buttons.3.png') no-repeat 50% -411px
}

td#button-smile {
    background: url('/i/form_buttons.3.png') no-repeat 50% -437px
}

td#button-keyboard {
    background: url('/i/form_buttons.3.png') no-repeat 50% -463px
}

td#button-table {
    background: url('/i/form_buttons.3.png') no-repeat 50% -489px
}

td#button-addition {
    background: url('/i/form_buttons.3.png') no-repeat 50% -515px
}

#formkey, #formetc {
    display: none
}

#main-reply {
    width: 100%;
    margin-top: 5px;
}

#pun-messages #post-form div.container {
    padding-left: 2.3em
}

#similar-topics {
    margin-top: 1em
}

#similar-topics div.container {
    padding-top: 1.1em
}

#similar-topics td {
    border: 0;
    padding: 0
}

#similar-topics td.st-tcl {
    width: 60%
}

#similar-topics td.st-tc2 {
    width: 25%;
    padding-right: 1em;
    text-align: right
}

#similar-topics td.st-tcr {
    width: 15%;
    padding-right: 1em;
    text-align: right
}

.postlink.long {
    width: 30em
}

.postlink.long .new-topic {
    padding-right: 12px
}

#pun-online .tcl.action {
    width: 40% !important;
}

#pun-index .isub .tcl {
    padding-left: 3em !important;
}

#pun-main #subforums {
    padding: 1em 0 1em 1em;
    margin-bottom: 5px;
}

.icons-pencil:before {
    content: '\270E';
}

.flag-i {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
    margin-right: 1em;
}

.flag-i:before {
    content: '\00a0';
}

.social {
    background-image: url(/i/social.1.png);
    background-repeat: no-repeat;
    float: left;
    display: block;
    margin: 3px 5px;
    width: 16px;
    height: 16px;
}

.social-vkontakte {
    background-position: -130px 0;
}

.social-odnoklassniki {
    background-position: -78px 0;
}

.social-mailru {
    background-position: -52px 0;
}

.social-google {
    background-position: -26px 0;
}

.social-yandex {
    background-position: -156px 0;
}

/** подгрузка видео и картинок
---------------------------------------------------------------*/

#video-host-list {
    margin-top: .3em;
    line-height: 1.8em
}

#video-area-tinp, #image-area-tinp {
    margin: .5em 0;
    padding: .3em;
    border: #66a solid 1px;
    height: 70px
}

#video-area-msg, #image-source-list, #image-area-actions, #spoiler-sels {
    line-height: 2em
}

p[class="checkfield"] img, div[class="checkfield"] img, fieldset[class="radiofield"] img {
    height: auto;
    max-height: 50px
}

#image-area-tcon-computer {
    margin: 0 0 1em
}

#image-area-tcon-computer td {
    border: none !important;
    padding: 0
}

#imageupload-left {
    width: 140px
}

#imageupload-right {
    padding-left: 9px !important;
    background: transparent !important;
    max-width: 380px
}

#image-area-actions {
    text-align: right
}

* html #imageQueue {
    height: expression(this.scrollHeight > 65 ? "66px" :"auto")
}

/* sets max-height for IE */

* html #uploaded-images {
    height: expression(this.scrollHeight > 143 ? "144px" :"auto")
}

#imageQueue {
    max-height: 72px;
    overflow-y: auto;
    margin-bottom: 10px
}

#uploaded-images {
    max-height: 144px;
    overflow-y: auto
}

#uploaded-images img {
    width: 88px;
    height: 66px;
    border: 1px solid;
    margin-right: 4px;
    cursor: pointer
}

#upload-button-container, #image-width, #image-thumb-width, #image-insert-format, #insert-all-images-container {
    margin-top: 10px
}

#image-source-list a, #image-area-actions a, #spoiler-sels a {
    margin-right: 15px;
    cursor: pointer
}

#insert-image-tip {
    margin-top: 10px
}

#upload-button-container img {
    cursor: pointer;
    width: 120px;
    height: 30px
}

#image_upload_input {
    position: absolute;
    z-index: -1;
    left: -9999px
}

#selected-image-width, #selected-thumb-width {
    width: 6em
}

#imageupload-left input[type=button] {
    width: 11em;
    text-align: center
}

#upload-button-container input[type=button] {
    font-weight: bold
}

#image-width, #image-thumb-width, #image-insert-format strong {
    font-size: .9em
}

.uploadQueueItem {
    padding: .8em 1em;
    border: solid 1px #ddd;
    border-radius: 5px;
    margin-bottom: .5em;
    background: rgba(238, 238, 238, 0.22)
}

.uploadQueueItem.error {
    border-color: rgba(255, 0, 0, 0.25);
    background-color: rgba(255, 0, 0, 0.08)
}

.uploadQueueItem .cancel {
    font-size: 20px;
    font-weight: 700;
    font-family: Arial;
    float: right;
    margin: -.25em 0 0
}

.uploadQueueItem .cancel a {
    text-decoration: none;
    color: #333 !important
}

.uploadProgress {
    display: block;
    width: 98%;
    height: 3px;
    margin: 2px 0 0;
    background: #ddd;
    position: relative
}

.uploadProgressBar {
    position: relative;
    background: #00adff;
    height: 3px;
    width: .1%;
    transition: width .1s linear
}

/** подсказки и затемнение фона при всплывающих страницах
---------------------------------------------------------------*/

.tipsy {
    padding: 5px;
    font-size: 11px;
    font-family: tahoma, helvetica, verdana, arial;
    position: absolute;
    z-index: 100000;
}

.tipsy-inner {
    padding: 5px 8px 4px;
    background-color: black;
    color: white;
    max-width: 200px;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent black transparent
}

.tipsy-n .tipsy-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-top: 0
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 11px !important;
    border-top: 0
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    left: auto !important;
    right: 11px;
    border-top: 0
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-color: black transparent transparent transparent;
    border-bottom: 0
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 11px !important;
    border-color: black transparent transparent transparent;
    border-bottom: 0
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    left: auto !important;
    right: 11px;
    border-color: black transparent transparent transparent;
    border-bottom: 0
}

.tipsy-e .tipsy-arrow {
    top: 50%;
    margin-top: -5px;
    left: auto !important;
    right: 0;
    border-color: transparent transparent transparent black;
    border-right: 0
}

.tipsy-w .tipsy-arrow {
    top: 50%;
    margin-top: -5px;
    left: 0 !important;
    border-color: transparent black transparent transparent;
    border-left: 0
}

.jGrowl {
    z-index: 9999;
    color: #fff;
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: fixed
}

.jGrowl.top-left {
    left: 0;
    top: 0
}

.jGrowl.top-right {
    right: 0;
    top: 0
}

.jGrowl.bottom-left {
    left: 0;
    bottom: 0
}

.jGrowl.bottom-right {
    right: 0;
    bottom: 0
}

.jGrowl.center {
    top: 0;
    width: 50%;
    left: 25%
}

.jGrowl.center .jGrowl-closer, .jGrowl.center .jGrowl-notification {
    margin-left: auto;
    margin-right: auto
}

.jGrowl-notification {
    background-color: #000;
    opacity: .9;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
    zoom: 1;
    width: 250px;
    padding: 10px;
    margin: 10px;
    text-align: left;
    display: none;
    border-radius: 5px;
    min-height: 40px
}

.jGrowl-notification .ui-state-highlight, .jGrowl-notification .ui-widget-content .ui-state-highlight, .jGrowl-notification .ui-widget-header .ui-state-highlight {
    border: 1px solid #000;
    background: #000;
    color: #fff
}

.jGrowl-notification .jGrowl-header {
    font-weight: 700;
    font-size: .85em
}

.jGrowl-notification .jGrowl-close {
    background-color: transparent;
    color: inherit;
    border: none;
    z-index: 99;
    float: right;
    font-weight: 700;
    font-size: 1em;
    cursor: pointer
}

.jGrowl-closer {
    background-color: #000;
    opacity: .9;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
    zoom: 1;
    width: 250px;
    padding: 10px;
    margin: 10px;
    display: none;
    border-radius: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    font-size: .9em;
    font-weight: 700;
    text-align: center
}

.jGrowl-closer .ui-state-highlight, .jGrowl-closer .ui-widget-content .ui-state-highlight, .jGrowl-closer .ui-widget-header .ui-state-highlight {
    border: 1px solid #000;
    background: #000;
    color: #fff
}

@media print {
.jGrowl {
        display: none
    }
}

.pun-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 100000
}

.pun-modal .modal-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    cursor: pointer;
    z-index: 110000
}

.pun-modal .modal-inner {
    width: 700px;
    max-width: 94%;
    height: auto;
    /* max-height: 44em; */
    margin: 12% auto 0;
    box-shadow: 0 0 14px rgba(0, 0, 0, .3);
    position: relative;
    z-index: 120000;
    overflow: hidden;
    border: 1px solid var(--proftext1);
    background: rgb(var(--canvas-primary)) !important;
    box-shadow: none !important;
}

.pun-modal h2, .pun-modal h1 {
    max-width: 700px;
    margin: 0 auto !important;
    background: #c1c8c1 !important;
    border-radius: 0px !important;
    font-size: 20px;
    color: rgb(68 82 80) !important;
}

.pun-modal h1 {
    max-width: 700px;
    margin: 0 auto !important;
    border-radius: 0px !important;
    color: var(--doplink1) !important;
}

.pun-modal .container {
    padding: .6em 1em;
    max-height: 40em;
    overflow: auto
}

.pun-modal .closer {
    position: absolute;
    font-size: 1.5em !important;
    line-height: .8em;
    right: .4em;
    padding: .3em !important;
    margin: -.3em !important;
    cursor: pointer;
    background: none 0 transparent !important
}

.noscroll {
    overflow: hidden !important
}

/* <!--Дополнительная кнопка BB--> */

#meny_My_replic {
    max-height: 250px;
    overflow: auto;
}

div[class^="exmod"] {
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    border-radius: 11px;
    -webkit-border-radius: 11px;
    -khtml-border-radius: 11px;
    -moz-border-radius: 11px;
    -o-border-radius: 11px;
    box-shadow: 5px 5px 5px #351000;
    -moz-box-shadow: 5px 5px 5px #9C9C9C;
    -webkit-box-shadow: 3px 3px 8px #210800;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#9C9C9C', direction=145, strength=7);
    padding: 1px;
    margin: 0 10px;
}

div.modex1 {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: #CD5C5C !important;
    background-image: -moz-linear-gradient(left top, #B22222, #FA8072);
    background-image: -o-linear-gradient(left top, #B22222, #FA8072);
    background-image: -webkit-linear-gradient(left top, #310a03, #6f0f06);
    background-image: -ms-linear-gradient(left top, #B22222, #FA8072);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#B22222, endColorstr=#FA8072, GradientType=1);
    background-origin: padding-box !important;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
    background-size: auto auto !important;
    margin: 0;
    padding-left: 7px;
}

div.exmod1 {
    background-color: rgba(115, 20, 14, 0.73);
    border: 2px solid #650f09 !important;
}

div.exmod2 {
    background-color: rgba(26, 60, 0, 0.64);
    border: 2px solid #152f01 !important;
}

div[class^="modex"] {
    border-radius: 8px 8px 0 0 !important;
    color: white;
    font: 20px "Book Antiqua" !important;
    text-shadow: -2px 0 rgba(0, 0, 0, 0.21), 0 -2px rgba(0, 0, 0, 0.1), 2px 0 rgba(255, 255, 255, 0.1), 0 2px rgba(255, 255, 255, 0.1), -2px -2px rgba(0, 0, 0, 0.1), 2px 2px rgba(255, 255, 255, 0.1);
}

div.modex2 {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: #102301 !important;
    background-image: -moz-linear-gradient(left top, #4682B4, #87CEFA);
    background-image: -o-linear-gradient(left top, #4682B4, #87CEFA);
    background-image: -webkit-linear-gradient(left top, #102301, #5d820c);
    background-image: -ms-linear-gradient(left top, #4682B4, #87CEFA);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#4682B4, endColorstr=#87CEFA, GradientType=1);
    background-origin: padding-box !important;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
    background-size: auto auto !important;
    margin: 0;
    padding-left: 7px;
}

/********* скрипт поиска по теме  *********/

#tuser {
    opacity: 0.5 !important;
    position: absolute;
    left: 200px;
}

#sTheme::placeholder {
    color: #00000082;
}

#sTheme, #isk {
    border: 0px solid #c01f1f00 !important;
    margin-left: -20px;
}

#sTheme {
    height: 16px!important;
}

#s-block {
    clear: both;
    padding-top: 0px;
    width: 200px;
    /* left: 90%; */
    /* transform: translateX(-50%); */
    /* text-transform: lowercase; */
    position: absolute;
    top: -1px;
    font-size: 12px;
    line-height: 100%;
    text-align: center;
    right: 16px;
    float: right;
}

i#isk:before {
    content: "\e8b6";
    font-family: 'Icons';
    font-size: 18px;
    color: rgb(var(--text-primary), 0.8);
    position: absolute;
    right: 1px;
    top: 1px;
}

.post-content table {
    margin: 0 0 0 0 !important;
}

.reaction-chip {
    border: 1px solid #584d3663 !important;
    background-color: #74634266 !important;
    box-shadow: 0 0px 6px 1px rgb(139 118 68), 0px 0px 6px #745c46 inset !important;
}

.reaction-counter__emoji {
    opacity: 0.5;
}

.reactions-root button svg path {
    color: rgb(54 38 24 / 37%);
}

.reactions-root .emoji-mart {
    border: 1px solid #2a221663 !important;
    background: #a69776ed !important;
}

.reactions-root .emoji-mart-category-label span {
    background-color: rgb(207 190 157 / 70%) !important;
    border-radius: 2px;
}

.reactions-root .emoji-mart-category .emoji-mart-emoji:hover:before {
    background-color: rgb(207 190 157 / 70%) !important;
}

.reaction-picker {
    margin-left: 0px;
}

.reactions-container {
    width: 22px !important;
    margin-left: 0px;
    margin-right: 0px;
}

.reaction-picker-button {
    border-radius: 18% !important;
    width: 22px !important;
    height: 22px !important;
}

.heading {
    text-align: center;
    font-family: Book Antiqua;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: #a9a685 2px 1px 0px;
    letter-spacing: 1px;
    color: #2f1406;
}

/********* матчасть htlm  *********/

/*********сюжет  *********/

.world-container, .world-container .closed {
    overflow-x: visible;
    overflow-y: hidden;
}

/********* страны *********/

#table-country {
    display: grid;
    grid-auto-flow: column;
    gap: 0px 20px;
    margin: 20px 0px;
    width: -webkit-fill-available;
}

/********* ячейки в симметричную таблицу *********/

.flextable {
    display: grid;
    grid-auto-flow: row;
    height: fit-content;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.flextd {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.flextd .custom_tag.custom_tag_dm1 {
    flex-grow: 1;
    width: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/********************************************************************
* от Ллина

********************************************************************/

/* взаимный пиар */

.pl-mutualPR {
    background-color: rgb(54 28 8 / 10%);
    border: 3px double rgb(50 16 2 / 28%);
    transition: color 0.5s linear 0s, background-color 0.5s linear 0s;
    padding: 4px 5px !important;
    margin: 0px 0px 0px 0px;
}

.pl-mutualPR:hover {
    transition: color 0.5s linear 0s, background-color 0.5s linear 0s;
    background-color: rgb(27 14 4 / 19%);
}

/*спойлер, цитата и код */

.quote-box:not(:has(cite), .custom_tag_alt .quote-box, .custom_tag_alt1 .quote-box,.custom_tag_alt0 .quote-box), .quote-box:not(:has(cite), .custom_tag_alt .quote-box, .custom_tag_alt1 .quote-box, .custom_tag_alt0 .quote-box), .quote-box.hide-box, .punbb #pun-main .quote-box:has(cite):not(.quote-box.spoiler-box, .custom_tag_alt .visible.quote-box, .custom_tag_alt1 .visible.quote-box, .custom_tag_alt0 .visible.quote-box, .quote-box.hide-box) blockquote, .light .quote-box:not(:has(cite), .light .custom_tag_alt .quote-box, .light .custom_tag_alt1 .quote-box, .light .custom_tag_alt0 .quote-box), .quote-box:not(:has(cite), .custom_tag_alt .quote-box, .custom_tag_alt1 .quote-box, .custom_tag_alt0 .quote-box), .quote-box.hide-box, .light .punbb #pun-main .quote-box:has(cite):not(.quote-box.spoiler-box, .custom_tag_alt .visible.quote-box, .custom_tag_alt1 .visible.quote-box, .custom_tag_alt0 .visible.quote-box, .quote-box.hide-box) blockquote, .windows {
    margin: 0.8em 1.5em;
    padding: 1.4em 1.8em;
    border-radius: 6px;
    background: #aeb3ae;
    border: 1px solid rgb(161 161 161);
    /* color: white; */
    box-shadow: none;
}

.punbb #pun-main .quote-box:has(cite):not(.quote-box.spoiler-box, .custom_tag_alt > .visible.quote-box, .custom_tag_alt1 .visible.quote-box, .custom_tag_alt0 .visible.quote-box, .quote-box.hide-box) blockquote, .light .punbb #pun-main .quote-box:has(cite):not(.quote-box.spoiler-box, .custom_tag_alt .visible.quote-box, .custom_tag_alt1 .visible.quote-box, .custom_tag_alt0 .visible.quote-box, .quote-box.hide-box) blockquote {
    /* margin: 1.8em 1.5em 1.0em; */
    padding: 1.6em 1.8em;
}

.custom_tag_quote2, #forum-anc .container {
    margin: 0.5em 0.5em 1em 0.5em;
    padding: 1em 1em 1em 1em;
    background: rgba(223, 225, 223, 1);
    box-shadow: none;
    border: 1px solid rgba(173, 173, 173, 1);
    border-radius: 5px;
}

#forum-anc .container {
    position: relative;
    display: block;
    padding: 10px 15px!important;
    margin: 80px auto -60px;
    font-size: smaller;
    width: 53%;
    min-width: 300px;
}

#forum-anc .container ul {
    list-style: disc;
}

#forum-anc .container ul li {
    padding-bottom: 0.3em;
}

.punbb #pun-main .code-box {
    margin: 0.5em 0.5em 1em 0.5em;
    padding: 1.2em;
    border-radius: 5px;
    background: rgba(115, 138, 134, 1);
    box-shadow: none;
    border: 1px solid rgba(173, 173, 173, 1);
}

.light .quote-box.spoiler-box:not(.custom_tag_alt .quote-box, .light .custom_tag_alt1 .quote-box, .light .custom_tag_alt0 .quote-box), .quote-box.spoiler-box:not(.custom_tag_alt .quote-box, .custom_tag_alt1 .quote-box, .custom_tag_alt0 .quote-box) {
    margin: 0.5em 0.5em 1em 0.5em;
    padding: 1em 1em 1em 1em;
    background: rgba(223, 225, 223, 1);
    box-shadow: none;
    border: 1px solid rgba(173, 173, 173, 1);
    color: rgba(255, 255, 255, 1);
    border-radius: 5px;
}

.quote1-box.quote1-main {
    background: rgba(27, 14, 4, 0.6) 0 top repeat-y;
    box-shadow: 0px 0px 3px rgb(26 11 6 / 76%), rgb(84 60 36 / 64%) 0px 0px 3px inset !important;
    border-radius: 5px;
}

.custom_tag_alt1 .quote-box.spoiler-box>div, .custom_tag_alt1 .quote-box.spoiler-box>div.visible, .custom_tag_alt1 .quote-box.quote-main, .custom_tag_alt .quote-box.quote-main {
    display: block;
    height: auto;
    outline-offset: 0px;
    background-color: rgb(115 138 134);
    /* background: rgb(var(--accent)); */
    border: 1px solid rgb(165 165 165);
    margin: 4px 2px;
    overflow: hidden;
    transition: all 0.6s ease 0s;
    outline: rgb(116 116 116 / 31%) solid 1px;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    padding: 8px 8px 8px 8px !important;
    color: white;
}

.custom_tag_alt1 .quote-box.quote-main {
    mix-blend-mode: luminosity;
}

.custom_tag_alt .quote-box.spoiler-box>div, .custom_tag_alt .quote-box.spoiler-box>div.visible {
    display: block;
    margin: 4px 0px;
    height: auto;
    overflow: hidden;
    padding: 9px 8px 9px 35px !important;
    transition: background-color .6s, color .6s, text-shadow .6s;
    /* border: 1px solid rgb(115 138 134 / 82%); */
    /* background-color: rgb(255 255 255 / 69%); */
    background: #aeb3ae;
    border: 1px solid rgb(161 161 161);
    filter: none;
    border-radius: 10px;
    /* outline: 1px solid rgb(255 255 255 / 69%); */
    outline-offset: -2px;
}

.custom_tag_alt .quote-box.spoiler-box>div:hover, .custom_tag_alt .quote-box.spoiler-box div.visible, .custom_tag_alt1 .quote-box.spoiler-box>div:hover, .custom_tag_alt1 .quote-box.spoiler-box div.visible, .custom_tag_alt1 .quote-box.quote-main:hover, .custom_tag_alt .quote-box.quote-main:hover {
    background-color: rgb(59 73 74);
background-image: none;
}

.custom_tag_alt .quote-box.spoiler-box>div:hover, .custom_tag_alt .quote-box.spoiler-box div.visible {
    color: white;
}

.custom_tag_alt1 .quote-box.spoiler-box>div:hover, .custom_tag_alt1 .quote-box.spoiler-box div.visible, .custom_tag_alt1 .quote-box.quote-main:hover, .custom_tag_alt .quote-box.quote-main:hover {
    letter-spacing: 0.03em;
}

.custom_tag_alt .quote-box.spoiler-box>div:hover, .custom_tag_alt .quote-box.spoiler-box div.visible {
    letter-spacing: 0.0em;
}

.custom_tag_alt .quote-box.spoiler-box blockquote.visible:last-child, .custom_tag_alt1 .quote-box.spoiler-box blockquote.visible:last-child {
    border-bottom: 3px double rgb(173 173 173);
}

.custom_tag_alt .quote-box.spoiler-box blockquote.visible, .custom_tag_alt1 .quote-box.spoiler-box blockquote.visible {
    border-top: none;
    margin: 0px 12px;
    width: auto;
    padding-top: 0.5em;
    padding-bottom: 5px;
}

.custom_tag_alt .quote-box.spoiler-box blockquote.visible:has(table), .custom_tag_alt1 .quote-box.spoiler-box blockquote.visible:has(table) {
    margin: 5px;
}

.custom_tag_alt1 .quote-box.spoiler-box>div:not(.custom_tag_alt .quote-box.spoiler-box > div, .custom_tag_alt0 .quote-box.spoiler-box > div) {
    text-align: center;
    font-family: Georgia;
    font-size: 14px;
    font-weight: bold;
    text-shadow: #4c4c469c 1px 1px 2px;
    width: auto;
}

.custom_tag_special#redspoiler .custom_tag_alt .quote-box.spoiler-box>div, .custom_tag_special#redspoiler .custom_tag_alt1 .quote-box.spoiler-box, .custom_tag_special#redspoiler .spoiler-box.book>div {
    background-color: rgb(72 24 3 / 28%) !important;
}

.custom_tag_special#redspoiler .custom_tag_alt .quote-box.spoiler-box>div, .custom_tag_special#redspoiler .custom_tag_alt1 .quote-box.spoiler-box>div, .custom_tag_special#redspoiler .spoiler-box.book>div {
    background-color: rgb(72 24 3 / 28%) !important;
}

.custom_tag_special#redspoiler .custom_tag_alt .quote-box.spoiler-box>div:hover, .custom_tag_special#redspoiler .custom_tag_alt1 .quote-box.spoiler-box>div:hover, .custom_tag_special#redspoiler .spoiler-box.book>div:hover {
    background-color: rgb(72 24 3 / 38%) !important;
}

.custom_tag_special#redspoiler .quote-box.spoiler-box>div, .custom_tag_special#redspoiler .custom_tag_alt1 .quote-box.spoiler-box, .custom_tag_special#redspoiler .spoiler-box.book>div {
    background-color: rgb(72 24 3 / 28%) !important;
}

/********* show-more  *********/

.post-content .custom_tag_alt0 .spoiler-box>div {
    background: rgb(136 161 157 / 57%);
    width: auto;
    padding: 3px 20px 4px 34px;
}

.custom_tag_alt0 > p {
    display: contents;
}

.custom_tag_alt0 {
    padding: 0 0em 0.8em 0em;
}

.custom_tag_alt0 .quote-box.spoiler-box.text-box {
    display: contents;
}

.custom_tag_alt0 .quote-box.spoiler-box {
    display: ruby;
}

.custom_tag_alt0 .quote-box.spoiler-box:has(.visible) {
    display: contents;
}

.custom_tag_alt0 .quote-box.spoiler-box>div.visible {
    display: inline-block;
    font-weight: 800;
}

.custom_tag_alt0 .quote-box.spoiler-box.text-box>div {
    background-image: none;
    display: inline;
    color: #4c0703;
    text-shadow: #a9a37c99 1px 1px 1px;
    transition: color 0.4s;
    padding-left: 0px;
    text-underline-offset: 0.25em;
    text-decoration: underline dotted !important;
    border: none !important;
    background-color: #ffffff00 !important;
    outline: none;
    box-shadow: none;
    filter: none;
}

.custom_tag_alt0 .quote-box.spoiler-box>div:hover {
    color: #000000;
    text-shadow: none !important;
    filter: drop-shadow(0px 0px 6px white);
    font-weight: bold;
}

.custom_tag_alt0 .spoiler-box>blockquote {
    padding-top: 0.8em !important;
}

.custom_tag.custom_tag_alt0 blockquote.visible {
    box-shadow: rgb(255 255 255 / 28%) 0px 0px 5px 5px;
    padding: 5px 4px 3px 4px !important;
    /* width: 92% !important; */
    margin: 8px 5px;
    border-radius: 2px;
    background: rgb(255 255 255 / 28%) !important;
}

/********* доп. спойлер  *********/

.post-content .spoiler-box.book>div {
    text-align: center;
    font-family: Georgia;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.post-content .spoiler-box.book>div, .post-content .spoiler-box.book2>div {
    display: block;
    margin: 0px;
    background-color: rgba(27, 14, 4, 0.1);
    height: auto;
    overflow: hidden;
    padding: 8px 8px 8px 22px;
    border: 3px double rgba(42, 14, 8, 0.28);
    transition: background-color .6s, text-shadow .6s;
    background: url(https://forumstatic.ru/files/001b/d9/4a/90954.png) no-repeat left 5px center;
    background-color: rgba(27, 14, 4, 0.1);
}

.post-content .terra>blockquote, .post-content .terra2>blockquote {
    padding: 25px 0;
    padding-left: 110px;
    background: url("http://savepic.su/5665223.png") no-repeat -15px 50%;
}

.post-content .terra>blockquote p, .post-content .terra2>blockquote p {
    font: italic normal 400 20px/21.6px "Comic Sans MS";
    color: #000000;
}

.post-content .book>cite, .post-content .terra>cite, .post-content .book2>cite, .post-content .terra2>cite {
    display: block;
    margin: 0 -1em 0 -1em;
    border-bottom: #3F73DC 1px dashed;
    font: italic normal 700 15px/21.6px Georgia;
    padding: 7px 12px;
}

.spoiler-box.book, .spoiler-box.book2 {
    padding: 0 !important;
}

.punbb .post-content .spoiler-box.book blockquote.visible, .punbb .post-content .spoiler-box.book2 blockquote.visible {
    border-top: none;
    margin: 0px 15px;
    width: auto;
}

.post-content .spoiler-box.book>div:hover {
    text-shadow: #a9a685 1px 1px 0px;
    background-color: rgb(60 31 8 / 22%);
}

.post-content .spoiler-box.book2>div:hover, .post-content .spoiler-box.book div.visible, .post-content .spoiler-box.book2 div.visible {
    text-shadow: #a9a685a8 1px 1px 0px;
    background-color: rgb(60 31 8 / 22%);
}

.post-content .spoiler-box.book>div.visible, .post-content .spoiler-box.book2>div.visible {
    background-image: url(https://forumstatic.ru/files/001b/d9/4a/99952.png);
}

.punbb .post-content .spoiler-box.book blockquote.visible:last-child, .punbb .post-content .spoiler-box.book2 blockquote.visible:last-child {
    border-bottom: 3px double rgba(42, 14, 8, 0.28);
}

.punbb .post-content .spoiler-box.book blockquote.visible, .punbb .post-content .spoiler-box.book2 blockquote.visible {
    padding-top: 0.5em;
}

.punbb .post-content .spoiler-box.book blockquote.visible, .punbb .post-content .spoiler-box.book2 blockquote.visible {
    padding-bottom: 5px;
}

.punbb .post-content .spoiler-box.book blockquote.visible:has(table), .punbb .post-content .spoiler-box.book2 blockquote.visible:has(table) {
    margin: 5px;
}

/********* перелистывание изображений *********/

.adaptivny-slayder {
    position: relative;
    margin-bottom: 12px;
}

.adaptivny-slayder input[name="kadoves"] {
    display: none;
}

.kadoves {
    position: absolute;
    left: 0;
    bottom: -15px;
    text-align: center;
    width: 100%;
}

.kadoves label {
    display: inline-block;
    width: 8px;
    height: 8px;
    cursor: pointer;
    margin: 0 3px;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 80%);
    border-radius: 50%;
    background-color: #564d3f99;
}

#slaid1:checked~.kadoves label[for="slaid1"] {
    background-color: #5c4d3e;
}

#slaid2:checked~.kadoves label[for="slaid2"] {
    background-color: #5c4d3e;
}

#slaid3:checked~.kadoves label[for="slaid3"] {
    background-color: #5c4d3e;
}

.adaptivny-slayder-lasekun {
    overflow: hidden;
}

.abusteku-deagulus {
    display: flex;
    width: 100%;
    transition: transform 0.5s;
}

.abusteku-deagulus img {
    width: 100%;
    flex-shrink: 0;
}

#slaid1:checked~adaptivny-slayder-lasekun abusteku-deagulus {
    transform: translate(0);
}

#slaid2:checked~.adaptivny-slayder-lasekun .abusteku-deagulus {
    transform: translateX(-100%);
}

#slaid3:checked~.adaptivny-slayder-lasekun .abusteku-deagulus {
    transform: translateX(-200%);
}

/********* оформление матчасти, кастомные коды и теги *********/

.fleximg {
    display: flex;
    justify-content: center;
}

.flex.img {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}

.flex.img.first {
    max-width: 950px;
}

.custom_tag_ul[alt="r"] {
    list-style: lower-roman;
}

a img.postimg {
    transition: filter 0.3s ease, 0.3s box-shadow linear;
}

.custom_tag_vertical-center {
    top: 50%;
    position: relative;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.custom_tag_scroll {
    display: block;
    overflow-y: auto;
    max-height: 550px;
    padding-right: 0.68em;
}

.custom_tag_scroll[alt="350"] {
    max-height: 350px !important;
}

.custom_tag_scroll[alt="340"] {
    max-height: 340px !important;
}

.custom_tag_scroll[alt="150"] {
    max-height: 150px !important;
}

.custom_tag_scroll[alt="200"] {
    max-height: 200px !important;
}

.custom_tag_scroll[alt="250"] {
    max-height: 250px !important;
}

.custom_tag_scroll[alt="800"] {
    max-height: 800px !important;
}

.custom_tag_column:not(.mobile .custom_tag_column) {
    column-count: 2;
    column-gap: 1.8em;
}

.custom_tag_column[alt="3"]:not(.mobile .custom_tag_column) {
    column-count: 3;
    column-gap: 1.8em;
}

.custom_tag_aul ::marker {
    /* content: "&#9830; "; */
    /* font-size: 1.6em; */
    content: "\25ba   ";
    content: "\27A4   ";
    font-size: 1.3em;
    /* content: "\261B"; */
    /* font-size: 1.8em; */
    /* font-weight: 900; */
    color: #33564a9e;
    text-shadow: #e2f1f1d1 0px 1px 1px;
}

.custom_tag_aul2 ul {
    list-style: none !important;
}

.custom_tag.custom_tag_aul2 li:before {
    /* content: "\016913"; */
    content: "\2600";
    display: grid;
    /* margin: -1.5em 0.4em -3em -1.3em; */
    position: relative;
    color: #33564a9e;
    text-shadow: #e2f1f1d1 0px 1px 1px;
    font-size: 1.68em;
    /* font-weight: 900; */
    width: 1em;
    height: 0px;
    /* top: 1.4em; */
    /* margin-top: -1em; */
    margin-left: -1.5em;
    justify-content: center;
    align-items: center;
    align-content: space-between;
}

/* СОДЕРЖАНИЕ
липучее в темах
-------------------------------------------------------------*/

.custom_tag_oglav {
    display: inline;
    writing-mode: vertical-rl;
    transform: rotateZ(180deg);
    position: absolute;
    left: -30px;
    z-index: 999;
    background: var(--link);
    margin: 0;
    color: rgba(230 230 230 / 1);
    padding: 8px 4px 0px 4px !important;
    font-size: medium;
    letter-spacing: 2px;
    text-shadow: #0000007a 1px 1px 1px;
    border-radius: 0.5rem;
    font-family: Georgia;
}

.custom_tag_oglav p {
    padding-bottom: 0.65em !important;
}

.custom_tag_oglavlenie {
    position: fixed;
    height: auto;
    width: 200px;
    overflow: visible;
    top: 38px;
    right: -184px;
    transition: right 0.6s ease;
    text-align: left;
    display: flex;
    gap: 3px 0px;
    flex-wrap: wrap;
    padding: 8px 5px;
    background: rgba(5 5 5 / 1);
    color: rgb(230 230 230 / 48%);
    border-radius: 0.5rem;
    z-index: 999999999;
}

.custom_tag_oglavlenie::after {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    width: 90px;
    height: 100%;
    z-index: -1;
}

.mobile .custom_tag_oglavlenie::after {
    width: 55px;
}

.custom_tag_oglavcont {
    overflow-y: auto;
    max-height: calc(98vh - 50px);
    display: block;
    height: auto;
    width: -webkit-fill-available;
    padding-right: 5px;
}

.custom_tag_oglavlenie:hover {
    right: 0;
    transition: right 0.6s ease;
}

.custom_tag_oglavlenie>p {
    padding: 2px 4px !important;
    min-width: 73px;
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
}

.custom_tag.custom_tag_oglavlenie strong {
    color: #806E48;
    text-shadow: black 1px 1px !important;
}

.custom_tag_oglavlenie a {
    text-shadow: 1px 0px 3px #000000 !important;
    mix-blend-mode: plus-lighter;
    cursor: pointer !important;
    transition: .5s background;
    width: auto;
    /* font-weight: bolder !important; */
    /* font-family: 'ALEGREYA SC'; */
    text-align: center;
    flex: 1 1 auto;
    background: rgba(230 230 230 / .18);
    padding: 6px 12px 5px !important;
    border-radius: 0.5rem;
    /* margin-bottom: 8px; */
    display: block;
    color: rgba(230 230 230 / 0.6) !important;
    text-align: center;
}

.custom_tag_oglavlenie a strong {
    /* font: bold 1.3em "Alegreya SC" !important; */
    color: rgba(230 230 230 / 1) !important;
}

.custom_tag_oglavlenie a:hover {
    background: rgba(230 230 230 / .25);
    transition: .5s background;
}

.custom_tag_oglavlenie strong.legend {
    overflow: auto;
    font-size: small !important;
}

.custom_tag_oglavlenie2 {
    position: fixed;
    right: 0%;
    height: auto;
    width: 115px;
    overflow: visible;
    top: 1em;
    display: block;
    z-index: 3000;
    transition: right 0.6s ease, width 0.6s ease, padding 0.6s ease;
    padding: 8px 0px 3px 1px;
    background: #9d8a65;
    box-shadow: 0 0px 6px 1px rgb(53 47 25), 0px 0px 8px #543c24 inset !important;
    border-color: rgba(98, 77, 46, 0.71) !important;
    border: 3px double rgba(42, 14, 8, 0.28);
    border-radius: 1px;
    font-size: 10px;
    text-align: left;
}

.custom_tag.custom_tag_oglavlenie2 ul {
    padding: 0px 0em 0em 0.9em !important;
}

.custom_tag_navigaciya {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    min-width: 450px;
}

.custom_tag_navcontent {
    width: calc(100% - 260px) !important;
    margin-right: 0px;
}

.custom_tag_extrawrapper {
    position: sticky;
    top: 0;
    overflow: clip;
    margin: 0px;
}

.custom_tag_navslider {
    position: sticky;
    top: 10px;
    display: inline-block;
    min-height: 100px;
    z-index: 2;
    width: 248px;
    display: block;
}

.custom_tag_navinternal {
    overflow-y: scroll;
    max-height: 800px;
    text-align: left;
    padding-bottom: 3px;
    padding-right: 3px;
}

.mobile .custom_tag_navslider {
    width: 148px;
}

.mobile .custom_tag_navcontent {
    width: calc(100% - 158px) !important;
}

.custom_tag_h3 {
    font-family: Mason;
    font-size: 38px;
    font-style: normal;
    /* text-decoration: underline; */
    /* text-decoration-thickness: 4px; */
    /* text-decoration-color: #00000030; */
    /* text-decoration-skip-ink: none; */
    /* text-underline-offset: 3px; */
    display: block;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.custom_tag.custom_tag_h5, .custom_tag.custom_tag_h6 {
    display: block;
    text-align: center;
    border-radius: 10px;
    padding: 4px 10px;
    margin: 2px auto;
    width: fit-content;
    max-width: 80%;
    text-transform: uppercase;
    font: 700 20px playfair !important;
    color: #FFFF;
    text-shadow: #4c4c469c 1px 1px 2px;
    background: rgba(var(--accent), .3);
    border: 1px solid transparent;
    /* background-color: rgb(var(--accent), 60%); */
    /* background-color: rgb(var(--accent-secondary), 90%); */
    background-image: linear-gradient(#a1c1ba, #32434082), radial-gradient(circle at top left, #dbe8e2b5, #88a19d);
    background-origin: border-box;
    background-clip: padding-box, border-box;
min-width: 195px;
}

.custom_tag.custom_tag_h6 {
    /* background: rgb(var(--canvas-secondary)) !important; */
    /* background: var(--proftext1) !important; */
    background: var(--header-tertiary) !important;
    font-size: small !important;
    border-radius: 5px;
}

.custom_tag.custom_tag_h6 a {
    filter: brightness(1.8) saturate(0.5) contrast(1.5) hue-rotate(354deg) drop-shadow(1px 1px 1px #1e1e1ef0);
    /* filter: brightness(1.8) saturate(0.5) contrast(1.5) hue-rotate(354deg) drop-shadow(1px 1px 1px black); */
}

.custom_tag.custom_tag_h7 {
    background: rgb(202 210 205);
    border-radius: 5px;
    padding: 1.3em 2em .8em;
    border-width: 0px;
    display: block;
    margin: 0px auto 5px;
    width: fit-content;
}

.custom_tag.custom_tag_dm0:has(a):hover {
    filter: invert(1) sepia(1);
    transition: filter 0.6s ease 0s;
}

#dmt, #dm {
    float: left;
}

#dmt {
    padding: 7px 10px;
}

.custom_tag_dm0 abbr, #dmt abbr, input[id^="spoiler"]+label table abbr {
    color: #ddc394;
    text-decoration-thickness: 0.01em;
    display: block;
}

.custom_tag_dm0 table {
    margin-bottom: -0.7em;
}

.custom_tag_dm0 p:last-child {
    padding-bottom: 0;
}

.custom_tag_dm1, #dm {
    display: block;
    margin: 0px auto;
}

.custom_tag_dm1 p:last-child {
    padding-bottom: 0;
}

.custom_tag_dm1[alt="center"] {
    /* width: 360px; */
    font-family: georgia;
    text-align: center;
    width: fit-content !important;
    min-width: 240px;
}

.custom_tag_dm1[alt="red"] {
    box-shadow: #0000004d 0px 0px 3px 0px;
    background-color: rgb(151 67 55 / 48%) !important;
    border: 1px double rgb(54 5 5 / 36%) !important;
    margin: 0px 10px 15px;
    padding: 1.2em;
    border-radius: 5px;
}

.custom_tag_dm1[alt="green"] {
    /* box-shadow: #0000004d 0px 0px 3px 0px; */
    /* background-color: rgb(0 72 2 / 35%) !important; */
    background-color: rgb(60 135 92 / 48%) !important;
    /* background: #8ba984 !important; */
    border: 3px double rgb(3 20 6 / 28%);
    transition: box-shadow 0.2s;
    box-shadow: 0 0 4px #d9e1d9;
}

.custom_tag_dm1[alt="dark-green"] {
    background: rgb(var(--accent)) !important;
transition: box-shadow 0.2s;
}

.custom_tag_moderh1 {
    display: block;
    color: #ffffffde;
    text-shadow: #363631a1 1px 1px 2px;
    letter-spacing: 1.5px;
    background-image: -webkit-linear-gradient(left top, #97483dd9, #002e3c8f);
    margin: -1.2em -1.2em .99em -1.2em;
    padding: 8px 4px 6px 8px;
    border-radius: 6px 6px 0px 0px;
    text-align: center;
    /* overflow: visible; */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#B22222, endColorstr=#FA8072, GradientType=1);
}

.custom_tag_moderh1 p {
    font: bold 20px "NARZISS" !important;
}

.custom_tag_dm1[alt="mint"] {
    /* background: #5ea16069 !important; */
    background: #99b89a !important;
}

.custom_tag_dm1[alt="ochre"] {
background: #b8ad99 !important;
}

.pinned-content .custom_tag_dm1[alt="mint"], .pinned-content .custom_tag_dm1[alt="ochre"] {
    padding: 0px 0px!important;
    border: none !important;
}

.custom_tag_dm1[alt="blue"] {
    background: #44818182 !important;
}

.custom_tag_dm1[alt="green"]:hover, .custom_tag_dm1[alt="dark-green"]:hover {
    box-shadow: #000000a8 1px 1px 4px 1px, inset #000000a8 0px 0px 2px 0px;
    transition: box-shadow 0.2s;
}

.custom_tag_vertical, .custom_tag_vertical2 {
    transform: rotate(180deg);
    writing-mode: tb-rl;
    display: inline-flex;
    font-family: 'Montserrat';
}

.custom_tag.custom_tag_vertical2 {
    transform: rotate(208deg);
    padding: 0px 8px;
    line-height: 1em;
}

.custom_tag_scroll[alt="686"], .custom_tag_likbez, table tr td:has(.custom_tag_likbez2) {
    background-color: rgb(191 227 184 / 31%);
    box-shadow: #00000036 0px 0px 3px 0px;
    border: 2px solid rgb(24 39 46);
    outline: 2px solid var(--g-light);
    padding: 10px 14px 10px 12px;
}

table tr td:has(.custom_tag_likbez2) {
    padding: 10px 14px 10px 12px !important;
}

table tr td:has(.custom_tag_optable) {
    background: var(--dm1);
}

.custom_tag_scroll[alt="686"] {
    height: 698px !important;
    max-height: 698px !important;
    border-right-width: 0px;
}

.custom_tag_scroll[alt="686"]::-webkit-scrollbar, .custom_tag_gostevaya ::-webkit-scrollbar, .custom_tag_lorkratko ::-webkit-scrollbar, .custom_tag_novichko ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.custom_tag_scroll[alt="686"]::-webkit-scrollbar-thumb, .custom_tag_gostevaya .custom_tag_dm1::-webkit-scrollbar-thumb {
    background: rgb(24 39 46);
    border-radius: 0px !important;
    border: none;
}

.custom_tag_scroll[alt="686"]::-webkit-scrollbar-track, .custom_tag_gostevaya .custom_tag_dm1::-webkit-scrollbar-track {
    background: none !important;
    border: none !important;
}

.custom_tag_dm1[alt="lore3"] {
    /* background-color: var(--g-light); */
    background-color: #e8e9c545;
    border: 2px solid rgb(91 56 98 / 0%);
    /* outline: 2px solid var(--g-light); */
    display: block;
    padding: 6px 8px 0px 0px;
    margin: 8px 15px 12px;
}

.custom_tag_gostevaya {
    background: url(https://forumstatic.ru/files/001c/70/90/49710.png) center;
    height: 355px;
    width: 984px;
    position: relative;
    font-size: smaller;
    margin: 0 auto 20px auto;
    color: #D7D6D6;
}

.custom_tag.custom_tag_gostevaya p {
    padding: 0px;
}

.custom_tag_guest {
    background: url(https://i.imgur.com/eb7Hd4x.png) no-repeat;
    height: 185px;
    width: 870px;
    /* border: 2px solid rgb(24 39 46); */
    outline: 4px solid #acc3aabd;
    outline-offset: -8px;
    position: relative;
    background-color: #1d2b31;
    font-size: smaller;
    background-position-x: 0px;
    background-position-y: 0px;
    margin: auto;
    border-radius: 5px;
}

.custom_tag_guest .custom_tag_dm1[alt="lore1"] {
    top: 22px;
    right: 20px;
    width: 440px;
    height: 120px;
}

.custom_tag_novichko {
    background: url(https://i.imgur.com/EGVTiaf.png) no-repeat;
    height: 218px;
    max-width: 870px;
    outline: 6px solid rgb(24 39 46);
    border: 5px solid var(--g-light);
    outline-offset: -11px;
    position: relative;
    background-color: #546b7d;
    font-size: smaller;
    background-position-x: -3px;
    background-position-y: bottom;
    margin: auto;
}

.custom_tag_novichko .code-box {
    background: rgb(167 169 132 / 62%) 0 top repeat-y !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    border: 2px solid #18272e;
    padding: 8px 5px !important;
    margin: 5px 4px !important;
    line-height: 1em;
    display: block;
    position: absolute;
    width: 480px;
    right: 6px;
    bottom: 5px;
}

.custom_tag_novichko .code-box .scrollbox {
    max-height: 100px;
}

.custom_tag_novichko .custom_tag_dm1[alt="lore0"] {
    display: block;
    position: absolute;
    width: 835px;
    height: 65px;
    top: 12px;
    right: 10px;
    background-color: #ffffff00;
    box-shadow: #00000000 0px 0px 3px 0px;
    border: #ffffff00;
    color: #b3b598;
    font-size: 10px;
    text-shadow: #0000006e 1px 1px 3px;
    overflow: auto;
    padding-right: 5px;
}

.custom_tag_novichko .custom_tag_dm1[alt="lore0"] strong {
    text-shadow: #000000b5 1px 1px 1px;
}

.custom_tag_novichko .custom_tag_dm1[alt="lore1"] {
    width: 475px;
    right: 22px;
    height: 76px;
    bottom: 18px;
}

.mobile .custom_tag.custom_tag_guest, .mobile .custom_tag_novichko {
    width: auto;
    height: auto;
}

.mobile .custom_tag_guest .custom_tag_dm1[alt="lore1"], .mobile .custom_tag_novichko .code-box, .mobile .custom_tag_novichko .custom_tag_dm1[alt="lore0"] {
    right: auto;
    width: auto;
    height: auto;
    top: auto;
    bottom: auto;
    background-color: #afbfab;
    border: 2px solid rgb(24 39 46);
    outline: 2px solid #b2c3aede;
    display: block;
    position: relative;
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lore2"] {
    width: 290px;
    height: 182px;
    top: 36px;
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lore1g"] {
    width: 340px;
    height: 140px;
    top: 150px;
    left: 20px;
    color: #D7D6D6;
    overflow: visible;
    text-align: left;
    display: block;
    position: absolute;
}

.custom_tag_dm1[alt="lore1"], .custom_tag_dm1[alt="lore2"] {
    display: block;
    position: absolute;
    overflow: overlay;
    background-color: #b2c3aede;
    /* border: 2px solid rgb(24 39 46); */
    /* outline: 2px solid var(--g-light); */
    border-radius: 5px;
    padding: 10px;
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lore2"] {
    right: 20px;
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lore12"], .custom_tag_gostevaya .custom_tag_dm1[alt="lore22"] {
    display: block;
    position: absolute;
    line-height: 100%;
    bottom: 36px;
    background: #00000066;
    width: 383px;
    height: 113px;
    border-radius: 3px;
    right: 20px;
    overflow: visible;
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lore12"] span:first-child, .custom_tag_gostevaya .custom_tag_dm1[alt="lore22"] span:first-child {
    font-family: 'Playfair';
    text-shadow: none !important;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400 !important;
    display: block;
    position: absolute;
    top: -20px;
    right: 0;
    font-style: normal !important;
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lore12"] .wrap, .custom_tag_gostevaya .custom_tag_dm1[alt="lore22"] .wrap {
    height: calc(100% - 20px);
    position: absolute;
    width: calc(100% - 30px);
    top: 0;
    padding: 0 10px 0 0;
    margin: 10px;
    overflow: auto;
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lore12"] {
top: 40px;
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lore22"] {
    top: 179px;
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lore12"] p, .custom_tag_gostevaya .custom_tag_dm1[alt="lore22"] p {
    padding-bottom: 0.3em;
}

.custom_tag.custom_tag_gostevaya .code-box {
    background: rgb(96 102 88 / 48%) 0 top repeat-y !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    border: 2px solid #18272e;
    padding: 8px 5px !important;
    margin: 5px 4px !important;
    line-height: 1em;
}

.custom_tag_altlore .quote-box.spoiler-box>div, .custom_tag_altlore .quote-box.spoiler-box>div.visible, .custom_tag_gostevaya .custom_tag_dm1[alt="lorelink1"], .custom_tag_gostevaya .custom_tag_dm1[alt="lorelink2"] {
    display: block;
    height: auto;
    overflow: hidden;
    transition: all .6s;
    filter: none;
    padding: 7px 8px !important;
    background-color: rgb(44 36 56);
    box-shadow: #00000036 0px 0px 3px 0px;
    outline: 2px solid rgb(44 36 56);
    border: 2px solid var(--g-light);
    color: var(--g-light);
    text-shadow: #0000008f 1px 2px 0px;
    text-align: center;
}

.custom_tag_altlore .quote-box.spoiler-box>div, .custom_tag_altlore .quote-box.spoiler-box>div.visible {
    margin: 4px 2px;
    width: 80%;
    margin: auto;
}

.custom_tag_altlore .quote-box.spoiler-box>div strong {
    text-shadow: #0000008f 1px 2px 0px !important;
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lorelink1"] a strong, .custom_tag_gostevaya .custom_tag_dm1[alt="lorelink2"] a strong {
    color: var(--g-light);
    text-shadow: #0000008f 1px 2px 0px !important;
    font: bold 14px "Alegreya SC";
    text-transform: uppercase;
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lorelink1"], .custom_tag_gostevaya .custom_tag_dm1[alt="lorelink2"] {
    width: 160px;
    /* position: absolute; */
    top: 275px;
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lorelink1"] {
    left: 20px
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lorelink2"] {
    right: 20px
}

.custom_tag_altlore .quote-box.spoiler-box>div:hover, .custom_tag_altlore .quote-box.spoiler-box div.visible, .custom_tag_gostevaya .custom_tag_dm1[alt="lorelink1"]:hover, .custom_tag_gostevaya .custom_tag_dm1[alt="lorelink2"]:hover {
    color: rgb(183 183 143);
    background-color: rgb(104 88 117) !important;
    border: 2px solid var(--g-light);
    outline: 2px solid rgb(104 88 117);
}

.custom_tag_altlore .quote-box.spoiler-box>div {
    background-position: 8px;
}

tr:has(.custom_tag_hide) {
    display: none;
}

td:has(.custom_tag_hidetd) {
    display: none;
}

tr:has(.custom_tag_transparent) {
    opacity: 0.7;
    font-size: xx-small;
    filter: contrast(0.99);
    background-color: rgb(0 0 0 / 34%);
    mix-blend-mode: luminosity;
    text-shadow: #a9a37cc9 1px 1px 2px;
}

.light .custom_tag_marble, .custom_tag_marble {
    color: #33564ad4;
    text-shadow: #e5e5e5b8 1px 1px 1px;
    font-family: arial;
}

.custom_tag_divider1 {
    background-image: url(https://forumstatic.ru/files/001b/d9/4a/62054.png);
    display: block;
    height: 41px;
    width: auto;
    margin-top: -22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.custom_tag_divider2 {
    background-image: url(https://forumupload.ru/uploads/001b/d9/4a/2/691865.png);
    display: block;
    height: 18px;
    max-width: 610px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 0.8em;
}

/* Слайдер */

/* General styles */

.sim-slider {
    position: relative;
    margin: auto;
    overflow: visible;
    width: 900px !important;
}

.sim-slider {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5px;
}

.sim-slider-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
}

.post-content .sim-slider ul li {
    list-style: none !important;
}

.sim-slider-element {
    width: 100%;
    transition: opacity 1s ease-in;
    opacity: 0;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    display: block;
}

.sim-slider-element.active {
    opacity: 1;
}

li.sim-slider-element {
    text-align: center;
    font-family: Mason;
    font-size: 28px;
    font-weight: 900;
    line-height: 36px;
}

/* Navigation item styles */

div.sim-slider-arrow-left, div.sim-slider-arrow-right, div.sim-slider-arrow-left2, div.sim-slider-arrow-right2 {
    top: 40%;
    position: absolute;
    color: #726e6a;
    font-size: 28px !important;
    cursor: pointer;
    border-radius: 5px;
    backdrop-filter: blur(8px);
    background: #ffffff57;
    padding: 10px 5px;
    transition: .3s ease-in-out;
    font-family: "Playfair", serif !important;
    font-weight: 900;
    opacity: 0.68;
    z-index: 4;
}

div.sim-slider-arrow-left, div.sim-slider-arrow-left2 {
    left: -20px;
}

div.sim-slider-arrow-left {
    left: -11px;
}

div.sim-slider-arrow-right, div.sim-slider-arrow-right2 {
    right: -20px;
    display: block;
}

div.sim-slider-arrow-left:hover, div.sim-slider-arrow-right:hover, div.sim-slider-arrow-left2:hover, div.sim-slider-arrow-right2:hover {
    opacity: 1.0;
}

div.sim-slider-dots {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 3;
    text-align: center;
}

span.sim-dot {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    padding: 0;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
    background: rgb(125 126 126);
    opacity: .4;
    transition: transform .2s ease, opacity .2s ease;
}

.sim-dot.active, span.sim-dot:hover {
    opacity: 1;
    transform: scale(1.2);
}

input[id^="spoiler"]+label table {
    padding-left: 10px;
    text-transform: none;
    margin-right: -10px;
    font-size: 18px;
}

div .post-rating p a {
    font-weight: 700;
    position: relative;
    z-index: 100;
    text-align: center;
    display: inline-block;
    background-color: rgb(223 223 223);
    box-shadow: none;
    height: 18px;
    width: 36px;
    opacity: 0.6;
    padding: 0.25em;
    border-radius: 3px;
    transition: opacity 0.3s ease-out;
}

div .post-rating p a:hover {
    opacity: 1;
    transition: opacity 0.3s ease-out;
}

div .post-rating {
    margin-top: 10px;
    display: inline-block;
}

div.post-vote {
    padding-top: 15px !important;
}

/********* Свернуть спойлер *********/

.post-content .spoiler-box>blockquote a[onclick^="clickSP"] {
    font-family: Georgia;
    font-size: 0.95em;
    font-style: italic;
    bottom: 6px;
    position: relative;
}

/********* Личная Хронология *********/
/* shipovnik */

#ship13, #ship13h {
    --bgw: 615px;
    /* максимальная ширина главного блока */
    --bg1: #fff0d230;
    /* главный фон */
    --clr1: #520303;
    /* ХРОНОЛОГИЯ цвет названия */
    --clr2: #180a067d;
    /* цвет строки под хронологией */
    --clr3: #000;
    /* цвет рамки */
    --clr4: rgb(141 93 44 / 35%);
    /* полупрозрачная цифра */
    --clr5: #580909;
    /* цвет ссылок */
    margin: auto;
    /* отступы от краев */
}

#ship13 {
    display: block;
    width: auto;
    box-sizing: border-box;
    padding: 24px;
    max-width: var(--bgw);
    background: var(--bg1);
    border: 3px double rgba(42, 14, 8, 0.28);
}

#ship13 *, #ship13h * {
    box-sizing: border-box;
}

/*** ХРОНОЛОГИЯ название ***/

#ship13h {
    display: block;
    box-sizing: border-box;
    width: auto;
    max-width: var(--bgw);
    padding: 14px 0;
    background: rgba(27, 14, 4, 0.1);
    border: 3px double rgba(42, 14, 8, 0.28);
    color: var(--clr1);
    text-align: center;
    font-weight: 800;
    font-size: 28px;
    font-family: 'Playfair Display', Georgia, serif;
    text-shadow: 1px 1px 1px rgb(255 248 243 / 30%);
}

#ship13h em {
    display: block;
    padding-top: 4px;
    font-style: normal !important;
    color: var(--clr2);
    font-weight: 400;
    font-family: Arial, sans-serif;
    font-size: 11px;
    text-shadow: 1px 1px 0px rgb(255 248 243 / 10%);
}

/* цифра */

.boxf {
    display: block;
    position: relative;
    z-index: 3;
    width: 50%;
    min-height: 50px;
    background: transparent;
    border-right: 1px solid var(--clr3);
    margin-left: calc(0% - 0px);
}

.boxf:nth-child(2n) {
    display: block;
    position: relative;
    margin-top: -40px;
    margin-bottom: -40px;
    margin-left: calc(50% - 1px);
    width: 50%;
    min-height: 50px;
    border-right: 0px none transparent;
    border-left: 1px solid var(--clr3);
}

/* категория */

.boxcat {
    display: block;
    padding: 0 10px 4px 10px;
    text-align: left;
    border-bottom: 1px solid var(--clr3);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    font-family: 'Playfair Display', Georgia, serif;
}

.boxf:nth-child(2n) .boxcat {
    text-align: right;
}

.boxcat::after {
    display: block;
    content: "";
    height: 6px;
    width: 6px;
    float: right;
    margin: 20px -13px auto auto;
    background: var(--clr3);
    border-radius: 50%;
}

.boxf:nth-child(2n) .boxcat::after {
    float: left;
    margin: 19px auto auto -13px;
}

.boxf:last-of-type {
    margin-bottom: 0.3em;
}

/* цифры */

.numbrow {
    display: block;
    margin: auto auto -46px 30px !important;
    z-index: 2;
    width: auto;
    background: transparent;
    text-align: left;
    font-style: normal !important;
    font-size: 76px;
    height: 76px;
    line-height: 76px;
    letter-spacing: -3px;
    font-family: 'Yeseva One', Arial, sans-serif;
    color: var(--clr4);
}

.boxf:nth-child(2n) .numbrow {
    text-align: right;
    margin: auto 25px -52px auto !important;
}

/* текстовый блок */

.textf {
    display: block;
    padding: 20px;
    line-height: 120%;
    text-align: justify;
    font-weight: 400;
    font-size: 12px;
    font-family: 'PT Sans', Tahoma, sans-serif;
}

.textf>p {
    margin: 0px !important;
    padding: 0 0 16px 0 !important;
    line-height: 110% !important;
}

.textf>p:last-child {
    padding-bottom: 0px !important;
}

#ship13 a {
    color: var(--clr5);
    text-decoration: none;
}

#ship13 a:hover {
    text-decoration: underline;
}

/********* Топы *********/

.topRPG_2 {
    display: block;
    text-align: center;
}

.fs-box.hashelp .topRPG_2 {
    margin-top: 8px;
}

tbody.hasicon .topRPG_2 {
    margin: 10px auto -15px;
}

.topRPG_2 a img {
    filter: opacity(0.68) brightness(0.8) sepia(0.2) hue-rotate(20deg);
    transition: filter 0.1s ease-in-out;
    z-index: 9999;
    position: relative;
}

.topRPG_2 img:hover {
    filter: none !important;
    transition: filter 0.3s ease-in-out;
}

.light .container>.topRPG_2, .container>.topRPG_2 {
    display: block;
    position: absolute;
    bottom: 62px;
    right: 6px;
}

.post-content ul {
    padding: 0 0 0.1em 2.3em !important;
    margin: 0px;
}

.avatar-image[style*="default_avatar.jpg"], .status_userava[style*="/i/default_avatar.jpg"] {
    background-image: url(http://forumstatic.ru/files/001b/d9/4a/91453.jpg) !important;
}

li.pa-avatar.item2 img {
    max-width: 190px;
    /* border: 1px solid transparent !important; */
    /* border-image: linear-gradient(310deg, #1C2525 0%, #CACACA 126%) 1 !important; */
}

.post .post-author ul:has(plaque.noframe) li.pa-avatar.item2 img {
    border-image: none !important;
    border: none !important;
}

#mask_dialog .inner * .description {
    opacity: 0.6;
}

/********* скрипт уведомлений *********/

#post-mentions #mentions-area {
    background: rgb(var(--canvas-secondary), 0.98);
    margin: 5px 0px !important;
    border-radius: 5px;
    color: black;
    border: 1px solid #73817e6e;
    box-shadow: none;
    border-width: 1px;
    width: calc(100% - 35px) !important;
    left: 20px !important;
}

.unread-notifications .modal-inner {
    margin-top: 12% !important;
    margin-top: 22vh !important;
}

/********* кастомные теги bb *********/

del {
    text-decoration: none !important;
    filter: blur(2px);
    transition: filter 0.1s ease;
}

del:hover {
    text-decoration: none !important;
    filter: none;
    transition: filter 0.2s ease;
}

.custom_tag.custom_tag_opacity[alt="80"] {
    opacity: 80%;
}

.custom_tag.custom_tag_opacity[alt="50"] {
    opacity: 55%;
}

.custom_tag_opacity[alt="30"] {
    opacity: 30%;
}

.custom_tag_float#left {
    float: left;
    margin: 5px 15px 5px 0px;
    display: grid;
}

.custom_tag_float#right {
    float: right;
    margin: 5px 0px 5px 15px;
    display: grid;
}

.custom_tag_stress::after {
    content: '\2032';
    position: relative;
    margin-left: -0.3em;
    display: inline-flex;
    top: -0.3em;
}

.custom_tag_s1 {
    text-decoration: line-through;
}

.custom_tag_int, .custom_tag_indent {
    display: inline-block;
    width: 2.5em;
}

.custom_tag_intall p {
    text-indent: 2.5em;
    padding-bottom: 0.8em !important;
}

.custom_tag_intall p .postimg:only-child, .custom_tag_intpost p .postimg:only-child {
    display: block;
}

.post-content:has(.custom_tag.custom_tag_intpost) p:not(.post-sig p) {
    text-indent: 2.5em;
}

.custom_tag_intall p .postimg:only-child {
    display: block;
}

.custom_tag_delete p:first-line {
    display: none;
}

.custom_tag_mob {
    background-color: transparent !important;
    font: 24px "Book Antiqua" !important;
    font-weight: bold !important;
    color: #2f1406;
    text-shadow: #e4d7ba8a 1px 1px 1px;
    letter-spacing: 1px !important;
    text-align: center;
    margin-top: 2px;
    display: block;
}

.quote-box.spoiler-box .custom_tag_mob {
    margin-top: -7px;
}

.custom_tag_mob abbr {
    text-decoration: underline overline #856c3f 1px;
    text-underline-offset: 4px;
}

#tuser {
    display: none;
}

.custom_tag_tdanketa {
    background-color: rgba(27, 14, 4, 0.1);
}

.custom_tag_rul, .custom_tag_rulka {
    font-size: 15px;
    font-family: georgia;
    text-align: center;
    font-weight: 800;
    text-shadow: #d3c5948a 0.5px 0.8px 1px;
}

.custom_tag_rulka, .custom_tag_rulka0, .light .custom_tag_rulka, .light .custom_tag_rulka0 {
    background: rgb(219 223 220 / 76%);
    display: block;
    border: 1px double rgba(173, 173, 173, 1);
    color: rgba(74, 74, 74, 1);
    text-align: center;
    border-radius: 3px;
    /* width: max-content; */
    padding: 3px 10px;
    margin: 2px auto;
    width: auto;
}

.custom_tag_rulka0, .light .custom_tag_rulka0 {
    padding: 12px 0px 10px 0px;
}

.custom_tag_rulka, .light .custom_tag_rulka {
    font-family: Playfair;
    font-size: 26px !important;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase;
    font: 700 12px playfair;
}

.custom_tag_rulka abbr {
    text-decoration: underline dashed #472a20 0.05em;
    text-underline-offset: 0.25em;
    transition: color 0.4s;
}

.custom_tag_rulka0, .light .custom_tag_rulka0 {
    font-family: Moyenage;
    text-align: center;
    font-size: 25px;
    /* font-weight: 800; */
    line-height: 0.8;
}

.custom_tag_rulka0:first-line {
    font-weight: 800;
}

.custom_tag_rulka01 {
    font-size: 12px;
    font-family: georgia;
}

.custom_tag_rulka02 {
    font-size: 12px;
    text-transform: uppercase;
    font-family: georgia;
}

.custom_tag_rulka0::first-letter {
    color: #6a1111;
    font-family: Carmen;
    font-size: 35px;
}

.custom_tag_rulka3 {
    background-color: var(--dm1);
    box-shadow: #00000036 0px 0px 3px 0px;
    padding: 0.4em 0em 0.4em 0em !important;
    font-size: 15px;
    font-family: georgia;
    text-align: center;
    font-weight: 800;
    text-shadow: #d3c5948a 0.5px 0.8px 1px;
    border: 3px double rgba(42, 14, 8, 0.28);
    display: block;
}

.custom_tag_rulka31 table, .custom_tag_rulka32 table {
    border-collapse: separate !important;
    width: calc(100% + 50px) !important;
    -webkit-border-horizontal-spacing: 25px;
    margin-left: -25px !important;
    overflow: hidden;
}

.custom_tag_rulka31 tr {
    font-size: 15px;
    font-family: georgia;
    text-align: center;
    font-weight: 800;
    text-shadow: #d3c5948a 0.5px 0.8px 1px;
}

.custom_tag_rulka31 table tr td, .custom_tag_rulka32 table tr td {
    border: 3px double rgba(42, 14, 8, 0.28);
    background-color: var(--dm1);
    box-shadow: #00000036 0px 0px 3px 0px;
    padding: 6px 8px !important;
}

.light .custom_tag_rulka3, .light .custom_tag_rulka31 table tr td, .light .custom_tag_rulka32 table tr td {
    background: rgb(202 210 205);
    border-radius: 5px;
    padding: 10px;
    border: none;
    box-shadow: none;
}

.custom_tag_rulka31 td p {
    padding: 0px !important;
}

.custom_tag.custom_tag_rulka32 ul {
    padding: 0 0 0.1em 2.0em !important;
}

.custom_tag_rulka30 {
    font-size: 15px;
    font-family: georgia;
    text-align: center;
    font-weight: 800;
    text-shadow: #d3c5948a 0.5px 0.8px 1px;
    display: block;
    color: #443c33;
}

.custom_tag_break {
    content: "\a";
    white-space: pre;
}

.custom_tag_justify {
    text-align: justify;
}

.post-box .custom_tag_justify br {
    content: "";
    padding-bottom: 1em;
    display: block;
}

.post-box .custom_tag_justify span.custom_tag.custom_tag_rulka0 br {
    padding-bottom: 0 !important;
}

.custom_tag_multiply {
    mix-blend-mode: multiply;
}

.custom_tag_imgframe00 img.postimg {
    max-width: 550px !important;
    max-height: 350px;
}

.custom_tag_imgframe, .custom_tag_imgframe0, .custom_tag_imgshad0, .custom_tag_imgframe00 {
    max-width: fit-content;
    display: inline-flex;
    width: fit-content;
    gap: 0 5px;
}

table .custom_tag_imgframe, table .custom_tag_imgframe0, table .custom_tag_imgframe00 {
    margin: 0px 4px;
}

.custom_tag_imgframe0 {
    max-width: 400px;
    display: inline-flex;
    width: fit-content;
}

.custom_tag_imgshad {
    box-shadow: 0px 0px 5px #1a0b06;
    display: inline-flex;
    width: fit-content;
}

.custom_tag_imgshad0 {
    max-width: 300px;
    display: inline-flex;
    width: fit-content;
}

.custom_tag_imgshad1 img {
    max-height: 250px;
    display: inline-flex;
    width: fit-content;
}

.custom_tag_imgshad2 {
    box-shadow: 0px 0px 4px 1px #1a0b06, 0px 0px 1px 1px #1a0b06ad;
    outline: 1px solid #d1c4ad42;
    outline-offset: -5px;
    display: inline-flex;
    width: fit-content;
}

.custom_tag.custom_tag_intall .custom_tag_imgshad, .custom_tag.custom_tag_intall .custom_tag_imgshad0, .custom_tag.custom_tag_intall .custom_tag_imgshad2, .custom_tag.custom_tag_intall .custom_tag_imgframe, .custom_tag.custom_tag_intall .custom_tag_imgframe0 {
    display: grid;
}

.custom_tag_hrsolid {
    border-bottom: 4px double rgb(42 14 8 / 20%);
    margin: 0.3em;
}

.custom_tag_hr2 {
    display: block;
    border: 0.1px solid transparent !important;
    border-image: linear-gradient(to right, rgb(95 107 103 / 1%) 0%, rgb(51 106 97 / 57%) 50%, rgba(95 107 103 / 1%) 100%) 1 !important;
    margin: 0.2em auto 1em;
    width: 60%;
}

.custom_tag_hr3 {
    box-shadow: 0px 0px 7px 2px rgba(58, 25, 8, 0.76), 0px 0px 0px 0px rgba(50, 25, 13, 0.86);
    border-color: rgb(38 16 5 / 37%);
    border-style: ridge;
    border-width: 1px;
    border-radius: 9px;
    margin: 0em 0.8em 0.8em 0.8em;
    opacity: 0.5;
}

.custom_tag_shad {
    text-shadow: rgb(0, 0, 0) 1px 0px 3px;
}

.custom_tag_glow {
    text-shadow: rgba(206, 197, 181, 0.82) 1px 0px 2px;
}

.post:has(.custom_tag_blurall), .post-content:has(.custom_tag_blur) {
    filter: blur(8px);
    transition: filter 0.3s ease-in-out;
}

.post:has(span.custom_tag.custom_tag_blurall):hover, .post-content:has(.custom_tag_blur):hover {
    filter: none;
}

/* аватар в цитате */

.light .author-avatar, .author-avatar {
    float: none;
    position: absolute;
    right: 0px;
    top: -0.5em;
    margin-right: -10%;
    opacity: 0.8;
}

.author-avatar:hover {
    opacity: 1;
}

.author-avatar>img {
    padding: 1px;
    border-radius: 4px;
    box-shadow: #0000003d 0px 0px 2px 0px;
    border: 1px double rgb(42 14 8 / 35%);
    width: 36px;
    height: 36px;
    object-fit: cover;
    object-position: 68% 8%;
    position: relative;
}

.author-avatar>img, .light .author-avatar>img {
    border-radius: 40px;
}

/* строка тем или форумов при наведении */

#pun-viewforum #pun-main table tr:hover, #pun-searchtopics #pun-main table tr:hover, #pun-index #pun-main table tr:hover, #pun-online #pun-main table tr:hover, #pun-userlist #pun-main table tr:hover {
    border-radius: 5px;
    background: rgb(255 255 255 / 6%) 0 top repeat-y;
    transition: background-color 0.4s;
}

#pun-viewforum #pun-main table tr, #pun-searchtopics #pun-main table tr, #pun-index #pun-main table tr, #pun-online #pun-main table tr, #pun-userlist #pun-main table tr {
    transition: background-color 0.4s;
}

/*  свечение жирного текста */

.post-content strong {
}

/*  подчеркивание */

.punbb .post-content em.bbuline {
    font-style: normal;
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-decoration-color: #00000030;
    text-decoration-skip-ink: none;
    text-underline-offset: 2px;
}

/* закрытые темы, важные */

span.closedatafield {
    display: none;
}

span.stickytext {
    display: none;
}

.hasicon td.info_header {
    display: none;
}

tr.isticky .tcl:has(.stickytext) .topic-row-title a::before {
    content: "\2757";
    /* font-size: 1.1em; */
    text-shadow: rgba(253, 253, 253, 0.51) 0px 0px 2px;
    /* margin-right: -5px; */
    margin-left: -1px;
}

.hasicon .pagestext {
    /* display: block; */
}

.topic-row-author {
    font-size: smaller;
}

/* спойлер категорий */

.offctgr img {
    mix-blend-mode: plus-lighter;
    filter: contrast(0) hue-rotate(175deg);
    display: block;
    width: 15px;
    /* right: -20px; */
    margin: 1px -10px 0px -17px;
    cursor: pointer;
    background: none;
}

< !----------------- между никами запятая --------------->#topic-users-in a:after {
    content: ',';
}

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

#topic-users-in a:not(:last-of-type):after {
    content: ",";
    color: #241A10;
}

#titul {
    padding-bottom: 4px;
}

.post-author .pa-fld1 #titul::before { content: '•'; margin-right: 3px;}

/* .pa-fld1 div:not(#titul),  */

.pa-fld1 div#work {
    text-align: center;
}

div#stranu {
    font-weight: 900;
    text-align: center;
    opacity: 0.6;
    /* font-family: georgia; */
    padding-top: 3px;
}

/* мини ава в строке приветствия */

.status_userava {
    vertical-align: middle;
    margin: -10px 0px 0px;
    height: 30px;
    width: 30px;
    opacity: 0.85;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    border-radius: 50% !important;
    box-shadow: none !important;
    transition: opacity 0.4s, box-shadow 0.4s;
    background-position: 70% 33%;
    filter: grayscale(0.4) brightness(0.95);
}

/*АКЦИИ */

#rzlm0, #rzlm01 {
    padding: 3px 3px 15px 3px;
}

#rzlm0 {
    width: 49%;
    /* display: inline-block; */
    display: inline-grid;
}

.roli #rzlm0, .roli #rzlm01 {
    width: 99%;
    display: inline-block;
    position: relative;
}

@media screen and (max-width: 980px) {
#rzlm0 {
        width: 100%;
    }
}

/* rzlmovnik */

.rzlmimg, .rzlmimg0, .rzlmimg00 {
    overflow: visible;
    background: 50% 50% no-repeat;
    background-size: cover;
    height: 300px;
    padding: 0px;
    display: table-cell;
    /* box-shadow: inset 0px 0px 3px 0px rgb(151 67 55); */
    /* box-shadow: inset 0px 0px 11px 0px rgb(118 143 112); */
    border-radius: 0px 4px 4px 0px;
}

.rzlmimg0 {
    width: 146px;
    cursor: default;
}

/* название роли */

h8:hover {
    color: var(--hovlink1);
}

.rzlmh_dop.need b {
    /* color: #266626; */
    color: #974337;
    /* text-shadow: 1px 1px 1px #ffffff96; */
}

h7 {
    color: #544b37;
}

h7::first-line, h8::first-line, h9::first-line {
    text-decoration: underline 1px dashed #7272729c !important;
    text-underline-offset: 5px;
}

.rzlmh1 {
    display: block;
}

.rzlmh1 p {
    text-indent: 1.5em;
    line-height: 130% !important;
    padding-bottom: 0.4em !important;
}

.rzlmh1 p:first-of-type {
    margin-top: 0.6em !important;
}

.rzlmh1 p:last-of-type {
    padding-bottom: 0px !important;
}

/* ПЕРЕЧИСЛЕНИЕ ХАРАКТЕРИСТИК */

b1 {
    font-family: 'Alegreya SC', Times New Roman, serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    margin-left: 0.5em !important;
    color: rgb(117, 89, 61);
}

b0 {
    font-family: 'Alegreya SC', Times New Roman, serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
}

i {
    font-family: georgia;
}

.rzlmimg>div.rzlmimg {
    opacity: 0;
    transition: opacity 1s;
}

.rzlmimg>div.rzlmimg:hover {
    opacity: 1 !important;
    transition: opacity 2s;
}

abbr:not(.pa-fld6 abbr) {
    text-decoration: underline 1px dotted rgb(0 0 0 / 60%);
    text-underline-offset: 0.2em;
    opacity: 0.8;
}

.pa-fld6 abbr {
    text-decoration: none !important;
}

.custom_tag.custom_tag_mobile {
    /* width: fit-content; */
    padding: 2px;
    overflow-x: auto;
    /* display: block; */
    margin: 0 auto;
    /* width: 49vmax; */
    width: fit-content;
}

/* подарки */

#rzlm3_gift {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
    /* height: 214px; */
    outline-offset: 0px;
    /* background: url(https://i.imgur.com/7PNN8zu.jpeg) repeat; */
    /* background: url(https://i.imgur.com/0IAXQtZ.jpeg) repeat; */
    background: url(https://i.imgur.com/D4bezFP.jpeg) repeat;
    border-style: solid;
    border-image: url(https://i.imgur.com/TfHR5Qd.png);
    border-image-repeat: repeat !important;
    border-image-slice: 7;
    box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 66%), 0px 0px 3px 1px #0000008f, 0px 0px 0px 1px #00000047 !important;
    border-width: 7px;
    flex-wrap: wrap;
    gap: 10px 5px;
}

#rzlm3_gift div div {
    display: flex;
    flex-direction: column;
    /* flex-wrap: nowrap; */
    /* justify-content: center; */
    /* width: fit-content !important; */
    /* min-width: -webkit-fill-available !important; */
    /* width: 128px; */
}

.rzlmimg_gift {
    overflow: visible;
    height: 128px;
    padding: 0px;
    background-repeat: no-repeat;
    width: 128px;
    /* display: inline-block; */
}

.rzlmro_gift {
    max-width: calc(100% - 128px);
    min-width: 128px;
    display: inline-block;
    /* box-sizing: border-box; */
    line-height: 130%;
    font-size: 11px;
    padding: 3px 6px 4px 8px;
    height: 128px;
    outline-offset: -4px;
    overflow: auto;
    overlay: none;
    color: #818181;
    text-shadow: 1px 1px #000000;
    border-width: 0px;
    box-sizing: border-box;
}

#gift {
    width: 49%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

/* скрытие отредактировано из html-верх
-------------------------------------------------------------*/

p.lastedit {
    display: none
}

/* Броски Дайсов */

#topic_t875 p.lastedit, div#topic_t145 p.lastedit, div#topic_t2609 p.lastedit {
    display: block !important;
}

thead {
    display: none
}

#topic-modmenu, #topic-users-in, .pagelink, #s-block {
    /* margin: 0 20px; */
}

/* личные сообщения */

#messages table {
    background: #f0f8ff36;
    border-radius: 15px;
}

/* админка */

.punbb-admin #pun-navlinks .container {
    position: absolute;
    top: -116px;
    right: -22px;
    color: aliceblue;
}

.punbb-admin #pun-ulinks .container {
    color: aliceblue;
    position: absolute;
    top: 1px;
    right: 0px;
}

.adformal h2, #pun-adnav h2 {
    margin: 0 0 27px 0 !important;
    top: 27px !important;
    position: relative;
    background: rgb(136, 161, 157) !important;
    border: none !important;
}

#pun-admain input, #pun-admain select {
    background: rgb(136, 161, 157);
}

.admin-advert-block {
    left: 173px;
    top: 50px;
    position: relative;
}

/* цитаты в топике */

/* медиа для мозиллы */

@-moz-document url-prefix() {
* {
        scrollbar-width: thin;
    }
}

forumdesc {
    color: rgba(45, 45, 45, 1);
    font-size: 10px;
    display: flex;
    align-items: center;
}

forumdesc > a {
    filter: contrast(2.5);
    display: inline-block;
    padding: 0px 5px;
    font-weight: 400;
}

/* мелкие допы
-------------------------------------------------------------*/

h1 {
    text-align: center;
    font-size: 12px;
    color: #333;
}

/* хронология большая
-------------------------------------------------------------*/

summary:before {
    content: '›';
}

details[open] > summary:before {
    margin-top: -12px;
}

.ship20 {
--bgsw: 865px;  /*  максимальная ширина блока */
--bgs1: #fff0d230;  /* фон общий*/
--sct1: #2c0a00b8;  /*  цвет общего текста  */
--sct1a: #5e0b0b;   /* цвет ccылок */
--szt: 0.95em;  /*  размер шрифта  */

--pad2: 10px;  /* отступ между эпизодами */
--pad1: 15px;  /* отступ текста слева */

--pwt: 44px;  /* ширина левого блока */
--bgs2: #36110547; /* цвет границы*/

--bgs3: #1e130c; /* цвет ленты */
--sct3: #d6d6d6;  /* текст ленты */

--sct2: #000000;  /* цвет даты и участников */

--bgsa: #702504;  /*  активный эпизод  */
--bgss: #155608;  /*  активный, открытый вход  */
--bgsz: #120600a8;  /*  завершенный эпизод  */
--bgsnz: #240e0478; /*  личный эпизод  */
}

.ship20 * {box-sizing: border-box; line-height: 140% !important;}

.ship20 {
    margin: 0 auto;
    font-size: var(--szt);
    padding: 1px 0;
    display: block;
}

.ship20 a {color: #617975 !important; text-shadow: none  !important;}

.ship20 a:hover {color: #974337 !important;}

border: 3px double rgba(42, 14, 8, 0.28);
    border-top-width: 0px;

.ship20 a {color: var(--sct1a) !important;}

.ship20 a:hover {filter: brightness(1.5);}

.ship20 p {
    margin: 0px 0px 0px var(--pad1) !important;
    padding: 0px var(--pad2) 0 0 !important;
    position: relative;
}

.ship20 p:last-child {
    text-align: justify;
    display: flex;
    align-items: center;
}

.ship20 p:first-child {
    display: block;
    font-style: normal !important;
    color: var(--sct2);
    font-family: Tahoma, sans-serif;
    padding: 4px 10px 4px 20px !important;
    text-align: left;
}

.ship20 p:before {
    content: ' ';
    display: block;
}

/**  эпизод  **/

.ship20 p > a:first-child {
    display: block;
    padding: 4px 0 4px 0;
    font-size: 12px;
    font-weight: 800;
}

/**  маркеры  shipovnik **/

.ship20 p > a.ep:before {
    content: '';
    display: inline-flex;
    position: absolute;
    transform: translate(-91%, 7%);
    width: 28px;
    height: 28px;
    margin-left: -16px;
    border-radius: 50px;
    padding: 0;
    justify-content: center;
    align-items: center;
    color: #fff;
    line-height: 0;
    font-size: 14px;
}

.ship20 p > a.ep:hover:before {
}

a.ep:before {
    opacity: 0.6;
}

.act a.ep:before {
    background: #768F70;
}

.end a.ep:before {
    background: #617975;
}

.imp.end a.ep:before {
    background: #405f59;
}

.imp a.ep:before {opacity: 1!important;}

.see a.ep:before {
    content: '\e8f4'!important;
    font-weight: 100;
    font-style: normal;
    font-size: 14px;
    font-family: 'Icons' !important;
}

.free a.ep:before {
    content: '\e7ef'!important;
    font-weight: 100;
    font-style: normal;
    font-size: 14px;
    font-family: 'Icons' !important;
}

.act.imp.op a.ep:before {
    background: #974337!important;
}

.ship20 table p {
    padding-bottom: 0px!important;
    padding-right: 5px!important;
}

/**  дата и участники  **/

.ship20 em {
    display: block;
    padding: 0;
    font-style: normal !important;
    font-size: 11px;
    font-family: Tahoma, sans-serif;
    padding-right: var(--pad2);
    text-align: left;
    width: 100%;
    padding-top: 5px;
}

/**  год или эпоха  **/

.ship20 ht0, .ht0 {
    display: block;
    padding: 0px 20px;
    margin: 30px auto;
    color: #FFF;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Playfair';
    font-weight: bold;
    border-radius: 50px;
    text-align: center;
    background: #974337;
    width: max-content;
    border: 1px solid #ADADAD;
}

#maindate {
    padding: 20px 20px 20px 20px!important;
    margin: -16px -20px -14px -20px!important;
    text-align: justify;
    background: #738A86 !important;
    color: #fff;
    border-radius: 5px;
}

#maindate em {
}

li.imp {
    background: #dfdfdf;
    border: none !important;
border-radius: 5px !important;
}

.ship20 ht1 {
    display: flex;
    position: relative;
    color: #fff !important;
    font-size: 18px;
    text-transform: uppercase;
    font-family: Playfair !important;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 10px;
    margin: 0 0 8px 0;
    white-space: pre-line;
}

#maindate ht1 b {
    background: #974337;
    border: 1px solid #ADADAD;
    border-radius: 50px;
    padding: 0 10px;
    font-size: 12px;
    display: flex;
    flex-direction: row;
    white-space: nowrap !important;
    height: 24px !important;
    line-height: 0 !important;
    align-items: center;
}

.ship20 li span {
    display: grid;
    grid-template-columns: 1.8fr 1fr 3.5fr;
    margin: 25px 0px;
}

.ship20 span em b {
    padding-bottom: 8px;
    display: block;
}

.ship20 li {
    padding: 12px 20px 10px 20px;
    width: 100%;
    border-width: 1px 0 0px 0;
    border-style: solid;
    border-color: #adadad;
    margin: 10px 0 5px 20px;
    cursor: default !important;
  counter-increment: item;
  position: relative;
}

.ship20 li::marker {}

.ship20 ht0 + p > a:first-child {padding-top: var(--pad2);}

.filterlist label:hover, input#searchInput:hover {
    background-color: rgba(27, 14, 4, 0.2);
}

.ship20 {
  counter-reset: item;
  list-style: none;
  padding-left: 0;
}

.ship20 li::before {
    content: counter(item) ".";
    position: absolute;
    left: -35px;
    /* top: 46px; */
    margin: 12px 0px !important;
    opacity: 0.5;
    display: inline-block;
}

details, .chrono, .filter {
    width: 98% !important;
}

.ship20 {
    max-width: 98% !important;
}

.ship20 li span {
    margin: 0px !important;
    width: 100%;
}

:root {
  --color-accent:  hsl(177.55deg 41.88% 45.88%);
--bordercolor: #cacaca;}

details, .chrono, .filter {
    width: 865px;
}

/*************************************************************
filter
**************************************************************/

.filter {
    display: inline-flex;
    justify-content: space-around;
    width: 880px !important;
    background: #c1c8c1;
    padding: 20px;
    margin: 0 auto !important;
    border-radius: 3px;
}

.filterlist {
    display: inline-flex;
    flex-direction: column;
    font-size: 10px;
    font-family: verdana;
    gap: 4px;
    align-items: flex-start!important;
    text-align: left;
}

.filterlist label {
    display: inline-flex;
    width: 187px;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
    padding: 7px;
    background-color: rgb(202 209 202);
    border: 1px solid rgb(173 173 173);
    border-radius: 3px;
}

.filterlist span {
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    font-family: 'Playfair';
    font-weight: bold;
    letter-spacing: 0px;
}

.filterlist label input[type="checkbox"] {
    margin: 0px 7px 0px 2px!important;
}

input#searchInput {
    padding: 7px;
    background-color: rgba(27,14,4, 0.1);
    border: 3px double rgba(42, 14, 8, 0.28)!important;
}

.filterlist label input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0px 7px 0px 2px!important;
    background-color: rgba(27,14,4, 0.1)!important;
    border: 1px solid rgba(42, 14, 8, 0.28)!important;
    padding: 5px !important;
    cursor: pointer;
    transition: all .4s ease-in-out 0s;
    height: 1em;
}

.filterlist label input[type="checkbox"]:checked {
    background-color: black!important;
height: 1em;}

/*************************************************************
spoiler
**************************************************************/

summary::-webkit-details-marker {display:none;}

summary::-moz-list-bullet {list-style-type:none;}

summary::marker {display:none;}

summary {
    padding: 0.5em 0.6em 0.4em 2em!important;
    width: 68%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    cursor: pointer;
    position: relative;
    font-family: 'Playfair';
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0px;
    margin-top: 12px!important;
    margin-bottom: 35px!important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    transition: all .6s!important;
    background: #738A86;
    color: #fff;
}

summary:before {
    left: 0.3em;
    position: absolute;
    transition: transform .5s;
    content: '›';
    font-size: 40px;
    top: 0;
    margin: 0 !important;
    height: 100%;
    display: flex;
    align-items: center;
}

summary:hover {
    background: #c1c8c1;
    transition: all .6s!important;
    color: #3a4949;
}

details[open] > summary:before {
  transform: rotateZ(90deg);
  margin-top: 0px;
    margin-left: 2px;
}

summary ~ * {
   padding:0 1em 0 1em;
}

details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}

@keyframes sweep {
  0%    {opacity: 0;}
  100%  {opacity: 1;}
}

summary:focus {
  outline:0;
}

details {
  display:block;
  margin-bottom: .5rem;
}

details p {
    font-family: var(--font-title);
}

/* орг темы вариации под дизайны
-------------------------------------------------------------*/

/*
.basic .soo2 {
    width: 800px;
}

.sylv .soo2 {
    width: 874px;
}
*/

/* стили орг тем
-------------------------------------------------------------*/

/* Магазин --------*/

.magazin {}

.magtext {
    padding: 20px;
    margin: 0;
    background: #c1c8c1;
    border-radius: 3px;
}

.lavka {
    background: linear-gradient(180deg, #415052 0%, #1B2424 100%);
    border-radius: 3px;
    padding: 20px;
    color: #fff;
    margin: -25px -20px -20px -20px;
}

.lavka .wrap {
    overflow: auto;
    /* height: 475px; */
    /* padding: 0 10px 0 0; */
    padding: 0 0px 0 0;
}

.lavka .H0 {
    font-family: 'Playfair';
    text-transform: uppercase;
    margin: 0 0 2px 0;
}

.lavka .H0 p {
    font-size: 20px !important;
    padding: 0 !important;
}

.artifact {
    display: flex;
    background: #232C2E;
    border-radius: 3px;
    padding: 10px;
    gap: 20px;
    align-items: center;
}

.artimg {
    min-width: 177px;
    max-width: 160px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 5px;
    padding: 1px;
    background: linear-gradient(180deg, #1c2525d6 0%, #e1e3e1 126%);
    border-image: linear-gradient(2deg, #1C2525 0%, #e1e3e1 126%) 1;
    outline: 1px double #738a8659;
    outline-offset: 0px;
}

.artimg p {padding: 0!important}

.artimg img {}

.artimg img.postimg {
    /* mask-image: linear-gradient(to top, black 40px, black, transparent); */
    /* filter: grayscale(1) brightness(1.2) contrast(0.7); */
    /* background: black; */
    /* background-image: url(SO_texture_bg.jpg); */
    /* background-repeat: repeat; */
    /* background-image: repeating-linear-gradient(36deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 1px, transparent 0px, transparent 2px); */
    /* -webkit-mask-image: url(https://i.imgur.com/RgJmgvc.png); */
    /* background: linear-gradient(to right, blue, transparent), url(https://grainy-gradients.vercel.app/noise.svg); */
    /* filter: contrast(63%) brightness(157%); */
    /* mask-image: url(https://www.transparenttextures.com/patterns/broken-noise.png); */

    /* mask-image: url(https://i.imgur.com/RgJmgvc.png); */
    /* mask-image: url(https://grainy-gradients.vercel.app/noise.svg); */

    display: block;
    width: 100%;
    height: auto;
}

.artimg.light img.postimg {
filter: grayscale(0.2) brightness(0.9) contrast(0.8) saturate(0.99);
}

.noise-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://upforme.ru/uploads/001b/d9/4a/2/702233.png);
    background-repeat: repeat;
    background-size: auto;
    /* mix-blend-mode: normal; */
    mix-blend-mode: luminosity;
    /* mix-blend-mode: hard-light; */
    pointer-events: none;
    filter: opacity(0.65) contrast(1.5);
    z-index: 2;
}

.artimg .gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(359deg, #88a19dba 0%, #88a19d61 18%, #88a19d3d 30%, #88a19d14 50%, #88a19d0d 60%, #e1e3e100 106%);
    pointer-events: none;
    z-index: 3;
    opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.artimg.light  .gradient-overlay {
    background: linear-gradient(359deg, #88a19db3 0%, #e1e3e100 126%);
}

.artifact:hover .gradient-overlay {
    opacity: 0;
}

.art {}

.naz {}

.lavka .H0, .sto, .tip {
    padding: 2px 9px !important;
    color: #FFF !important;
    text-transform: uppercase;
    border-radius: 50px;
    width: max-content;
    margin: 0 0px 10px 0px;
    font-family: Playfair;
    font-weight: 500;
    display: inline-flex;
    margin: 0 10px 0 0;
}

.art .artexpand {
margin-bottom: -25px;
}

.sto p, .tip p, .artexpand p {
    padding: 0 !important;
}

.sto {background: #88A19D;}

.tip {background: #768F70;}

.opisa {
    background: #1B2424;
    border-radius: 10px;
    padding: 15px;
    margin: 10px 0;}

.opisa .wrap {
    max-height: 70px;
    overflow: auto;
    padding: 0 10px 0 0;
    scrollbar-gutter: stable;
}

.artexpand {
    width: max-content;
    text-align: center;
    margin-top: 10px;
    color: #fff;
    background: #974337;
    font-family: Playfair;
    cursor: pointer;
    text-transform: uppercase;
    transition: color 0.15s linear, background-color 0.15s linear;
    border-radius: 50px;
    padding: 3px 10px;
    z-index: 1;
}

.artexpand:hover {
    background-color: rgba(136, 161, 157, 1);
}

/* навигация  --------*/

.quotewhite {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: #DFE1DF;
    border: 1px solid #ADADAD;
    padding: 20px;
    margin: -13px -21px 0 -21px;
}

.quotewhite a {
    text-decoration: underline;
    color: #974337 !important;
}

.quotewhite a:hover {
    text-decoration: none;
    color: #738A86 !important;
}

/* допы орг тем --------*/

.custom_tag_quote2 a {
    color: #7b2e23 !important;
}

.custom_tag_quote2 a:hover {
    color: #81bbb1 !important;
}

/* Шаблон эпизода --------*/

.episode {
    background: url(https://forumstatic.ru/files/001c/70/90/83453.png);
    width: 765px;
    height: 368px;
    border-radius: 3px;
    color: #FFFFFF;
    margin: 0px auto 10px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.episode.general {
    width: auto;
    height: auto;
    max-width: 765px;
}

.episode .wrap {
    background: #738A86;
    border: 1px solid;
    border-image-source: linear-gradient(310.36deg, #1C2525 0%, #CACACA 126.25%);
    width: calc(100% - 80px);
    margin: auto;
    height: calc(100% - 80px);
    padding: 20px;
    border-radius: 3px;
}

.episode.general .wrap {
    height: auto;
    margin: 20px auto;
    padding: 1.5em 1.5em 0.7em 1.5em;
}

.episode .nazv {
    width: calc(100% - -40px);
    margin: 0 0 20px -20px;
}

.episode .nazv p {
    font-size: 32px !important;
    text-align: center;
    font-family: NARZISS;
    padding: 0 !important;
    text-transform: uppercase;
    line-height: 1;
}

.episode .kartinf {
    position: relative;
    margin: 0 auto 20px auto;
}

.episode .kart {
    width: 692px;
    height: 164px;
}

.episode .kart p {padding: 0 !important;}

.episode .kart img {margin: auto;}

.episode .inf {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0 10px;
    width: 100%;
    position: absolute;
    bottom: -11px;
    gap: 10px;
    text-transform: uppercase;
}

.episode .inf a {
    font-weight: bold;
}

.episode .inf a:hover {
color: #974337 !important;
}

.episode .inf div {
    background: #FFFFFF;
    border: 1px solid #ADADAD;
    color: #4A4A4A;
    border-radius: 50px;
    padding: 0 10px;
    height: 18px;
    display: flex;
}

.episode .inf div p {
padding: 0 !important;
 font-size: 12px !important;
font-family: 'Playfair';
}

.episode .opisan {
    height: 63px;
    overflow: auto;
    padding: 0 10px 0 0;
}

.episode .opisan a, .episode p:not(.kartinf p) a {color: #7b2e23 !important;}

.episode .opisan a:hover, .episode p:not(.kartinf p) a:hover {color: #81bbb1 !important;}

/* Гостевая  --------*/

.navig {
    position: absolute;
    width: 240px;
    text-align: center;
    top: 20px;
    left: 340px;
    height: max-content;
    font-family: 'Playfair';
}

.navig p {
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 0 !important;
    gap: 3px;
}

.navttl {
    margin: 0 0 20px 0;
}

.navttl p {
    color: #AAC3A3;
    font-size: 20px !important;
}

.navig a {
    text-decoration: none !important;
    font-size: 12px;
    color: #D7D6D6 !important;
    display: flex;
    width: max-content;
    margin: 0 auto;
    height: 14px;
    line-height: 0;
    align-items: center;
    justify-content: center;
}

.navig a:hover {}

.custom_tag_gostevaya .custom_tag_dm1[alt="lore1"] a {color: #AAC3A3 !important; text-decoration: underline;}

.custom_tag_gostevaya .custom_tag_dm1[alt="lore1"] a:hover {color: #974337 !important;}

.checkfaq {
    border-radius: 180px;
    padding-right: 7px;
    padding-left: 7px;
    background: #415052;
    border: 1px solid #CAD1CA;
    margin: 8px auto 8px auto;
    width: max-content;
    height: 20px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}

.checkfaq p {
    font-family: 'Playfair';
    font-size: 12px !important;
}

/* Общие стили  --------*/

.org *::-webkit-scrollbar-track {background-color: #D2D0C7 !important;}

.org *::-webkit-scrollbar-thumb {background-color: #768F70 !important;  cursor: pointer;}

.roli *::-webkit-scrollbar-track {background-color: #D2D0C7 !important;}

.roli *::-webkit-scrollbar-thumb {background-color: #768F70 !important; cursor: pointer;}

.custom_tag_gostevaya *::-webkit-scrollbar-track {background-color: #D2D0C7 !important;}

.custom_tag_gostevaya *::-webkit-scrollbar-thumb {background-color: #768F70 !important;  cursor: pointer;}

.soo2 *::-webkit-scrollbar-track, .episode *::-webkit-scrollbar-track {background-color: #D2D0C7 !important;}

.soo2  *::-webkit-scrollbar-thumb, .episode *::-webkit-scrollbar-thumb {background-color: #768F70 !important;  cursor: pointer;}

.custom_tag_hr1, .light .custom_tag_hr1 {
    border-bottom: 4px double #708f84;
    margin: 0.8em auto 0.8em;
    width: 78%;
}

/* карта форума */

.org2 {
    color: #2D2D2D;
    background-color: #CAD1CA;
    width: 944px;
    padding: 0px 20px 20px 20px;
    border-radius: 4px;
    border: 1px solid #ADADAD;
    position: relative;
    margin: 0 auto 10px auto;
}

.org2 .custom_tag_moa {margin: 0 0 10px -20px; width: 984px !important;}

.org {
    color: #2D2D2D;
    background-color: #CAD1CA;
    width: 944px;
    padding: 0px 20px 20px 20px;
    border-radius: 3px;
    border: 1px solid #ADADAD;
    position: relative;
    margin: 0 auto 10px auto;
    left: -1px;
}

.org img {border-radius: 5px;}

.custom_tag_moa, .fittingroom-name {
    background: url(https://forumstatic.ru/files/001c/67/33/92929.png) top left no-repeat;
   /*  background-size: cover;
    width: 100%;
    height: 50px;
    display: flex;
    border-radius: 3px;
    font-family: NARZISS;
    color: #D7D6D6;
    align-items: center;
    box-sizing: border-box;
    justify-content: flex-start;
    padding: 0 0 0 40px;
    margin: 0 0 20px -2px;
    position: relative; */

    /*  width: 944px; */
    width: calc(100% + 1px);
    height: 50px;
    display: flex;
    border-radius: 5px;
    font-family: NARZISS;
    color: #D7D6D6;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0 0 0px;
    margin: 0 0 20px -1px;
    position: relative;
}

.fittingroom-name {
    width: 56%;
    height: 50px;
    position: relative;
    display: block;
    border-radius: 50px 50px 0px 0px;
    top: 10px;
    left: 50%;
    transform: translatex(-50%);
    filter: contrast(0.65);
    z-index: -1;
    color: #ffffff;
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
}

.custom_tag_moa>p:first-child {
    font-size: 40px !important;
    padding: 0px 0 0 30px !important;
    text-transform: uppercase;
}

.org .custom_tag_moa {
    margin: 0 0 20px -20px;
    width: 984px !important;
    border-radius: 2px;
}

.moatitle, .moatitle2 {
    padding: 3px 12px 1px !important;
    background: #D7D6D6 !important;
    border: 1px solid #ADADAD !important;
    color: #4A4A4A !important;
    /* text-transform: uppercase; */
    border-radius: 50px;
    width: max-content;
    font-family: Playfair;
    position: absolute;
    right: 20px;
}

.moatitle2 {
margin-top: -58px;
}

.moatitle p:last-child, .moatitle2 p:last-child {font-size: 12px !important; padding:0px !important;}

.s_all, .s_all2, .s_all0 {
    display: flex;
    justify-content: space-around;
}

.s_wrap {
    width: 565px;
    padding: 0 18px 0 0;
    height: 616px;
    overflow: auto;
}

.s_all .s_wrap {
    width: 655px;
    margin: 0px 16px 0px 10px;
    height: 100%;
    transition: max-height 0.4s;
    padding: 0px;
}

.s_all .s_img {
    /* width: calc(100% - 705px); */
    width: min-content;
    min-width: 250px;
}

.s_all2 .s_wrap {
    width: 615px;
    padding: 0 18px 0 0;
}

.s_all0 .s_wrap {
    width: 565px;
    padding: 0 18px 0 0;
}

.s_wrap2 {
    display: grid !important;
    grid-template-columns: 41% 56%;
    justify-content: space-between;
    gap: 20px;
    max-width: 920px;
    margin: auto;
}

.s_wrap2 .qut {
    padding: 15px 15px 5px !important;
    margin: -8px 0px 8px !important;
}

.s_wrap1 .org .qut {
    margin: 10px 0 4px 0px;
}

.org .qut, .org2 .qut {
    background: #BBBFBB;
    border-radius: 3px;
    margin: 10px 0 10px 0px;
    padding: 10px;
}

.qut a {text-decoration: underline;}

.freelbl {
    /* color: #4C5354; */
    /* color: #406868 !important; */
    color: #7e705a !important;
    text-transform: uppercase;
    font-size: 18px !important;
    font-family: 'Playfair';
    font-weight: 600;
}

.freelbl p {
    font-size: 18px !important;
}

.org .freelbl {
    margin: 10px 20px -10px 10px !important;
    display: inline-flex;
}

.custom_tag_dm1[alt="lore"], .lore2 p span {
    padding: 2px 8px 1px 8px !important;
    background: #83534c;
    border: 1px solid #ADADAD !important;
    outline: none !important;
    text-shadow: none !important;
    color: #FFF !important;
    text-transform: uppercase;
    border-radius: 50px;
    width: max-content;
    font-family: Playfair;
    font-weight: 500;
    word-spacing: 2px;
}

.lore2.green p span {background: #768F70 !important;}

.lore2.green p span[style="color: silver"] {
    background: none !important;
    border: none !important;
}

.custom_tag_dm1[alt="lore"] {
    margin: 0 0px 10px 0px;
}

.custom_tag_dm1[alt="lore 1"] {
    margin-bottom: 10px;
}

.lore2 {
    margin: 0 auto 10px !important;
    display: flex;
    justify-content: center;
    gap: 10px;
    background: none !important;
    padding: 0px !important;
    align-items: center;
}

.custom_tag_dm1[alt="lore"] a, .lore2 a {
    filter: brightness(1.5);
 }

.custom_tag_gostevaya .custom_tag_dm1[alt="lore"] p, .custom_tag_lorkratko .custom_tag_dm1[alt="lore"] p {
    font-size: 13px !important;
}

.custom_tag_dm1[alt="lbl"] {
    padding: 2px 12px !important;
    /* background: #D7D6D6 !important; */
    /* border: 1px solid #ADADAD !important; */
    background: rgb(var(--accent), 0.68) !important;
    border: 1px solid #73817e6e !important;
    outline: none !important;
    text-shadow: none !important;
    color: #4A4A4A !important;
    text-transform: uppercase;
    border-radius: 50px;
    width: max-content;
    margin: 0 0px 10px 0px;
    font-family: Playfair;
    font-size: 13px !important;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 6px 6px 0;
    word-spacing: 4px;
}

.custom_tag_imgframe img.postimg, .custom_tag_imgframe0 img.postimg, .custom_tag_imgshad0, .custom_tag_imgshad1 img, .custom_tag_imgframe00 img.postimg, .light .custom_tag_imgframe img.postimg, .light .custom_tag_imgframe0 img.postimg, .light .custom_tag_imgshad0, .light .custom_tag_imgshad1 img, .light .custom_tag_imgframe00 img.postimg {
    /* border: 4px double #00000063; */
    /* border-image: linear-gradient(314deg, #1C2525 0%, #e1e3e1 126%) 1; */
    /* outline: 4px double #738a86; */
    /* outline-offset: -4px; */
border-radius: 5px;
    outline: 1px double #738a86db;
    outline-offset: -1px;
}

.custom_tag_imgframe, .custom_tag_imgframe0, .custom_tag_imgshad0, .custom_tag_imgframe00, .light .custom_tag_imgframe, .light .custom_tag_imgframe0, .light .custom_tag_imgshad0, .light .custom_tag_imgframe00 {
    display: inline-block;
    padding: 2px;
    border-radius: 5px;
    background: linear-gradient(315deg, #1c2525d6 0%, #e1e3e1 126%);
    border-image: linear-gradient(314deg, #1C2525 0%, #e1e3e1 126%) 1;
    outline: 1px double #738a8659;
    outline-offset: 0px;
    text-indent: 0px !important;
}

span[style*="text-align: center"] > div.custom_tag_imgframe00 {
    display: flex !important;
    justify-content: center;
}

a img.postimg:hover {
    filter: grayscale(1);
    transition: 1s filter linear, 0.3s box-shadow linear;
    box-shadow: 0 0 4px 0px #000000bd;
}

.org .ttl, .org .ttl a {
    /* color: #4C5354 !important; */
    color: #406868 !important;
    /* color: #7e705a !important; */
    font-family: 'Playfair';
    font-weight: 700;
    /* display: inline-block; */
    margin: 0px 0px -1px 4px;
}

.org .ttl p {
    font-size: 18px !important;
    padding: 0!important;
}

.ttls {
    background: #D7D6D6;
    border: 1px solid #ADADAD;
    border-radius: 50px;
    text-align: center;
    width: max-content;
    padding: 0 6px;
    margin: 0 5px 5px;
    display: inline-block;
}

.race .ttls, .raceXL .ttls, .raceXXL .ttls {
    margin-right: 8px;
}

.org .ttls p {
    font-size: 10px !important;
    padding: 0!important;
}

.custom_tag_dm0, #dmt {
    font-family: 'PLAYFAIR';
    font-size: 18px;
    text-transform: uppercase;
    color: #4C5354;
    margin-bottom: 4px;
    letter-spacing: 0.02em;
    transition: all 0.6s ease 0s;
    width: max-content;
    display: inline-flex;
}

.anturaz {
    width: 100%;
    display: flex;
    gap: 0px 10px;
}

.anturaz .ttls {
    width: -webkit-fill-available;
    display: inline-grid;
    justify-content: center;
    margin: 0px 0px 4px;
}

/* Матчасть  --------*/

.custom_tag_dm0:not(.org .custom_tag_dm0) {
    background: #88A19D;
    border: 1px solid #CAD1CA;
    color: #FFFFFF;
    font-family: Playfair;
    font-size: 24px !important;
    font-weight: 500;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    border-radius: 7px;
    /* width: max-content; */
    padding: 3px 10px 2px;
    margin: 2px 0px;
    display: block;
    width: auto;
}

p:has(.custom_tag_dm0) {
    padding-bottom: 0px !important;
}

.custom_tag_dm1, #dm {
    display: block;
    margin: 0px auto;
}

.custom_tag_dm1:not(
    .org .custom_tag_dm1,
    .custom_tag_lorkratko .custom_tag_dm1,
    .custom_tag_gostevaya .custom_tag_dm1,
    .custom_tag_guest .custom_tag_dm1,
    .custom_tag_novichko .custom_tag_dm1,
    .gostevaya-mobile-bottom .custom_tag_dm1,
    .lorkratko-mobile-bottom .custom_tag_dm1
), #dm {
    background: rgb(202 210 205);
    border-radius: 5px;
    padding: 1.2em;
    border-width: 0px;
}

p:has(.custom_tag_dm0:not(.org .custom_tag_dm0)) {
    padding-left: 0px;
}

/* Акции  --------*/

.roli {}

.custom_tag_h4 {
    display: flex !important;
    padding: 0 0 4px 0 !important;
    text-align: center !important;
    font-family: NARZISS !important;
    color: #D7D6D6 !important;
    font-size: 45px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    margin: 10px auto 10px auto !important;
    text-decoration: none !important;
    /* background: url(https://forumstatic.ru/files/001c/67/33/26194.png) center center no-repeat !important; */
    /* background: url(https://i.imgur.com/Reiu6xn.png) center center no-repeat !important; */
    /* background: url(https://i.imgur.com/dcPF5ct.png) center center no-repeat !important; */
    /* background: url(https://i.imgur.com/DjAQOzO.png) center center no-repeat !important; */
    /* background: url(https://i.imgur.com/0Yt80N0.png) center center no-repeat !important; */
    background: url(https://i.imgur.com/P0bTPBp.png) center center no-repeat !important;
    text-shadow: none !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    width: 100%;
    max-width: 986px !important;
    height: 46px !important;
    align-items: center !important;
    justify-content: center !important;
}

.roli .custom_tag_h4 {
    font-size: 35px !important;
}

.org .custom_tag_h4 {
    margin: 0px -20px 20px -20px !important;
    width: -webkit-fill-available;
}

.custom_tag_h4 p {
    padding: 0 !important;
    text-align: center !important;
    font-family: NARZISS !important;
    color: #D7D6D6 !important;
    font-size: 47px!important;
    letter-spacing: 2px !important;
    font-weight: 500!important;
}

span.custom_tag.custom_tag_dm00 {
    display: block;
    overflow-y: auto;
    padding: 2px 0px;
    text-align: center;
    font-family: Playfair;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    word-spacing: 0.3em;
    letter-spacing: 0.02em;
    transition: all 0.6s ease 0s;
    position: absolute;
    width: 80px;
    bottom: 30px;
    left: 34px;
    border: 1px solid #CAD1CA;
    border-radius: 50px;
    /* background: #974337; */
    /* background: #596061; */
    background: #3d3f3d;
    z-index: 1;
}

span.custom_tag.custom_tag_dm00.reserved {
background-color: rgb(67 82 113) !important;
}

span.custom_tag.custom_tag_dm00.need {
background-color: #974337 !important;
}

span.custom_tag.custom_tag_dm00.need2 {
    background-color: #974337 !important;
    right: 34px;
    left: auto;
}

#setka span.custom_tag.custom_tag_dm00 {
    width: 55px;
    bottom: auto;
    left: auto;
    margin-top: 125px;
    margin-left: 9px;
}

span.custom_tag.custom_tag_dm00[alt="npc"] {
    background-color: #9D9D9D !important;
}

#rzlm3 {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
    height: 300px;
    outline-offset: 0px;
    background: #BBBFBB;
    justify-content: space-between;
    border: 1px solid #768f70a1;
    border-radius: 4px;
}

#setka #rzlm3 {
    height: 150px;
    margin: 0px 0px 8px;
}

.rzlmimg {
    width: 146px;
    height: 300px;
    /* box-shadow: none !important; */
    /* box-shadow: inset 0px 0px 5px 0px rgb(121 145 141); */
}

#setka .rzlmimg {
    width: 73px;
    height: 150px;
}

.rzlmro, .rzlmro2 {
    width: calc(100% - 146px);
    box-sizing: border-box;
    line-height: 130%;
    font-size: 11px;
    padding: 14px 20px;
    height: 100%;
    overlay: none;
    color: #2D2D2D;
    display: grid;
    /* border: 1px solid transparent !important; */
    /* border-image: linear-gradient(180deg, #1C2525 0%, #CACACA 126%) 1 !important; */
}

.rzlmro:has(.rzlmh_dop.need)>a, .rzlmro2:has(.rzlmh_dop.need)>a {
    cursor: default !important;
}

.rzlmro2 {width: calc(100% - 292px);}

#setka .rzlmro {
    width: calc(100% - 73px);
    font-size: 11px;
    padding: 10px;
    height: -webkit-fill-available;
    overflow: auto;
    display: block;
}

.rzlmro::-webkit-scrollbar-thumb {
    background: #818181a3;
}

.rzlmro::-webkit-scrollbar-track {
    background: #8181814f;
}

.rzlmro::-webkit-scrollbar {
    width: 3px;
    height: 4px;
}

h8, h9, h7 {
    display: flex;
    font-family: 'Playfair';
    font-size: 20px;
    line-height: 0.8em;
    text-align: center;
    word-spacing: 3px;
    margin: 0px auto 5px;
    transition: color 0.3s ease-in-out, opacity 0.3s;
    gap: 10px;
    color: #1A1A1A;
    justify-content: flex-start;
}

#setka h8, #setka h9, #setka h7 {
    line-height: 0.6em;
    word-spacing: 1px;
    gap: 2px;
    padding-bottom: 4px !important;
}

#career, #rasa {
    display: flex;
    min-height: 18px;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    overflow: hidden;
    /* background: #88A19D; */
    /* background: #3d3f3d; */
    background: #3d5052;
    border: 1px solid #CAD1CA;
    border-radius: 50px;
    text-shadow: none !important;
    color: #fff;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    width: max-content;
    padding: 0 10px;
    height: fit-content;
}

.roli #career, .roli #rasa {
    min-height: 2em;
}

#rasa {
    /* background: #974337; */
    /* background: #3d3f3d; */
    background: #79918d;
}

.rzlmh_dop {
    text-align: center;
    width: fit-content;
    margin: 0px auto;
    padding: 4px 0px 0px;
}

.rzlmh_dop > b {
    font-family: 'PLAYFAIR';
    font-size: 18px;
    font-weight: 700;
    display: block;
    color: #1A1A1A;
}

.opisanie0 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-around;
    gap: 5px;
}

.opisanie {
    background: #D7D6D6;
    border-radius: 30px;
    padding: 5px 10px;
    border: 1px solid #ADADAD;
    color: #4A4A4A;
    /* height: fit-content; */

    width: inherit;
    margin: 0px auto;
    margin: auto;
    text-align: -webkit-center;
}

.opisanie2 {
    font-size: smaller;
    text-align: center;
}

#setka .opisanie {
    font-size: 10px;
}

.rzlmh1 {
    overflow: auto;
    height: 184px;
    padding: 0 20px 0 0;
    margin: 0px 0 -10px 0;
}

#setka .rzlmh1 {
    overflow: visible;
    height: auto;
    padding: 0 0px 0 0;
    margin: 5px 0 0 0;
}

#setka .rzlmh1 p {
    font-size: 10px !important;
}

.roli2 {
    padding: 10px 0 10px 0;
    border-radius: 3px;
}

.sovet {
    display: flex;
    flex-direction: row;
    padding: 6px 20px 4px 15px;
    background: #BBBFBB;
    border-radius: 4px;
    margin-bottom: 10px;
}

.org .sovet {
    /* gap: 20px; */
}

.cl1 {
    min-width: 165px;
    max-width: 165px;
    /* margin: auto; */
    text-align: center;
}

.cl1 p {
    position: sticky;
    top: 60%;
    /* top: min(50px, 50%); */
    /* margin: auto !important; */
    margin: 25% auto !important;
    text-align: center;
}

.cl1 strong {
    font-family: Playfair;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    text-shadow: none !important;
    color: #4C5354;
}

.cl1 span {
    font-style: normal !important;
    font-size: 9px;
    color: #1C2525;
}

.cl2 {
}

.cl0 {
    position: relative;
    margin: 0 0 0 75px;
    padding: 0 0em 0.8em 0em;
}

.org .cl0 {
    /* margin: 0 0 0 90px; */
    padding-left: 12px;
}

.cl0:before {
    content: '\e837';
    font-family: Icons;
    position: absolute;
    left: -41px;
    top: 9px;
    color: #596061;
    font-weight: 900;
    width: 8px;
    height: 8px;
    background: #596061;
    border-radius: 50px;
    font-size: 0;
}

.sovet span.custom_tag.custom_tag_need, .sovet span.custom_tag.custom_tag_needg {
    position: absolute;
    left: -65px;
    top: 4px;
}

span.custom_tag.custom_tag_needg {
    background: #768F70 !important;
}

span.custom_tag.custom_tag_need, span.custom_tag.custom_tag_needg {
    text-transform: uppercase;
    background: #974337;
    /* vertical-align: top; */
    color: #fff;
    display: inline;
    padding: 1px 6px;
    margin: 0px 1px;
    border-radius: 50px;
    font-family: 'Playfair';
    font-size: 11px;
}

span.custom_tag.custom_tag_needcg, span.custom_tag.custom_tag_needcw, span.custom_tag.custom_tag_needcb, span.custom_tag.custom_tag_needc, .cl0 strong a.post-mention {
    background: #D7D6D6;
    display: inline;
    padding: 1px 6px;
    /* margin: 0px 1px; */
    border-radius: 50px;
}

span.custom_tag.custom_tag_needcg, chname.green, chname.green > a {
    color: #4e7e42!important;
}

.cl0 strong a.post-mention {
    color: rgb(46 120 108);
}

span.custom_tag.custom_tag_needcb {
    color: #505655;
}

span.custom_tag.custom_tag_needcw {
    color: #a3a3a3;
}

span.custom_tag.custom_tag_needcw span {
    font-family: georgia;
    font-weight: 800;
}

span.custom_tag.custom_tag_needcw strong {
    color: black;
}

span.custom_tag.custom_tag_needc, chname.red, chname.red > a {
    color: #974337!important;
}

chname.gray {
    color: #403f3d80;
    text-shadow: #ffffffb8 1px 1px 1px;
}

span.custom_tag.custom_tag_need:has(a), span.custom_tag.custom_tag_needg:has(a) {
    box-shadow: 0 0 5px #ffffff;
}

/* Универсальная табличка 2  --------*/

.soo2 {
    /* width: 945px; */
    width: auto;
    height: 150px;
    margin: 0 auto;
    background: url(https://upforme.ru/uploads/001b/d9/4a/2/836486.png) top left no-repeat;
    background-color: #28332e;
    border-radius: 3px;
    padding: 25px 20px;
}

.soo2.longer {
    height: 205px;
    background: url(https://upforme.ru/uploads/001b/d9/4a/2/298375.png) top left no-repeat;
}

.soo2 .wrap {
    background: #415052;
    color: #FFFFFF;
    padding: 15px;
    border: 1px solid;
    border-image: linear-gradient(343deg, #1C2525 0%, #CACACA 126.25%);
    border-image-slice: 1;
    height: calc(100% - 32px);
    overflow-y: auto;
}

.soo3 {
    /* width: 938px; */
    width: auto;
    /* width: 941px; */
    height: auto;
    margin: 0 auto;
    background: url(https://upforme.ru/uploads/001b/d9/4a/2/47406.png) top left no-repeat;
    background-color: #28332e;
    border-radius: 3px;
    padding: 29px 21px;
}

/* Универсальная табличка 1  --------*/

.soo1 {
    width: 723px;
    height: auto;
    margin: 0 auto;
    background: url(https://forumstatic.ru/files/001c/67/33/14380.png) top left no-repeat;
    background-color: #28332e;
    border-radius: 3px;
    padding: 29px 21px;
}

.soo1.dark {
    padding: 15px 21px;
    width: 680px;
}

.soo1 .wrap, .soo3 .wrap {
    background: #C1C8C1;
    border: 1px solid #ADADAD;
    border-radius: 3px;
    padding: 15px;
}

.soo1.dark .wrap {
    background: #c1c8c100;
    border: none;
    color: rgb(var(--canvas-primary));
}

.doplbl {
    /* background: #88A19D; */
    /* background: #768F70; */
    background: #974337;
    border: 1px solid #CAD1CA;
    color: #FFFFFF;
    font-family: Playfair;
    font-weight: 500;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    border-radius: 50px;
    width: max-content;
    padding: 2px 10px 0px 10px;
    margin: 2px auto 10px auto;
}

.doplbl p {
    font-size: 14px !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    line-height: 0;
    /* height: 20px; */
}

/* Занятые внешности  --------*/

.faces {
}

.faces .custom_tag_dm0 {
    width: 100%;
    text-align: center;
    display: block;
    font-weight: 600;
    margin: 20px 0 4px 0 !important;
}

.subtext {
    background: #415052;
    border: 1px solid #CAD1CA;
    border-radius: 50px;
    color: #FFFFFF;
    font-family: Playfair;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 0;
}

.subtext p {
    font-size: 12px !important;
    padding: 0 !important;
}

.alphabetlist {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    justify-content: space-between;
}

.letters {
    color: #D7D6D6;
    position: relative;
    width: 100%;
    margin: 0px 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #3d3f3d;
    border-radius: 3px;
    /* height: 174px; */
}

.alphabetlist .letters {
    width: 32.5%;
    margin: 60px 0 0 0;
}

.abc {
    background: #BBBFBB;
    border-radius: 50px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Playfair';
    color: #333;
    border: 1px solid #ADADAD;
    position: absolute;
    top: -33px;
}

.abc p {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 900;
}

.names {
    margin: 10px;
    /* height: 154px; */
    height: auto;
    overflow: auto;
    padding: 0 9px 0 0;
    width: 97%;
    text-align: left;
}

.alphabetlist .names {
    width: auto;
}

/* Идеи для игры  --------*/

.idei {
    height: max-content;
}

.ideya {
    position: relative;
    background: #BBBFBB;
    border-radius: 3px;
    padding: 10px 10px 10px;
    display: flex;
    flex-direction: row;
    gap: 30px;
    margin: 10px auto;
}

.razvorot {
    position: relative;
    margin-bottom: 25px;
}

.strani .ideya {
    padding: 0px;
    align-items: center;
    margin: 0px auto 45px;
}

.karti {
    min-width: 285px;
}

.org .karti {
    display: flex;
    justify-content: center;
    align-items: center;
}

.karti .moatitle {
    right: auto;
    /* font-family: NARZISS; */
    text-align: center;
    /* background-color: #718380 !important; */
    color: rgb(151 67 55) !important;
    padding: 2px 12px 0px !important;
}

.karti .moatitle p {
    font-size: 15px !important;
}

.strani .karti {
    min-width: 360px;
}

.strani .opisbutt {
    bottom: -25px;
}

.karti img, .karti p, .opisbutt p {
    padding: 0 !important;
    margin: 0 !important;
}

.opis {
    position: relative;
    overflow: auto;
    padding-right: 14px;
    scrollbar-gutter: stable;
    transition: max-height 0.4s ease;
    max-height: 263px;
    margin-bottom: 15px;
}

.plan .opis {
    margin-right: 10px;
    margin-top: 0.8em;
    margin-bottom: 0px;
}

.plan .opis.collapsed {
    margin-top: 0px;
}

/* Применяем стили ко всем классам, содержащим opiss */

[class*="opiss"] {
    position: relative;
    overflow: auto;
    padding-right: 10px;
    scrollbar-gutter: stable;
    transition: max-height 0.4s ease;
    padding-left: 18px;
    display: flex;
    gap: 15px;
}

.opi {
    position: relative;
    overflow: visible;
    width: calc(100% - 360px);
}

.grey .quote-box.spoiler-box {
    background: #BBBFBB !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    border: none !important;
    padding: 5px !important;
    box-shadow: none !important;
}

.light .post-content .grey .spoiler-box>div, .post-content .grey .spoiler-box>div {
    background: rgb(136 161 157 / 59%) !important;
}

.opis.collapsed::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: linear-gradient(0deg, #bbbfbb, transparent);
    pointer-events: none;
}

.plan .opis.collapsed::after {
display:none;
}

.opisbutt {
    position: absolute;
    bottom: 10px;
    left: 332px;
    right: 0;
    width: max-content;
    text-align: center;
    margin-top: 10px;
    color: #fff;
    background: #974337;
    font-family: Playfair;
    cursor: pointer;
    text-transform: uppercase;
    transition: color 0.15s linear, background-color 0.15s linear;
    border-radius: 50px;
    padding: 3px 10px;
    z-index: 1;
}

.opisbutt:hover {
    background-color: rgba(136, 161, 157, 1);
}

.plan .opisbutt {
    margin-bottom: 343px;
    left: 42%;
}

.razvorot .opisbutt {
    margin-bottom: -35px;
    z-index: 999;
}

/* Что играем  --------*/

.chto_igraem {
    /* background: url(https://forumstatic.ru/files/001c/67/33/72145.png) 610px 84px no-repeat; */
    background-color: #CAD1CA;
    height: max-content;
}

.chto_igraem .dop {
    background: url(https://i.imgur.com/WoTX54K.png) 590px 75px no-repeat;
}

.chto_igraem .s_wrap {
    height: max-content;
}

/* Страны  --------*/

.custom_tag_dm0 a {
    color: #4C5354 !important;
    text-decoration: underline dotted #4C5354 0.01em !important;
}

.countries {
    height: auto;
}

.countries .ttls {
    display: block;
    width: auto !important;
    border: none !important;
    background: transparent !important;
    white-space: pre-line;
    text-align: left !important;
    padding: 0 !important;
}

.countries .cell3 {
    padding: 0 10px 0 0;
    width: 44%;
}

.cell3 p:last-child {
    padding-bottom: 0px;
}

/* Расы  --------*/

.races {
}

.tag_mob {
    color: #4C5354;
    text-transform: uppercase;
    font-size: 18px !important;
    font-family: 'Playfair';
    font-weight: 600;
    margin: 10px 20px -10px 10px !important;
    display: inline-flex;
    width: max-content;
}

.tag_mob p {
    font-size: 18px !important;
}

.race, .raceXL, .raceXXL {
    background: #BBBFBB;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 10px 0;
}

.race {
    height: 130px;
}

.raceXL {
    height: 180px;
}

.raceXXL {
    height: 220px;
}

.race .cell1, .raceXL .cell1, .raceXXL .cell1 {
    height: 130px;
    width: 350px;
    min-width: 350px;
}

.raceXL .cell1 {
    height: 180px;
}

.raceXXL .cell1 {
    height: 220px;
}

.race .cell3, .raceXL .cell3, .raceXXL .cell3 {
    width: auto;
    height: auto;
    padding: 0 10px 0 20px;
    overflow: auto;
}

.race .cell3 {
    max-height: 120px;
}

.raceXL .cell3 {
    max-height: 160px;
}

.raceXXL .cell3 {
    max-height: 205px;
}

.race .ttl, .raceXL .ttl, .raceXXL .ttl {
    text-transform: uppercase;
}

.ttls a {
    color: #617975 !important;
    text-decoration: underline !important;
}

.ttls a:hover {
    color: #974337!important;
    text-decoration: none !important;
}

/* Планы мироздания  --------*/

.plani {
}

.plani .s_wrap {
    width: 100%;
    height: auto;
    padding: 0 !important;
    overflow: visible;
}

.plan {
    background: #BBBFBB;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 10px 0;
    /* height: 130px; */
}

.cell1 {
    /* height: 130px; */
    display: flex;
    width: 350px;
    min-width: 350px;
}

.cell1 p {
    padding: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
}

.cell1 img {
    width: 100%;
    height: auto !important;
}

.cell2 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 16%;
    flex-direction: column;
    padding: 0 10px 0 20px;
}

.countries  .cell2 {
    padding-left: 15px;
}

.cell3 {
    padding: 0px 20px 0px 0px;
    width: 44%;
    max-height: 100px;
    min-height: 10px;
    overflow: auto;
    margin-right: 10px;
}

/* Чары маленьковые  --------*/

.charismll {
    display: flex;
    gap: 8px;
    justify-content: space-between;
margin: 0 0 10px 0;
}

.chara {
    background: #c1c8c1;
    border-radius: 3px;
    padding: 8px;
    margin: 0 0 0px 0;
}

/* Чары  --------*/

.chari, .izlom {
    background: url(https://forumstatic.ru/files/001c/67/33/17758.png) top left no-repeat;
    background-color: #CAD1CA;
    height: max-content;
    border-radius: 4px;
}

.chari .s_wrap, .izlom .s_wrap {
    width: 100%;
    height: max-content;
    padding: 0;
    overflow: hidden;
}

.izlom .custom_tag_moa {
background: url(https://i.imgur.com/hC8uuJZ.png) top left no-repeat;
    height: 310px;
    border-radius: 3px !important;
}

.izlom .custom_tag_moa>p:first-child {
    font-weight: 900;
    letter-spacing: 1.5px;
    text-shadow: 1px 1px 1px #000000, 2px 1px 1px #000000, 0px 0px 14px #000000, 0px 0px 10px #000000, 0px 0px 2px #000000, 0px 0px 4px #000000, 0px 0px 12px #000000;
}

.izlom {
    padding: 0px 20px 6px 20px;
    overflow: clip;
}

/* Ликбез  --------*/

.custom_tag_lorkratko {
    background: url(https://forumstatic.ru/files/001c/67/33/62162.webp) center;
    height: 355px;
    width: 984px;
    outline: none;
    border: none;
    position: relative;
    font-size: smaller;
    margin: 0px auto;
}

.custom_tag_lorkratko .custom_tag_dm1[alt="lore1"] {
    background: none;
    color: #fff;
    outline: none;
    border: none;
    box-shadow: none;
    left: 55px;
    top: 140px;
    width: 400px;
    height: 80px;
    padding: 0;
    font-size: 12px !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.custom_tag_lorkratko .custom_tag_dm1[alt="lore1"] p:nth-child(2) {
    background: #415052;
    border-radius: 50px;
    padding: 4px 10px;
    text-transform: uppercase;
    font-size: 10px !important;
    text-shadow: none !important;
    border: 1px solid #CAD1CA;
    height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom_tag_lorkratko .custom_tag_dm1[alt="lore4"] {
    display: block;
    position: absolute;
    overflow: overlay;
    left: 55px;
    top: 250px;
    width: 240px;
    height: 80px;
    padding: 0;
}

.custom_tag_lorkratko .custom_tag_dm1[alt="lore4"] a {
    color: #fff !important;
    text-shadow: none !important;
}

.custom_tag_lorkratko .custom_tag_dm1[alt="lore4"] a:hover {
    color: #b48478 !important;
}

.custom_tag_lorkratko .custom_tag_dm1[alt="lore4"] p {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    align-content: stretch;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    gap: 0;
    line-height: 0.8;
    text-transform: uppercase;
    font-size: 12px !important;
    align-items: flex-start;
    font-family: 'Playfair';
}

.custom_tag_lorkratko .custom_tag_dm1[alt="lore1"] p:nth-child(2) span strong span {
    color: #fff !important;
}

.custom_tag_lorkratko table, .custom_tag_gostevaya table {
    position: absolute;
    bottom: -24px;
}

.custom_tag_lorkratko table tr, .custom_tag_gostevaya table tr {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

/* Синопсис  --------*/

.sinopsis {
    /* background: url(https://forumstatic.ru/files/001c/67/33/72294.png) 593px 80px no-repeat; */
    background: url(https://i.imgur.com/S8kyY0L.png) 620px 70px no-repeat;
    background-color: #CAD1CA;
    height: 685px;
}

/* Где что играть  --------*/

.gde_chto {
    /* background: url(https://forumstatic.ru/files/001c/67/33/41750.png) 618px 5px no-repeat; */
    background: url(https://i.imgur.com/gvMpf2d.png) 620px 77px no-repeat;
    background-color: #CAD1CA;
    height: 700px;
}

.gde_chto .s_wrap {
    height: 630px;
}

/* Сюжеты  --------*/

.sandbox {
    margin: 14px 0px 11px 33px;
}

.vetki, .vetki2 {
    margin: 0px;
}

.sandbox .quote-box, .vetki > .quote-box, .sandbox .quote-box, .vetki2 > .quote-box {
    margin: auto !important;
    padding: 0px;
    width: 694px;
}

.vetki > .quote-box.spoiler-box, .vetki2 > .quote-box.spoiler-box {
    width: calc(100% - 1px);
    padding: 0px !important;
}

.light .post-content .sandbox .spoiler-box>div, .post-content .sandbox .spoiler-box>div, .vetki .post-content .sandbox .spoiler-box>div, .post-content .vetki > .spoiler-box>div, .vetki2 .post-content .sandbox .spoiler-box>div, .post-content .vetki2 > .spoiler-box>div {
    background: none;
    margin: 0px;
    padding: 0px !important;
}

.light .post-content .sandbox .spoiler-box>div p, .post-content .sandbox .spoiler-box>div p, .light .post-content .vetki .spoiler-box>div p, .post-content .vetki .spoiler-box>div p, .light .post-content .vetki2 .spoiler-box>div p, .post-content .vetki2 .spoiler-box>div p {
    padding: 0px;
}

.sandbox .sandbox2 {
    color: #fefefe;
    margin-top: 75px;
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-transform: uppercase;
    z-index: 1;
    letter-spacing: 1.5px;
    /* text-shadow: 1px 1px 1px #000000, 2px 1px 1px #000000, 0px 0px 14px #000000, 0px 0px 10px #000000, 0px 0px 2px #000000, 0px 0px 4px #000000, 0px 0px 12px #000000; */
    text-shadow: 1px 1px 1px #000000, 2px 1px 1px #00000085, 0px -1px 1px #000000, 0px 0px 1px #000000, 0px 0px 1px #000000, 0px 0px 1px #000000, 0px 0px 1px #000000;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.vetki .sandbox2, .vetki2 .sandbox2 {
    bottom: auto;
    position: absolute;
    margin-left: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-transform: uppercase;
    z-index: 1;
    letter-spacing: 1.5px;
    text-shadow: 1px 1px 1px #000000, 2px 1px 1px #000000, 0px 0px 14px #000000, 0px 0px 10px #000000, 0px 0px 2px #000000, 0px 0px 4px #000000, 0px 0px 12px #000000;
    flex-wrap: nowrap;
}

.sandbox .moatitle {
    right: auto;
    /* display: flex;
    flex-direction: column;
    margin-top: 108px; */
    top: 5px;
}

.sandbox2 p, .vetki .sandbox2 p {
    /* font: 800 22px / 150% 'Rubik' !important; */
    font-family: NARZISS !important;
    color: #dddddd;
    font-size: 34px !important;
    text-transform: uppercase;
    font-weight: 900;
}

.sandbox:hover .sandbox1 img, .spoiler-box>div.visible .sandbox1 img, .vetki:hover .sandbox1 img, .vetki2:hover .sandbox1 img {
    transform: scale(1.0);
    /* filter: blur(0px); */
    filter: contrast(100%) brightness(100%) saturate(100%) blur(0px);
}

.sandbox .sandbox1 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.vetki .sandbox1, .vetki2 .sandbox1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.sandbox1 img {
    border-radius: 5px;
    object-fit: cover;
    height: 100%;
    /* filter: hue-rotate(346deg) contrast(94%) brightness(90%) saturate(88%) blur(1px); */
    filter: contrast(94%) brightness(90%) saturate(88%) blur(1px);
    transform: scale(1.1);
    /* transition: filter 0.3s ease-in-out, transform 0.3s ease-in-out !important; */
    transition: filter 0.3s cubic-bezier(.63, .34, .09, .96), transform 0.3s cubic-bezier(.63, .34, .09, .96);
}

.vetki .sandbox1 img {
    transform: scale(1.00);
}

.vetki2 .sandbox1 img {
    transform: scale(1.043);
}

.sandbox .spoiler-box>blockquote.visible {
    padding: 12px !important;
}

.vetki .spoiler-box>blockquote.visible, .vetki2 .spoiler-box>blockquote.visible {
    padding: 15px !important;
}

.vetki .quote-box.quote-main, .vetki2 .quote-box.quote-main {
    width: auto;
    border-width: 0px !important;
    padding: 1em !important;
    background: #aeb3aea6 !important;
    margin: 0px !important;
}


/* Кнопка "Открыть все спойлеры" */
div#spoiler-open-all {
    /* НАСТРОЙКИ ПОЗИЦИИ */
    --spoiler-forum-half: 517.5px; /* половина ширины основного полотна */
    --spoiler-outside-gap: 20px;   /* зазор от форума на десктопе */

    position: fixed !important;
    display: block !important;
    z-index: 9990 !important;
    
    /* РАЗМЕРЫ: оставлены как в твоём рабочем коде */
    width: 300px !important;
    height: 30px !important;
    
    /* ПОЗИЦИЯ: вертикальное центрирование без translateY */
    top: 50% !important;
    margin-top: -15px !important;
    
    /* ДЕСКТОП: снаружи слева от полотна форума */
    left: 50% !important;
    margin-left: calc(-1 * var(--spoiler-forum-half) - 150px - var(--spoiler-outside-gap)) !important;
    
    /* Поворот кнопки вертикально — как в твоём коде */
    transform: rotate(-90deg) !important;
    transform-origin: center center !important;
    
    text-align: center !important;
    
    right: auto !important;
    bottom: auto !important;
    
    transition: margin-left 0.3s ease, left 0.3s ease !important;
}

/* Прижимаем кнопку к краю контейнера */
#toggle-spoilers-btn {
    cursor: pointer !important;
    border: none !important;
    background: rgb(139 72 62) !important;
    color: white !important;
    text-transform: uppercase !important;
    
    padding: 3px 10px 4px !important;
    
    min-width: 210px !important;
    
    font-family: Playfair, serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    white-space: nowrap !important;
    outline: none !important;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2) !important;

    /* ВАЖНО: радиус строго из твоего исходника */
    border-radius: 8px 8px !important;
    
    transition:
        transform 0.6s cubic-bezier(0.19, 1, 0.22, 1),
        background-color 0.6s ease,
        color 0.4s ease !important;
    
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important;
}

#toggle-count {
    color: white !important;
    margin-left: 5px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    
    opacity: 1 !important;
    transition: opacity 0.4s ease !important;
    display: inline-block !important;
}

/* карусель для ЛС */

.ppcarousel-container {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    border-radius: 10px;
    margin: 5px auto 0px;
    grid-column: span 2;
    z-index: 2;
}

.ppcarousel {
  display: flex;
  transition: transform 0.5s ease;
    height: 400px;
}

.ppcarousel img {
  min-width: 100%;
  object-fit: cover;
}

.ppcarousel-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 0.5em 1em;
  font-size: 1.5em;
  cursor: pointer;
}

.ppcarousel-button.prev {
  left: 0px;
}

.ppcarousel-button.next {
  right: -10px;
}

/* плашка и фон профиля */

.pa-fld6 {
    /* position: relative; */
    bottom: 0px;
    left: -10px;
    width: 217px;
    height: auto;
    z-index: -1;
    margin-left: -2px;
}

.pa-fld6 > img {
    position: absolute;
    bottom: -20px;
    left: 0px;
    width: 100%;
    /* height: 220px; */
    height: auto;
    min-height: 250px;
    max-height: -webkit-fill-available;
    z-index: -1;
    pointer-events: none;
    /* mask-image: linear-gradient(to top, black 200px, black, transparent); */
        mask-image: linear-gradient(to top, black 180px, black 185px, black, transparent);
    filter: contrast(0.7) grayscale(30%);
}

plaque, .light plaque {
    /* display: flex; */
    /* flex-direction: column; */
    /* height: 40px; */
    /* color: white; */
    /* width: 215px; */
    /* margin: 10px auto 12px; */
    /* align-items: center; */
    /* position: relative; */
    /* left: -10px; */
    /* overflow: hidden; */
    /* pointer-events: none; */
    /* justify-content: center; */
    /* box-shadow: 0px 0px 2px 1px #292f30; */
    /* transition: opacity 0.5s; */
    /* border-radius: 0px; */
    /* border: 2px double #00000063; */
    /* border-image: linear-gradient(314deg, #1c2525c7 0%, #e1e3e1bf 126%) 1; */
    /* outline: 4px double #738a86; */
    /* outline-offset: -6px; */
    display: flex;
    flex-direction: column;
    height: 40px;
    color: white;
    width: 215px;
    margin: 10px auto 12px;
    align-items: center;
    position: relative;
    pointer-events: none;
    justify-content: center;
    box-shadow: 0px 0px 4px 0px #292f30;
    transition: opacity 0.5s;
    background: linear-gradient(white, white) padding-box, linear-gradient(314deg, #1c2525c7 0%, #e1e3e1bf 126%) border-box;
    border: 1px solid transparent;
    outline: 4px double #738a86;
    outline-offset: -6px;
    border-radius: 4px;
    overflow: hidden;
    box-sizing: content-box;
}

plaque fline, plaque sline {
    pointer-events: none;
    position: relative;
    z-index: 1;
    text-shadow: 1px 1px 2px black, -1px -1px 2px black, 1px 1px 4px black, -1px -1px 4px black, 1px 1px 4px black, -1px -1px 4px black;
}

plaque fline {
    /* font-size: 11px; */
    font: 400 14px var(--font-cat-title);
    transition: opacity 0.5s;
}

plaque sline {
    font-size: 9px;
    transition: opacity 0.5s;
}

plaque img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    /* filter: contrast(0.5) grayscale(0.5) brightness(0.9); */
    filter: contrast(0.8) grayscale(0.3) brightness(0.8) sepia(0.30) hue-rotate(15deg);
    transition: filter 0.3s;
}

plaque img#fillit {
    height: 120%;
    object-fit: fill;
}

.pa-fld6 abbr:hover img {
    filter: none !important;
    transition: filter 0.3s;
}

.pa-fld6 abbr:hover fline, .pa-fld6 abbr:hover sline {
    opacity: 0;
    transition: opacity 0.5s;
}

plaque#cold img {
    filter: contrast(0.6) grayscale(0.01) brightness(1.0) saturate(0.6) sepia(0.3) hue-rotate(168deg);
}

plaque#nofilter img {
filter: contrast(0.8) grayscale(0.3) brightness(0.8);
}

plaque::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(346deg, #3f4e4f61, #1e2622a1);
}

#profile8 #fld1, #profile8 #fld3, #profile8 #fld6 {
    display: block;
    width: 100%;
    height: 120px;
    resize: vertical;
    white-space: pre-wrap;
    overflow: auto;
}

.post .reportlink::after {
    content: '\f024'!important;
    font-family: 'FontAwesome';
    color: #ad3a2a;
    transition: color .3s;
}

.post .reportlink:hover::after {
    color: white !important;
}

.post .reportlink, .post .reportview {
   margin-left: 2em !important;
   margin-top: 2px;
}

#pun-viewforum tbody.hasicon tr, #pun-searchtopics tbody.hasicon tr, #pun-modviewforum tbody.hasicon tr, #pun-viewforum .category table tbody tr {
    display: inline-grid;
    grid-template-columns: 2fr .5fr .5fr 1.2fr;
    align-items: center;
    justify-content: center;
    width: 100%;
}

/*---- ИКОНКА В ПРОФИЛЕ ----*/

li.pa-fld3 {
    position: relative;
    z-index: 6;
    width: 100%;
    height: 0px;
    left: -14px;
    top: -48px;
}

charinfo {
    position: relative;
    display: inline-block;
    left: 101px;
    /* border: 3px solid #a7564b; */
    top: 40px;
}

.mobile charinfo {
    top: -35px;
    left: -20px;
}

charicon {
    width: 43px;
    height: 43px;
    border-radius: 34px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    padding: 5px 15px;
    box-shadow: none;
    border: 1px solid transparent;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    align-items: center;

    border: 1px solid transparent;
    background: rgb(29 36 36 / 70%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    background-image: linear-gradient(#b0bdb6, #65746c), radial-gradient(circle at top left, #eafff5, #395c57);
    backdrop-filter: blur(5px);
}

charicon.hasbg {
    border: none;
    background: none;
    background-origin: border-box;
    background-image: none;
    backdrop-filter: none;
}

charicon > img {
width: 43px;
    height: 43px;
object-fit:contain;
    border-radius: 50%;
    overflow: visible;
}

chardesc {
    position: absolute;
    top: 100%;
    left: 1px;
    display: block;
    gap: 5px;
    transform: translate(35px, 0px);
    width: 170px;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(7px);
    border: solid 1px #8b8686;
    border-radius: 8px;
    color: white;
    z-index: -1;
    text-align: center;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, transform 0.3s;
}

chardesc a {
    display: contents;
    font-weight: 700;
    color: #bff7f0 !important;
}

charinfo:hover chardesc {
    opacity: 1;
    visibility: visible;
    transform: translate(35px, -25px);
}

/* =========================================================
   глоссарий
   ========================================================= */

/* Кнопка в сайдбаре */

.glossary-open-btn {
    display: block;
    margin: 0 auto 15px !important;
    color: rgba(230 230 230 / 1);
    text-align: center;
    cursor: pointer;
    border-radius: 6px;
    font-size: 10px;
    text-transform: uppercase;
    transition: 0.3s;
    padding: 6px;
    background: rgba(230 230 230 / .12);
    width: 68%;
}

.glossary-open-btn:hover { background: #6a6a6a; }

/* Фон всплывающего окна */

.g-modal-overlay {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.7);
}

/* Само окно глоссария */

.g-modal-content {
    background: rgb(var(--canvas-primary));
    margin: 5% auto;
    padding: 25px;
    width: 80%;
    max-width: 800px;
    max-height: 80vh;
    overflow-y: auto;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    position: relative;
    color: #333;
}

/* Кнопка закрытия */

.g-close-btn {
    position: absolute;
    top: 15px; right: 20px;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.g-close-btn:hover { color: #000; }

/* Поиск */

.g-search-box {
    width: 100%;
    padding: 10px;
    margin: 15px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

/* Вкладки */

.g-tabs-nav {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 2px solid #ddd;
    margin-bottom: 15px;
    justify-content: flex-start;
}

.g-tab-link {
    padding: 8px 15px;
    cursor: pointer;
    outline: none;
    background: rgba(var(--accent));
    color: white;
    border-radius: 22px 22px 5px 5px !important;
    font: var(--font-cat-title) !important;
    font-size: 12px !important;
    width: auto;
    font-weight: 700 !important;
    min-width: 83px;
}

.g-tab-link:hover { color: #000; }

.g-tab-link.active {
    /* color: #000; */
    border-bottom: 2px solid #4a4a4a;
    margin-bottom: -2px;
    background: white;
    color: rgb(136 161 157);
}

/* Контент вкладок */

.g-tab-pane { display: none; }

.g-tab-pane.active { display: block; }

.g-tab-pane p {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #eeeeee80;
    display: list-item;
    margin-left: 15px;
}

.g-tabs-body a {
    background: rgb(202 210 205);
    padding: 2px;
    display: inline-block;
    border-radius: 3px;
}

/* страница наград */

.profile-awards-container .main table {
    display: block;
}

.profile-awards-container td.tc2 {
    width: min-content !important;
}

/* 1. Превращаем таблицу в блочный элемент */

#pun-mod.mod-awards.mod-awards-user  .category table {
    width: 100%;
    display: block;
}

/* 2. Прячем стандартную шапку */
/* Поскольку мы разбиваем контент на две колонки, одинарная шапка (Название | Иконка...) съедет. Контент наград обычно интуитивно понятен, поэтому шапку проще скрыть. */

#pun-mod.mod-awards .mod-awards-user .category thead {
    display: none;
}

/* 3. Разбиваем тело таблицы (tbody) на две равные половины */

.mod-awards-user #awards-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Создаем 2 параллельные колонки */
    gap: 15px 20px; /* Отступы: 15px по вертикали, 20px между левой и правой частями */
    width: 100%;
}

/* 4. Настраиваем каждую строку (tr) как внутреннюю сетку из 4 колонок */

.mod-awards-user #awards-content tr {
    display: grid;
    grid-template-columns: 20% 20% 30% 30%; /* Воспроизводим ваши пропорции ширин */
    align-items: center; /* Выравниваем контент по центру по вертикали */
    background-color: rgba(0, 0, 0, 0.04); /* Легкий фон для выделения строк (по желанию) */
    border: 1px solid #ececec7d; /* Аккуратная рамка */
    border-radius: 8px; /* Скругление углов */
    padding: 10px;
    box-sizing: border-box;
}

/* 5. Стилизуем ячейки (td) */

.mod-awards-user #awards-content td {
    padding: 5px;
    text-align: center;
    word-break: break-word; /* Чтобы длинные слова не ломали верстку */
}

/* 6. Адаптируем иконки, чтобы они не вылезали за пределы */

.mod-awards-user #awards-content td img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* 7. Адаптивность для телефонов и небольших экранов */

@media (max-width: 900px) {
.mod-awards-user #awards-content {
        grid-template-columns: 1fr; /* Возвращаем всё в одну широкую колонку на мобильных устройствах */
    }
}

.mod-awards-user tbody#awards-content tr:hover {
    filter: brightness(1.1);
    transition: filter 0.3s ease-in-out, box-shadow 0.4s;
    box-shadow: #00000030 1px 1px 4px 1px;
}

.mod-awards-user tbody#awards-content tr {
    transition: filter 0.3s ease-in-out, box-shadow 0.3s;
}

/* &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;
   НОЧНАЯ ТЕМА — CSS для body.light.dark   (v5 — final consolidated)
   Одна версия. Без слоёв, откатов и конфликтов.
   Направление: smoky slate с eucalyptus undertone.
   Акценты: холодный шалфей для интерфейса, пыльная медь для контента.
   &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552; */

/* &#9472;&#9472; 1. ПЕРЕМЕННЫЕ &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark {
    --canvas-primary:     31, 37, 37;            /* #1f2525 */
    --canvas-secondary:   35, 41, 39;             /* #232927 */
    --canvas-tertiary:    39, 44, 42;             /* #272c2a */
    --accent:             46, 58, 55;             /* #2e3a37 */
    --dark-accent:        68, 81, 80;             /* #445150 */
    --accent-secondary:   40, 51, 50;
    --text-primary:       178, 192, 190;          /* #b2c0be */
    --text-light:         200, 214, 210;
    --header-tertiary:    #151b1ecc;
}

/* &#9472;&#9472; 2. ФОН &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark #pun {
    background: #1f2525;
    position: relative;
}

/* &#9472;&#9472; 3. БАЗОВЫЙ ТЕКСТ &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark .section .container, body.light.dark .post-body, body.light.dark .post-links, body.light.dark .punbb td.tc2, body.light.dark .punbb td.tc3, body.light.dark .formal fieldset .post-box, body.light.dark #viewprofile li, body.light.dark #viewprofile li strong, body.light.dark #viewprofile li div, body.light.dark #setmods dl, body.light.dark #setmods dd, body.light.dark .info-box, body.light.dark #pun-main .info-box .legend, body.light.dark .main .container, body.light.dark .post .container, body.light.dark .post-box, body.light.dark .punbb th {
    color: #b2c0be;
}

body.light.dark .topic-dsc {
    color: rgba(141, 154, 152, 0.75);
}

/* &#9472;&#9472; 4. ВТОРИЧНЫЙ ТЕКСТ &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark #pun-status .container, body.light.dark #pun-crumbs1 .container, body.light.dark #pun-crumbs2 .container, body.light.dark #pun-stats .container, body.light.dark li#onlinelist, body.light.dark .linkst, body.light.dark .linksb, body.light.dark .modmenu .container, body.light.dark #posterror, body.light.dark .post-content-count, body.light.dark .symbols-count, body.light.dark #symbols-written, body.light.dark .charlistcontainer, body.light.dark .post-links li, body.light.dark .post h3 span, body.light.dark a.permalink, body.light.dark .post-author ul {
    color: #97a4a1;
}

/* &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;
   ССЫЛКИ — два регистра, без универсального правила
   &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552; */

/* &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;
   ССЫЛКИ v5.3 — единый холодный grey-teal
   A. Header — светлый лунный шалфей
   B. Content — средний grey-teal
   C. Service — базовый grey-teal (ориентир #617975)
   &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552; */

/* &#9472;&#9472; A. HEADER / MENU / КАРТА ФОРУМА — светлый лунный &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark #pun-navlinks a, body.light.dark #pun-navlinks a:link, body.light.dark #pun-navlinks a:visited, body.light.dark #pun-navlinks li a, body.light.dark #pun-ulinks a, body.light.dark #pun-ulinks a:link, body.light.dark #pun-ulinks a:visited, body.light.dark .f_links a, body.light.dark .f_links a:link, body.light.dark .f_links a:visited, body.light.dark #profile-menu a, body.light.dark #profile-menu a:link, body.light.dark #profile-menu a:visited, body.light.dark #setmods a, body.light.dark #setmods a:link, body.light.dark #setmods a:visited, body.light.dark #pun-admain .adcontainer a, body.light.dark #pun-admain .adcontainer a:link, body.light.dark #pun-admain .adcontainer a:visited, body.light.dark .g-modal-content a, body.light.dark .g-modal-content a:link, body.light.dark .g-modal-content a:visited {
    color: #c0cec9 !important;
    text-decoration: none !important;
    border-bottom: none !important;
    text-shadow: none !important;
}

body.light.dark #pun-navlinks a:hover, body.light.dark #pun-navlinks li a:hover, body.light.dark #pun-ulinks a:hover, body.light.dark .f_links a:hover, body.light.dark #profile-menu a:hover, body.light.dark #setmods a:hover, body.light.dark #pun-admain .adcontainer a:hover, body.light.dark .g-modal-content a:hover {
    color: #dde6e2 !important;
}

/* &#9472;&#9472; B. CONTENT — средний grey-teal &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark #pun .post-content a, body.light.dark #pun .post-content a:link, body.light.dark #pun .post-content a:visited, body.light.dark #pun .post-body a, body.light.dark #pun .post-body a:link, body.light.dark #pun .post-body a:visited, body.light.dark #pun .post-box a, body.light.dark #pun .post-box a:link, body.light.dark #pun .post-box a:visited, body.light.dark #pun .post-sig a, body.light.dark #pun .post-sig a:link, body.light.dark #pun .post-sig a:visited, body.light.dark #pun .quote-box a, body.light.dark #pun .quote-box a:link, body.light.dark #pun .quote-box a:visited {
    color: #95ada7 !important;
    text-decoration: none !important;
    border-bottom: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

body.light.dark #pun .post-content a:hover, body.light.dark #pun .post-content a:focus, body.light.dark #pun .post-content a:active, body.light.dark #pun .post-body a:hover, body.light.dark #pun .post-box a:hover, body.light.dark #pun .post-sig a:hover, body.light.dark #pun .quote-box a:hover {
    color: #b5c7c2 !important;
}

/* &#9472;&#9472; C. SERVICE — базовый grey-teal #617975 &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark #pun-status a, body.light.dark #pun-status a:link, body.light.dark #pun-status a:visited, body.light.dark #pun-crumbs1 a, body.light.dark #pun-crumbs1 a:link, body.light.dark #pun-crumbs1 a:visited, body.light.dark #pun-crumbs2 a, body.light.dark #pun-crumbs2 a:link, body.light.dark #pun-crumbs2 a:visited, body.light.dark #pun .linkst a, body.light.dark #pun .linkst a:link, body.light.dark #pun .linkst a:visited, body.light.dark #pun .linksb a, body.light.dark #pun .linksb a:link, body.light.dark #pun .linksb a:visited, body.light.dark #pun .subscribelink, body.light.dark #pun-index .tclcon h3 a, body.light.dark #pun-index .tclcon h3 a:link, body.light.dark #pun-index .tclcon h3 a:visited, body.light.dark #pun-viewforum .tclcon h3 a, body.light.dark #pun-viewforum .tclcon h3 a:link, body.light.dark #pun-viewforum .tclcon h3 a:visited, body.light.dark .isub .tcl h3 a, body.light.dark #pun-index .tcr a, body.light.dark #pun-index .tcr a:link, body.light.dark #pun-index .tcr a:visited, body.light.dark #pun-viewforum .tcr a, body.light.dark #pun-viewforum .tcr a:link, body.light.dark #pun-viewforum .tcr a:visited, body.light.dark #onlinelist a, body.light.dark #onlinelist a:link, body.light.dark #onlinelist a:visited, body.light.dark #onlinelist a.group1, body.light.dark #topic-users-in a, body.light.dark #topic-users-in a.group1, body.light.dark .modmenu a.group1 {
    color: #617975 !important;
    text-decoration: none !important;
    border-bottom: none !important;
    text-shadow: none !important;
}

body.light.dark #pun-status a:hover, body.light.dark #pun-crumbs1 a:hover, body.light.dark #pun-crumbs2 a:hover, body.light.dark #pun .linkst a:hover, body.light.dark #pun .linksb a:hover, body.light.dark #pun .subscribelink:hover, body.light.dark #pun-index .tclcon h3 a:hover, body.light.dark #pun-viewforum .tclcon h3 a:hover, body.light.dark #pun-index .tcr a:hover, body.light.dark #pun-viewforum .tcr a:hover, body.light.dark #onlinelist a:hover, body.light.dark #onlinelist a.group1:hover, body.light.dark #topic-users-in a:hover, body.light.dark #topic-users-in a.group1:hover, body.light.dark .modmenu a.group1:hover {
    color: #879e98 !important;
}

/* &#9472;&#9472; D. UM-LIST DROPDOWN (фоны и рамки, не цвет ссылок) &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark #pun-navlinks .UM-list, body.light.dark #pun-navlinks .UM-innerlist {
    background: rgba(22, 29, 28, 0.96);
    border: 1px solid rgba(155, 172, 168, 0.14);
    border-radius: 5px;
}

body.light.dark #pun-navlinks .UM-list a {
    background: #2d3838;
    color: #c0ccca !important;
    text-shadow: none;
}

body.light.dark #pun-navlinks .UM-list a:hover {
    background: #3a4746 !important;
    color: #d8e2e0 !important;
}

/* &#9472;&#9472; КОНЕЦ ссылок v5.3 &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

/* &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;
   СЛУЖЕБНЫЕ ПОЛОСЫ, ПОДФОРУМЫ, СТАТИСТИКА
   &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552; */

/* &#9472;&#9472; 6. ПОЛОСЫ linkst/linksb/modmenu — прозрачные &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark .linkst, body.light.dark .linksb, body.light.dark .punbb .linksb, body.light.dark .punbb .post-links ul, body.light.dark .punbb .modmenu .container, body.light.dark .subscribelink, body.light.dark .punbb fieldset legend span, body.light.dark .modmenu, body.light.dark select.modmenu, body.light.dark #topicmoderate {
    /* background: transparent !important; */
    border: none !important;
    box-shadow: none !important;
    letter-spacing: 0.5px;
}

/* &#9472;&#9472; 7. ПОДФОРУМЫ &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark #pun-index .hasicon tr, body.light.dark #pun-viewforum .category table tbody tr {
    background: #232927;
    border: 1px solid rgba(155, 172, 168, 0.07);
    border-radius: 5px;
}

body.light.dark #pun-viewforum .category .tclcon {
    color: rgba(162, 176, 174, 0.88);
}

body.light.dark #pun-index .tclcon b:first-of-type {
    /* color: #98a6a4; */
    border: 1px solid rgb(155 172 168 / 14%);
    background: rgb(146 151 146);
    /* border: rgb(41 41 41); */
}

body.light.dark .tclcon #forumlink a, body.light.dark .tclcon #linkmain a {
    background-color: #344040;
    color: #a8bab6;
}

body.light.dark .tclcon #forumlink a:hover, body.light.dark .tclcon #linkmain a:hover {
    background-color: #3a4746;
    color: #c8d6d2;
}

body.light.dark .tclcon #forumlink1 a {
    background: #272c2a !important;
    color: #a8bab6;
    border: none;
    box-shadow: none;
}

body.light.dark .tclcon #forumlink1 a:hover {
    background: #3a4746 !important;
}

body.light.dark #pun-viewforum #pun-main table tr:hover, body.light.dark #pun-searchtopics #pun-main table tr:hover, body.light.dark #pun-index #pun-main table tr:hover, body.light.dark #pun-online #pun-main table tr:hover, body.light.dark #pun-userlist #pun-main table tr:hover {
    background: rgba(97, 121, 117, 0.09) 0 top repeat-y !important;
}

body.light.dark .chardescript p, body.light.dark chardescript p {
    background-color: rgba(63, 78, 77, 0.76) !important;
    color: #d3dfdb !important;
}

body.light.dark forumdesc {
    color: rgba(166, 181, 176, 0.86) !important;
}

/* &#9472;&#9472; 8. СТАТИСТИКА &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark #pun-stats li.item1, body.light.dark #pun-stats li.item2, body.light.dark #pun-stats li.item3, body.light.dark #pun-stats li.item4 {
    background: rgba(39, 44, 42, 0.55);
    border: none;
}

/* &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;
   ПОСТЫ И ФОРМЫ
   &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552; */

/* &#9472;&#9472; 9. ЗАГОЛОВКИ H1/H2 &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark #pun-viewtopic #pun-main h1, body.light.dark #pun-viewtopic #pun-main h2, body.light.dark #pun-profile #pun-main h1, body.light.dark #pun-messages #pun-main h1, body.light.dark #pun-userlist #pun-main h1, body.light.dark #pun-search #pun-main h1, body.light.dark #pun-searchposts #pun-main h1, body.light.dark #pun-register #pun-main h1, body.light.dark #pun-login #pun-main h1, body.light.dark #pun-searchtopics #pun-main h1, body.light.dark #pun-online #pun-main h1, body.light.dark #pun-viewforum #pun-main h1, body.light.dark #pun-debug h2, body.light.dark #pun-searchtopics h2, body.light.dark #pun-online h2, body.light.dark .pun-modal h2 {
    /* background-image:
        linear-gradient(rgba(22, 28, 27, 0.96), rgba(14, 20, 19, 0.96)),
        radial-gradient(circle at top left, rgba(58, 76, 72, 1), rgba(26, 36, 34, 1)); */
    color: #cedcd7;
    /* text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45); */
    letter-spacing: 1px;
    background-image: linear-gradient(rgb(55 66 66), rgb(14 22 22)), radial-gradient(circle at top left, rgba(97, 121, 117, 0.24), rgba(26, 36, 34, 0.08)) !important;
    border-color: rgba(97, 121, 117, 0.26) !important;
    padding-top: 5px;
}

/* &#9472;&#9472; 10. ЗАГОЛОВОК ПОСТА (дата) — без коробки &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark .post h3 {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* &#9472;&#9472; 11. СЧЁТЧИК РЕПУТАЦИИ — компактная капсула &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark .post-rating {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: auto !important;
}

body.light.dark .post-rating a, body.light.dark .post-rating strong, body.light.dark .plus-minus-container {
    background: rgba(39, 44, 42, 0.55) !important;
    border: 1px solid rgba(155, 172, 168, 0.10) !important;
    color: #9aa8a5 !important;
    padding: 2px 10px !important;
    display: inline-block !important;
    border-radius: 3px !important;
    box-shadow: none !important;
}

/* &#9472;&#9472; 12. КНОПКИ ПОСТА (ПРОФИЛЬ/ЛС/E-MAIL) &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark .post-links ul a {
    color: #b8c2bf !important;
    background: #272c2a;
    border: 1px solid rgba(155, 172, 168, 0.12);
    text-decoration: none !important;
}

body.light.dark .post-links ul a:hover {
    color: #e2ecea !important;
    background: #3a4744;
    border-color: rgba(180, 200, 195, 0.22);
}

/* &#9472;&#9472; 13. ПРОФИЛЬ АВТОРА &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark .pa-title {
    color: #a2b2af !important;
}

body.light.dark .pa-avatar img {
    border-image: linear-gradient(310deg, #242d2c 0%, #5a6e6c 126%) 1 !important;
}

body.light.dark .post-sig::before {
    background: rgba(155, 172, 168, 0.14);
}

/* &#9472;&#9472; 14. ЦИТАТЫ, КОД, СПОЙЛЕРЫ &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark cite span.qcn, body.light.dark .code-box strong.legend a, body.light.dark .post-content .spoiler-box > div {
    background: #2d3838;
    background: #272c2a;
    border: 1px solid rgba(155, 172, 168, 0.12);
    color: #c0cccb;
}

body.light.dark .code-box strong.legend a:hover {
    color: #d8e2e0 !important;
}

body.light.dark .post-content .spoiler-box > div::before {
    color: #c0cccb;
}

body.light.dark .quote-box:not(:has(cite)):not(.custom_tag_alt .quote-box):not(.custom_tag_alt1 .quote-box):not(.custom_tag_alt0 .quote-box), body.light.dark .quote-box.hide-box, body.light.dark .punbb #pun-main .quote-box:has(cite):not(.spoiler-box):not(.custom_tag_alt .visible.quote-box):not(.custom_tag_alt1 .visible.quote-box):not(.custom_tag_alt0 .visible.quote-box):not(.hide-box) blockquote, body.light.dark .windows {
    background: rgba(54, 68, 67, 0.82) !important;
    border: 1px solid rgba(97, 121, 117, 0.55) !important;
    color: #c3d1cf !important;
}

body.light.dark .quote-box.spoiler-box:not(.custom_tag_alt .quote-box):not(.custom_tag_alt1 .quote-box):not(.custom_tag_alt0 .quote-box) {
    background: rgba(55, 68, 65, 0.88) !important;
    border: 1px solid rgba(97, 121, 117, 0.48) !important;
    color: #d8e3e1 !important;
}

body.light.dark .post-content .spoiler-box > blockquote.visible {
    color: #d8e3e1 !important;
}

body.light.dark .ideya {
    /* background: #3d4442; */
    background: #3c403f;
}

body.light.dark .org {
    color: #b2c0be;
}

body.light.dark .opis.collapsed::after {
    background: linear-gradient(0deg, #3d4442, transparent);
}

body.light.dark .ttls {
    background: rgb(39, 44, 42);
    border-color: rgba(155, 172, 168, 0.12);
}

body.light.dark .chto_igraem, body.light.dark .idei {
    background-color: #232c2e;
    border: 1px solid #3f4a46;
}

/* ============================================================
   LIGHT.DARK — custom_tag_dm0 / dm1
   ============================================================ */

body.light.dark .custom_tag_dm0:not(.org .custom_tag_dm0) {
    background: rgba(46, 58, 55, 0.92) !important;
    border: 1px solid rgba(77, 89, 85, 0.78) !important;
}

body.light.dark .custom_tag_dm1:not(
    .org .custom_tag_dm1,
    .custom_tag_lorkratko .custom_tag_dm1,
    .custom_tag_gostevaya .custom_tag_dm1,
    .custom_tag_guest .custom_tag_dm1,
    .custom_tag_novichko .custom_tag_dm1
), body.light.dark #dm {
    background: rgba(72, 84, 81, 0.86) !important;
}

/* &#9472;&#9472; 15. FORM-BUTTONS (ОТПРАВИТЬ/УДАЛИТЬ/РЕДАКТИРОВАТЬ/...) &#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark input.button, body.light.dark #post fieldset .hashelp div input, body.light.dark button, body.light.dark .buttons div, body.light.dark #mask_dialog .hv-add-template, body.light.dark .post.topicpost .charlist .hvClearFilters, body.light.dark ul#ul-5 {
    background: #2e3a37 !important;
    color: #c2cecb !important;
    border: 1px solid rgba(155, 172, 168, 0.14) !important;
    text-shadow: none;
    box-shadow: none;
}

body.light.dark input.button:hover, body.light.dark #post fieldset .hashelp div input:hover, body.light.dark button:hover, body.light.dark .buttons div:hover, body.light.dark .buttons > .activevkladka, body.light.dark .post.topicpost .charlist .hvClearFilters:hover, body.light.dark ul#ul-5:hover {
    background: #445150 !important;
    color: #e2ecea !important;
    border-color: rgba(180, 200, 195, 0.22) !important;
}

/* &#9472;&#9472; 16. TOOLBAR ICONS — перекрываем var(--t-body) &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark #form-buttons td, body.light.dark #form-buttons td::before, body.light.dark #form-buttons td::after {
    color: #929f9c !important;
}

body.light.dark #form-buttons td:hover::before, body.light.dark #form-buttons td:hover::after {
    color: #dcece6 !important;
}

/* &#9472;&#9472; 17. ПОЛЯ ВВОДА &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark textarea {
    background: rgba(36, 45, 44, 0.35) !important;
    color: #b2c0be !important;
    border: 1px solid rgba(155, 172, 168, 0.07) !important;
    box-shadow: none !important;
}

body.light.dark textarea:focus {
    background: rgba(36, 45, 44, 0.55) !important;
    border-color: rgba(155, 172, 168, 0.14) !important;
}

body.light.dark select, body.light.dark input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not(.button), body.light.dark #plng, body.light.dark #topic-search-btn {
    background: rgba(24, 30, 29, 0.6) !important;
    color: #b2c0be !important;
    border: 1px solid rgba(155, 172, 168, 0.12) !important;
}

/* &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;
   МОДАЛКИ, ПРОФИЛЬ, СЛУЖЕБНОЕ
   &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552; */

/* &#9472;&#9472; 18. ПОПАПЫ &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark #font-area, body.light.dark .popup_graffiti, body.light.dark #size-area, body.light.dark #image-area, body.light.dark #color-area, body.light.dark #addition-area, body.light.dark #video-area, body.light.dark .inner .popup_graffiti, body.light.dark #table-area, body.light.dark #keyboard-area, body.light.dark #video-area-msg, body.light.dark #smilies-area, body.light.dark #spoiler-area, body.light.dark #float, body.light.dark #vkladka-area, body.light.dark #meny_My_replic, body.light.dark .unread-notifications .modal-inner, body.light.dark .inner.post_reputation, body.light.dark .editBookmark, body.light.dark .pun-modal .modal-inner {
    background: #171f1e !important;
    color: #b2c0be;
    border: 1px solid rgba(155, 172, 168, 0.12);
    box-shadow: none !important;
}

body.light.dark #font-area div:hover, body.light.dark #size-area div:hover, body.light.dark #meny_My_replic p:hover, body.light.dark #addition-area div:hover, body.light.dark .hvStickerPackModalTab:hover, body.light.dark .tab-list:hover {
    color: #c8d6d2 !important;
    background: rgba(255, 255, 255, 0.03);
}

/* &#9472;&#9472; 19. ПРОФИЛЬ (ПРОСМОТР) &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark #viewprofile table {
    background-image:
        linear-gradient(#1c2726, #141d1c),
        radial-gradient(circle at top left, #2c3a38, #1a2423);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

/* &#9472;&#9472; 20. ЛИЧНЫЕ СООБЩЕНИЯ &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark #pun-messages .post-body {
    background: rgba(255, 255, 255, 0.03);
}

/* &#9472;&#9472; 21. ВЫДЕЛЕНИЕ / СКРОЛЛБАР / АВАТАРЫ &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark ::selection {
    background: rgba(70, 88, 86, 0.5);
    color: #d8e2e0;
    text-shadow: none;
}

body.light.dark ::-webkit-scrollbar-track {
    background-color: #1f2525;
}

body.light.dark ::-webkit-scrollbar-thumb {
    background-color: rgba(70, 88, 86, 0.5);
}

body.light.dark #pun-index .user-avatar .avatar-image {
    border: 3px solid rgba(58, 71, 70, 0.8);
}

/* &#9472;&#9472; 22. ПРАВАЯ КРОМКА &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; */

body.light.dark.light #pun::before {
    content: "" !important;
    position: absolute !important;
    top: 540px !important;
    right: 0 !important;
    width: 1px !important;
    height: 30vh !important;
    background: linear-gradient(to bottom, rgb(220 235 228 / 34%) 8%, rgba(220, 235, 228, 0.22) 30%, rgba(220, 235, 228, 0.12) 55%, rgba(220, 235, 228, 0.04) 80%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 10 !important;
}

/* &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;
   КОНЕЦ v5 — final consolidated
   &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552; */





/* &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;
   шрифты
   &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552; */

/* Иконочный шрифт MyBB - для иконки цитирования и др. */
/** Font icons
---------------------------------------------------------------*/
@font-face {
  font-family: 'mybb';
  src: url('/style/res/font/icons.woff2?3') format('woff2'),
       url('/style/res/font/icons.woff?3') format('woff'),
       url('/style/res/font/icons.ttf') format('truetype'),
       url('/style/res/font/icons.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
i[class^="icons-"]:before, i[class*=" icons-"]:before, .i[class*=" icons-"]:before, .i[class^="icons-"] {
  font-family: "mybb";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icons-quote:before { content: '\e822'; }

/** шрифты
---------------------------------------------------------------*/

@font-face {
font-family: 'CyrillicGoth';
src: url('https://forumstatic.ru/files/001b/b2/f7/26761.eot?'),
url('https://forumstatic.ru/files/001b/b2/f7/52706.woff') format('woff'),
url('https://forumstatic.ru/files/001b/b2/f7/27886.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/b2/f7/39902.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Art-Victorian';
src: url('https://forumstatic.ru/files/001b/b2/f7/73187.eot?'),
url('https://forumstatic.ru/files/001b/b2/f7/15428.woff') format('woff'),
url('https://forumstatic.ru/files/001b/b2/f7/57219.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/b2/f7/12623.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Avalon';
src: url('https://forumstatic.ru/files/001b/b2/f7/50583.eot?'),
url('https://forumstatic.ru/files/001b/b2/f7/83182.woff') format('woff'),
url('https://forumstatic.ru/files/001b/b2/f7/55340.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/b2/f7/91680.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'AugustaTwo';
src: url('https://forumstatic.ru/files/001b/b2/f7/43633.eot?'),
url('https://forumstatic.ru/files/001b/b2/f7/41515.woff') format('woff'),
url('https://forumstatic.ru/files/001b/b2/f7/95076.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/b2/f7/39380.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'americantext';
src: url('https://forumstatic.ru/files/001b/b2/f7/39899.eot?'),
url('https://forumstatic.ru/files/001b/b2/f7/51849.woff') format('woff'),
url('https://forumstatic.ru/files/001b/b2/f7/99974.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/b2/f7/59705.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Arlekino';
src: url('https://forumstatic.ru/files/001b/b2/f7/45142.eot?'),
url('https://forumstatic.ru/files/001b/b2/f7/51019.woff') format('woff'),
url('https://forumstatic.ru/files/001b/b2/f7/33743.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/b2/f7/77516.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Antra';
src: url('https://forumstatic.ru/files/001a/11/6e/55002.eot?'),
url('https://forumstatic.ru/files/001a/11/6e/35515.woff') format('woff'),
url('https://forumstatic.ru/files/001a/11/6e/66845.ttf') format('truetype'),
url('https://forumstatic.ru/files/001a/11/6e/77080.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Bau';
src: url('https://forumstatic.ru/files/001a/11/6e/81155.eot?'),
url('https://forumstatic.ru/files/001a/11/6e/67900.woff') format('woff'),
url('https://forumstatic.ru/files/001a/11/6e/79715.ttf') format('truetype'),
url('https://forumstatic.ru/files/001a/11/6e/38036.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face { 
font-family: 'Bolyar';
src: url('https://forumstatic.ru/files/001b/d9/4a/51241.woff2') format('woff2'),
url('https://forumstatic.ru/files/001b/d9/4a/57828.woff') format('woff'),
url('https://forumstatic.ru/files/001b/d9/4a/60858.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face { 
font-family: 'Bluu';
src: url('https://forumstatic.ru/files/001b/d9/4a/55787.woff2') format('woff2'),
url('https://forumstatic.ru/files/001b/d9/4a/94610.woff') format('woff'),
url('https://forumstatic.ru/files/001b/d9/4a/54734.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face { 
font-family: 'Berga';
src: url('https://forumstatic.ru/files/001b/d9/4a/44043.woff') format('woff'),
url('https://forumstatic.ru/files/001b/d9/4a/70426.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face { 
font-family: 'BergaBold';
src: url('https://forumstatic.ru/files/001b/d9/4a/30826.woff') format('woff'),
url('https://forumstatic.ru/files/001b/d9/4a/81001.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face { 
font-family: 'Cadmus';
src: url('https://forumstatic.ru/files/001b/d9/4a/22882.woff2') format('woff2'),
url('https://forumstatic.ru/files/001b/d9/4a/54957.woff') format('woff'),
url('https://forumstatic.ru/files/001b/d9/4a/44373.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Carmen';
src: url('https://forumstatic.ru/files/001b/b2/f7/27396.eot?'),
url('https://forumstatic.ru/files/001b/b2/f7/95457.woff') format('woff'),
url('https://forumstatic.ru/files/001b/b2/f7/60604.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/b2/f7/99832.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Karnac';
src: url('https://forumstatic.ru/files/001b/b2/f7/42758.eot?'),
url('https://forumstatic.ru/files/001b/b2/f7/10826.woff') format('woff'),
url('https://forumstatic.ru/files/001b/b2/f7/50468.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/b2/f7/81481.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face { 
font-family: 'Kali';
src: url('https://forumstatic.ru/files/001b/b2/f7/11324.eot?'),
url('https://forumstatic.ru/files/001b/d9/4a/40125.woff2') format('woff2'),
url('https://forumstatic.ru/files/001b/b2/f7/26800.woff') format('woff'),
url('https://forumstatic.ru/files/001b/b2/f7/19765.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face { 
font-family: 'Kharms';
src: url('https://forumstatic.ru/files/001b/d9/4a/64349.woff2') format('woff2'),
url('https://forumstatic.ru/files/001b/d9/4a/91410.woff') format('woff'),
url('https://forumstatic.ru/files/001b/d9/4a/79996.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face { 
font-family: 'LTSip';
src: url('https://forumstatic.ru/files/001b/d9/4a/62416.woff2') format('woff2'),
url('https://forumstatic.ru/files/001b/d9/4a/41376.woff') format('woff'),
url('https://forumstatic.ru/files/001b/d9/4a/38404.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Mason';
src: url('https://forumstatic.ru/files/001b/b2/f7/18645.eot?'),
url('https://forumstatic.ru/files/001b/b2/f7/63732.woff') format('woff'),
url('https://forumstatic.ru/files/001b/b2/f7/76538.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/b2/f7/77686.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Montresor';
src: url('https://forumstatic.ru/files/001b/b2/f7/91552.eot?'),
url('https://forumstatic.ru/files/001b/b2/f7/39630.woff') format('woff'),
url('https://forumstatic.ru/files/001b/b2/f7/74694.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/b2/f7/34277.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Moyenage';
src: url('https://forumstatic.ru/files/001b/b2/f7/56941.eot?'),
url('https://forumstatic.ru/files/001b/b2/f7/91993.woff') format('woff'),
url('https://forumstatic.ru/files/001b/b2/f7/98261.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/b2/f7/66491.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Ireland';
src: url('https://forumstatic.ru/files/001b/b2/f7/84108.eot?'),
url('https://forumstatic.ru/files/001b/b2/f7/14985.woff') format('woff'),
url('https://forumstatic.ru/files/001b/b2/f7/99045.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/b2/f7/91273.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Victoriana';
src: url('https://forumstatic.ru/files/001b/b2/f7/54227.eot?'),
url('https://forumstatic.ru/files/001b/b2/f7/50202.woff') format('woff'),
url('https://forumstatic.ru/files/001b/b2/f7/27391.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/b2/f7/76866.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Granvil';
src: url('https://forumstatic.ru/files/001b/b2/f7/58490.eot?'),
url('https://forumstatic.ru/files/001b/b2/f7/96502.woff') format('woff'),
url('https://forumstatic.ru/files/001b/b2/f7/95871.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/b2/f7/38668.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face { 
font-family: 'HIGENSON';
src: url('https://forumstatic.ru/files/001b/d9/4a/10812.woff2') format('woff2'),
url('https://forumstatic.ru/files/001b/d9/4a/95181.woff') format('woff'),
url('https://forumstatic.ru/files/001b/d9/4a/73520.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Rammstein';
src: url('https://forumstatic.ru/files/001b/b2/f7/56839.eot?'),
url('https://forumstatic.ru/files/001b/b2/f7/13406.woff') format('woff'),
url('https://forumstatic.ru/files/001b/b2/f7/69487.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/b2/f7/26859.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Greece';
src: url('https://forumstatic.ru/files/001b/b2/f7/54013.eot?'),
url('https://forumstatic.ru/files/001b/b2/f7/40665.woff') format('woff'),
url('https://forumstatic.ru/files/001b/b2/f7/62286.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/b2/f7/47309.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face { 
font-family: 'Sodra';
src: url('https://forumstatic.ru/files/001b/d9/4a/64030.woff2') format('woff2'),
url('https://forumstatic.ru/files/001b/d9/4a/87147.woff') format('woff'),
url('https://forumstatic.ru/files/001b/d9/4a/92435.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'Swordsmen';
src: url('https://forumstatic.ru/files/001b/b2/f7/11324.eot?'),
url('https://forumstatic.ru/files/001b/b2/f7/26800.woff') format('woff'),
url('https://forumstatic.ru/files/001b/b2/f7/19765.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/b2/f7/95739.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Злой';
src: url('https://forumstatic.ru/files/001b/b2/f7/17460.eot?'),
url('https://forumstatic.ru/files/001b/b2/f7/87179.woff') format('woff'),
url('https://forumstatic.ru/files/001b/b2/f7/43578.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/b2/f7/87019.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}