@import url(style_cs.1789217069.css);

/* банк приколов */ 
@import url(https://forumstatic.ru/files/001c/bd/d1/43828.css);

/* Reply Form Fonts */ 
@import url(/files/001c/bd/d1/fonts.css); 

/* шрифты */ 
@import url('https://fonts.googleapis.com/css2?family=Brygada+1918:ital,wght@0,400..700;1,400..700&family=Jura:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300..700;1,300..700&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


/* Дополнительный CSS */
@import url('https://forumstatic.ru/files/001c/bd/d1/84900.css');

:root {
  --def-font: "Jura", sans-serif;
  --sec-font: "Jost", sans-serif;
  --cursivef: "Brygada 1918", serif;
  --newsf: "Lavoza", serif;
  --acc-color: #E1821D;
  --acc-soft: #DBCDBD;
  --pun-soft: #E4E4E4;
  --small-color: #365615;
}

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

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

@font-face {
    font-family: 'Druzhok';
    src: url('https://forumstatic.ru/files/001c/be/8c/15463.woff2?v=1') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lavoza';
    src: url('https://forumstatic.ru/files/001c/c4/75/92515.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/*** ФОН ФОРУМА ***/
html,
body {
    background: #000 url(https://forumstatic.ru/files/001c/c4/75/46104.jpg) center top / cover no-repeat fixed;
}


/* Скрываем элементы форума */

.acchide,
#pun-index #pun-main h1,
#pun-navlinks 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,
.punbb .modmenu .container span,
#pun-userlist .main h2,
#pun-title h1,
#pun-announcement h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
}

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

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

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

#pun-main.show_new .tc3 {
    display: none;
}

.topic a.sharelink, .topic a.translatelink {display: none;}

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

#pun-status .status-right {display: none;}
fieldset legend span {
display:none;
}

/* скрыть плюсик в профиле */
.pa-respect a[href*="relation"] {
    display: none;}

td#button-smile {
display: none;}

/* ================== */

/* Общие стили */
* {margin: 0; padding: 0;}
body {margin: 0;}
ul, dl, li, dd, dt {list-style: none;}

body {font: 12px Verdana;}
h1, h2 {
    padding: 5px 10px;
    margin: 0;
    font: 500 19px / 1 var(--def-font);
    color: #6e6e6e;
    text-transform: lowercase;
    text-align: center;
}

address, em {font-style: normal}

a {text-decoration: none;}

/* Скроллбары */
* {
scrollbar-width: thin;
    scrollbar-color: var(--acc-color) transparent;
}
*::-webkit-scrollbar {width: 5px; height: 9px;}
*::-webkit-scrollbar-track {background-color: var(--acc-color);}
*::-webkit-scrollbar-thumb {background-color: transparent;}
/* ================== */

#pun-adnav li {
    margin-bottom: 6px;
    background: var(--pun-soft);
    border-radius: 5px;
    display: flex;
    align-items: center;
    font: 500 13px / 1 var(--sec-font);
    text-transform: lowercase;
    transition: background 0.15s ease;
}

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

#pun-adnav li:hover {
    background: var(--pun-main);
}

#pun-adnav li a {
    color: inherit;
    font: inherit; /* забирает font-family/size/weight у li целиком */
    text-decoration: none;
    display: block;
    width: 100%;
}

/* Тело форума */
.punbb {
font: normal 100% verdana, arial, helvetica, sans-serif;
	float: left;
	width: 100%;
	height: auto;
}
/***   ШАПКА   ***/
#pun-title table {
width: 1000px;
    height: 451px;
    margin: -51px auto auto -15px;
    background: url(https://upforme.ru/uploads/001c/c4/75/2/783551.png);
}


#pun {
width: 970px;
    padding: 0px 15px 0px 15px;
    margin: 100px auto 90px auto;
    border-radius: 0 0 40px 40px;
    background: #D9D9D9;}

/* ================== */

/* Меню навигации */
#pun-navlinks .container {
    transform: translateY(-442px);
    position: relative;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    gap: 7px;
    font: 600 14px / 1 var(--def-font);
    z-index: 1;
}
#pun-navlinks li {
display: inline;
}

/* Юзер меню */
#pun-ulinks .container {
    width: 100%;
    transform: translateY(-435px);
    margin-left: 0px;
    justify-content: center;
    text-transform: lowercase;
    display: flex;
    gap: 9px;
    font: 10.8px / 1 var(--def-font);
    z-index: 0;
    position: relative;}

#pun-ulinks li {
display: inline;
}

/* ================== */

/* Объявление */
#pun-announcement .container {    padding: 0 10px 42px 10px;
    text-align: center;}

/* Статус (Добро пожаловать) */
#pun-status .container {
    margin-top: -65px;
    padding-bottom: 14px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 8px 30px;
}

#pun-status .container > .item1,
#pun-status .container > .item2,
#pun-status .container > .item3,
#pun-status .container > .item4 {
    flex: 0 1 auto;
    text-align: center;
}

#pun-status .container > .item1 { order: 1; }
#pun-status .container > .item2 { order: 2; }
#pun-status .container > .item3 { order: 3; }
#pun-status .container > .item4 { order: 4; }

#pun-status span {
    white-space: nowrap;
    margin-right: 5px;
    font: 11px / 1 var(--def-font);
    text-transform: lowercase;
}


/*хлебные крошки */

#pun-crumbs1, #pun-crumbs2 {
margin-top: 0;
    overflow: hidden;
    text-align: center;
    font: 400 14px / 1 var(--sec-font);
    text-transform: lowercase;
}

#pun-crumbs2 {
    margin-top: 10px;
}

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

#pun-crumbs1 .crumbs a:last-of-type,
#pun-crumbs2 .crumbs a:last-of-type {
color: var(--small-color);
}

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

#pun-crumbs1 .crumbs em::before,
#pun-crumbs2 .crumbs em::before {
    content: '\f54c';
    font-size: 12px;
    font-weight: 600;
    padding: 0 9px 0 4px;
    color: #b5b5b5;
    font-family: 'Font Awesome 6 Pro';
}

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

/* Копирайт майбб */
#pun-about .container {text-align: center;
    padding: 10px;
    font: var(--def-font);
    font-size: 10px;
    text-transform: lowercase;}

/* ОБЩИЕ ПРАВИЛА ТАБЛИЦ */

table {table-layout: fixed; width: 100%;}
#respect {width: auto;}

.tcl {width: 65%;}
.tc2, .tc3, .tcmod {text-align: center; width: 10%;}
.tcr {width: 40%;}

.punbb .main :is(.tc2, .tc3, .tcmod) {
    background-color: var(--bg-body);
    color: var(--text-main);
}
.punbb .main .tcr a {
    font-weight: 600;}

td {padding: 8px 10px;}
th {padding: 4px 10px;}
tbody.hasicon td.tcl {padding-left: 40px;}

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

#pun-searchtopics .tcl,
#pun-modviewforum .tcl {width: 40%;}
#pun-searchtopics .tc2 {text-align: left; width: 20%;}

/* Личные сообщения */
#profile.messages-container tbody .pmtcl1 {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    max-width: none;
}

#profile.messages-container tbody .pmtc22 {
    flex: 0 0 180px;
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    justify-content: flex-start;
    text-align: left;
    gap: 6px;
    white-space: nowrap;
}

#profile.messages-container tbody .pmtc33 {
    flex: 0 0 90px;
    width: 90px;
    min-width: 90px;
    max-width: 90px;
    justify-content: center;
    white-space: nowrap;
}

#profile.messages-container tbody .pmtc24 {
    flex: 0 0 26px;
    width: 26px;
    min-width: 26px;
    max-width: 26px;
    padding: 8px 0;
    justify-content: center;
}

/* ============================================= */
/* СПИСКИ ТЕМ И СООБЩЕНИЙ */
/* ============================================= */
:is(#pun-viewforum, #pun-searchtopics, #pun-modviewforum,
    #profile.messages-container) thead {
    display: none;
}

/* Строка */
:is(#pun-viewforum, #pun-searchtopics, #pun-modviewforum,
    #profile.messages-container) tbody tr {
    display: flex;
    align-items: stretch;
    width: 100%;
    gap: 35px;
    font: 14px / 1 var(--sec-font);
    padding-bottom: 5px;
}

/* Базовые свойства всех ячеек */
:is(#pun-viewforum, #pun-searchtopics, #pun-modviewforum,
    #profile.messages-container) tbody td {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-width: 0;
    padding: 8px 0;
}

/* --- Колонка темы: фикс. ширина, растёт в высоту --- */
:is(#pun-viewforum, #pun-searchtopics, #pun-modviewforum,
    #profile.messages-container) tbody td.tcl {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    padding-left: 0;
    text-transform: lowercase;
    align-items: flex-start;
}

:is(#pun-viewforum, #pun-searchtopics, #pun-modviewforum,
    #profile.messages-container) tbody td.tcl .intd {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    min-width: 0;
}

:is(#pun-viewforum, #pun-searchtopics, #pun-modviewforum,
    #profile.messages-container) tbody td.tcl .icon {
    flex: 0 0 auto;
    margin-top: 2px;
}

:is(#pun-viewforum, #pun-searchtopics, #pun-modviewforum,
    #profile.messages-container) tbody td.tcl .tclcon {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 6px;
    row-gap: 5px;
    flex: 1 1 auto;
    min-width: 0;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
}

:is(#pun-viewforum, #pun-searchtopics, #pun-modviewforum,
    #profile.messages-container) tbody td.tcl .tclcon > a {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

:is(#pun-viewforum, #pun-searchtopics, #pun-modviewforum,
    #profile.messages-container) tbody td.tcl .tclcon .byuser {
    flex: 1 1 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* --- Числовые/служебные колонки: по контенту --- */
:is(#pun-viewforum, #pun-searchtopics, #pun-modviewforum)
tbody :is(.tc2, .tc3, .tcmod) {
    flex: 0 0 60px;
    width: 60px;
    min-width: 60px;
    max-width: 60px;
    padding: 8px 0;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
}

/* --- Последнее сообщение: забирает остаток --- */
:is(#pun-viewforum, #pun-searchtopics, #pun-modviewforum, #profile.messages-container) tbody .tcr {
    display: flex;
    flex-wrap: wrap;
    width: 230px;
    max-width: 240px;
    min-width: 0;
    margin-left: 0;
    justify-content: flex-end;
    align-items: center;
    column-gap: 6px;
    row-gap: 5px;
    text-transform: lowercase;
    text-align: right;
}

:is(#pun-viewforum, #pun-searchtopics, #pun-modviewforum, #profile.messages-container) tbody .tcr em.user-avatar {
    flex: 0 0 auto;
}

:is(#pun-viewforum, #pun-searchtopics, #pun-modviewforum, #profile.messages-container) tbody .tcr > a {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

:is(#pun-viewforum, #pun-searchtopics, #pun-modviewforum, #profile.messages-container) tbody .tcr .byuser {
    flex: 1 1 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

:is(#pun-viewforum, #pun-searchtopics, #pun-modviewforum, #profile.messages-container) tbody .tcr .byuser::before,
:is(#pun-viewforum, #pun-searchtopics, #pun-modviewforum, #profile.messages-container) tbody td.tcl .tclcon .byuser::before {
    content: "автор:";
    color: #727272;
}

/* Окно загрузки картинок в ЛС: возвращаем родную табличную раскладку */
#profile.messages-container tbody tr:has([id^="imageupload"]) {
    display: revert;
    width: auto;
    gap: 0;
    padding-bottom: 0;
}

#profile.messages-container [id^="imageupload"],
#profile.messages-container [id^="imageupload"] tr,
#profile.messages-container [id^="imageupload"] td {
    display: revert;
    align-items: initial;
    min-width: 0;
    padding: revert;
}

/* ============================================= */
/* ГЛАВНАЯ СТРАНИЦА */
/* ============================================= */
#pun-index td.tcr {
    align-items: center;
    padding: 0 !important;
    font: 14px 'Jost';
    text-transform: lowercase;
    text-align: left;
    padding-left: 20px !important;
}
#pun-index tbody.hasicon td.tcl {
    padding-left: 0px;
    color: #737373;
    position: relative;
}
#pun-index .tclcon {
    width: 770px;
    position: relative;
    font: 600 11.5px / 1 var(--def-font);
    text-transform: lowercase;
    color: #000;
}

#pun-index .tcl h3 {
    font: 900 22px / 1 var(--def-font);
    margin-bottom: 3px;
    text-transform: uppercase;
    position: relative;
}
#pun-index .tcl h3 a {color: #000 !important;}
#pun-index .category tr {
    margin: 0px 0px 0px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
         "tcl"
        "tcr";
    height: auto;
    padding: 6px 0px 20px 38px;
}

#pun-index .category tr .tcl {grid-area: tcl;}
#pun-index .category .tcl,
#pun-index .category .tcr {
    width: 100% !important;
    position: static;
    left: auto;
}
#pun-index .category tr .tcr {
    grid-area: tcr;
    display: flex;
    align-items: center;
    padding: 0 !important;
    font: 13px / 1 var(--def-font);
    text-transform: uppercase;
    text-align: left;
}
#pun-index .category tr .tcr a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 260px;
}
#pun-index .isub .tcl {padding-left: 0 !important;}
#pun-searchtopics .tcl,
#pun-modviewforum .tcl {width: 40%;}


/***   РАЗДЕЛИТЕЛЬ МЕЖДУ НАЗВАНИЕМ ТЕМЫ И ДАТОЙ НА ГЛАВНОЙ   ***/
#pun-index .category tr .tcr .datetime::before {
    content: "#";
    font: 700 12px / 1 var(--def-font);
    margin: 0 5px;
}


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


#pun-index .category tr.inew {
    background: var(--acc-soft);
}

#pun-index .category tr.inew:last-child {
    border-radius: 0 0 25px 25px;
}


/*** ПРОСМОТР ПРОФИЛЯ ***/
#viewprofile table {
    width: 100%;
    border-collapse: collapse;
}

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

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

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

#viewprofile #profile-left {
    flex: 0 0 255px;
}

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

#viewprofile #profile-right {
display: flex !important;
    flex-wrap: wrap;
    flex: 1;
    gap: 12px;
    width: auto !important;
    padding: 20px !important;
    box-sizing: border-box;
    justify-content: center;
    text-transform: lowercase;
    font: 11px var(--def-font);
}

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

/* Левая колонка */
#viewprofile #profile-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    box-sizing: border-box;
    padding: 12px !important;
    background: #E4E4E4;
    border-radius: 5px;
    text-align: center;
    text-transform: lowercase;
    font-family: var(--def-font);
    color: #2c2c2c !important;
    box-shadow: 3px 3px 4px #0000000d;
}


/* Имя */
#viewprofile #profile-name {
    width: 100%;
}

#viewprofile #profile-name strong {
    font: 700 16px / 18px var(--def-font);
    color: #000000;
}

/* Личное звание */
#viewprofile #pa-fld1 {
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    font: 400 12px "Jost";
    color: #818181;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

#viewprofile #pa-fld1 strong {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

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

#viewprofile #pa-fld1 .char-name,
#viewprofile #pa-fld1 .char-race,
#viewprofile #pa-fld1 .char-desc {
    width: 100%;
    text-align: center;
padding: 0px 10px 0 10px;
}

#viewprofile #pa-fld1 .char-divider {
    margin: 0 auto 8px auto;
    background-repeat: no-repeat;
}

#viewprofile #profile-title {
font: 500 10px / 1 Jost;
color: #6c6c6c;
    letter-spacing: 0.3px;
text-transform: lowercase;}

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

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

/* скрыть название локации */
#viewprofile #profile-left #pa-fld3 > span {
    display: none;
}

/*** ЛОКАЦИЯ В ЛЕВОЙ КОЛОНКЕ ПРОСМОТРА ПРОФИЛЯ ***/
#viewprofile #profile-left #pa-fld3 {
    background: #D9D9D9;
    border: 1px solid #4D4D4D;
    width: max-content;
    border-radius: 10px;
    padding: 4px 10px 4px 7px;
    font: 500 11px / 1 Jost;
    margin: 0 auto;
}

#viewprofile #profile-left #pa-fld3::before {
    content: "\f3c5";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    margin-right: 4px;
    color: #4D4D4D;
}

#viewprofile #profile-left #pa-fld3 > span {
    display: none;
}

/*** ИНДИКАТОР ОНЛАЙНА В ПРОСМОТРЕ ПРОФИЛЯ ***/
#viewprofile #profile-left {
    position: relative; 
    overflow: visible;
}

#viewprofile #profile-left > div.status-container {
    position: absolute !important;
    width: 16px !important;
    height: 16px !important;
    top: -6px;
    right: auto;
    left: -6px;
    text-align: center;
    z-index: 20;
}

#viewprofile #profile-left .status-container {
    position: absolute !important;
    top: 8px;
    right: 8px;
    left: auto;
    width: 14px;
    height: 14px;
    z-index: 20;
}

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

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

/* СКРЫТЬ НАЗВАНИЯ ПОЛЕЙ ЛЗ */
.pa-fld1 .fld-name {display: none;}
.pa-fld3 .fld-name {display: none;}
.pa-fld4 .fld-name {display: none;}

#profile8 .fs-box {
    display: flex;
    flex-direction: column;
}

#profile8 .infofield {
    order: -1;
    margin-bottom: -4px; 
    font: 500 14px 'Jost';
}


/* Все остальные блоки слева */
#viewprofile #profile-left > div,
#viewprofile #profile-left > dl,
#viewprofile #profile-left > ul,
#viewprofile #profile-left > p {
    width: 100%;
    text-align: center;
}

#viewprofile li#pa-invites { display: none!important; }

/* Правая колонка */
#viewprofile #profile-right > li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 180px;
    min-width: 180px;
    min-height: 50px;
    position: relative;
    padding: 10px !important;
    gap: 4px;
    background: #E4E4E4;
    border-radius: 5px;
    text-align: center;
}

#viewprofile #profile-right li>span {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 171px;
    height: 23px;
    padding: 0 20px;
    margin: 0;
    border-radius: 0 0 7px 7px;
    background: #ffffff6e;
    font: 500 12px var(--sec-font);
    text-transform: lowercase;
}

#profile-right li strong {
padding-top: 13px;
    padding-left: 0 !important;
    font-weight: 600;
    font-size: 12px;
}

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

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

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

/* ================== */

/* Категории */
.category {margin-top: 10px;}
#pun-category1 {margin-top: 0;}
.category td .modlist {
display: block;
padding-top: 5px;
}

/* Статистика */
#pun-stats .container {padding: 8px 10px}

#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
float: left;
clear: both;
line-height: 150%;
}
li#onlinelist {
margin-top: 10px;
float: left;
line-height: 130%;
}
li#onlinelist div {padding: 8px 0 0 0;}

/* ================== */

/* Пагинация (Переключаемые страницы, Новая тема + Опрос, Подписка) */
.multipage {margin-top: 30px;}

.linkst,
.linksb {
    font-family: var(--def-font);
    text-transform: lowercase;
}

.linkst .pagelink strong,
.linkst .postlink strong,
.linksb .pagelink strong,
.linksb .postlink strong {
background: #fff;
    padding: 0px 5px;
    border-radius: 3px;
    font: 600 12px / 1 var(--sec-font);
}

.linkst {
    position: relative;
    height: 0;
    padding-bottom: 10px;
}

.linkst .pagelink,
.linkst .postlink {
    position: absolute;
    top: -50px;
}

.linkst .pagelink { left: 10px; }
.linkst .postlink { right: 10px; text-align: right; }

.linksb {
    text-align: right;
    padding: 4px 10px;
}

.linksb .pagelink {
    float: left;
    text-align: left;
}

.linksb .postlink {
    float: right;
}

.subscribelink {
    clear: both;
    padding: 5px 0;
}

/* Модераторское меню, RSS, Atom */
.modmenu .container {padding: 5px 10px;text-align: right;}
.modmenu .container strong {float: left;}
.modmenu input {margin-left: 10px;}

.punbb input, .punbb select {
    background-color: #E4E4E4;
    padding: 3px 10px 3px 10px;
    border: none;
    border-radius: 5px;
    display: inline-block;
}

/* ================== */

/* Страница топика */
.post {margin-top: 10px;}

.post {
    position: relative;
    z-index: 0;
}

.toppost, .topicpost {margin-top: 0;}

.post .container {}
.post h3 {}
.post h3 span {
padding: 5px 10px;
    display: block;
    margin-left: 253px;
    background-color: #E4E4E4;
    font: 800 13px / 1 var(--def-font);
    text-transform: uppercase;
    border-radius: 5px;
}
.post h3 strong {
    float: right;
    text-align: right;
    font: 600 21px / 1 var(--cursivef);
    color: #000;
    margin: -1px 0 0px 0;
}

/***  ПРОФИЛЬ  ***/
.post-author {
    float: left;
    width: 200px;
    font-size: 10px;
    margin: 0 0 50px 33px; 
    font-family: verdana;
    position: relative;
    border-radius: 10px;
    text-align: center;
    z-index: 1;
}


.post-author ul::before {
    z-index: 5;
    background: #e4e4e4;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    inset: 0;
    border-radius: 8px;
}

.post-author ul {
    z-index: 10;
    background-color: #E4E4E4;
    position: relative;
    border-radius: 8px;
}

.post-author ul li:is(:not(.pa-fld4)):not(.pa-fld5) {
    position: relative;
    z-index: 10;
}


/***   НИК АВТОРА ***/
.pa-author {
    position: absolute !important;
    top: -38px;
    left: 44px;
    width: 100px;
    height: 34px;
    display: flex;
    align-items: center;
    text-transform: lowercase;
    justify-content: flex-start;
    text-align: left;
    font: 800 17px / 18px var(--def-font);}

.pa-title {
    text-transform: lowercase;
    margin-top: 7px;
    padding: 7px;
    color: #6c6c6c;
    background-color: #E4E4E4;
    letter-spacing: 0.3px;
    font: 500 11px / 1 Jost;
border-radius: 8px 8px 0 0;}

li.pa-avatar item2 {
background-color: #E4E4E4;
}

/***   ПОЛЯ ПРОФИЛЯ В РЯД ***/
.pstats {
display: flex;
    gap: 2px;
    padding: 10px 0;
    justify-content: center;
    align-items: center;
    font: 400 9px "Jost";
    text-transform: lowercase;
    color: #000;
    flex-wrap: nowrap;
    white-space: nowrap;
    word-spacing: -2px;
}


/***   ЛИЧНОЕ ЗВАНИЕ ***/

.pa-fld1 {
    line-height: 110%;
    margin-top: 7px;
text-transform: lowercase;
}

.pa-fld1 .char-name a {
    color: #000!important;
}
.pa-fld1 .char-name a:hover {
    color: #181818 !important;
}

.char-name {
font: italic 900 15px / 1 var(--cursivef);
    color: #000;
    text-transform: lowercase;
    margin-bottom: 2px;
}

.char-race {
    text-transform: lowercase;
    color: #363636;
    margin: 4px 0 7px 0;
    font: 500 10px / 1 var(--sec-font);
}

.char-divider {
    width: 180px;
    height: 1px;
    background: url(https://upforme.ru/uploads/001c/be/8c/2/684010.png);
    margin: 0 auto 8px auto;
}

.char-desc {
   color: #000;
    padding: 0px 10px 15px 10px;
    font: 400 11px / 1 Jost;
    text-align: justify;
    text-transform: lowercase;
}

.pa-fld1 a {    color: #262626 !important;
    font-weight: 600;}
.pa-fld1 a:hover {color: #525252!important;}

/***   ЛОКАЦИЯ   ***/

.pa-fld3 {
background: #D9D9D9;
    border: 1px solid #4D4D4D;
    width: max-content;
    border-radius: 10px;
    padding: 4px 10px 4px 7px;
    font: 500 11px / 1 Jost;
    margin: 0 auto;}

.pa-fld3::before {
content: "\f3c5";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    margin-right: 4px;
    color: #4D4D4D;
}

/***   ФОН ПРОФИЛЯ***/

.post-author::before {
    content: '';
    position: absolute;
    left: -28px;
    top: -37px;
    width: 65px;
    height: calc(100% + 50px);
    z-index: -1;
    border-radius: 8px;
    background-image: url('https://upforme.ru/uploads/001c/bd/d1/7/646114.png');
    background-size: cover;
    background-position: center;
}


/***   ЗАКЛАДКА (ФОН ПРОФИЛЯ)   ***/
.pa-fld4 {
    position: absolute;
    left: -28px;
    top: -44px;
    width: 65px;
    height: calc(100% + 82px);   /* нижний край = 100% + 13px от низа .post-author */
    z-index: 0;
    border-radius: 8px;
    background-image: url(https://upforme.ru/uploads/001c/bd/d1/7/646114.png);
    background-size: cover;
    background-position: center;
}

.pa-fld4 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}

.pa-fld4 .perspage1 {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.pa-fld4 .perspage1 a.modal-link {
    display: block;
    width: 100%;
    height: 100%;
}

/***   плашка   ***/

.pa-fld5 {
position: absolute;
    left: 24px;
    bottom: -38px;
    height: 40px;
    width: 175px;
    box-sizing: border-box;
    padding: 10px 10px 4px;
    background-color: #D9A44B;
    background-size: cover;
    background-position: center;
    border-radius: 0 0 8px 8px;
    text-transform: lowercase;
    color: #000;
    font: 500 11px / 11px var(--sec-font);
    text-align: center;
    z-index: -2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/* поля в профиле иконками */

.pa-posts, .pa-respect, .pa-fld2 {
    display: inline-flex;
    gap: 5px;
    font-size: 10px;
    padding: 0 5px !important;
    margin-top: 4px !important;
    margin-bottom: 15px;
    width: auto;
    height: auto;
    line-height: 13px;
    text-transform: lowercase;
}

.pa-fld2 a {
    font-size: 10px;
    text-transform: uppercase;
    color: #3f3f3f !important;
}

.pa-posts .fld-name:before,
.pa-respect .fld-name a:before,
.gid3 .pa-respect .fld-name:before,
.pa-fld2 .fld-name:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    display: block;
    width: 10px;
    height: 10px;
    font-size: 10px;
    line-height: 10px;
    margin-top: 1px !important;
    text-align: center;
}

/* сообщения */
.pa-posts .fld-name:before { content: "\f0e0"; } 

/* репутация */
.pa-respect .fld-name a:before,
.gid3 .pa-respect .fld-name:before { content: "\f004"; }

/* банк */
.pa-fld2 .fld-name:before { content: "\f4d3"; } 

.pa-posts .fld-name,
.pa-respect .fld-name,
.pa-fld2 .fld-name{
    font-size: 0;
    height: 16px;
    justify-content: center;
    opacity: 0.4;
}



.post-body {margin-left: 245px;}
.post-box {padding: 10px; text-align: justify;}


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

.post-links {margin-left: 300px;}

.post-links ul {
    padding: 0 10px 50px 0;
    margin-left: -300px;
    text-align: right;
    text-transform: lowercase;
}

.post-links li {
    display: inline;
    padding-left: 5px;
transition: all .2s ease;
}

.post-links li a {
    display: inline-block;
    border: 1px solid #bdbdbd;
    background: var(--pun-soft);
    border-radius: 5px;
    padding: 2px 9px;
    font: 400 12px/1 var(--sec-font);
    letter-spacing: 0.3px;
}
.post-links li a:hover {
    border: 1px solid #727272;
    background: #f3f3f3;
    color: #000;
}

.pl-email, .pl-website {float: left;}
.clearer {clear: both; height: 0; font-size: 0;}

textarea#main-reply {
text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%; 
-webkit-text-size-adjust: 100%;
}

.punbb textarea {
    background: #E4E4E4;
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    border: none;
    font: 1em verdana, arial, helvetica, sans-serif;
}


/***   КНОПКИ   ***/
button,
.button,
input[type="button"],
input[type="submit"] {
    background: #151515;
    color: rgb(245 245 245);
    margin: 4px !important;
    padding: 5px 10px;
    font: 400 13px / 1 var(--sec-font);
    text-transform: lowercase;
    cursor: pointer;
    transition: all .2s ease;
    display: inline-flex;
border: none;
    border-radius: 5px;
}

button:hover,
.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  background: var(--acc-color);
  color: #000;
}

button:disabled,
.button:disabled,
input:disabled {
  background: rgb(20 20 20 / .12);
  color: rgb(20 20 20 / .388);
  cursor: not-allowed;
}

button:disabled:hover,
.button:disabled:hover,
input:disabled:hover {
  background: rgb(20 20 20 / .12) !important;
  color: rgb(20 20 20 / .388) !important;
}

/* ================== */

/* Подпись в топике */
.post-sig dt, .post-sig dd, .post-sig dl {margin: 0} 
.post-sig dt {
display: block;
margin: 5px 0;
}

/* Контент поста */
pre {font: 11px monaco;}
.post-content em {font-style: italic}
.post .post-content td {border-width: 0px !important;}
.post-content em.bbuline {font-style: normal; text-decoration: underline;}
.post-content p {
margin: 0;
line-height: 150%;
padding: 8px 0 12px 0;
overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

.post-content p a {
font-weight: bold;
    color: #48477a !important;
}
.post-content p a:hover {
    color: #000!important;
}

.post-content .highlight-text {
    background-color: #bac1e5!important;
}

.post-content img {vertical-align: middle;}
.scrollbox {
width: 100%;
overflow: auto;
max-height: 200px;
}
.quote-box, .code-box {
margin: 10px 0px 10px;
    padding: 13px;
    background: #E4E4E4;
    border-radius: 10px;
}
.quote-box cite {
    display: block;
    text-transform: lowercase;
    padding-bottom: 6px;
    font: 800 15px / 1 var(--def-font);
}

.code-box strong.legend {
    display: block;
    padding-bottom: 13px;
    text-transform: lowercase;
    font: 800 14px / 1 var(--def-font);
}

.code-box pre {
    font: 400 11px / 160% 'courier new';
    white-space: break-spaces;
    color: #4a4a4a;}

blockcode,
blockquote {
  overflow: hidden;
}

.code-box .scrollbox {
  width: 100%;
  overflow: hidden auto;
  height: auto !important;
  max-height: 20vh;
}

/* ================== */

/* Формы */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 3px;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {height: 20px; vertical-align: middle;}

textarea, input, select, optgroup {font-size: 14px;}
optgroup {font-weight: bold;}

#pun-admain textarea, #pun-admain input, #pun-admain select, #pun-admain optgroup {
    font: 1em verdana, arial, helvetica, sans-serif;
}

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

.formsubmit {
padding: 0 0 0 15px;
margin: 0px 0 0 0;
}
.formsubmit input, .formsubmit a, .formsubmit span {margin: 0 6px 0 0;}

fieldset {border: none;}
fieldset legend {
font-style: italic;
font-weight: bold
}
fieldset fieldset {
border: none;
margin: 0;
padding: 0 0 8px 0
}
.fs-box {padding: 5px 0;}
.fs-box p, .fs-box fieldset {padding: 0 0 8px 0;}

.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-size: 10px;}
textarea, .longinput input {width: 64%; margin: 0;}
.hashelp {position: relative;}

/* ================== */

/* Предпросмотр сообщения */
#pun-post .topic {margin-top: 10px;}

/* ================== */

/* Профиль + ЛС */
#profile .container {padding-left: 0px;}

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

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

/***   КНОПКИ-ВКЛАДКИ В ЛС И ПРОФИЛЕ   ***/
#profilenav li {
    margin: auto 2px 6px 2px;
    padding: 2px 5px;
    border-radius: 4px;
    font: 400 12px var(--sec-font);
    background: #161616;
    display: inline-flex;
    text-transform: lowercase;
    transition: all .1s ease-in-out;
}

/***   КНОПКИ-ВКЛАДКИ ПРИ НАВЕДЕНИИ   ***/
#profilenav li:hover, #profilenav li:focus, #pun-main li.isactive {
background: var(--acc-color);}

#profilenav li a {
color: #fff;
}
#profilenav li a:hover {
color: #000;
}

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

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

div#profilenav {
    display: block !important;
}

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

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

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

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

label {
    cursor: default;
    font: 500 14px 'Jost';
    text-transform: lowercase;
}



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



/* ================== */

/* Список пользователей */
#pun-userlist .formal, #pun-userlist .formal .container {margin-bottom: 0;}
#pun-userlist .tc2 {
text-align: left;
width: 20%;
}
#pun-userlist .tcl {width: 40%}

/* ================== */

/* Собщения об ошибках */
.info .container {padding: 5px 10px;}
.info .container .backlink {padding-top: 8px;}

/* ================== */

/* Регистрация */
.info-box {
padding: 10px 15px;
margin: 0 0 10px 0;
}
.info-box * {padding: 0 0 5px 0;}
.info-box .legend {font-weight: bold;}


/* аватар юзера */
#pun-index .user-avatar, .punbb .user-avatar {
    display: none!important;
}

del {
    filter: blur(2px);
    text-decoration: none;
    transition:.10s;
}
del:hover {
    filter: initial;
    transition:.10s;
}


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

#pun_wrap #post .container[id$="-area"],
#video-area-tinp,
#image-area-tinp,
.pun-modal .modal-inner,
.inner,
#post-sig .container[id$="-area"] {
    background: #f1f1f1;
    border: none;
    border-radius: 8px;
}

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

.post-content .spoiler-box>div {
background: none !important;
    cursor: pointer;
    padding-left: 32px !important;
    position: relative;
    text-transform: lowercase;
    border-radius: 5px;
    font: 700 14px / 1 var(--def-font);
    color: #363636;
}

.post-content .spoiler-box>div::before {
content: "\f6e2";
    font-family: "Font Awesome 6 Pro";
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transition: transform .25s ease;
    color: #000000b3;
}

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

/* выделение текста */
::selection {
    background: #0000001f;
    color: #000000;
}

/* текст с подсказкой */
.post-content p abbr {
    text-decoration: underline;
    text-decoration-color: #5959a1;
    text-decoration-style: wavy;
    text-decoration-thickness: 0.5px;
    cursor: pointer;
}

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

.status-offline::after,
.status-online::after {
position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-family: "Font Awesome 6 Pro" !important;
    font-weight: 900 !important;
    font-size: 12px;
}

.status-offline::after {
    content: '\f4c9';
    color: #b9b9b9;
}

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

/* Контейнеры */
.status-container,
.status-online,
.status-offline {
position: absolute !important;
    top: -2px;
    left: 192px;
    width: 10px;
    height: 10px;
    z-index: 100;
    cursor: pointer;
}

/* БыстроПлюсы для Топика */
.post-rating p a {
display: inline-flex;
    align-items: center;
    gap: 5px;
    font: italic 700 13px / 0 var(--cursivef);
    background: #e4e4e4;
    border-radius: 5px;
    padding: 3px 7px;
    color: #818181;
    text-decoration: none;
}

.post-rating p a::before {
content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    background-color: #818181;
    -webkit-mask: url(https://forumstatic.ru/files/001c/c4/75/12074.svg) center / contain no-repeat;
    mask: url(https://forumstatic.ru/files/001c/c4/75/12074.svg) center / contain no-repeat;
    transform: rotate(0deg);
    transition: background-color 0.3s ease, transform 0.3s ease-out;
}

.post-rating p:hover a::before {
    background-color: #585858;
    animation: swing 0.7s ease-in-out infinite; 
}
.mylike .post-rating p a::before {
    background-color: var(--acc-color);
}

@keyframes swing {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(-15deg); }
    75% { transform: rotate(15deg); }
    100% { transform: rotate(0deg); }
}

/* Комментарии */
div.post-vote {
    margin-bottom: 65px;
}
div.post-vote p>a {
font-size: 0 !important;
    position: absolute;
    cursor: pointer;
    z-index: 200;
    width: 15px;
    height: 15px;
    background-color: #828282;
    -webkit-mask: url(https://forumstatic.ru/files/001b/bd/50/86006.svg) center / contain no-repeat;
    mask: url(https://forumstatic.ru/files/001b/bd/50/86006.svg) center / contain no-repeat;
    display: block;
    background-size: 100%;
    margin-left: -4px;
    margin-top: 7px;
}

.fonchiki {
    display: grid;
    grid-template-columns: repeat(8, 70px);
    gap: 10px;
    justify-content: center;
    align-content: start;
    padding: 15px;
    box-sizing: border-box;
    line-height: 0; 
    font-size: 0;
}

.fonchiki br {
    display: none !important;
}

.fonchiki img {
    display: block !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    object-fit: cover;
    object-position: top;
    border-radius: 8px;
    box-shadow: 2px 2px 4px #0000003b;
    transition: all 0.2s ease-out;}

.fonchiki img:hover {
    filter: none;
    box-shadow: 2px 2px 4px #0000008c;
}

.hvStickerPackModal {
    padding: 12px 13px 9px!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #999;
    border-radius: 11px!important;
    background: #e4e4e4!important;
    position: absolute;
    display: none;
    bottom: 34px!important;
    left: 0;
    z-index: 100;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.hvStickerPackModalContent {
    border: none!important;
    padding: 9px!important;
    min-height: 70px!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-height: 233px!important;
    overflow-x: hidden;
    overflow-y: auto;
}

#navprofiles {
  position: relative;
  z-index: 999;
}

#pun-navlinks.section .multiacc-profilemenu {
  position: absolute;
  top: 20px;
  right: 0px;
  width: max-content;
  height: auto;
  background: #f4f4f4;
  border-radius: 20px;
  border-inline: 1px solid #999;
  color: #333;
}

.multiacc-profilemenu li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 12px;
  gap: 10px;
  width: 100%;
}

.multiacc-profilemenu li a {
  display: block;
  flex-grow: 1;
  text-align: left;
  padding-left: 20px;
  position: relative;
}

.multiacc-profilemenu li:first-child {
  background-color: #e0e0e0;
  font-weight: 700;
}

#pun-navlinks.section .multiacc-profilemenu li {
  position: relative;
  display: flex;
  justify-content: space-evenly;
  align-items: flex-end;
  font-size: 0.8rem;
  padding: 6px 16px 10px;
  border-bottom: 1px solid #64695c69;
  top: 0;
}

#pun-navlinks.section .multiacc-profilemenu li:last-child {
  border-bottom: 0;
}

#pun-navlinks.section .multiacc-profilemenu li:hover {
  box-shadow: inset 0px 0px 30px 3px rgba(43, 67, 62, 0.2);
}

#pun-navlinks.section .multiacc-profilemenu li a {
  color: #555;
}

#pun-navlinks.section .multiacc-profilemenu li a:hover {
  color: #888;
}


/***   СКРИПТ СМЕНЫ АККАУНТОВ   ***/

#navprofiles {
  position: relative;
  z-index: 10000;
}

.multiacc-profilemenu {
  position: absolute;
  z-index: 10000;
}

.multiacc-delete-btn {
  background: none;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  margin-left: auto;
}

.multiacc-dialog {
  z-index: 9999;
  padding: 10px;
  font-size: 0.8rem;
  background: #e8e8e8 !important;
  border: 1px solid #999;
  color: #333;
}

.multiacc-dialog > form {
  border: 1px solid #ccc;
  padding: 10px 10px 2px;
}

.multiacc-dialog input {
  padding: 4px 10px;
  border: 1px solid #b9bfb0;
}

.multiacc-dialog div {
  display: flex;
  justify-content: center;
}

.multiacc-dialog div:not(.multiacc-dialog div:last-child) {
  flex-direction: column;
}

.multiacc-dialog button {
  margin: 6px;
  padding: 4px 8px;
  background: #f4f4f4;
  color: #555;
  border-inline: 1px solid #999;
  border-block: 0;
  border-radius: 4px;
  cursor: pointer;
}

.multiacc-dialog button:hover {
  color: #444;
}

/***   СТИЛИ ГАЧИ   ***/

#gacha-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 9998;
}

#gacha {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 320px;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #aaa;
  z-index: 9999;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

#gacha-roll {
    background-color: #000000;
    font-family: Noto Sans Mono;
    border: none;
    padding: 4px 10px;
    transition: background-color 1s ease-in;
    width: 100%
}

#gacha-roll:hover {
    background-color: #aab4ce;
}

#gacha input {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 6px;
    padding: 6px 10px;
}

#gacha-result-text {
    margin-bottom: 10px;
    text-align: center;
    font-family: Noto Sans Mono;
    font-size: 16px;
    font-style: italic;
}

#gacha-result-subline {
    font-size: 10px;
    text-align: center;
    margin-bottom: 6px;
}


/* ===== Страница личных сообщений ===== */

#profile.messages-container #plng {
  display: none !important;
}

#profile.messages-container fieldset {
    border-radius: 6px;
    background: #e5e5e5;
    padding: 12px 16px;
    margin-bottom: 20px;
}

#profile.messages-container fieldset legend {
  padding: 0;
  margin: 0 0 0 10px;
}

#profile.messages-container fieldset legend strong,
#profile.messages-container fieldset legend span {
display: inline-block;
    padding: 2px 11px;
    background: #161616;
    border-radius: 4px;
    font: 400 13px "Jost", sans-serif;
    letter-spacing: .08em;
    text-transform: lowercase;
    color: #ebebeb;
}

/***** Стиль. Вкладки в постах вв-кодами. (done by Kolobdur) *****/

/* Оформление в посту */
.wrapper{
  display: grid;
  grid-template:
                 ". buttop ." auto
                 "butleft windows butright" auto
                 ". butbottom ." auto 
                 / auto 1fr auto;				 
  overflow: hidden;
}

.buttop {grid-area: buttop;}
.butleft {grid-area: butleft;}
.butright {grid-area: butright;}
.butbottom {grid-area: butbottom;}

.buttons {z-index: 2;}

.buttons div {
  padding: 10px 20px;
  transition: background-color .3s;
  color: #222222;
  text-align: center;
  cursor:pointer;
border-radius: 7px;
background: #ededed;
}

.buttop, .butbottom {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
font: 500 13px var(--def-font);
gap: 6px;
padding-top: 13px;
}

.windows{
  position: relative;
    display: grid;
    grid-area: windows;
    background: transparent;
    color: #000;
}

.window {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.window.activevkladka {
  position: static; 
}

.window {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  overflow: auto;
  line-height: 1.4em;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.2s, transform 0.2s;
  transition-delay: 0.4s;
    padding: 21px 10px 0 0;
  z-index: 0;
}

.wrapper > br, .wrapper > p, .buttons > br, .buttons > p, .windows > br, .windows > p {
  display: none;
}

.windows > div {
  transition: transform 0.2s;
  transform: translateX(86%);
}
 
.windows > .activevkladka {
  transform: translateY(0px);
  transform: translateX(0%);
  opacity: 1;
  z-index: 1;
}

.buttons div:hover,
.buttons > .activevkladka {
    background: #303030 !important;
    color: #ededed !important;
}

/* Оформление вв-кода */
.icons-vkladka:before {
  content: '\412\043A\043B\0430\0434\043A\0438';
  font-size: 12px;
} 
.icons-vkladka:hover:before{margin-top: -4px;}
.icons-vkladka:hover, .tab-list:hover {
  color: #129FEA;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -ms-transition: transform 0.2s ease-in-out;
}
#vkladka-area div {
  cursor: pointer;
  font-weight: normal;
  width: 220px;
  margin-bottom: 10px;
}
#vkladka-area div:hover {overflow: hidden;}
.tab-list:hover {transform-origin: center left;}
#vkladka-area span {display: none;}


/***   ссылка трекера эпизодов   ***/
#episodesOpenBtn {
    color: #E1821D !important;
    padding: 0px 5px;
    border-radius: 4px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;}



/***   снс   ***/

.msngr-skin {
  --msngr-bubble-own: #3b82f6;
  --msngr-bubble-own-text: #ffffff;
  --msngr-bubble-other: #e5e5ea;
  --msngr-bubble-other-text: #111111;
}

/* меню */
.msngr-skin #pun-navlinks{
  display:block !important;visibility:visible !important;
  padding:6px 0;
}
.msngr-skin #pun-navlinks .container{
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    padding: 8px 20px;
    margin: 0 auto;
    border-radius: 12px;
    transform: translateY(50px) !important;
    background: #0000006b;
    width: max-content;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);}
.msngr-skin #pun-navlinks li{list-style:none;display:flex !important}
.msngr-skin #pun-navlinks li a{display:flex !important}
.msngr-skin #pun-navlinks span{font-size:14px;line-height:1;color:#ccc}
.msngr-skin #pun-navlinks .msngr-nav-icon{
  font-family:"Font Awesome 6 Pro" !important;
  font-weight:900 !important;
  font-style:normal !important;
  font-size:18px !important;
  color:#ccc !important;
  line-height:1;
  display:inline-block;
  transition:color .15s ease
}
.msngr-skin #pun-navlinks li a:hover .msngr-nav-icon{
  color:var(--acc-color, #3b82f6) !important;
}
.msngr-skin #pun-navlinks .multiacc-profilemenu{display:none}

/* статус-бар: фикс. позиция, ширина как у #pun */
.msngr-skin .msngr-status-bar{
  position:absolute;
  top:12px; 
  left:50%;
  transform:translateX(-50%);
  width:970px;
  max-width:100%;
  padding:0 15px;
  box-sizing:border-box;
  display:flex;align-items:center;justify-content:space-between;
  font:500 11px 'Inter';color:#fff;
  z-index:1000;
  pointer-events:none;
}
.msngr-skin .msngr-status-left,
.msngr-skin .msngr-status-right{display:flex;align-items:center;gap:8px;pointer-events:auto}
.msngr-skin .msngr-status-icon{font-style:normal}
.msngr-skin .msngr-status-icon::before{font-family:"Font Awesome 6 Pro";font-weight:900;font-style:normal;font-size:12px;color:#fff}
.msngr-skin .msngr-signal::before{content:"\f012"}
.msngr-skin .msngr-wifi::before{content:"\f1eb"}
.msngr-skin .msngr-battery::before{content:"\f240"}
.msngr-skin .msngr-status-clock{font:500 11px 'Inter';color:#fff}

.msngr-skin #notify-link.msngr-notify-btn{list-style:none}
.msngr-skin #notify-link.msngr-notify-btn a{
  display:flex;align-items:center;color:#fff;text-decoration:none;
  font-size:0;position:relative
}
.msngr-skin #notify-link.msngr-notify-btn a::before{
  font-family:"Font Awesome 6 Pro";font-weight:900;font-style:normal;
  content:"\f0f3";font-size:14px;color:#fff
}
.msngr-skin #notify-link.msngr-notify-btn .unreads{
  font-size:9px;background:#ff3b30;color:#fff;border-radius:50%;
  min-width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center;
  position:absolute;top:-4px;right:-6px;padding:0 2px
}

.msngr-skin.msngr-list, .msngr-skin.msngr-list *{font-family:'Inter',sans-serif}

/* список чатов — в духе iMessage */
.msngr-skin .msngr-chat-search{
  display:flex;align-items:center;gap:8px;
  margin:8px 12px 12px;padding:8px 12px;
  background:#e9e9ec;border-radius:10px
}
.msngr-skin .msngr-chat-search-icon{font-style:normal;color:#8a8a8e}
.msngr-skin .msngr-chat-search-icon::before{
  font-family:"Font Awesome 6 Pro";font-weight:900;font-style:normal;
  content:"\f002";font-size:13px
}
.msngr-skin .msngr-chat-search input{
  border:none;background:transparent;outline:none;flex:1 1 auto;
  font:400 14px 'Inter';color:#1c1c1e
}
.msngr-skin .msngr-chat-search input::placeholder{color:#8a8a8e}

.msngr-skin tr.msngr-row{width: 98% !important;gap:12px;padding: 5px 24px 18px 12px !important;border-bottom:1px solid rgba(0,0,0,.08)}
.msngr-skin td.msngr-chat-avatar{flex:0 0 48px !important}
.msngr-skin .user-avatar{display:block !important;position:relative}
.msngr-skin td.msngr-chat-avatar .avatar-image{
  display:block;width:48px;height:48px;border-radius:50%;background-size:cover;background-position:center;
  border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.08)
}
/* .isonline: онлайн-статус не подтверждён, сейчас: непустой класс = онлайн */
.msngr-skin .user-avatar .isonline{
  position:absolute;bottom:-1px;right: -12px !important;width:9px;height:9px;border-radius:50%;
  border:2px solid #fff;box-sizing:content-box;background:#b0b0b6
}
.msngr-skin .user-avatar .isonline[class]:not([class=""]):not([class="isonline"]){background:#34c759}

.msngr-skin td.msngr-chat-name{flex:1 1 auto !important;text-transform:none !important}
.msngr-skin td.msngr-chat-name .tclcon > a{font:600 15px 'Inter';color:#1c1c1e;text-decoration:none}
.msngr-skin td.msngr-chat-name .tclcon .byuser,
.msngr-skin td.msngr-chat-name .tclcon .byuser-username{font:400 13px 'Inter';color:#8a8a8e}
.msngr-skin td.msngr-chat-name .tclcon .acchide{display:none}
.msngr-skin td.msngr-chat-name .icon,
.msngr-skin :is(#pun-viewforum, #pun-searchtopics, #pun-modviewforum, #profile.messages-container) tbody td.tcl .icon{
  display:none !important
}
.msngr-skin td.msngr-chat-time .byuser{display:none !important}

.msngr-skin td.msngr-chat-time{flex:0 0 200px !important;justify-content:flex-end !important;gap:6px;font:400 12px 'Inter';opacity:.6}
.msngr-skin .msngr-chat-arrow{font-style:normal;opacity:.5}
.msngr-skin .msngr-chat-arrow::before{font-family:"Font Awesome 6 Pro";font-weight:900;font-style:normal;content:"\f105";font-size:13px}

/* фон переписки */
.msngr-skin.msngr-topic .msngr-chat-body{
  background:#eef0f3;
  padding:16px;
  border-radius:12px;
  max-height: 1000px;
  overflow-y: auto;
  scrollbar-width:thin;
  scrollbar-color:#d0d2d6 transparent;
}
.msngr-skin.msngr-topic .msngr-chat-body::-webkit-scrollbar{width:6px}
.msngr-skin.msngr-topic .msngr-chat-body::-webkit-scrollbar-track{background:transparent}
.msngr-skin.msngr-topic .msngr-chat-body::-webkit-scrollbar-thumb{background:#d0d2d6;border-radius:3px}
.msngr-skin.msngr-topic .msngr-chat-body::-webkit-scrollbar-thumb:hover{background:#bcbfc4}

/* шапка чата */
.msngr-chat-header{
  display:flex;align-items:center;gap:10px;
  padding:10px 16px;margin:0 0 14px;
  background:#fff;border-radius:12px;
  box-shadow:0 1px 4px rgba(0,0,0,.08);
  position: sticky;
  top: 0;
  z-index: 999;
}
.msngr-back-arrow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:22px;height:22px;color:#555;text-decoration:none}
.msngr-back-icon{font-style:normal}
.msngr-back-icon::before{font-family:"Font Awesome 6 Pro";font-weight:900;font-style:normal;content:"\f3e5";font-size:16px}
.msngr-chat-header-avatars{display:flex;align-items:center;flex:0 0 auto}
.msngr-chat-header-cover{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.msngr-chat-header-avatar{
  width:32px;height:32px;border-radius:50%;object-fit:cover;
  border:2px solid #fff;margin-left:-10px;display:block
}
.msngr-chat-header-avatar:first-child{margin-left:0}
.msngr-chat-header-more{
  width:32px;height:32px;border-radius:50%;background:#d6d8dc;color:#555;
  display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;
  margin-left:-10px;border:2px solid #fff
}
.msngr-chat-header-text{flex:1 1 auto;min-width:0}
.msngr-chat-header-title{font:700 15px 'Inter';margin:0}
.msngr-chat-header-sub{font:300 12px 'Inter';color:#8a8a8e;margin-top:2px}

/* панель оформления: кружки, макс 5 + "ещё" */
.msngr-theme-wrap{position:relative;flex:0 0 auto}
.msngr-theme-toggle{
  width:32px;height:32px;border-radius:50%;border:none;background:#f1f2f4;color:#555;
  display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px
}
.msngr-theme-toggle:hover{background:#e3e5e8}
.msngr-theme-panel{
  position:absolute;top:calc(100% + 8px);right:0;z-index:20;
  background:#fff;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.2);
  padding:14px;width:230px;
  font-family:'Inter',sans-serif;
}
.msngr-theme-label{font:600 11px 'Inter';color:#8a8a8e;margin:10px 0 6px;text-transform:uppercase;letter-spacing:.02em}
.msngr-theme-label:first-child{margin-top:0}
.msngr-theme-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}
.msngr-theme-swatch,
.msngr-theme-preset{
  appearance:none;-webkit-appearance:none;
  width:28px;height:28px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.12);
  cursor:pointer;padding:0;flex:0 0 auto
}
.msngr-theme-swatch:hover,
.msngr-theme-preset:hover{box-shadow:0 0 0 2px rgba(0,0,0,.25)}
.msngr-theme-custom-color{
  appearance:none;-webkit-appearance:none;
  width:28px;height:28px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.12);
  cursor:pointer;padding:0;overflow:hidden;background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red);
  flex:0 0 auto
}
.msngr-theme-custom-color::-webkit-color-swatch-wrapper{padding:0}
.msngr-theme-custom-color::-webkit-color-swatch{border:none;border-radius:50%}
.msngr-theme-more{
  width:28px;height:28px;border-radius:50%;border:none;background:#f1f2f4;color:#555;
  font:600 14px 'Inter';cursor:pointer;flex:0 0 auto;line-height:1
}
.msngr-theme-more:hover{background:#e3e5e8}
.msngr-theme-hex{
  width:100%;border:1px solid #d6d8dc;border-radius:8px;
  padding:6px 8px;font:400 12px 'Inter';box-sizing:border-box;margin:2px 0 10px
}
.msngr-theme-bg-preset{
  width:28px;height:28px;border-radius:50%;border:none;background-size:cover;background-position:center;
  cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.12);flex:0 0 auto
}
.msngr-theme-upload{
  display:block;font:400 12px 'Inter';color:#3b82f6;cursor:pointer;margin:2px 0 8px
}
.msngr-theme-upload input{display:block;margin-top:4px;font-size:11px;width:100%}
.msngr-theme-reset{
  width:100%;border:none;background:#f1f2f4;color:#555;border-radius:8px;
  padding:7px 0;font:600 12px 'Inter';cursor:pointer;margin-top:4px
}
.msngr-theme-reset:hover{background:#e3e5e8}

/* пузыри */
.msngr-skin.msngr-topic .post .post-author,
.msngr-skin.msngr-topic .post .post-links,
.msngr-skin.msngr-topic .post > h3{display:none}

.msngr-skin.msngr-topic .post.msngr-post{
  position:static !important;float:none !important;box-sizing:border-box !important;
  display:flex;align-items:center;gap:8px;
  width:auto !important;max-width:640px !important;
  margin:0 0 14px;padding:0;border:none;background:transparent
}
.msngr-skin.msngr-topic .post.msngr-own{flex-direction:row-reverse;margin-left:auto}
.msngr-skin.msngr-topic .post.msngr-other{margin-right:auto}
.msngr-skin.msngr-topic .post.msngr-has-quote{margin-top:46px}

.msngr-skin.msngr-topic .post .container,
.msngr-skin.msngr-topic .post .post-body{
  display:contents;
}
.msngr-skin.msngr-topic .post .post-box{
  position:static !important;float:none !important;width:auto !important;
  max-width:100% !important;margin:0 !important;padding:0 !important;box-sizing:border-box !important;
  display:flex !important;flex-direction:column !important;
}
.msngr-skin.msngr-topic .post.msngr-own .post-box{align-items:flex-end !important}
.msngr-skin.msngr-topic .post.msngr-other .post-box{align-items:flex-start !important}
.msngr-skin.msngr-topic{overflow-x:hidden}

/* аватар + статус */
.msngr-skin .msngr-avatar{flex:0 0 auto;display:block;position:relative}
.msngr-skin .msngr-avatar img{width:30px;height:30px;border-radius:50%;object-fit:cover;display:block;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.08);box-sizing:border-box}
.msngr-skin .msngr-avatar-fallback{
  width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#fff;font:600 12px 'Inter';flex:0 0 auto
}
.msngr-chat-header-avatar.msngr-avatar-fallback{width:32px;height:32px;font-size:12px}
.msngr-skin .msngr-status-dot{
  position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;border-radius:50%;
  border:2px solid #fff;box-sizing:content-box
}
.msngr-skin .msngr-status-dot.msngr-online{background:#34c759}
.msngr-skin .msngr-status-dot.msngr-offline{background:#b0b0b6}

/* обёртка .post-content, сам контент не трогаем */
.msngr-skin .msngr-bubble-wrap{
  position:relative;
  display:inline-block;
  max-width:100%;
}
.msngr-skin .msngr-bubble{
  display:block;padding:10px 14px;border-radius:18px;line-height:1.4;word-break:break-word
}
.msngr-skin .msngr-own .msngr-bubble{background:var(--msngr-bubble-own);color:var(--msngr-bubble-own-text);border-bottom-right-radius:4px}
.msngr-skin .msngr-other .msngr-bubble{background:var(--msngr-bubble-other);color:var(--msngr-bubble-other-text);border-bottom-left-radius:4px}
.msngr-skin .msngr-bubble p{margin:0 0 6px; font: 14px 'Inter';}
.msngr-skin .msngr-bubble p:last-child{margin-bottom:0}
.msngr-skin .msngr-bubble .lastedit{font-size:11px;opacity:.6}

/* время + галочки */
.msngr-skin .msngr-time{
  display:block;
  font:400 12px 'Inter';
  opacity:.6;
  margin:10px 4px 0;
}
.msngr-skin .msngr-own .msngr-time{text-align:right}
.msngr-skin .msngr-own .msngr-time::after,
.msngr-skin .msngr-other .msngr-time::after{
  font-family:"Font Awesome 6 Pro";font-weight:900;content:"\f560";
  margin-left:5px;font-size:10px;color:#3b82f6;opacity:.85
}

/* цитата поверх пузыря */
.msngr-skin .msngr-bubble .quote-box,
.msngr-skin .msngr-bubble .quote-box *{
  all:unset;
  display:revert;
  font: 12px 'Inter';
  color: var(--msngr-quote-text, #646464);
  text-align: left;
}
.msngr-skin .msngr-bubble .quote-box cite{
  display:none;
}
.msngr-skin .msngr-bubble .quote-box{
  display:block;
  position:absolute;
  bottom:calc(100% + 14px);
  left:0;
  border: 2px solid #bfc0c5;
  color:inherit;
  border-radius:14px;
  padding:6px 10px;
  font-size:12px;
  line-height:1.3;
  width:300px;
  z-index:1;
}
/* веточка */
.msngr-skin .msngr-bubble .quote-box::after{
  content:"";
  position:absolute;
  top:100%;left:14px;
  width:2px;height:12px;
  background:#bfc0c5;
}
.msngr-skin .msngr-own .msngr-bubble .quote-box{
  left:auto;right:0;
}
.msngr-skin .msngr-own .msngr-bubble .quote-box::after{
  left:auto;right:14px;
}

/* картинки-миниатюры */
.msngr-skin .msngr-attachment{
  width:60px;height:60px;object-fit:cover;border-radius:8px;display:block;cursor:pointer
}
.msngr-skin .msngr-attachment-link{display:inline-block}

/* иконки сбоку */
.msngr-skin .msngr-actions{
  position:absolute;top:50%;transform:translateY(-50%);
  display:flex;flex-direction:column;gap:4px;
  opacity:0;pointer-events:none;transition:opacity .15s ease
}
.msngr-skin .msngr-own .msngr-actions{right:calc(100% + 6px)}
.msngr-skin .msngr-other .msngr-actions{left:calc(100% + 6px)}

/* лайк в углу */
.msngr-skin .msngr-like{
  position:absolute;bottom:-10px;
  display:flex;align-items:center;gap:4px;
  opacity:0;pointer-events:none;transition:opacity .15s ease
}
.msngr-skin .msngr-own .msngr-like{left:8px}
.msngr-skin .msngr-other .msngr-like{right:8px}

.msngr-skin .post.msngr-post:hover .msngr-actions,
.msngr-skin .post.msngr-post:focus-within .msngr-actions,
.msngr-skin .post.msngr-post:hover .msngr-like,
.msngr-skin .post.msngr-post:focus-within .msngr-like{
  opacity:1;pointer-events:auto
}

.msngr-skin .msngr-actions > *,
.msngr-skin .msngr-like > *{
  min-width:20px;height:20px;border-radius:10px;
  background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);
  display:flex;align-items:center;justify-content:center;
  padding:0 !important;margin:0 !important;
  font-size:0 !important;text-decoration:none !important;
  color:#444 !important;
  opacity:.55;
  transition:opacity .12s ease,color .12s ease
}
.msngr-skin .msngr-actions > *:hover,
.msngr-skin .msngr-like > *:hover{
  color:#111 !important;
  opacity:1
}
.msngr-skin .msngr-like > .msngr-like-btn{opacity:1 !important}

.msngr-skin .post-vote{display:none !important}

.msngr-skin .msngr-like-btn p{
  all:unset !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  width:100% !important;height:100% !important
}
.msngr-skin .msngr-like-btn a{
  all:unset !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:4px !important;
  width:100% !important;height:100% !important;
  font:600 11px 'Inter' !important;
  color:#555 !important;
  cursor:pointer !important;
  padding:0 8px !important;
}
.msngr-skin .msngr-like-btn a::before{
  font-family:"Font Awesome 6 Pro" !important;
  font-weight:900 !important;
  content:"\f004" !important;
  font-size:12px !important;
  color:#555 !important;
  background:none !important;
  background-color:transparent !important;
  -webkit-mask:none !important;
  mask:none !important;
  width:auto !important;height:auto !important;
  display:inline-block !important;
  flex:0 0 auto
}
.msngr-skin .msngr-like-btn a:not(.msngr-like-pop)::before,
.msngr-skin .post-rating p:hover a:not(.msngr-like-pop)::before{
  transform:none !important;
  animation:none !important;
}
.msngr-skin .msngr-like-btn a:hover::before{
  color:#e0245e !important;
}

.msngr-skin .msngr-like-btn{border-radius:11px}
.msngr-skin .msngr-like-btn.msngr-like-zero{
  width:20px !important;min-width:20px !important;height:20px !important;
  border-radius:50% !important;padding:0 !important
}
.msngr-skin .msngr-like-btn.msngr-like-zero a{
  padding:0 !important;justify-content:center !important;align-items:center !important;gap:0 !important;font-size:0 !important
}
.msngr-skin .msngr-like-btn.msngr-like-zero a::before{font-size:12px;line-height:1}

@keyframes msngrLikePop{
  0%{transform:scale(1)}
  35%{transform:scale(1.45)}
  60%{transform:scale(.9)}
  100%{transform:scale(1)}
}
.msngr-skin .msngr-like-btn a.msngr-like-pop::before{
  animation:msngrLikePop .4s ease;
  color:#e0245e !important;
}

.msngr-skin .mylike .msngr-like-btn a::before,
.msngr-skin .msngr-like-btn.mylike a::before,
.msngr-skin .msngr-post.mylike .msngr-like-btn a::before{
  color:var(--acc-color, #e0245e)
}

.msngr-skin .msngr-quote-btn::before{font-family:"Font Awesome 6 Pro" !important;font-weight:900 !important;content:"\f10e" !important;font-size:10px !important;color:inherit !important}
.msngr-skin .msngr-edit-btn::before{font-family:"Font Awesome 6 Pro" !important;font-weight:900 !important;content:"\f304" !important;font-size:10px !important;color:inherit !important}
.msngr-skin .msngr-delete-btn::before{font-family:"Font Awesome 6 Pro" !important;font-weight:900 !important;content:"\f2ed" !important;font-size:10px !important;color:inherit !important}
.msngr-skin .msngr-quote-btn,
.msngr-skin .msngr-edit-btn,
.msngr-skin .msngr-delete-btn{color:#444 !important}
.msngr-skin .msngr-quote-btn:hover,
.msngr-skin .msngr-edit-btn:hover,
.msngr-skin .msngr-delete-btn:hover{color:#111 !important}

@media (max-width:600px){
  .msngr-skin.msngr-topic .post.msngr-post{max-width:88%}
  .msngr-skin .msngr-actions{position:static;transform:none;flex-direction:row;opacity:1;pointer-events:auto;margin-top:4px}
  .msngr-skin .msngr-own .msngr-actions,
  .msngr-skin .msngr-other .msngr-actions{left:auto;right:auto}
}

/* скрыть шапку форума */
.msngr-skin #custom_table,
.msngr-skin #pun-title table,
.msngr-skin .spirit_nav-wrap,
.msngr-skin .news-list,
.msngr-skin #pun-debug h2,
.msngr-skin .punbb .main h1,
.msngr-skin #pun-status .container {
    display: none !important;
}
.msngr-skin #pun-crumbs1{text-align:center;padding:0px 15px}
.msngr-skin #pun-crumbs1 .msngr-back-arrow{display:inline-flex}

.msngr-skin #pun {
 border-radius: 40px 40px 40px 40px;
}

.msngr-skin #pun-announcement .container {
    padding: 0 10px;
}
.msngr-skin .banners {
display:none;
}

/* кнопка "+" в форме ответа */
.msngr-skin .msngr-extra-btn{position:relative;cursor:pointer;line-height:normal !important;vertical-align:middle !important}
.msngr-skin .msngr-extra-icon{
  display:inline-flex !important;align-items:center;justify-content:center;
  width:18px;height:18px;line-height:1 !important
}
.msngr-skin .msngr-extra-icon::before{font-family:"Font Awesome 6 Pro";font-weight:900;content:"\f067";font-size:16px}
.msngr-skin .msngr-extra-menu{
  position:absolute;bottom:100%;left:0;z-index:99;
  background:#fff;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.2);
  padding:4px;min-width:170px
}
.msngr-skin .msngr-extra-menu-item{padding:6px 10px;font-size:12px;border-radius:6px;cursor:pointer;white-space:nowrap;color:#222}
.msngr-skin .msngr-extra-menu-item:hover{background:#f1f2f4}

/* голосовое */
.msngr-skin .msngr-voice{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:14px;background:rgba(0,0,0,.08);cursor:pointer;max-width:220px}
.msngr-skin .msngr-own .msngr-bubble .msngr-voice{background:rgba(255,255,255,.22)}
.msngr-skin .msngr-voice-play{flex:0 0 auto}
.msngr-skin .msngr-voice-play{font-style:normal}
.msngr-skin .msngr-voice-play::before{font-family:"Font Awesome 6 Pro";font-weight:900;font-style:normal;content:"\f04b";font-size:12px}
.msngr-skin .msngr-voice-wave{display:flex;align-items:center;gap:2px;height:16px;flex:1 1 auto}
.msngr-skin .msngr-voice-wave span{display:block;width:2px;background:currentColor;opacity:.55;border-radius:1px}
.msngr-skin .msngr-voice-duration{font-size:11px;opacity:.7;white-space:nowrap}
.msngr-skin .msngr-voice-transcript{
  margin-top:4px;padding:6px 10px;border-radius:10px;
  background:rgba(0,0,0,.06);font-size:12px;line-height:1.35;max-width:220px
}
.msngr-skin .msngr-own .msngr-bubble .msngr-voice-transcript{background:rgba(255,255,255,.18)}

/* локация */
.msngr-skin .msngr-location{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:14px;background:rgba(0,0,0,.08);max-width:220px}
.msngr-skin .msngr-own .msngr-bubble .msngr-location{background:rgba(255,255,255,.22)}
.msngr-skin .msngr-location-icon{font-style:normal}
.msngr-skin .msngr-location-icon::before{font-family:"Font Awesome 6 Pro";font-weight:900;font-style:normal;content:"\f3c5";font-size:13px}

/* звонок: строка по центру, не пузырь */
.msngr-skin .msngr-call{display:inline-flex;align-items:center;gap:6px}
.msngr-skin .msngr-call-icon::before{font-family:"Font Awesome 6 Pro";font-weight:900;content:"\f095";font-size:12px}
.msngr-skin .msngr-call-missed .msngr-call-icon::before{color:#ff3b30}
.msngr-skin .msngr-call-incoming .msngr-call-icon::before,
.msngr-skin .msngr-call-outgoing .msngr-call-icon::before{color:#34c759}

.msngr-skin.msngr-topic .post.msngr-call-event{
  display:flex !important;justify-content:center !important;align-items:center !important;
  width:100% !important;max-width:100% !important;margin:14px auto !important
}
.msngr-skin .msngr-call-line{
  display:inline-flex;align-items:center;gap:6px;
  color:#8a8a8e;font:400 12px 'Inter'
}
.msngr-skin .msngr-call-line .msngr-time{
  display:inline;margin:0;padding:0;font:inherit;opacity:1
}
.msngr-skin .msngr-call-dot{font-style:normal;display:inline-flex;align-items:center;justify-content:center;height:100%}
.msngr-skin .msngr-call-dot::before{
  font-family:"Font Awesome 6 Pro";font-weight:900;font-style:normal;content:"\f111";
  font-size:4px;color:#8a8a8e;line-height:1
}