@charset "windows-1251";

/* ----- ПОДКЛЮЧАЕМОЕ CSS ----- 
@import url("https://forumstatic.ru/files/0001/31/13/33268.css");*/

/* -----  Правила (?) ----- */
@import url("https://forumstatic.ru/files/0001/31/13/88503.css");

/* ----- Админка  ----- */
@import url("https://forumstatic.ru/files/001b/17/7b/68334.css");

/* ----- extra.css ----- */
 @import url("https://forumstatic.ru/files/001b/17/7b/21935.css?v=2");

/* ----- Страница Локаций ----- */
 @import url("https://forumstatic.ru/files/001b/17/7b/51531.css");

 /* ----- Панель закладок ----- 
@import url("https://forumstatic.ru/files/001b/17/7b/10766.css");*/

 /* ----- Боковое меню ----- */
@import url("https://forumstatic.ru/files/001b/17/7b/84093.css");

/* ----- ШРИФТЫ ----- */

 @font-face {
    font-family: Nexa_EL;
    src: url("https://forumstatic.ru/files/001b/17/7b/50408.woff") format("woff");
}

 @font-face {
    font-family: Cinzel;
    src: url("https://forumstatic.ru/files/001b/17/7b/64408.woff") format("woff");
}

@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');


/* АНИМАЦИИ */
@keyframes blink { 0%, 100% { opacity: 1; }  50% {opacity: 0; }}

/* ПЕРЕМЕННЫЕ ЦВЕТОВ */
:root {
    --htxt: #d4b8a0;
    --profiletext: #84756c;
    --bg: #131117;
    --brd: 2px solid rgba(118, 30, 44, 0.55) !important;
    --posttext: #d3c3b8;
    --modtxt: normal 12px/1.5 'Lora', serif;
}


/* === ВСЯ СТРАНИЦА === */

html {
    min-height: 100%;
    background-color: #0b0c0d;
    background-image: url("https://forumstatic.ru/files/001b/17/7b/80392.jpg");
    background-repeat: repeat;
    background-position: center top;
    background-attachment: fixed; 
}

body {
    position: relative;
    background: transparent; 
    min-height: 100vh;
    margin: 0;
    padding: 0;
}

body::before {
    content: "";
    position: absolute;
    left: 1px;
    right: 0px;
    bottom: -18px;
    height: 459px;
    width: 1909px;
    pointer-events: none;
    z-index: 0;
    background-image: url("https://forumstatic.ru/files/001b/17/7b/44645.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover; /* или contain — как нужно */
    /* opacity: 0.5; — раскомментируй если нужна полупрозрачность */
}

/* --- блок форума --- */
#pun {
    background: #323338;
    min-height: 153px;
    margin: 0 auto;
    padding: 0;
    border: none;
    width: 1152px;
    position: relative;
}

/* --- шапка --- */
#pun::before {
    content: "";
    display: block;
    width: 1152px;
    height: 358px;
    background: url("https://forumstatic.ru/files/001b/17/7b/50881.png") no-repeat 0 0;
    position: absolute;
    top: 0;
    left: 0;
}

/* --- низ форума 
#pun::after {
    content: "";
    display: block;
    width: 1152px;
    height: 80px;
    visibility: visible;
    background: url("https://forumstatic.ru/files/001b/17/7b/62984.png") no-repeat 0 0;
    transform: translateY(0px);
    position: relative;
    z-index: 2;
}--- */

/* --- Рандомное изображение в шапке --- */
#random-header-img {
    position: absolute;
    z-index: 5;
    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat;
    pointer-events: none;
}

@media (max-width: 900px) {
    #random-header-img {
        display: none;
    }
}

/* --- рука Рилдира --- */
#header-deco {
    background-image: url(https://forumstatic.ru/files/001b/17/7b/12379.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 413px;
    height: 353px;
    top: 0px;
    right: -156px;
    pointer-events: none;
    z-index: 1;
}

@media (max-width: 1024px) {
    #header-deco {
        display: none;
    }
}

/* Фикс для html в сообщениях */
html.punbb, body.post-content {
    min-width: 0px;
}

/* === ВСЕ ЭЛЕМЕНТЫ ФОРУМА === */
.punbb * {
    margin: 0;
}

/* === ВСЕ БЛОКИ И ЭЛЕМЕНТЫ СПИСКА === */
.punbb ul,
.punbb dl,
.punbb li,
.punbb dd,
.punbb dt {
    /* list-style: none; */
}

/* Все изображения форума */
.punbb img {
    border: none;
}


/* Все таблицы */
.punbb .main table {
    table-layout: auto;
    width: 100%;
    background: rgb(53 64 84 / 0%);
}

/* Все переключатели и флажки */
.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;
}

/* Кнопки под формой ответа */
.button,
#pun-viewtopic.punbb input {
    background-color: var(--bglink);
    border: var(--bdrb);
    color: rgb(207 200 181 / 50%);
    padding-bottom: 9px;
    text-shadow: rgb(0 0 0) 1px 1px 1px;
    height: 35px;
    /* font: 23px "Nodesto Cyrillic Regular"; */
    width: 200px;
}

.button:hover,
#pun-viewtopic.punbb input:hover {
    border-color: #454c3f;
    color: rgb(207 200 181);
}



.punbb textarea {
    border-style: solid;
    color: rgb(51 27 64);
    min-width: 36px;
    min-height: 25px;
    font-family: unset;
}



.punbb input {
    background-color: rgb(50 51 56);
    background-repeat: repeat;
    border-style: solid;
    color: rgb(212 184 160);
    border-width: 2px 1px 1px;
    border-color: rgb(74, 50, 50);
    min-width: 36px;
    min-height: 22px;
    font-size: 14px;
    font-family: 'Nexa_EL' !important;
    width: auto;
}

.punbb select {
    background-color: rgb(50 51 56);
    background-repeat: repeat;
    border-style: solid;
    color: rgb(212 184 160) !important;
    border-width: 2px 1px 1px;
    border-color: rgb(74, 50, 50);
    min-width: 36px;
    min-height: 22px;
    font-size: 14px !important;
    font-family: 'Nexa_EL' !important;
    width: 113% !important;
    height: 35px !important;
}

.punbb optgroup {
    background-color: rgb(50 51 56);
    background-repeat: repeat;
    border-style: solid;
    color: rgb(212 184 160) !important;
    border-width: 2px 1px 1px;
    border-color: rgb(74, 50, 50);
    min-width: 36px;
    min-height: 22px;
    font-size: 14px !important;
    font-family: 'Nexa_EL' !important;
    width: 8% !important;
    height: 30px !important;
}

.punbb #main-reply {
    font-size: 14px;
    background: #b5a3a2;
    padding: 10px;
    border: var(--bdr);
    width: 1090px;
}

.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
    color: rgb(211 183 159 / 50%);
    /* border: 1px dashed black; */
}

.punbb td {
    border-color: transparent;
}

#pun-pages #pun-main h1 {
    display: none;
}

.punbb legend span {
    font-size: 19px;
    color: rgb(223, 202, 181);
}

.punbb pre {
    font: 1.1rem / 140% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}

.punbb address, .punbb em {
    font-style: normal;
}

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

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

.punbb .post-content em em.bbuline, .punbb .post-content em.bbuline em {
    font-style: italic;
    text-decoration: underline;
}

.punbb a {
    text-decoration: none;
    position: relative;
}



.punbb optgroup {
    font-weight: bold;
}

::-webkit-scrollbar {
    background: rgb(69 78 65);
    width: 10px;
    height: 7px;
}

::-webkit-scrollbar-thumb {
    background: rgb(107 30 44);
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-corner {
    background: rgb(73 67 60);
    width: 6px;
    height: 6px;
}

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

.acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks 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: 0px;
    height: 0px;
    width: 0px;
    line-height: 0;
    position: absolute;
    left: -9999px;
    overflow: hidden;
}

.punbb .forum h2 {
    display: none;
}

.punbb {
    width: 100%;
    height: auto;
}

#pun-redirect, #pun-maint {
    background: rgb(236, 225, 209);
    margin: 50px 32% 12px 5%;
    width: auto;
    float: none;
}

.punbb .main {
    margin-bottom: 1rem;
}


.punbb .section {
    margin-bottom: 0px;
}

.punbb .category, .punbb .post {
    margin: 2rem 0px;
}

.punbb .post:last-child {
    margin-bottom: 0px;
}

.punbb #pun-category1 {
    min-height: 350px;
    position: relative;
    width: 1118px;
}

#pun-post .topic {
    margin-top: 1rem;
}

.punbb .modmenu .container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center;
    color: #c5c5c5;
            /* убираем отрицательные margin'ы punBB */
           /* и любые паддинги */
    width: 96% !important;
    box-sizing: border-box;
}

.punbb .modmenu .container a {
    color: #c5c5c5;
    text-decoration: none;
    margin: 0 4px;
}

.punbb .modmenu .container a:hover {
    color: #fff;
    text-decoration: underline;
}

.punbb .modmenu .container,
.punbb .modmenu .container * {
    font-size: 14px !important;
}

.punbb .section, .punbb .forum, .punbb .formal, .punbb .info, .punbb .category, .punbb .post {
    border-style: none;
    border-width: 0px;
    border-color: black;
}

.section#html-footer {
    /* margin-top: 2px; */
}

.punbb .container {
    /* border: 1px solid transparent; */
}

.punbb .main h1 {
    width: 1152px;
    position: relative;
    height: 70px;
    color: #c0c0c3;
    text-transform: uppercase;
    font-size: 25px;
    font-family: 'Cinzel';
    text-align: center;
    background: linear-gradient(
0deg, #323338 0%, #26272c 50%, #1f2024 100%) !important;
}

.punbb .main h1:before {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    top: 0;
    height: 2px;
    background: linear-gradient(
        90deg,
        rgba(140, 20, 40, 0) 0%,
        rgba(140, 20, 40, 0.45) 18%,
        rgba(175, 38, 60, 0.9) 50%,
        rgba(140, 20, 40, 0.45) 82%,
        rgba(140, 20, 40, 0) 100%
    );
    /* pointer-events: none; */
}


.punbb .main h1 span {
    position: relative;
    top: 16px;
    text-align: center;
    width: 1152px;
}

.punbb .main h2, .punbb .section h2, .punbb .category h2, #pun-debug h2 {
    position: relative;
    z-index: 1;
    margin: 0px auto;
    text-align: left;
    color: #d4b8a0;
    text-transform: uppercase;
    font-size: 30px;
    font-family: 'Cinzel', serif;
}

#pun-main #post-form h2
{
    background: linear-gradient(180deg, rgba(29, 21, 28, 0.98) 0%, rgba(24, 18, 24, 0.98) 100%) !important;
    border: 1px solid rgba(118, 30, 44, 0.34) !important;
    color: #d4b8a0 !important;
    font-family: 'Nexa_EL' !important;
    font-size: 12px !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.18);
}

#pun-index .category h2 {
    background: linear-gradient(
        90deg,
        #1f2024 0%,
        #26272c 38%,
        #303137 100%
    ) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    padding: 18px 16px 14px !important;
    box-sizing: border-box;
    height: auto !important;
    position: relative;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.45);
    overflow: hidden;
}

#pun-index .category h2::before {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    top: 0;
    height: 2px;
    background: linear-gradient(
        90deg,
        rgba(140, 20, 40, 0) 0%,
        rgba(140, 20, 40, 0.45) 18%,
        rgba(175, 38, 60, 0.9) 50%,
        rgba(140, 20, 40, 0.45) 82%,
        rgba(140, 20, 40, 0) 100%
    );
    pointer-events: none;
}

#pun-main #post-form h2 {
    left: -23px;
    width: 1101px;
    height: 28px;
    border: 1px solid rgba(175, 38, 60, 0.4);
}

#post-form > h2 > span {
    position: relative;
    top: -8px;
    transform: translateX(-22px);
    height: 40px;
    width: 1152px;
    text-align: center;
}

/* --- СТАТИСТИКА  ---*/
#pun-stats h2 {
    background: linear-gradient(
        90deg,
        #1f2024 0%,
        #26272c 38%,
        #303137 100%
    ) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    padding: 18px 16px 18px !important;
    box-sizing: border-box;
    height: auto !important;
    position: relative;
    margin-bottom: -4px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.45);
    overflow: hidden;
    color: #d7ccc4 !important;
    text-transform: uppercase;
    font-size: 25px;
    font-family: 'Cinzel', serif;
    letter-spacing: 2px;
    text-shadow: 0 1px 1px rgba(0,0,0,.35);
}

#pun-stats h2::before {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    top: 0;
    height: 2px;
    background: linear-gradient(
        90deg,
        rgba(140, 20, 40, 0) 0%,
        rgba(140, 20, 40, 0.45) 18%,
        rgba(175, 38, 60, 0.9) 50%,
        rgba(140, 20, 40, 0.45) 82%,
        rgba(140, 20, 40, 0) 100%
    );
    pointer-events: none;
}

#pun-stats h2 span {
    position: relative;
    z-index: 2;
}

.punbb .main h2 span, .punbb .section h2 span, .punbb .category h2 span, #pun-debug h2 span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

#pun-main #post-form h2 span
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.punbb .main .vote-result h1::before {
    display: none;
}

.punbb .divider {
    border-color: transparent;
}


/**** АДМИНКА ****/

/* Меню навигации */
.punbb-admin #pun-navlinks, #pun-main #pun-navlinks .container {
    text-transform: uppercase;
    text-align: center;
    font-family: vetren, Arial, sans-serif;
    font-size: 24px !important;
    letter-spacing: 1px !important;
    top: 15px;
    position: relative;
}

/*Пользовательское меню, Статус и Хлебные крошки - ОТКЛЮЧЕНО*/
.punbb-admin #pun-status .container, .punbb-admin #pun-crumbs1 p.container, .punbb-admin #pun-ulinks .container{
display:none;
}

.punbb-admin html, .punbb-admin body {
    margin: 0px;
    padding: 0px;
    min-width: 1400px;
    background: url("https://forumstatic.ru/files/001b/17/7b/39878.jpg") center top no-repeat, url("https://forumstatic.ru/files/001b/17/7b/59378.jpg") center top repeat-y transparent;
    font: 12px lora;
    color: rgb(159 143 120);
}

.punbb a, .punbb a:link, .punbb a:visited  {
    color: #d3c3b8;
}

.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #pun-admain a:visited {
    color: rgb(187 89 83);
}

#pun-adnav li.isactive ul.adsubnav  {
   display: 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 {
    color: rgb(223, 202, 181);
}

#pun-admain .tagify__input {
    margin: 5px;
    margin-right: 15px;
    background: #32333a;
    color: #3b3040;
}

.tagify__input {
    flex-grow: 1;
    display: inline-block;
    min-width: 310px;
    margin: 5px;
    padding: .3em .5em;
    padding: var(--tag-pad,.3em .5em);
    line-height: inherit;
    position: relative;
    white-space: pre-wrap;
    color: inherit;
    color: var(--input-color,inherit);
    box-sizing: inherit;
}

.punbb a::before, .punbb a::after, .punbb-admin #pun-admain a::before, .punbb-admin #pun-admain a::after {
}

#pun-admain .tcr input {width: 99%;background: #4e5264;}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    color: rgb(223 202 173);
    font-weight: bold;
}

.punbb li.isactive a::before, .punbb li.isactive a::after {
    background-color: transparent;
}


#pun-admain .adcontainer td {
  border-style: solid none none solid;
  border-width: 2px 0 0 3px;
  padding: 0.8em 0.7em;
  border-color: #3b3040;
  }

#pun-admain-new {
    top: 0px;
    position: relative;
    height: auto;
}

#addpage {
    height: auto;
}

#pun-admain2 > div:nth-child(2) {
    /* left: 210px; */
    position: relative;
}

#pun-admain2 > div.pagelink.per-page-select {
    position: relative;
    left: 27px;
}

#pun-admain2 > div.pagelink.per-page-select > span:nth-child(2) {
    position: relative;
    right: 52px;
}



#pun-navlinks a, #pun-navlinks a:link, #pun-navlinks a:visited {
    color: rgb(214 213 205 / 28%);
    text-decoration: none;
}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: rgb(255 227 0);
    
}

#pun-navlinks a::before, #pun-navlinks a::after {
    background-color: rgb(237, 193, 130);
}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
}

#pun-ulinks a, #pun-ulinks a:link, #pun-ulinks a:visited {
    color: rgb(214 213 205 / 50%);
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
    color: rgb(214 213 205 / 80%);
    font-style: normal;
    border-bottom: 0px none rgb(0, 0, 0);
    text-decoration: none;
}

#pun-ulinks a::before, #pun-ulinks a::after {
    background-color: rgb(29, 20, 29);
}

#pun-ulinks a:active, #pun-ulinks a:focus {
}

.punbb .announcement-container {
    color: rgb(235, 177, 114);
}

.punbb .announcement-container a, .punbb .announcement-container a:link, .punbb .announcement-container a:visited {
    color: rgb(223, 202, 181);
}

.punbb .announcement-container a:hover, .punbb .announcement-container a:focus, .punbb .announcement-container a:active {
}

.punbb .announcement-container a::before, .punbb .announcement-container a::after {
    background-color: rgb(223, 202, 181);
    box-shadow: rgb(233, 33, 18) 9px 1px 1px, rgb(233, 33, 18) 0px 0px 1em;
}

#pun-announcement .announcement-block#buttons a {
    color: rgb(234, 223, 212);
    text-shadow: rgb(204, 85, 0) 0px -1px 1px;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3)), linear-gradient(rgb(128, 60, 54), rgb(219, 106, 63), rgb(128, 60, 54));
    box-shadow: rgb(136, 60, 55) 0px -1px 1px inset, rgb(234, 145, 91) 0px 1px 1px inset, rgb(204, 119, 34) 0px 0px 0px 1px, rgb(0, 0, 0) 0px 10px 15px -10px;
}

#pun-announcement .announcement-block#buttons a::after, #pun-announcement .announcement-block#buttons a::before {
    background-color: transparent;
}

.Hoverbuttons {
    opacity: 0.6;
    transition: opacity 0.6s linear 0s;
    top: 39px;
    position: relative;
    width: 1171px;
    left: 25px;
    z-index: 10;
    height: 32px;
}

.Hoverbuttons:hover {
    opacity: 1;
}

.punbb .post-sig dt {
  margin: 14px 22px 0 !important;
  padding: 14px 0 0 !important;
  border-top: 1px solid rgba(175, 38, 60, 0.28) !important;
  position: relative !important;
}

.punbb .post-sig dt::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(175, 38, 60, 0) 0%,
    rgba(175, 38, 60, 0.24) 18%,
    rgba(214, 104, 122, 0.42) 50%,
    rgba(175, 38, 60, 0.24) 82%,
    rgba(175, 38, 60, 0) 100%
  );
}

.punbb .post-content p {
    font-size: 13px;
    margin: 0.5em 0px;
    padding: 0px;
    line-height: 150%;
}

.punbb .post-content p:first-child {
    margin-top: 0px;
}

.punbb .post-content p:last-child {
    margin-bottom: 0px;
}

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

.punbb .post-content img.postimg[title="float:right"] {
    float: right;
    padding-left: 12px;
}

.punbb .post-content img.postimg[title="float:left"] {
    float: left;
    padding-right: 12px;
}

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

.punbb .post-content .scrollbox {
    width: 100%;
    overflow: auto;
    height: auto !important;
    max-height: 700px !important;
}

.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 5px 5px 5px 5px;
    padding: 6px;
    color: #cfc3bb;
    background: #242025;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 3px 0px;
    border: 1px solid rgba(143, 35, 52, 0.55);
}

.punbb .post-content .quote-box blockquote {
    width: 98%;
    padding: 10px;
}

.punbb .post-content .quote-box blockquote p:last-child {
    padding-bottom: 0px;
}

.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 0.3em;
    font-size: 1.2em;
    margin: 0px;
    font-family: var(--header-font-family);
}

.punbb .post-content td {
    border: 0px none transparent !important;
}

.punbb .post-content .postimg[alt="float:right"] {
    float: right;
    margin: 0.5em 0px 0.5em 0.5em;
}

.punbb .post-content .postimg[alt="float:left"] {
    float: left;
    margin: 0.5em 0.5em 0.5em 0px;
}

.punbb .post-content div.custom_tag_ex, .punbb .post-content div.custom_tag_mod {
    border-radius: 8px;
    margin: 0.4em 1em 1em;
    padding: 0px;
    font: normal 1.2em var(--header-font-family);
}

.punbb .post-content div.custom_tag_ex blockquote, .punbb .post-content div.custom_tag_mod blockquote {
    display: block;
    padding: 0.3em 0.5em;
    margin: 0px;
    min-height: 55px;
    box-sizing: border-box;
}

.punbb .post-content div.custom_tag_ex {
    background-image: linear-gradient(to left, rgb(252, 252, 252) 0%, rgb(255, 188, 170) 100%);
    box-shadow: rgb(255, 54, 0) 0px 0px 10px;
    border: 1px solid rgb(206, 67, 120);
}

.punbb .post-content div.custom_tag_ex blockquote {
    background: url("http://forumstatic.ru/files/000a/45/08/53249.gif") right center no-repeat;
}

.punbb .post-content div.custom_tag_mod {
    background-image: linear-gradient(to left, rgb(245, 252, 252) 0%, rgb(166, 237, 235) 100%);
    box-shadow: rgb(104, 79, 255) 0px 0px 10px;
    border: 1px solid rgb(138, 135, 255);
}

.punbb .post-content div.custom_tag_mod blockquote {
    background: url("http://forumstatic.ru/files/000a/45/08/33378.gif") right center no-repeat;
}

.punbb .post-content div.custom_tag_ex cite, .punbb .post-content div.custom_tag_mod cite {
    display: block;
    padding: 0.3em 0.5em;
    width: 100%;
    margin: 0px;
    border-bottom: 1px dashed transparent;
    border-radius: 8px 8px 0px 0px;
    box-sizing: border-box;
}

.punbb .post-content div.custom_tag_ex cite {
    border-bottom-color: rgb(255, 0, 0);
    color: rgb(255, 0, 0);
}

.punbb .post-content div.custom_tag_mod cite {
    border-bottom-color: rgb(5, 0, 210);
    color: rgb(0, 0, 205);
}

.punbb .post-content .custom_tag_indent {
    display: inline-block;
    margin: 0.5em 1.25em;
}

.punbb .post-content .custom_tag_background {
    display: block;
    border: 1px solid transparent;
}

.punbb .post-content .quote-box.with-avatar {
    padding-left: 0.3em;
}

.punbb .post-content .quote-box.with-avatar cite {
    height: 3em;
    display: flex;
    align-items: center;
    margin-top: -13px;
    margin-left: -13px;
}

.punbb .post-content .quote-box.with-avatar cite * {
    vertical-align: middle;
}

.punbb .post-content .quote-box.with-avatar cite .author-avatar {
    width: 2em;
    height: 3em;
    margin-left: 0px;
    margin-top: 0px;
}

.punbb .post-content .quote-box.with-avatar cite .author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.punbb .post-content .quote-box.with-avatar cite .author-avatar + span {
    margin-left: 5px;
}

.punbb .info-box {
    padding: 1.1em 1.7em 1em;
    margin: 0px 0px 1.1em;
    border: 1px solid rgba(175, 38, 60, 0.2) !important;
    background: rgba(20, 18, 22, 0.4);
    color: #8a7a72;
}

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

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

.multipage {
    position: static;
    width: 1152px;
    padding: 0px 0px 0px 0px;
    /* background: azure; */
}

.punbb .linkst {
    position: static !important;
    width: auto !important;
    top: auto !important;
    float: none !important;
    padding: 0px 10px;
}

.linkst .pagelink {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    float: none !important;
    text-align: left;
    font-size: 12px;
    color: #c0c0c3;
    text-transform: uppercase;
    font-family: 'NEXA_EL';
}

.linkst .postlink {
    top: 19px !important;
    width: 100px!important;
    text-align: right;
    font-size: 13px;
    pointer-events: visiblestroke;
    font-family: lora;
    transform: translateX(1014px);
    position: relative;
}

.punbb .linksb {
    text-align: right;
    padding: 0.4em 0em 0.5em;
    font-size: 1.1em;
}

.linksb .pagelink {
    width: 97.4%;
    padding-top: 0px;
    padding-left: 10px;
    text-align: left;
    font-size: 12px;
    position: relative;
    height: auto;
    color: #c0c0c3;
    text-transform: uppercase;
    font-family: 'NEXA_EL';
    /* background: linear-gradient(
180deg, #323338 0%, #26272c 50%, #1f2024 100%) !important; */
}


.linksb .postlink {
    position: relative;
    font-size: 15px;
    pointer-events: visiblestroke;
    font-family: lora;
    z-index: 5;
    text-align: right;
    width: 1071px;
}

.subscribelink {
    clear: both;
    padding-top: 0.3em;
    padding-bottom: 0;
    position: relative;
    z-index: 5;
}

.punbb .formal .container {
    padding: 0.7em 1.4em 0em;
    width: 100%;
}

.punbb .formsubmit {
    margin: 1em 0px 0px;
    text-align: center;
}

.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
    margin: 0px 0em 0px 0px;
    width: 150px;
}

.punbb fieldset {
    width: auto !important;
}

.punbb #post-form fieldset {width: 1120px;}

.punbb fieldset legend {
    padding: 0px;
    margin: 0px 0px 0px 11px;
    font-size: 1.1em;
}

.punbb fieldset legend span {
    padding: 0px 5px;
    margin: 0px 2px;
    display: none;
}

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

.punbb .fs-box {
    padding: 1em 0px 0.8em;
    font-size: 14px;
    min-height: 85px;
}

.punbb .fs-box p, .punbb .fs-box fieldset {
    padding: 0px 0px 1em;
    color: var(--profiletext);
}

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

.punbb .inline .infofield {
    clear: both;
    position: relative;
    top: 5px;
}

.punbb .datafield br {
    display: none;
}

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

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

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

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

.punbb .hashelp {
    position: relative;
    padding: 10px;
}

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

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

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

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

#pun_wrap #post .container[id$="-area"] {
    background-color: rgb(21 19 23 / 89%);
    color: #b8a89e !important;
    padding: 14px;
    min-width: 30px !important;
}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #pun-report .inner {
    background-color: rgb(21 19 23);
}

#sdfs {
    z-index: 100 !important;
}

.iblank {
    z-index: 9999 !important;
}

#form-buttons td#button-mod {
    background-image: url("http://forumstatic.ru/files/0013/0b/24/10895.png");
}

#form-buttons td#button-ex {
    background-image: url("http://forumstatic.ru/files/0013/0b/24/35368.png");
}

#form-buttons td#button-indent {
    background-image: url("http://s7.uplds.ru/t/mnkgq.png");
}

#form-buttons td#button-background {
    background-image: url("http://forumstatic.ru/files/0001/31/13/87795.png");
}

#form-buttons td#button-shadow {
    background-image: url("http://forumstatic.ru/files/0001/31/13/54778.png");
}

#form-buttons td#button-bgColor {
    background-image: url("http://forumstatic.ru/files/0001/31/13/13287.png");
    background-size: 22px;
}

#form-buttons td#button-audio {
    background-image: url("http://forumstatic.ru/files/0012/9a/62/30447.png");
}

#form-buttons td#button-justify {
    background-image: url("http://forumstatic.ru/files/0001/31/13/67173.png");
}

#form-buttons td#button-secret_msg {
    background-image: url("http://forumstatic.ru/files/0001/31/13/63961.png");
}

#form-buttons td#button-decode_secret_msg {
    background-image: url("http://forumstatic.ru/files/0001/31/13/60548.png");
}

#form-buttons td#button-image #add_float {
    position: absolute;
    padding: 2px;
    top: -8px;
    left: 50%;
    margin-left: -29px !important;
    width: 57px !important;
    background: url("http://forumstatic.ru/files/0017/b3/fc/97470.png") 50% 70% no-repeat !important;
}

#form-buttons td#button-image #add_float img {
    display: block;
    position: relative;
    z-index: 4;
}

#form-buttons td#button-image > img {
    position: relative;
    z-index: 2;
}

#form-buttons td#button-image > center {
    opacity: 0;
    visibility: hidden;
    transition-duration: 0.8s;
}

#form-buttons td#button-image:hover > center {
    opacity: 1;
    visibility: visible;
}

.punbb:not(#pun-messages):not(#pun-modviewforum) thead {
    display: none;
}

.punbb .main thead .tcl, .punbb .main thead .tc2, .punbb .main thead .tc3, .punbb .main thead .tcr, .punbb .main thead .tcmod {
    color: rgb(70, 59, 50);
}

.punbb .main .tcl {
    overflow: hidden;
    border-left-style: none;
    border-left-width: 0px;
    font-size: 12px;
    font-family: 'Nexa_EL';
}

.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
    text-align: center;
    width: 11%;
    color: #c0c0c3;
}

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

.punbb#pun-viewforum .main .tc4, .punbb#pun-searchtopics .main .tc4 {
    width: 60px;
}

.punbb#pun-viewforum .main .tc5, .punbb#pun-searchtopics .main .tc5 {
    text-align: center;
    width: 16px;
}

.punbb table .table-subtitle {
    color: rgb(192 192 195 / 73%);
}

.punbb div.icon {
    /* display: block; */
    /* height: 15px; */
    /* width: 15px; */
    /* background: #b5a3a2; */
    /* border: 1px solid #b5a3a2; */
    /* border-radius: 10px; */
    /* animation: blink 1s infinite; */
}

.punbb .inew div.icon {background: #b5a3a2;border: 1px solid #b5a3a2;border-radius: 10px;animation: blink 1s infinite;height: 15px;width: 15px;}

.punbb .iclosed div.icon {
    background-image: url("https://forumstatic.ru/files/001b/17/7b/31080.png?v=1");
}

.punbb .isticky div.icon {
    background-image: url("https://forumstatic.ru/files/001b/17/7b/92569.jpg");
}

#pun-messages div.icon {
    float: left;
}

#pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl {
    width: 80%;
}

.punbb .main .tcl .stickytext, .punbb .main .tcl .closedatafield {
    display: none;
}

#pun-userlist .main .tc2, #pun-searchtopics .main .tc2 {
    text-align: left;
    width: 20%;
    color: #c0c0c3;
}

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

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

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

.punbb td .modlist {
    display: none;
}

.pun .modlist {
    display: none !important;
}

.punbb .main td {
    border-style: none;
    border-width: 0px;
}

.punbb .main th {
    display: inline-block !important;
    padding: 10px 18px 0px !important;
    background: linear-gradient(180deg, rgba(29, 21, 28, 0.98) 0%, rgba(24, 18, 24, 0.98) 100%) !important;
    border: 1px solid rgba(118, 30, 44, 0.34) !important;
    color: #d4b8a0 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 12px !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.18);
    height: 28px;
    width: 1066px;
}

.punbb td div.tclcon {}

img.post-icon {
    margin-bottom: -6px;
    margin-left: -2px;
    margin-right: 4px;
}

.pformleft {
    width: 28%;
}

input.iconid + img {
    margin-bottom: -3px;
    margin-top: 5px;
}

input.iconid:last-child {
    margin-top: 7px;
}

#pun-index .category h2 .offctgr {
    position: absolute;
    bottom: 12px;
    right: -39px;
    z-index: 10;
    display: none;
}

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

#pun-index .category table tbody {
    flex-flow: wrap;
    justify-content: space-evenly;
}

tbody.hasicon {
    height: 0;
}

#pun-index .category table tbody::after {
    content: "";
}

#pun-index .category tr, #pun-index .category table tbody::after {
}

#pun-index .category tr .tcl {
    padding: 0px 0px 0rem;
}

#pun-index .category tr > .tc2, #pun-index .category tr > .tc3, #pun-index .category tr > th {
    display: none !important;
}

#pun-index .category tr .tcl .intd {
}

#pun-index .category tr .tcl .intd h3 {
    text-align: center;
    z-index: 12;
    width: 100%;
}

#pun-index .category tr .tcl .intd h3 a {
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    font-size: 19px;
    color: #d3c3b8;
    text-shadow: 0 1px 0 rgba(20, 16, 18, .8);
    font-family: 'Lora';
}

#pun-index .category tr .tcl .intd h3 a:hover, #pun-index .category tr .tcl .intd h3 a:focus, #pun-index .category tr .tcl .intd h3 a:active {
    color: rgb(237, 237, 236);
}

#pun-index .category tr .tcl .intd h3 a:hover::before, #pun-index .category tr .tcl .intd h3 a:focus::before, #pun-index .category tr .tcl .intd h3 a:active::before, #pun-index .category tr .tcl .intd h3 a:hover::after, #pun-index .category tr .tcl .intd h3 a:focus::after, #pun-index .category tr .tcl .intd h3 a:active::after {
    background-color: rgb(237, 237, 236);
}

#pun-index .category tr .tcl .intd .icon {
    position: absolute;
    top: 13px;
    left: 10px;
}

#pun-index .category tr .tcl .intd .forum-block {
    color: rgb(236, 212, 190);
    text-shadow: rgb(25, 25, 16) 1px 1px 1px;
    font-size: 14px;
    background-color: rgba(31, 38, 52, 0.66);
    margin: 6px;
}

#pun-index .category tr .tcl .intd .forum-block > * {
    vertical-align: middle;
    margin: 0px;
    padding: 0.6rem 0.8rem;
    text-align: center;
    position: relative;
}

#pun-index .category tr .tcl .intd .forum-block > :last-child {
    border-right: none;
}

#pun-index .category tr .tcl .intd .forum-block .forum-links li a:link, #pun-index .category tr .tcl .intd .forum-block .forum-links li a:visited, #pun-index .category tr .tcl .intd .forum-block .forum-links li a:active {
    display: block;
    text-decoration: none;
    height: 1.2em;
    padding-top: 0.1em;
    padding-bottom: 0.4em;
    background: rgb(42 20 56 / 65%);
    border: 1px solid rgb(240 189 129);
    margin: 3px;
    font-family: lora;
    text-shadow: none;
    color: rgb(223 202 181 / 74%);
    text-align: center;
}

#pun-index .category tr .tcl .intd .forum-block .forum-links li a::before, #pun-index .category tr .tcl .intd .forum-block .forum-links li a::after {
    height: 0px;
}

#pun-index .category tr .tcl .intd .forum-block .forum-links li a:hover {
    background: rgb(223, 202, 181);
    border-top: 1px solid rgb(93, 35, 38);
    border-bottom: 1px solid rgb(234, 170, 138);
    color: rgb(88, 35, 41);
}

#pun-index .category tr .tcl .intd .forum-block + br {
    display: none;
}

#pun-index .category tr .tcl .category-info .counter {
    display: none;
}

#pun-index .category tr .tcl .category-info .info {
    color: rgb(192, 173, 156);
    font-family: var(--header-font-family);
}

#pun-index .category tr .tcl .category-info .info .user-avatar {
    display: none;
}

#pun-index .category tr .tcl .category-info .info a {
    opacity: 1;
    font-size: 1.3rem;
    font-family: var(--header-font-family);
    font-weight: normal;
    color: rgb(236, 212, 190);
}

#pun-index .category tr .tcl .category-info .info a:hover::before, #pun-index .category tr .tcl .category-info .info a:focus::before, #pun-index .category tr .tcl .category-info .info a:active::before, #pun-index .category tr .tcl .category-info .info a:hover::after, #pun-index .category tr .tcl .category-info .info a:focus::after, #pun-index .category tr .tcl .category-info .info a:active::after {
    background-color: rgb(226, 190, 141);
}

#pun .icon[data-new-topics]::before, .subforums span[data-new-topics]::before {
    z-index: 99;
}

/* Посты - общее */
.punbb .post .container {
    display: flex;
    flex-direction: row;
}

.punbb .post h3 {
    border: none;
}

.punbb .post h3 span {
    padding: 7px 7px 7px 0px;
    display: block;
    border: none;
    /* background: rgba(0, 0, 0, 0.18); */
    text-transform: uppercase;
    font-size: 10px !important;
}

.punbb .post h3 span a {
    font-size: 14px;
    position: relative;
    top: 1px;
    right: 25px;
    padding: 7px 5px !important;
}

h3 a {
}

.punbb .post h3 span a:hover {
    transition: all 0.5s ease-in-out 0s;
}

.post-author a {
}

.post-author a:hover {
    color: rgb(255, 249, 44) !important;
}

.punbb .post .post-author ul, .punbb .post .post-author p {
    padding: 0px 1em 1em;
    /* line-height: 140%; */
    z-index: 10;
    position: relative;
}


.punbb .post .post-author {
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
    position: absolute !important;
    background: transparent !important;
    z-index: 2;
}

/* имя автора */
.punbb .post .pa-author {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 220px !important;
    height: auto !important;
    margin: 0 auto 8px !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 24px !important;
}

/* аватар */
.punbb .post .post-author li.pa-avatar {
    position: relative !important;
    float: none !important;
    top: 0 !important;
    left: 0 !important;
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 auto 12px !important;
}

.punbb .post .post-author li.pa-avatar img {
    width: 200px !important;
    height: 200px !important;
    object-fit: cover !important;
    display: block;
    margin: 0 auto;
}
/* статус */
.punbb .post .post-author li.pa-title {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 229px !important;
    text-align: center !important;
    background: transparent !important;
}

/* скрыть лишнее абсолютное позиционирование у служебных полей, если мешает */
.punbb .post .pa-ip,
.punbb .post .pa-online,
.punbb .post .pa-posts,
.punbb .post .pa-respect,
.punbb .post .pa-fld1,
.punbb .post .pa-fld2,
.punbb .post .pa-fld3,
.punbb .post .pa-fld4,
.punbb .post .pa-fld5 {
    position: static;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    width: auto;
    margin: 0 0 8px 0;
    text-align: center;
    background: transparent;
}


.punbb .post .pa-time-visit, .pa-reg, .pa-invites, .pa-positive {
    display: none;
}



.pa-author a {
    text-decoration: none;
}

.pa-author a:hover {
    color: rgb(223, 202, 181) !important;
}

li.pa-avatar img {
    object-fit: contain;
    background-color: rgba(0, 0, 0, 0.53);
    height: 200px;
    width: 200px;
    vertical-align: middle !important;
    border: 1px solid #3e1415;
}

/* Добавляем разделитель над контейнером li.pa-title */

.punbb .post .post-author li.pa-title::before {
    /* content: '---------------------------------------------------------------------------------'; */ /* Добавляем разделитель */
    margin-right: 0px; /* Дополнительный отступ между разделителем и текстом */
    display: block; /* Устанавливаем блочный режим для псевдоэлемента */
    margin-top: -10px; /* Отрицательный отступ сверху, чтобы разделитель был над текстом */
    position: relative; /* Устанавливаем позиционирование элемента относительно его обычного положения */
}


li.pa-awards {
    text-align: left;
    margin-top: -8px;
}

/* область поста */
.punbb .post-body {
    width: auto !important;
    left: 0 !important;
    position: relative !important;
    margin-left: 270px !important;
    text-align: left !important;
}

/* коробка текста */
.punbb .post-box {
    min-height: 0;
    text-align: left;
}

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

.punbb .post-links {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    margin-left: 0px !important;
}

.punbb .post-links ul {
    /* margin: 0px auto; */
    height: 0em;
    line-height: 2em;
    /* text-align: right; */
    /* padding-top: 10px; */
    /* padding-bottom: 25px; */
}

.punbb .post-links li {
}

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

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

#poll-special .poll2 td:nth-child(1) {
    width: 45%;
    font-size: 1.05rem;
}

#poll-special .poll2 td:nth-child(3) {
    width: 10%;
    font-size: 12px;
}

#poll-special .poll2 td h1 {
    min-width: 0px;
    background: url("http://forumstatic.ru/files/0001/31/13/10779.jpg") repeat-x;
    margin: 0px 0px auto;
    max-width: inherit;
}

#poll-special .poll2 td h1::after {
    background: none;
    display: none;
}


.punbb .post .container {
    position: relative !important;
    min-height: 300px;
}

.punbb .post h3 {
    height: 30px;
    width: 97%;
    position: relative;
}

.punbb .post h3 span {
    padding: 0.3rem 0rem;
    display: block;
    margin-left: 20px;
    /* background: rgba(202, 174, 75, 0); */
}

.punbb .post h3 .permalink::before, .punbb .post h3 .sharelink::before, .punbb .post h3 .permalink::after, .punbb .post h3 .sharelink::after {
    background-color: rgb(217, 200, 180);
}

.punbb .post h3 .permalink, .punbb .post h3 .sharelink, .punbb .post h3 .speech-button {
    color: rgb(217, 200, 180);
    text-shadow: rgb(0, 0, 0) 1px 1px 1px;
}

.punbb .post h3 .permalink {
    top: 5px;
    background: rgba(0, 255, 255, 0);
    font-size: 15px;
}

.punbb .post h3 .speech-button {
    position: relative;
    float: right;
    margin-left: 1em;
}

.punbb .post h3 .speech-button i {
    margin-top: -0.2em;
    font-size: 2rem;
}

.punbb .post h3 img.post-icon {
    margin: 0px 10px -6px -6px;
}

.punbb .post h3 .fnt {
    width: 140px;
    position: relative;
    top: 6px;
    margin-right: 21%;
    color: rgb(217, 200, 180);
    font-size: 14px;
    text-shadow: rgb(0, 0, 0) 1px 1px 1px;
}

.punbb#pun-searchposts .post h3 a {
    color: rgb(207, 200, 181);
}

.punbb .pa-author .icons-search {
    position: relative;
    display: none;
    top: 0;
    left: 0;
    background-image: url("https://i.imgur.com/w2cU7oG.png");
    width: 23px !important;
    height: 22px !important;
}

.punbb .pa-author .icons-search::before {
    display: none !important;
}

.click_Ignore_list::after, .click_Ignore_list:hover::after {
    background: transparent !important;
    color: transparent !important;
}

.punbb span.click_Ignore_list {
    background-image: url("https://i.imgur.com/LCpP13S.png");
}

.punbb .post .post-author li.pa-fld5 {
    background-image: url("https://i.imgur.com/1KWzTbq.png");}


.punbb .post .post-author li.pa-fld2 {
    margin-top: -1rem;
}

.punbb .post .post-author li.pa-fld1 .fld-name, .punbb .post .post-author li.pa-fld2 .fld-name {
    color: transparent;
}

.punbb .post .post-author li.pa-fld1 > a {
    display: block;
    width: 189px;
    height: 15px;
    border: none;
    margin: -10px -5px;
    padding: 22px 20px 22px 0px;
    color: rgb(153, 180, 231);
    text-align: center;
    background: url("http://forumstatic.ru/files/0001/31/13/62079.png") 20px 0px no-repeat !important;
}

.punbb .post .post-author li.pa-fld1 > a::before, .punbb .post .post-author li.pa-fld1 > a::after {
    background-color: transparent;
}

.punbb .post .post-author li.pa-fld2 img.a-info {
    position: relative;
    margin: auto;
    width: auto;
}

.pa-usergifts img.a-info {
    position: relative;
    padding: 0px;
    width: 40px;
    height: 40px;
}

li.pa-guild a {
    display: block;
    width: 40px;
    height: 40px;
}

li.pa-guild a img {
    width: 40px;
    height: 40px;
}

ul.profile-info-list {
    justify-content: center;
    align-items: center;
}

ul.profile-info-list li {
    margin: 0px 5px;
}

ul.profile-info-list li > a, ul.profile-info-list li > img {
    margin: 0px auto;
}

.tipsy.a-info {
    font: 400 0.75rem / 1.2rem Verdana;
    margin-top: -2px !important;
    margin-left: -6px !important;
}

.punbb .post .post-author li.pa-zwezda {
    position: relative;
    white-space: pre-wrap;
    z-index: 100;
    margin-top: -5px;
    margin-bottom: 0px;
    margin-left: 20px;
    color: red;
    width: 180px !important;
}

.punbb .post .post-author li.pa-zwezda img {
    width: 110px;
    height: 18px;
}

.punbb .post .post-author li.pa-awards {
    display: none !important;
}

.punbb .post .post-author li.pa-online {
    border-left-color: transparent;
    padding-left: 3.8em;
    text-align: center !important;
}

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

.punbb .post-box {
    padding: 0px 0px 30px 0px;
    min-height: 100px;
    font-size: 13px;
    color: #c0c0c3;
    text-align: center;
}


.punbb .post-box a, .punbb .post-box a:hover {
}

.punbb .post-body a:link {
    color: maroon;
}

.punbb .post-body a:visited {
    color: navy;
}

.punbb .post-body a:hover {
    color: rgb(198, 0, 0);
}

.punbb .post-body a {
    color: rgb(125 108 80);
}

.punbb fieldset .post-box {
    border: var(--brd);
    margin-bottom: 0.8em;
}

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

.punbb .post-links ul li {
    text-align: center;
    width: 100px;
    background: #3c3340;
    border: var(--bdrb);
    height: 25px;
    font: 19px Nodesto Cyrillic Regular;
    margin-left: 5px;
}

.punbb .post-links ul li a {
    cursor: pointer;
    width: 115px;
    padding: 2px 10px;
    margin: 0px 3px;
    color: rgb(207 200 181 / 65%);
}
.punbb .post-links ul li a:hover {
    /* border: 3px double rgb(103 98 77); */
    /* color: rgb(207 200 181 / 66%); */
}

#pun .post-links li.pl-delete, #pun .post-links li.pl-website, #pun .post-links li.pl-email, #pun .post-links li.pl-edit, #pun .post-links li.pl-quote {}

#pun .post-links li.pl-edit, 
#pun .post-links li.pl-quote, 
#pun .post-links li.pl-delete {
    width: 150px;
    display: inline-block; /* Используем inline-block, чтобы можно было устанавливать ширину */
    /* Учитываем границы и отступы в ширине */
    margin-top: 10px;
}

#pun .post-links li.pl-website, #pun .post-links li.pl-email {
}

#pun .post-links li.pl-email {top: 10px;position: relative;}

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

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

.punbb .post .lastedit {
    font-family: var(--header-font-family);
    font-style: italic;
    color: green;
}

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

.punbb .modmenu .container strong {
    font-size: 19px;
    font-family: lora;
}

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

.punbb .info .container {
    padding: 0.8em 1em;
}

.punbb .info .container .backlink {
    padding-top: 0.8em;
}

.punbb #profilenav {
    width: 20%;
    margin-left: -22px;
    padding-top: 0;
    margin-top: 0;
}

.punbb #profilenav ul {
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    padding: 1.5em 0px 0.8em;
    margin: 0px 0px 1em;
    font-size: 14px;
    text-transform: uppercase;
}

.punbb #profilenav li {
    padding-bottom: 0.8em;
    font-weight: bold;
}

.punbb ul,
.punbb ol,
.punbb li {
    list-style: none !important;
    color: var(--htxt);
}

.punbb #profilenav h2 {
    background: transparent;
    border: none;
    padding: 0px;
    margin: 0px 14px -0.6em;
    height: auto;
    width: auto;
    min-width: auto;
    max-width: none;
    text-shadow: none;
    font-size: 1.3rem;
    font-weight: bold;
}

.punbb #profilenav h2::before, .punbb #profilenav h2::after {
    display: none;
}

.punbb #profilenav h2 span {
    position: relative;
    color: rgb(223, 202, 181);
    text-align: center;
    font-size: 25px;
    display: none;
}

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

.punbb #viewprofile .container {
}

.punbb #viewprofile h2 span {
    color: rgb(29, 20, 29);
}

.punbb #viewprofile ul {
    border-color: transparent;
    margin: 0px 0px 1em;
}

.punbb #viewprofile li {
    padding: 0px;
}

.punbb #viewprofile li span {
    display: block;
    padding: 5px 10px;
    margin: 5px 0px;
    font-weight: bold;
}

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

.punbb #viewprofile #profile-left {
    width: 210px;
}

.punbb #viewprofile #profile-left li {
    display: block;
    text-align: center;
    margin: 0px;
    border-width: 0px 2px;
    box-shadow: none;
}

.punbb #viewprofile #profile-left li strong, .punbb #viewprofile #profile-left li div, .punbb #viewprofile #profile-left li span {
    margin: 0px;
}

.punbb #viewprofile #profile-left #profile-name {
    font: normal 1.5em var(--header-font-family);
    border-width: 0px 0px 1px;
    background-color: rgb(51 45 61);
    color: rgb(223 202 181);
    border-color: rgb(222, 213, 196);
    box-shadow: none;
}

.punbb #viewprofile #profile-left #profile-title {
    border-width: 0px;
    border-color: rgb(222, 213, 196);
}

.punbb #viewprofile #profile-left img {
    margin-top: 10px;
    border-radius: 100px;
    border-width: 3px;
    border-style: solid;
    background-color: rgb(196, 185, 165);
    border-color: rgb(51 45 61);
}

.punbb #viewprofile #profile-left li:last-of-type {
    border-bottom-width: 2px;
}

#viewprofile #profile-right {
    height: auto !important;
    min-height: 0 !important;
    align-content: start !important;
}

#viewprofile #profile-right li {
    align-self: start;
}

#pun-profile #profile.formal {
    height: auto !important;
    min-height: 0 !important;
}



#profile1.container {
    grid-auto-rows: auto !important;
}

#setmods dl {
    padding: 0px 0px 0px 16em;
    margin-bottom: 0.2em;
    color: rgb(29, 20, 29);
}

#setmods dd {
    display: block;
    padding: 0.5em 1em;
    font-weight: normal;
}

#setmods dt {
    float: left;
    width: 14em;
    margin-left: -16em;
    padding: 0.8em 1em;
    font-weight: bold;
    display: inline;
    color: #b7a39d;
}

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

.punbb#pun-profile .main form *, .punbb#pun-messages .main form * {}

#pun-userlist .formal, #pun-userlist .formal .container {
    border-bottom: none;
    margin-bottom: 0px;
    width: 96%;
}

#pun-userlist .usertable .container {
    padding: 0px 0em 0em;
    border-top: none;
    width: 100%;
    position: relative;
}

#pun-userlist .usertable table {
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
}

#pun-userlist .usertable .tcl > * {
    vertical-align: middle;
    display: inline-block;
    float: none;
    font: normal 1.3em var(--header-font-family);
}



#pun-title h1 {
}

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

#pun-title h1 span {
    font-size: 1.5em;
    display: none;
}

#pun-title table {
    border: none;
    height: 40px;
    width: 100%;
}

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

#pun-title td.title-logo-tdr {
    border: none;
    width: 468px;
}

.title-animation {
    width: 198px;
    height: 182px;
    border: none;
    position: absolute;
    margin-left: 219px;
    margin-top: 50px;
    display: none;
}

#pun-pagelinks {
    position: absolute;
    top: -15px;
    left: 0px;
    margin: 0px;
    border: none;
    padding: 0px;
    width: 100%;
}

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

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

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

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

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


#pun-navlinks ul {
}

/* ПАНЕЛЬ НАВИГАЦИИ */
#pun-navlinks .container {
    text-transform: uppercase;
    text-align: center;
    font-family: lora;
    font-size: 21px !important;
    letter-spacing: 1px !important;
    margin-top: -44px;
}

#pun-navlinks li {
    display: inline-block;
    padding-right: 1em;
}

#pun-navlinks li span {
}

#pun-navlinks li:first-of-type {
    border-left: 0px none;
}

#pun-navlinks li a {
    color: rgb(214, 213, 205);
}

#pun-navlinks li img {
    display: none;
}

#pun-navlinks #navawards {
    display: none;
}

#pun-ulinks .container {
    position: relative;
    text-transform: uppercase;
    margin-top: 331px;
    text-align: center;
    font-size: 12px;
}

#pun-ulinks li {
    display: inline-block;
    margin: 0px 10px;
    transition: opacity 0.5s ease 0s;
    border-color: transparent;
}

#pun-ulinks li a {
    display: inline;
    white-space: nowrap;
    font-family: 'Nexa_EL', sans-serif;
}

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

#pun-status {
    border-bottom: none;
    margin-bottom: 0px;
    /* background: #433240; */
    left: -53px;
    position: relative;
    width: 1192px;
    top: -14px;
}


#pun-status .container {
    font-size: 10px;
    border-bottom: none;
    margin-bottom: -35px;
    padding: 1.5em 1.5em 0.5em;
    width: 1122px;
    position: relative;
    left: 61px;
}

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


#pun-crumbs1 p.container {
    border-top: none;
    padding: 1em 0em 0em;
    font-size: 14px;
    position: relative;
    z-index: 5;
    width: 1152px;
}

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

#pun-announcement h2 {
    display: none;
    border-color: transparent;
    color: rgb(79, 34, 26);
}

#pun-announcement h2 span {
    border-color: transparent;
}

#pun-announcement .container {
    position: relative;
    margin-top: -32px;
}

#pun-announcement .announcement-container {
    height: 350px;
}

#pun-announcement .announcement-container h4 {
    margin-top: 9px;
    padding-bottom: 9px;
    background: url("https://i.imgur.com/BBimsZ5.png") right bottom no-repeat;
    font: normal 1.5rem var(--header-font-family);
    color: rgb(235, 177, 114);
    margin-bottom: 5px;
}

#pun-announcement .announcement-block .images li {
    display: inline-block;
}

#pun-announcement .announcement-block .images img {
    opacity: 0.6;
    transition: opacity 0.6s linear 0s;
}

#pun-announcement .announcement-block .images img:hover {
    opacity: 1;
}

#pun-announcement .announcement-block#navigation span::after {
    content: " <";
}

#pun-announcement .announcement-block#navigation img {
    display: none;
}

#pun-announcement .announcement-block#buttons h4 {
    display: none;
}

#pun-announcement .announcement-block#buttons .announcement-block-content {
    text-align: center;
    font-size: 1.5rem !important;
}

#pun-announcement .announcement-block#buttons a {
    position: relative;
    font-weight: normal;
    font-family: var(--header-font-family);
    font-size: 1.5rem;
    text-decoration: none;
    padding: 0.3em 1em;
    outline: none;
    border-radius: 1px;
    transition: all 0.2s ease 0s;
}

#pun-announcement .announcement-block#buttons a:hover {
    top: 1px;
    left: 1px;
}

/* ----- Статистика ----- */

#pun-stats .statscon {
    padding: 6px;
    position: relative;
    height: auto;
}

/* === Сетка: 4 равные колонки в одну строку === */
#pun-stats .container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

/* Все 4 items — одинаковое оформление */
#pun-stats .item1,
#pun-stats .item2,
#pun-stats .item3,
#pun-stats .item4 {
    grid-row: 1;
    padding: 6px 15px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-sizing: border-box;
    border-radius: 8px;
    /* при желании раскомментируй для рамок: */
    /* background: var(--bglink); */
    /* border: 1px solid rgba(255,255,255,0.08); */
}

#pun-stats .item1 { grid-column: 1; }
#pun-stats .item2 { grid-column: 2; }
#pun-stats .item3 { grid-column: 3; }
#pun-stats .item4 { grid-column: 4; }

/* === Подписи === */
#pun-stats .item1 > span,
#pun-stats .item2 > span,
#pun-stats .item3 > span,
#pun-stats .item4 > span {
    font-size: 0;
    line-height: 1;
    color: #d3c3b8;
}

#pun-stats .item1 > span::after { content: "Тем: "; }
#pun-stats .item2 > span::after { content: "Сообщений: "; }
#pun-stats .item3 > span::after { content: "Жителей: "; }
#pun-stats .item4 > span::after { content: "Встречайте, "; }

#pun-stats .item1 > span::after,
#pun-stats .item2 > span::after,
#pun-stats .item3 > span::after,
#pun-stats .item4 > span::after {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0.8;
    font-weight: normal;
}

/* === Числа === */
#pun-stats .item1 > strong,
#pun-stats .item2 > strong,
#pun-stats .item3 > strong,
#pun-stats .item4 > strong {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
}

#pun-stats .item4 > strong a {
    text-decoration: none;
}

/* === Нижняя строка: онлайн и за сутки === */
#pun-stats .item5 {
    grid-column: 1 / -1;
    width: 100%;
    padding: 13px 4px;
    list-style: none;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 0;
    min-height: 17px;
    box-sizing: border-box;
}

#pun-stats .item5 a,
#pun-stats .item5 span {
    font-size: 13px;
}



#pun-stats .item5 span a {
    padding: 2px 7px;
    border-radius: 3px;
    text-decoration: none;
}

#pun-stats .item5 span a:hover {
    color: #9f263b;
    text-decoration: underline;

}

#pun-stats .item5 strong,
#pun-stats .item5 em {
    display: none;
}

/* === Возраст форума === */
.Age_forForum {
    display: block;
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 15px;
    opacity: 0.7;
}

/* === Quick jump === */
#pun-qjump {
    margin: 0;
    border: none;
    width: 50%;
    float: left;
}



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

#pun-about {
    /* margin-top: -111px; */
}

#pun-about .container {
    border-top-style: none;
    line-height: 150%;
    position: relative;
    z-index: 5;
    width: 1152px;
}

#pun-about p span {
    display: block;
}

/* === Хлебные крошки (низ страницы) === */
#pun-crumbs2 {
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
    font-weight: normal;
    z-index: 10;
    transform: translateY(81px);
}

#pun-crumbs2 .container {
    padding: 1px 10px;
    background: transparent;
    border: none;
    text-align: center;
    font-family: 'Cinzel', serif;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.5);
    transform: translateY(-20px);
}

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

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

#pun-help .formal .info-box h3.legend {
    border-bottom: 1px solid transparent;
    padding-bottom: 0px;
    margin-bottom: 0.8em;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    color: rgb(79, 34, 26);
}

#pun-help .formal .info-box h3.legend span {
    padding-bottom: 0.6em;
    display: block;
    border-bottom: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    font-size: 1.1em;
}

#pun-help .formal p, #pun-help .formal dd {
    margin-bottom: 1em;
}

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

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

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

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

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


/* &#192;&#196;&#204;&#200;&#205;&#202;&#192; */

#pun-admain h1, #pun-admain h2, #pun-admain h3, #pun-admain h4, #pun-admain table, #pun-admain table * {
    position: relative;
    border: var(--brd);
    text-align: center;
    font-family: 'Nexa_EL';
    color: #d4b8a0;
    height: 39px;
    background: var(--bg);
    transform: translateY(5px);
}

#pun-admain .adcontainer td {
    border-style: solid none none solid;
    border-width: 1px 0px 0px 1px;
    padding: 0.8em 1em;
    border-color: rgb(57, 47, 61);
}

#pun-admain2 {
    position: relative;
}

#pun-admain {
    padding-left: 0px;
}

.punbb-admin #pun-navlinks {
    margin-bottom: 0px;
}

.punbb-admin #pun-admain1 h2 {
    position: relative;
    border: var(--brd);
    text-align: center;
    top: 0px;
    font-family: 'Nexa_EL';
    color: #d4b8a0;
    height: 39px;
    background: var(--bg);
    transform: translateY(-33px);
    width: 76%;
    left: 227px;
}

.punbb-admin #pun-admain2 h2 {
    position: relative;
    border: var(--brd);
    text-align: center;
    font-family: 'Nexa_EL';
    color: #d4b8a0;
    height: 39px;
    background: var(--bg);
    transform: translateY(-8px);
    width: 76%;
    left: 227px;
}

.punbb-admin #pun-admain h2 span {
}

/*&#206;&#242;&#241;&#242;&#243;&#239; &#239;&#238;&#241;&#235;&#229; &#236;&#229;&#237;&#254; &#237;&#224;&#226;&#232;&#227;&#224;&#246;&#232;&#232;*/
.punbb-admin #pun-navlinks {
    /* margin-bottom: 400px; */
}

#pun-admain #pun-adnav {
    margin-top: 0px;
    position: relative;
}

#pun-admain #pun-adnav h2 {
    left: 251px;
    height: 38px;
    width: 170px;
    line-height: 34px;
    transform: translateY(-32px);
    background: #131117;
    border: 2px solid #4a1822;
}

#pun-admain #pun-adnav h2::after, #pun-admain #pun-adnav h2::before {
    background: none;
}

#pun-admain #pun-adnav h2 span {
    font-size: 20px;
    font-family: 'Nexa_EL';
    color: #d3b79f;
}

#pun-admain #pun-adnav a {
    color: rgb(210 182 158);
    font-weight: normal;
    font-family: 'Nexa_EL';
}

#pun-admain #pun-adnav .isactive > a {
    color: rgb(136 61 59);
    font-weight: bold;
}

#pun-admain #pun-adnav a::before, #pun-admain #pun-adnav a::after {
    background-color: rgb(235, 177, 114);
    bottom: 0.1rem;
}

#pun-admain #pun-adnav .isactive > a::before, #pun-admain #pun-adnav .isactive > a::after {
    background-color: rgb(235, 177, 114);
}

#pun-admain #pun-adnav .adcontainer {
    position: relative;
    width: 200px;
    left: 25px;
}

/* &#205;&#224;&#241;&#242;&#240;&#238;&#233;&#234;&#224; &#228;&#232;&#231;&#224;&#233;&#237;&#224; &#242;&#229;&#234;&#241;&#242;&#224; &#241;&#241;&#251;&#235;&#238;&#234; &#226; &#237;&#224;&#226;&#232;&#227;&#224;&#246;&#232;&#232; &#224;&#228;&#236;&#232;&#237;-&#236;&#229;&#237;&#254; */
#pun-admain #pun-adnav .adcontainer ul {
    font-size: 15px;
}

/* &#205;&#224;&#241;&#242;&#240;&#238;&#233;&#234;&#224; &#241;&#241;&#251;&#235;&#238;&#234; &#226; &#237;&#224;&#226;&#232;&#227;&#224;&#246;&#232;&#232; &#224;&#228;&#236;&#232;&#237;-&#236;&#229;&#237;&#254; */
#pun-admain #pun-adnav .adcontainer ul li {
    /* display:inline-block; */
    padding: 5px; /* &#196;&#238;&#225;&#224;&#226;&#235;&#255;&#229;&#236; &#226;&#237;&#243;&#242;&#240;&#229;&#237;&#237;&#232;&#233; &#238;&#242;&#241;&#242;&#243;&#239; &#226;&#238;&#234;&#240;&#243;&#227; &#242;&#229;&#234;&#241;&#242;&#224; &#241;&#241;&#251;&#235;&#234;&#232; */
    text-align: left;
    position: relative;
    z-index: 5;
}

/* &#196;&#238;&#225;&#224;&#226;&#235;&#255;&#229;&#236; &#240;&#224;&#231;&#228;&#229;&#235;&#232;&#242;&#229;&#235;&#252; */
#pun-admain #pun-adnav .adcontainer ul li::before {
    content: '- '; /* &#211;&#241;&#242;&#224;&#237;&#224;&#226;&#235;&#232;&#226;&#224;&#229;&#236; &#230;&#229;&#235;&#224;&#229;&#236;&#251;&#233; &#240;&#224;&#231;&#228;&#229;&#235;&#232;&#242;&#229;&#235;&#252; */
    margin-left: 9px; /* &#196;&#238;&#239;&#238;&#235;&#237;&#232;&#242;&#229;&#235;&#252;&#237;&#251;&#233; &#238;&#242;&#241;&#242;&#243;&#239; &#236;&#229;&#230;&#228;&#243; &#240;&#224;&#231;&#228;&#229;&#235;&#232;&#242;&#229;&#235;&#229;&#236; &#232; &#242;&#229;&#234;&#241;&#242;&#238;&#236; &#241;&#241;&#251;&#235;&#234;&#232; */
    color: #d4b8a047; /* &#214;&#226;&#229;&#242; &#240;&#224;&#231;&#228;&#229;&#235;&#232;&#242;&#229;&#235;&#255; */
}

/* &#209;&#234;&#240;&#251;&#226;&#224;&#229;&#236; &#240;&#224;&#231;&#228;&#229;&#235;&#232;&#242;&#229;&#235;&#252; &#243; &#239;&#238;&#241;&#235;&#229;&#228;&#237;&#229;&#227;&#238; &#253;&#235;&#229;&#236;&#229;&#237;&#242;&#224; &#241;&#239;&#232;&#241;&#234;&#224; */
#pun-admain #pun-adnav .adcontainer ul li:last-child::after {
    display: none;
}


/* ОБЩИЕ стили для ВСЕХ контейнеров (без margin-top!) */
#pun-admain .adcontainer,
#pun-admain1 .adcontainer,
#pun-admain2 .adcontainer {
    background: #242328;
    border: var(--brd);
    font-size: 15px;
    width: 79%;
    margin-left: 230px;
    margin-top: 15px;
    box-sizing: border-box;
}

#pun-admain {
    margin-top: 260px;       /* отодвигаем ВЕСЬ блок один раз */
}
#new-word   {margin-top: 15px  !important;}
#edforum    { margin-top: 15px  !important; }
#addforum   { margin-top: 15px  !important; }

#pun-admain2 .adcontainer {
    margin-top: 2px; /* &#206;&#242;&#241;&#242;&#243;&#239; &#241;&#226;&#229;&#240;&#245;&#243; &#238;&#242; &#226;&#229;&#240;&#245;&#237;&#229;&#233; &#227;&#240;&#224;&#237;&#232;&#246;&#251; &#234;&#238;&#237;&#242;&#229;&#233;&#237;&#229;&#240;&#224; &#228;&#238; &#241;&#238;&#228;&#229;&#240;&#230;&#232;&#236;&#238;&#227;&#238; &#226;&#237;&#243;&#242;&#240;&#232; &#234;&#238;&#237;&#242;&#229;&#233;&#237;&#229;&#240;&#224; */
    background: var(--bg);
    
    
     /* &#208;&#224;&#228;&#232;&#243;&#241; &#241;&#234;&#240;&#243;&#227;&#235;&#229;&#237;&#232;&#255; &#243;&#227;&#235;&#238;&#226; &#234;&#238;&#237;&#242;&#229;&#233;&#237;&#229;&#240;&#224; */
     /* &#216;&#232;&#240;&#232;&#237;&#224; &#234;&#238;&#237;&#242;&#229;&#233;&#237;&#229;&#240;&#224; */
    left: -3px; /* &#207;&#238;&#235;&#238;&#230;&#229;&#237;&#232;&#229; &#234;&#238;&#237;&#242;&#229;&#233;&#237;&#229;&#240;&#224; &#239;&#238; &#227;&#238;&#240;&#232;&#231;&#238;&#237;&#242;&#224;&#235;&#232; &#238;&#242;&#237;&#238;&#241;&#232;&#242;&#229;&#235;&#252;&#237;&#238; &#229;&#227;&#238; &#237;&#238;&#240;&#236;&#224;&#235;&#252;&#237;&#238;&#227;&#238; &#239;&#238;&#235;&#238;&#230;&#229;&#237;&#232;&#255; */
    border: var(--brd);
    font-size: 15px; /* &#208;&#224;&#231;&#236;&#229;&#240; &#248;&#240;&#232;&#244;&#242;&#224; &#226;&#237;&#243;&#242;&#240;&#232; &#234;&#238;&#237;&#242;&#229;&#233;&#237;&#229;&#240;&#224; */
    width: 79.2%;
}


/* &#196;&#238;&#225;&#224;&#226;&#235;&#255;&#229;&#236; &#240;&#224;&#231;&#228;&#229;&#235;&#232;&#242;&#229;&#235;&#252; &#239;&#238;&#241;&#235;&#229; &#234;&#238;&#237;&#242;&#229;&#233;&#237;&#229;&#240;&#224; */
#pun-admain #pun-adnav::after {
    /* content: url('https://papik.pro/uploads/posts/2022-01/1642346660_39-papik-pro-p-razdelitel-klipart-41.png'); */ /* &#211;&#241;&#242;&#224;&#237;&#224;&#226;&#235;&#232;&#226;&#224;&#229;&#236; &#240;&#224;&#231;&#228;&#229;&#235;&#232;&#242;&#229;&#235;&#252; */
    margin-right:300px;
}

#pun-admain fieldset {
    color: #2b2f3b;
    border: none !important;
    background: #19181c;
}

#pun-admain legend span {
    color: rgb(227, 204, 173);
    background-color: transparent !important;
    margin: 0px 5px !important;
}

#pun-admain fieldset .handle, #pun-admain fieldset p {
    color: rgb(212 184 160);
    font-size: 13px;
    border-color: rgb(25 24 30) !important;
    background-color: rgb(19 17 23) !important;
}

.punbb .pun-modal .section h2, .punbb .pun-modal .section h1 {
    margin: 10px auto -30px !important;
}

.punbb .pun-modal .section .container, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    /* box-shadow: rgb(126, 90, 42) 0px 0px 20px 0px inset; */
    background: rgb(25 25 28) !important;
}

.Select_Topics tbody tr:nth-child(2n) td {
    background: rgb(222, 213, 196);
}

.go-up, .go-down {
    position: fixed;
    z-index: 1000;
    cursor: pointer;
    height: 50px;
    width: 37px;
    margin-left: 1151px !important;
}

.go-up {
    bottom: 101px;
    background: url("https://forumstatic.ru/files/001b/17/7b/32750.png") left top no-repeat;
}

.go-down {
    bottom: 42px;
    background: url("https://forumstatic.ru/files/001b/17/7b/90046.png") left top no-repeat;
}

.go-down:hover, .go-up:hover {
    opacity: 1;
}

.Age_forForum {
    display: inline-block;
    font-family: 'Nexa_EL';
    font-size: 13px;
    color: rgb(223 202 181 / 35%);
    position: relative;
    left: -6px;
}

.Age_forForum .Dig {
    font-size: 13px;
    color: rgb(223 202 181 / 35%);
    text-shadow: rgb(0, 0, 0) 0px 1px 13px;
}

.Age_forForum .Wrd {
}

.m-content {
    background: rgb(255, 255, 255);
    padding: 5px;
    border: 1px solid rgb(0, 0, 0);
    box-shadow: rgb(34, 34, 34) 0px 0px 10px;
    position: absolute;
    margin-top: 10px;
    z-index: 200;
    display: none;
}

.punbb .my-tabs {
    margin-top: -73px;
    margin-left: 250px !important;
}

.my-tabs > .tab-a, .my-tabs > span {
    background: rgb(181, 181, 181) !important;
    border-color: rgb(49, 39, 30) !important;
}


.fs-box table th.pmtc24 {
    display: table-cell;
}

#pun-ulinks #Rz {
    display: none;
}

.rainbow-animated p {
    text-align: center;
}

.rainbow-animated span {
    background: linear-gradient(to right, maroon, crimson, green, cyan, teal, blue, violet) 0% 0% / 400% 400% text;
    -webkit-text-fill-color: transparent;
    animation: 23s ease 0s infinite normal none running rainbow;
    display: inline !important;
}

@-webkit-keyframes rainbow {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes rainbow {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

#actives ul.announcement-block-content.images {
    text-align: center;
    width: 232px;
    margin: 0px 0px 0px auto;
}

#best-game {
    margin-top: 25px;
}

#best-moves {
    margin-top: 15px;
}

#tops .announcement-block-content.images {
    width: 250px;
    margin: 0px 0px auto auto;
}

#tags .container {
    right: auto !important;
}

#smls-add {text-align: center;margin: 6px;}

#post p.formsubmit {
    position: relative;
    z-index: 10;
    height: 52px;
    padding-bottom: 10px;
}

#post {
    position: relative;
}

.logo-tip {
    display: none;
    background: url("http://forumstatic.ru/files/0001/31/13/21559.gif") repeat, url("https://i.imgur.com/OLl0wwQ.png") -5px -7px no-repeat;
    background-blend-mode: screen, normal;
    -webkit-mask: url("http://forumstatic.ru/files/001b/9b/fb/47376.svg") center top / cover no-repeat;
    width: 293px;
    height: 58px;
    position: absolute;
    top: 81px;
    margin-left: 269px;
}

li.pa-fld1 .fld-name + br {
    display: none;
}

.Post-scribes {
    text-align: center;
    position: absolute;
    z-index: 1;
    top: 202px;
    padding-bottom: 5px;
}

.Post-scribes.for_week {
    width: 210px;
    margin-left: 0px;
}

.Post-scribes.for_month {
    width: 210px;
    margin-left: -274px;
}

.Post-scribes h11 {
    background: url("https://i.imgur.com/BBimsZ5.png") center bottom no-repeat transparent;
    font: normal 1.5rem var(--header-font-family);
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    padding-right: 18px;
    color: rgb(235, 177, 114);
    text-shadow: rgb(233, 33, 18) 1px 1px 1px;
    margin: 13px 0px 2px 26px;
    padding-bottom: 7px;
}

.user-writter {
    display: inline-block;
    position: relative;
    max-width: 70px;
    overflow: hidden;
    text-align: center;
    margin: 3px auto -8px;
}

.user-writter.zero {
    display: none !important;
}

.user-writter.zero .Ava-obr {
    background: rgb(101, 104, 118);
    border: 0px none;
}

.user-writter .Num-posts {
    display: block;
    white-space: nowrap;
    font: 400 10px Verdana;
    padding-bottom: 2px;
    color: rgb(255, 224, 93);
}

.user-writter .Nick {
    display: block;
    white-space: nowrap;
    font: 400 10px Verdana;
    color: rgb(155, 155, 255);
}

.user-writter .Nick.up {
    padding-bottom: 2px;
}

.user-writter .Num-posts + .Nick {
    margin-top: -2px;
}

.NumPst-hover .Num-posts.down {
    pointer-events: none;
    font: 700 30px Verdana;
    position: absolute;
    z-index: 1;
    left: 0px;
    right: 0px;
    transition: all 0.7s ease-in-out 0s;
    opacity: 0;
    margin-top: -52px !important;
}

.NumPst-hover .Num-posts.down > span {
    display: block;
    margin-top: -4px;
    font: 400 10px Verdana;
}

.NumPst-hover:hover .Num-posts.down {
    opacity: 1;
}

.Ava-obr {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: 0px 2px;
    text-align: center;
    width: 55px;
    height: 55px;
    background: 50% 10% / auto 148% no-repeat rgb(101, 104, 118);
    transition: opacity 0.6s linear 0s;
    opacity: 0.9;
    border: 1px solid rgb(118, 36, 18) !important;
}

.Ava-obr:hover {
    opacity: 1;
}

a.Ava-obr::after {
    content: "";
    position: absolute;
    bottom: -0.1rem;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 0px;
    height: 1px;
    color: rgb(223, 202, 181);
    background-color: rgb(223, 202, 181);
    box-shadow: rgb(233, 33, 18) 1px 1px 1px, rgb(233, 33, 18) 0px 0px 1em;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0;
}

.punbb a.Ava-obr:hover::after {
    width: 100%;
    opacity: 1;
    transition: all 0.6s ease-in-out 0s;
}

/* ---&#208;&#192;&#199;&#196;&#197;&#203;&#200;&#210;&#197;&#203;&#220; &#194; &#212;&#206;&#208;&#211;&#204;&#192;&#213;--- */
.tclcon h3 {
  position: relative;
}

.tclcon h3::after {
  content: "";
  position: absolute;
  bottom: 0;

  /* &#246;&#229;&#237;&#242;&#240;&#232;&#240;&#243;&#229;&#236; */
  left: 50%;
  width: 60%;
  transform: translateX(-50%);

  height: 1px;
  background: linear-gradient(
    to right,
    rgba(210, 218, 228, 0),
    rgba(210, 218, 228, 0.32) 15%,
    rgba(210, 218, 228, 0.32) 85%,
    rgba(210, 218, 228, 0)
  );
}

/* ============================================================
  КАТЕГОРИИ
  Опорные форумы для адресации категорий:
  Кат.1 f7 | Кат.2 f1 | Кат.3 f19 | Кат.4 f36 | Кат.5 f40 | Кат.6 f44 | Кат.7 f45
============================================================ */

/* --- Список всех категорий через опорные форумы (для общих правил) --- */
/* Используется как префикс ниже */

/* Скрываем заголовки таблиц (thead) во всех категориях */
[id^="pun-category"]:has(#forum_f7) thead,
[id^="pun-category"]:has(#forum_f1) thead,
[id^="pun-category"]:has(#forum_f19) thead,
[id^="pun-category"]:has(#forum_f36) thead,
[id^="pun-category"]:has(#forum_f40) thead,
[id^="pun-category"]:has(#forum_f44) thead,
[id^="pun-category"]:has(#forum_f45) thead {
    display: none !important;
}

/* Скрываем колонки tc2 и tc3 в категориях с иконками */
[id^="pun-category"]:has(#forum_f7) tbody.hasicon .tc2,
[id^="pun-category"]:has(#forum_f7) tbody.hasicon .tc3,
[id^="pun-category"]:has(#forum_f1) tbody.hasicon .tc2,
[id^="pun-category"]:has(#forum_f1) tbody.hasicon .tc3,
[id^="pun-category"]:has(#forum_f19) tbody.hasicon .tc2,
[id^="pun-category"]:has(#forum_f19) tbody.hasicon .tc3,
[id^="pun-category"]:has(#forum_f36) tbody.hasicon .tc2,
[id^="pun-category"]:has(#forum_f36) tbody.hasicon .tc3,
[id^="pun-category"]:has(#forum_f40) tbody.hasicon .tc2,
[id^="pun-category"]:has(#forum_f40) tbody.hasicon .tc3,
[id^="pun-category"]:has(#forum_f44) tbody.hasicon .tc2,
[id^="pun-category"]:has(#forum_f44) tbody.hasicon .tc3,
[id^="pun-category"]:has(#forum_f45) tbody.hasicon .tc2,
[id^="pun-category"]:has(#forum_f45) tbody.hasicon .tc3 {
    display: none !important;
}

/* Контейнеры и таблицы — блочное отображение на всю ширину */
[id^="pun-category"]:has(#forum_f7) .container,
[id^="pun-category"]:has(#forum_f7) table,
[id^="pun-category"]:has(#forum_f1) .container,
[id^="pun-category"]:has(#forum_f1) table,
[id^="pun-category"]:has(#forum_f19) .container,
[id^="pun-category"]:has(#forum_f19) table,
[id^="pun-category"]:has(#forum_f36) .container,
[id^="pun-category"]:has(#forum_f36) table,
[id^="pun-category"]:has(#forum_f40) .container,
[id^="pun-category"]:has(#forum_f40) table,
[id^="pun-category"]:has(#forum_f44) .container,
[id^="pun-category"]:has(#forum_f44) table,
[id^="pun-category"]:has(#forum_f45) .container,
[id^="pun-category"]:has(#forum_f45) table {
    display: block !important;
    width: 100%;
    box-sizing: border-box;
}

/* tbody — grid (раскладку задаём в каждой категории)
   grid-auto-rows: auto + align-items: start — чтобы не было наездов
   при скрытых форумах */
[id^="pun-category"]:has(#forum_f7) tbody.hasicon,
[id^="pun-category"]:has(#forum_f1) tbody.hasicon,
[id^="pun-category"]:has(#forum_f19) tbody.hasicon,
[id^="pun-category"]:has(#forum_f36) tbody.hasicon,
[id^="pun-category"]:has(#forum_f40) tbody.hasicon,
[id^="pun-category"]:has(#forum_f44) tbody.hasicon,
[id^="pun-category"]:has(#forum_f45) tbody.hasicon {
    display: grid !important;
    gap: 10px;
    padding: 0px 0px 0px 20px;
    box-sizing: border-box;
    width: 100%;
    align-items: start;
}

/* tr — карточка форума (оставлен второй вариант градиента из дубля) */
[id^="pun-category"]:has(#forum_f7) tbody.hasicon tr,
[id^="pun-category"]:has(#forum_f1) tbody.hasicon tr,
[id^="pun-category"]:has(#forum_f19) tbody.hasicon tr,
[id^="pun-category"]:has(#forum_f36) tbody.hasicon tr,
[id^="pun-category"]:has(#forum_f40) tbody.hasicon tr,
[id^="pun-category"]:has(#forum_f44) tbody.hasicon tr,
[id^="pun-category"]:has(#forum_f45) tbody.hasicon tr {
    display: block !important;
    position: relative !important;
    left: 0 !important;
    margin: 0 !important;
    background: linear-gradient(
        to top,
        #452128 0%,
        #36262b 14%,
        #312a2e 30%,
        #2f2f33 100%
    );
    border: 1px solid #201b1e;
    border-radius: 8px;
    box-sizing: border-box;
    z-index: 5;
    overflow: hidden;
    box-shadow:
        inset 0 1px 0 rgba(214, 199, 191, 0.04),
        inset 0 0 0 1px rgba(111, 18, 34, 0.08),
        0 5px 12px rgba(0, 0, 0, 0.14);
}

/* Основная ячейка — растягивается на всю карточку */
[id^="pun-category"]:has(#forum_f7) tbody.hasicon .tcl,
[id^="pun-category"]:has(#forum_f1) tbody.hasicon .tcl,
[id^="pun-category"]:has(#forum_f19) tbody.hasicon .tcl,
[id^="pun-category"]:has(#forum_f36) tbody.hasicon .tcl,
[id^="pun-category"]:has(#forum_f40) tbody.hasicon .tcl,
[id^="pun-category"]:has(#forum_f44) tbody.hasicon .tcl,
[id^="pun-category"]:has(#forum_f45) tbody.hasicon .tcl {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
}

/* --- Тексты описаний форумов (не привязаны к категориям) --- */
.text-forum-normal_reg {
    text-align: center;
    color: #c8b8aebd;
    width: 501px;
    padding-left: 11px;
    padding-bottom: 10px;
}

.text-forum-normal-trpl {
    text-align: center;
    color: #c8b8aebd;
    width: 345px;
    padding: 5px;
    min-height: 30px;
}

.text-forum-normal-fun {
    text-align: center;
    color: #c8b8aebd;
    width: 328px;
    padding: 5px;
    min-height: 35px;
}

.text-forum-normal_arh {
    text-align: center;
    color: #c8b8aebd;
    width: 530px;
    padding-left: 15px;
    padding-bottom: 9px;
    min-height: 23px;
}

.text-forum-normal_long {
    text-align: center;
    color: #c8b8aebd;
    width: 1062px;
    padding-left: 15px;
    padding-bottom: 10px;
}

/* Блок "последнее сообщение" (.tcr) — фиксируется внизу карточки */
[id^="pun-category"]:has(#forum_f7) tbody.hasicon .tcr,
[id^="pun-category"]:has(#forum_f1) tbody.hasicon .tcr,
[id^="pun-category"]:has(#forum_f19) tbody.hasicon .tcr,
[id^="pun-category"]:has(#forum_f36) tbody.hasicon .tcr,
[id^="pun-category"]:has(#forum_f40) tbody.hasicon .tcr,
[id^="pun-category"]:has(#forum_f45) tbody.hasicon .tcr {
    display: block !important;
    position: absolute;
    bottom: 0;
    width: 100% !important;
    height: 46px !important;
    padding: 3px 8px;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden !important;
    z-index: 5;
    line-height: 0.8;
}

[id^="pun-category"]:has(#forum_f44) tbody.hasicon .tcr
{
     display: none !important;
}

/* Скрываем аватарки в блоке последнего сообщения */
[id^="pun-category"]:has(#forum_f7) tbody.hasicon .tcr .user-avatar,
[id^="pun-category"]:has(#forum_f7) tbody.hasicon .tcr em.user-avatar,
[id^="pun-category"]:has(#forum_f1) tbody.hasicon .tcr .user-avatar,
[id^="pun-category"]:has(#forum_f1) tbody.hasicon .tcr em.user-avatar,
[id^="pun-category"]:has(#forum_f19) tbody.hasicon .tcr .user-avatar,
[id^="pun-category"]:has(#forum_f19) tbody.hasicon .tcr em.user-avatar,
[id^="pun-category"]:has(#forum_f36) tbody.hasicon .tcr .user-avatar,
[id^="pun-category"]:has(#forum_f36) tbody.hasicon .tcr em.user-avatar,
[id^="pun-category"]:has(#forum_f40) tbody.hasicon .tcr .user-avatar,
[id^="pun-category"]:has(#forum_f40) tbody.hasicon .tcr em.user-avatar,
[id^="pun-category"]:has(#forum_f44) tbody.hasicon .tcr .user-avatar,
[id^="pun-category"]:has(#forum_f44) tbody.hasicon .tcr em.user-avatar,
[id^="pun-category"]:has(#forum_f45) tbody.hasicon .tcr .user-avatar,
[id^="pun-category"]:has(#forum_f45) tbody.hasicon .tcr em.user-avatar {
    display: none !important;
}

/* Перенос строки оставляем строчным */
[id^="pun-category"]:has(#forum_f7) tbody.hasicon .tcr br,
[id^="pun-category"]:has(#forum_f1) tbody.hasicon .tcr br,
[id^="pun-category"]:has(#forum_f19) tbody.hasicon .tcr br,
[id^="pun-category"]:has(#forum_f36) tbody.hasicon .tcr br,
[id^="pun-category"]:has(#forum_f40) tbody.hasicon .tcr br,
[id^="pun-category"]:has(#forum_f44) tbody.hasicon .tcr br,
[id^="pun-category"]:has(#forum_f45) tbody.hasicon .tcr br {
    display: inline;
}

/* Ссылка на последнее сообщение */
[id^="pun-category"]:has(#forum_f7) tbody.hasicon .tcr .lastpost-link,
[id^="pun-category"]:has(#forum_f1) tbody.hasicon .tcr .lastpost-link,
[id^="pun-category"]:has(#forum_f19) tbody.hasicon .tcr .lastpost-link,
[id^="pun-category"]:has(#forum_f36) tbody.hasicon .tcr .lastpost-link,
[id^="pun-category"]:has(#forum_f40) tbody.hasicon .tcr .lastpost-link,
[id^="pun-category"]:has(#forum_f44) tbody.hasicon .tcr .lastpost-link,
[id^="pun-category"]:has(#forum_f45) tbody.hasicon .tcr .lastpost-link {
    display: block;
    font-size: 14px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    color: #9e8f88;
}

/* Ссылка при наведении */
[id^="pun-category"]:has(#forum_f7) tbody.hasicon .tcr .lastpost-link:hover,
[id^="pun-category"]:has(#forum_f1) tbody.hasicon .tcr .lastpost-link:hover,
[id^="pun-category"]:has(#forum_f19) tbody.hasicon .tcr .lastpost-link:hover,
[id^="pun-category"]:has(#forum_f36) tbody.hasicon .tcr .lastpost-link:hover,
[id^="pun-category"]:has(#forum_f40) tbody.hasicon .tcr .lastpost-link:hover,
[id^="pun-category"]:has(#forum_f44) tbody.hasicon .tcr .lastpost-link:hover,
[id^="pun-category"]:has(#forum_f45) tbody.hasicon .tcr .lastpost-link:hover {
    color: #fff;
}

/* Текст последнего сообщения */
[id^="pun-category"]:has(#forum_f7) tbody.hasicon .tcr .lastpost,
[id^="pun-category"]:has(#forum_f1) tbody.hasicon .tcr .lastpost,
[id^="pun-category"]:has(#forum_f19) tbody.hasicon .tcr .lastpost,
[id^="pun-category"]:has(#forum_f36) tbody.hasicon .tcr .lastpost,
[id^="pun-category"]:has(#forum_f40) tbody.hasicon .tcr .lastpost,
[id^="pun-category"]:has(#forum_f44) tbody.hasicon .tcr .lastpost,
[id^="pun-category"]:has(#forum_f45) tbody.hasicon .tcr .lastpost {
    display: block;
    font-size: 12px;
    color: #dfcab5 !important;
}

/* Дата/время и имя автора в последнем сообщении */
[id^="pun-category"]:has(#forum_f7) tbody.hasicon .tcr .lastpost .datetime,
[id^="pun-category"]:has(#forum_f7) tbody.hasicon .tcr .lastpost .byuser,
[id^="pun-category"]:has(#forum_f1) tbody.hasicon .tcr .lastpost .datetime,
[id^="pun-category"]:has(#forum_f1) tbody.hasicon .tcr .lastpost .byuser,
[id^="pun-category"]:has(#forum_f19) tbody.hasicon .tcr .lastpost .datetime,
[id^="pun-category"]:has(#forum_f19) tbody.hasicon .tcr .lastpost .byuser,
[id^="pun-category"]:has(#forum_f36) tbody.hasicon .tcr .lastpost .datetime,
[id^="pun-category"]:has(#forum_f36) tbody.hasicon .tcr .lastpost .byuser,
[id^="pun-category"]:has(#forum_f40) tbody.hasicon .tcr .lastpost .datetime,
[id^="pun-category"]:has(#forum_f40) tbody.hasicon .tcr .lastpost .byuser,
[id^="pun-category"]:has(#forum_f44) tbody.hasicon .tcr .lastpost .datetime,
[id^="pun-category"]:has(#forum_f44) tbody.hasicon .tcr .lastpost .byuser,
[id^="pun-category"]:has(#forum_f45) tbody.hasicon .tcr .lastpost .datetime,
[id^="pun-category"]:has(#forum_f45) tbody.hasicon .tcr .lastpost .byuser {
    color: #9e8f88 !important;
}

/* Имя автора — жирный */
[id^="pun-category"]:has(#forum_f7) tbody.hasicon .tcr .byuser,
[id^="pun-category"]:has(#forum_f1) tbody.hasicon .tcr .byuser,
[id^="pun-category"]:has(#forum_f19) tbody.hasicon .tcr .byuser,
[id^="pun-category"]:has(#forum_f36) tbody.hasicon .tcr .byuser,
[id^="pun-category"]:has(#forum_f40) tbody.hasicon .tcr .byuser,
[id^="pun-category"]:has(#forum_f44) tbody.hasicon .tcr .byuser,
[id^="pun-category"]:has(#forum_f45) tbody.hasicon .tcr .byuser {
    font-weight: bold;
}


/* ---- размеры категорий ----- */
/* height заменён на min-height — чтобы при скрытых форумах
   категория сжималась и не было наездов/пустот */

.punbb [id^="pun-category"]:has(#forum_f7) {
    min-height: 350px;
    position: relative;
    width: 1152px;
}

.punbb [id^="pun-category"]:has(#forum_f1) {
    min-height: 225px;
    position: relative;
    width: 1118px;
}

.punbb [id^="pun-category"]:has(#forum_f19) {
    min-height: 350px;
    position: relative;
    width: 1118px;
}

.punbb [id^="pun-category"]:has(#forum_f36) {
    min-height: 315px;
    position: relative;
    width: 1118px;
}

.punbb [id^="pun-category"]:has(#forum_f40) {
    min-height: 380px;
    position: relative;
    width: 1118px;
}

.punbb [id^="pun-category"]:has(#forum_f44) {
    min-height: 324px;
    position: relative;
    width: 1118px;
}

.punbb [id^="pun-category"]:has(#forum_f45) {
    min-height: 260px;
    position: relative;
    width: 1118px;
}

/* .toppost — отдельно (раньше затесался в каждое правило выше) */
.punbb .toppost {
    position: relative;
}
/* ============================================
   ЗАГОЛОВКИ КАТЕГОРИЙ — КАРТИНКА + ТЕКСТЫ
   ============================================ */

/* Картинка-фон + раскладка для текстов */
/* Шапка категории (h2) */
#pun-category1 h2,
#pun-category2 h2,
#pun-category3 h2,
#pun-category4 h2,
#pun-category5 h2,
#pun-category6 h2,
#pun-category7 h2 {
    background: #11201d7d;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
    height: 70px !important;
    left: 0 !important;
    top: 0 !important;
    padding: 18px 16px !important;
    box-sizing: border-box;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    overflow: visible;
    width: 1152px !important;
}

/* Убираем декоративные элементы catleft/catright/offctgr */
#pun-category1 h2 .catleft,
#pun-category1 h2 .catright,
#pun-category1 h2 .offctgr,
#pun-category2 h2 .catleft,
#pun-category2 h2 .catright,
#pun-category2 h2 .offctgr,
#pun-category3 h2 .catleft,
#pun-category3 h2 .catright,
#pun-category3 h2 .offctgr,
#pun-category4 h2 .catleft,
#pun-category4 h2 .catright,
#pun-category4 h2 .offctgr,
#pun-category5 h2 .catleft,
#pun-category5 h2 .catright,
#pun-category5 h2 .offctgr,
#pun-category6 h2 .catleft,
#pun-category6 h2 .catright,
#pun-category6 h2 .offctgr,
#pun-category7 h2 .catleft,
#pun-category7 h2 .catright,
#pun-category7 h2 .offctgr {
    display: none !important;
}

/* Название категории слева */
#pun-category1 h2 span,
#pun-category2 h2 span,
#pun-category3 h2 span,
#pun-category4 h2 span,
#pun-category5 h2 span,
#pun-category6 h2 span,
#pun-category7 h2 span {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    max-width: 50% !important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: 'Cinzel', serif;
    font-size: 25px;
    letter-spacing: 5px;
    color: #d9cec3;
    text-shadow: 0 0 1px rgba(0,0,0,.35);
    text-transform: uppercase;
    flex-shrink: 0;
    text-align: left;
    order: 1;
}

/* Описание категории справа */
#pun-category1 h2::after,
#pun-category2 h2::after,
#pun-category3 h2::after,
#pun-category4 h2::after,
#pun-category5 h2::after,
#pun-category6 h2::after,
#pun-category7 h2::after {
    font-family: 'Cinzel', serif;
    font-size: 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgb(214 213 205 / 25%);
    /* text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9); */
    text-align: right;
    line-height: 1.7;
    max-width: 50%;
    flex-shrink: 0;
    white-space: pre-line;
    order: 2;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Описания для каждой категории */
#pun-category1 h2::after {
    content: "Здесь лежит инструкция к происходящему \A Возможно, даже несколько";
}

#pun-category3 h2::after {
    content: "Канцелярия не обещает чудес \A Она обещает порядок";
}

#pun-category4 h2::after {
    content: "Здесь разворачиваются игровые эпизоды\AНапиши пост и дождиьс ответа. Сделай вид, что контролируешь ситуацию";
}

#pun-category5 h2::after {
    content: "Налей чай. Выдохни, ведь не постави едиными живёт форум \A Персонажи и драма пусть подождут, а ты пока отвлекись";
}

#pun-category6 h2::after {
    content: "Архив хранит то, что форум уже прожил\Aот эпизодов и квестов до флуда и праздников";
}

#pun-category7 h2::after {
    content: "Пришедший к нам с рекламой, уйдёт уже с нашей\AРаздел для партнёрских объявлений, обмена ссылками и прочих дипломатических жестов. ";
}

/* ---- &#206;&#242;&#234;&#235;&#254;&#247;&#229;&#237;&#232;&#229; &#239;&#238;&#241;&#235;&#229;&#228;&#237;&#229;&#227;&#238; &#241;&#238;&#238;&#225;&#249;&#229;&#237;&#232;&#255;----- */
:is(#pun-category1 #forum_f21, 
    #pun-category3 #forum_f19, 
    #pun-category6 #forum_f44, 
    #pun-category6 #forum_f43,
    #pun-category6 #forum_f41
   ) .tcr {
    display: none !important;
}

/* ============================================================
   Категория 1 - ДОБРО ПОЖАЛОВАТЬ!
   f7 - Прихожая + f23 - Анкеты + f21 Библиотека
   ============================================================ */
[id^="pun-category"]:has(#forum_f7) tbody.hasicon {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 160px;
}

[id^="pun-category"]:has(#forum_f7) #forum_f21 {
    grid-column: 1 / -1;
    height: 125px;
    width: 1110px;
}

[id^="pun-category"]:has(#forum_f7) #forum_f7,
[id^="pun-category"]:has(#forum_f7) #forum_f23 {
    height: 160px;
    width: 540px;
}

/* ============================================================
   Категория 2 - ТАЙНЫЕ ТРОПЫ
   ============================================================ */
[id^="pun-category"]:has(#forum_f1) #forum_f1,
[id^="pun-category"]:has(#forum_f1) #forum_f2,
[id^="pun-category"]:has(#forum_f1) #forum_f4 {
    width: 363px;
    height: 160px;
}

[id^="pun-category"]:has(#forum_f1) tbody.hasicon {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 200px;
}


/* ============================================================
   Категория 3 - КАНЦЕЛЯРИЯ
   ============================================================ */
[id^="pun-category"]:has(#forum_f19) {
    width: 1152px;
}

[id^="pun-category"]:has(#forum_f19) tbody.hasicon {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 180px;
}

[id^="pun-category"]:has(#forum_f19) #forum_f19 {
    grid-column: 1 / -1;
    width: 1110px;
    height: 125px;
}

[id^="pun-category"]:has(#forum_f19) #forum_f10,
[id^="pun-category"]:has(#forum_f19) #forum_f20,
[id^="pun-category"]:has(#forum_f19) #forum_f33 {
    top: -55px;
    width: 363px;
    height: 160px;
}


/* ============================================================
   Категория 4 - ИГРЫ
   ============================================================ */
[id^="pun-category"]:has(#forum_f36) {
    width: 1152px;
}

[id^="pun-category"]:has(#forum_f36) tbody.hasicon {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 180px;
}

[id^="pun-category"]:has(#forum_f36) #forum_f36 {
    grid-column: 1 / -1;
    width: 1110px;
    height: 116px;
}

[id^="pun-category"]:has(#forum_f36) #forum_f34,
[id^="pun-category"]:has(#forum_f36) #forum_f35,
[id^="pun-category"]:has(#forum_f36) #forum_f37 {
    width: 363px;
    top: -55px;
    height: 128px;
}


/* ============================================================
   Категория 5 - ФЛУД
   ============================================================ */
[id^="pun-category"]:has(#forum_f40) {
    width: 1152px;
}

[id^="pun-category"]:has(#forum_f40) tbody.hasicon {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 180px;
}

[id^="pun-category"]:has(#forum_f40) #forum_f40 {
    grid-column: 1 / -1;
    width: 1110px;
    height: 115px;
}

[id^="pun-category"]:has(#forum_f40) #forum_f39,
[id^="pun-category"]:has(#forum_f40) #forum_f38,
[id^="pun-category"]:has(#forum_f40) #forum_f16 {
    width: 363px;
    top: -55px;
    height: 190px;
}


/* ============================================================
   Категория 6 - СТАРЫЕ АРХИВЫ
   ============================================================ */
[id^="pun-category"]:has(#forum_f44) {
    width: 1152px;
}

[id^="pun-category"]:has(#forum_f44) tbody.hasicon {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    height: 250px;
}

[id^="pun-category"]:has(#forum_f44) #forum_f44 {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 549px;
    height: 258px;
}

[id^="pun-category"]:has(#forum_f44) #forum_f43 {
    grid-column: 2;
    grid-row: 1;
    width: 550px;
    height: 131px;
}

[id^="pun-category"]:has(#forum_f44) #forum_f41 {
    grid-column: 2;
    grid-row: 2;
    width: 550px;
    height: 117px;
}


/* ============================================================
   Категория 7 - ПОСОЛЬСТВО
   ============================================================ */
[id^="pun-category"]:has(#forum_f45) {
    width: 1152px;
}

[id^="pun-category"]:has(#forum_f45) tbody.hasicon {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 180px;
}

[id^="pun-category"]:has(#forum_f45) #forum_f45,
[id^="pun-category"]:has(#forum_f45) #forum_f18 {
    width: 550px;
    height: 197px;
}


/* ============================================================
   Общее (не категории)
   ============================================================ */
.pages .section {    
    width: 93.7%;
    padding: 20px;
    background: #242328;
    border: var(--brd);
    transform: translateX(15px);
    margin-bottom: 30px;
}

.pages div.container {
    overflow:hidden;
    background: #19181c;
    width: 98%;
    padding: 10px;
}

/* &#205;&#224;&#241;&#242;&#240;&#238;&#233;&#234;&#224; &#239;&#238;&#235;&#255; &#226; &#239;&#240;&#238;&#244;&#232;&#235;&#229; */
li.pa-fld1 {
    background: blue;
    left: -100px;
    width: 1326px;
    position: relative;
    text-align: center;
    z-index: -1;
}


/* ----- Таблица объявления -----*/
    .tabs {
      display: flex;
      cursor: pointer;
    }

    .tab {
      background: #332d3d;
      border-top: 1px solid #a08f88;
      border-left: 1px solid #a08f88;
      border-right: 1px solid #a08f88;
      width: 182.5px;
      height: 24px;
      color: #dfcab5;
      font-family: vetrino;
      font-size: 21px;
      text-align: center;
      margin-left: 0px;
      position: relative;
      left: 0px;
      top: 1px;
    }


    .tab:hover {
       color: #dfcab58a;
    }

    .tab-content {
      padding: 5px;
      width: 728px;
      height: 280px;
      position: relative;
      left: 0px;
      top: 3px;
      background: #b5a3a2;
    }

.text-welcome-title, .text-welcome-button {font-size: 29px;text-transform: uppercase;color: #dfcab5;text-shadow: 1px 1px 1px #342e3a, 0 0 0em #332b36;font-family: 'Nodesto Cyrillic Regular';text-align: center;}
.text-welcome-button { font-size: 20px; padding-bottom: 4px;}
.text-welcome-normal, .text-welcome-normal-center, .text-forum-normal {color: #dfcab569;font-size: 15px;font-family: lora;text-align: center;}
.text-forum-normal {font: 15px lora;}

/* Описания форумов */
.box-welcome, .box-active, .box-forums {padding: 5px;width: 575px;position: relative;}
.box-active { height: 70px; padding: 5px;}
.box-archive {width: 550px;position: relative;/* height: 45px; */}
.box-long-forum {padding: 5px;width: 1152px;left: 0px;position: relative;}
.box-admin {padding: 5px;width: 359px;/* left: -15px; */position: relative;}

/* нажатая кнопка */
.frmlink:hover, .frmlink-inln:hover, .frmlnk-inln-lore:hover, .frmlink-inln-star:hover, .frmlink-ank:hover, .frmlink-ams:hover {opacity:0.7}

/* расположение кнопок*/
.frmlink, .frmlink-inln, .frmlnk-inln-lore, .frmlink-inln-star, .frmlink_arch, .frmlink_arch_flud, .frmlink_arch_flud_long, .frmlink-ank, .frmlink-ams, .frmlink_master,  .frmlink_fun  {
  /* background: #2f2e3340; */
  border: 1px solid #ae3e5233;
  letter-spacing: 1px;
  text-align: center;
  padding: 3px;
  height: 20px;
  font-size: 14px;
  font-family: 'Nexa_EL';
}

/* Общее для кнопок форума  */
.frmlink {
  width: 496px;
  left: 9px;
  display: block;
}

/* Кнопки анкеты */
.frmlink-ank {display: inline-block;width: 159px;left: 20px;}

/* Кнопки АМС, Канцелярии и Игр */
.frmlink-ams {display: inline-block;width: 101px;left: 20px;}

/* Кнопки флуда */
.frmlink_fun {display: inline-block;width: 154px;left: 5px;}
.frmlink_master {display: inline-block;width: 320px;left: 5px;}

/* Кнопки Архива  */
.frmlink_arch {
  width: 516px;
  display: block;
  left: 10px;
  margin-bottom: 3px;
}

.frmlink_arch_flud {
  width: 122px;
  display: inline-block;
  left: 8px;
  margin-bottom: 3px;
  top: 0px;
}

.frmlink_arch_flud_long {
  width: 167px;
  display: inline-block;
  left: 8px;
  margin-bottom: 3px;
  /* top: -10px; */
}

.frmlink-inln, .frmlnk-inln-lore {
  display: inline-block;
  margin-bottom: 5px;
}

/* &#241;&#241;&#251;&#235;&#234;&#232; &#215;&#229;&#240;&#242;&#238;&#227;&#238;&#226; &#241;&#235;&#224;&#226;&#251;*/
.frmlink-inln-star {
  display: inline-block;
  width: 204.3px;
  left: 5px;
}

.frmlnk-inln-lore {
  width: 350.2px;
  left: 5px;
}

.ava-min {
  display: block;
  transition: filter 0.3s ease;
}

.ava-min:hover {
  filter: brightness(1.5);
}


.linelink   {
    display: inline-block;
    font-size: 20px;
    color: #d6d5cda8;
    text-align: center;
    letter-spacing: 2px!important;
    text-transform: uppercase;
    width: 140px;
    height: 20px;
    padding: 4px;
    font-family: lora;
    background: #332d3d;
    border: 4px groove #774200;
    position: relative;
    padding-bottom: 10px;
    left: 114px;
}

.verticallik {
  width: 197px;
  height: 35px;
  background: #332d3d;
  border: 4px groove #774200;
  cursor: auto;
  font-size: 19px;
  text-align: center;
  letter-spacing: 2px!important;
  text-transform: uppercase;
  font-family: 'lora';
  padding-top: 10px;
}

.verticallik1 {
  width: 409px;
  height: 30px;
  background: #332d3d;
  border: 4px groove #774200;
  cursor: auto;
  font-size: 19px;
  text-align: center;
  letter-spacing: 2px!important;
  text-transform: uppercase;
  font-family: 'lora';
  padding-top: 10px;
}


.gray-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 140px;
  height: 16px;
  padding: 4px 20px;
  margin-bottom: 10px;
  font: 400 15px/1.1 Georgia, serif;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-left: 10px;
  text-decoration: none;
  background: #2c2e3e;
  border: 1px solid #2a2330;
  border-radius: 6px;
  box-shadow:
    inset 0 0 0 1px rgba(215, 221, 238, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -10px 14px rgba(22, 20, 31, 0.28),
    0 0 0 1px rgba(25, 18, 29, 0.6),
    0 2px 6px rgba(0, 0, 0, 0.25);
}


/* ----- ВЕРХНЕЕ МЕНЮ НАВИГАЦИИ ----- */
#pun-navlinks {
    background: transparent;
}

#pun-navlinks .container {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    background: transparent;
    position: relative;
    left: 80px;
}

#pun-navlinks li {
    display: block;
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
}

#pun-navlinks li a {
    display: block;
    padding: 6px 4px;
    font-family: 'Cinzel', serif;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
    color: #c9d1e08a;
    background: transparent;
    transition: color 0.25s ease;
    border-radius: 0;
    position: relative;
}

#pun-navlinks li a:hover {
    color: #ffeedf;
    background: transparent;
}

/* убираем иконки и награды */
#pun-navlinks li img,
#pun-navlinks #navawards {
    display: none;
}


/* Новости даты */
.a-date {
    width: 87px;
    height: 12px;
    background: #3c4662;
    border: 3px groove #919aa2;
    cursor: auto;
    font-size: 11px;
    text-align: center;
    letter-spacing: 1px!important;
    text-transform: uppercase;
    font-family: 'Courier New', monospace;
    color: antiquewhite;
    padding: 3px;
}

.a-date-new {
    width: 87px;
    height: 12px;
    background: #655466;
    border: 3px groove #97a0aa;
    cursor: auto;
    font-size: 11px;
    text-align: center;
    letter-spacing: 1px!important;
    text-transform: uppercase;
    font-family: 'Courier New', monospace;
    color: antiquewhite;
    padding: 3px;
}


/* ----- БЛОК СТАТУСА + ХЛЕБНЫХ КРОШЕК ПО ЦЕНТРУ ----- */

#pun-status {
    background: transparent;
    border: none;
    text-align: center;
    margin: 5px auto;
    padding: 2px 0;
}

#pun-crumbs1 {
    background: transparent;
    border: none;
    text-align: center;
    margin: 5px auto;
    padding: 2px 0;
}

#pun-status .container,
#pun-crumbs1 .container {
    background: transparent;
    border: none;
    padding: 10px 10px;
    text-align: center !important;
    font-family: 'Cinzel', serif;
    letter-spacing: 1px;
    color: #ffffff36;
}

/* Сбрасываем float у всех span */
#pun-status .item1,
#pun-status .item2,
#pun-status .item3,
#pun-status .item4 {
    float: none !important;
    display: inline-block;
    margin: 0 6px;
    padding: 0;
    border: none;
    background: transparent;
}

/* ---- СТРОКА 1: Привет + Последний визит ---- */
/* .item1 и .item2 остаются inline в первой строке */

/* ---- СТРОКА 2: Помочь форуму | Улучшить аккаунт ---- */
/* Прячем "В фонде форума: 96.00 кредитов." — оставляем только ссылку "Помочь форуму" */
#pun-status .item3 {
    display: inline-block;
    font-size: 0px; /* прячем текст */
    margin: 3px 0px 0;
}

#pun-status .item3::before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
}

#pun-status .item3 a {
    font-size: 10px; /* возвращаем размер только ссылке */
}

/* "Улучшить аккаунт" во второй строке рядом с "Помочь форуму" */
#pun-status .item4 {
    display: inline-block;
    font-size: 12px;
    margin: 4px 6px 0;
}

/* Ссылки */
#pun-status a,
#pun-crumbs1 a {
    color: #ffffff36;
    text-decoration: none;
    font-size: 10px;
    transition: color 0.25s ease;
}

#pun-status a:hover,
#pun-crumbs1 a:hover {
    color: #ffffff;
}

/* Крошки */
#pun-crumbs1 p {
    text-align: center !important;
    margin: 0;
    padding: 4px 0;
}

/* Разделитель между блоками — убираем */
#pun-break1 {
    display: none;
}


/* ============================================
   БЛОК ОБЪЯВЛЕНИЯ — ALM ANNOUNCE
   ============================================ */

#pun-announcement {
    background: transparent;
    border: none;
    padding: 10px 0;
}

#pun-announcement h2,
#pun-announcement .container > h2 {
    display: none; /* &#243;&#225;&#232;&#240;&#224;&#229;&#236; &#231;&#224;&#227;&#238;&#235;&#238;&#226;&#238;&#234; "&#206;&#225;&#250;&#255;&#226;&#235;&#229;&#237;&#232;&#229;" */
}

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

.alm-announce {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: wrap;
    font-family: 'Cinzel', serif;
    position: relative;
    top: -117px;
    left: 55px;
    z-index: 10;
}

/* ---------- ЛЕВАЯ ЧАСТЬ: КНОПКИ ---------- */
.alm-btn {
    display: inline-block;
    min-width: 104px;
    padding: 7px 14px;
    overflow: hidden;
    background: linear-gradient(
        180deg,
        #3a3033 0%,
        #2a2b30 55%,
        #24252a 100%
    );
    border: 1px solid rgba(72, 54, 58, 0.95);
    border-radius: 0;
    color: #d6c6ba !important;
    font-family: 'Cinzel', serif;
    font-size: 13px;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none !important;
    line-height: 1.5;
    box-shadow:
        inset 0 1px 0 rgba(214, 199, 191, 0.05),
        inset 0 -10px 18px rgba(120, 24, 40, 0.06),
        0 0 0 1px rgba(16, 12, 14, 0.55);
    transition:
        color .3s ease,
        border-color .3s ease,
        background .3s ease,
        box-shadow .3s ease,
        transform .25s ease;
}

.alm-btn::before {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0;
    height: 1px;
    opacity: 0;
    background: linear-gradient(
        90deg,
        rgba(140, 20, 40, 0) 0%,
        rgba(170, 36, 58, 0.85) 50%,
        rgba(140, 20, 40, 0) 100%
    );
    transition: opacity .3s ease;
    pointer-events: none;
}

.alm-btn:hover {
    color: #f0ddd0 !important;
    border-color: rgba(118, 43, 55, 0.95);
    background: linear-gradient(
        180deg,
        #463437 0%,
        #32292d 55%,
        #2a2428 100%
    );
    box-shadow:
        inset 0 1px 0 rgba(214, 199, 191, 0.08),
        inset 0 -14px 22px rgba(145, 24, 42, 0.14),
        0 0 14px rgba(110, 18, 34, 0.10);
    transform: translateY(-1px);
}

.alm-btn:hover::before {
    opacity: 1;
}

.alm-btn-wide {
    min-width: 0;
    width: 100%;
    margin-top: 3px;
    max-width: 522px;
}

/* ---------- ПРАВАЯ ЧАСТЬ: АКТИВИСТЫ ---------- */
.alm-activists {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 3px 13px 8px;
    background: linear-gradient(
        180deg,
        rgba(49, 45, 50, 0.92) 0%,
        rgba(36, 37, 42, 0.96) 100%
    );
    border: 1px solid rgba(72, 54, 58, 0.95);
    border-radius: 0;
    box-shadow:
        inset 0 1px 0 rgba(214, 199, 191, 0.04),
        0 0 0 1px rgba(16, 12, 14, 0.55);
}

.alm-act-title {
    width: 100%;
    padding-bottom: 6px;
    text-align: center;
    color: #cdbdaf;
    font-family: 'Cinzel', serif;
    font-size: 10px;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(89, 63, 67, 0.65);
}

.alm-act-list {
    display: flex;
    gap: 6px;
    justify-content: center;
    flex-wrap: wrap;
}

.alm-act-slot {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: relative;
    overflow: hidden;

    background: linear-gradient(
        180deg,
        #342b2f 0%,
        #26272c 58%,
        #202126 100%
    );
    border: 1px solid rgba(78, 58, 62, 0.92);
    border-radius: 0;

    box-shadow:
        inset 0 1px 0 rgba(214, 199, 191, 0.04),
        inset 0 -8px 14px rgba(120, 24, 40, 0.06);

    transition:
        border-color .3s ease,
        background .3s ease,
        box-shadow .3s ease,
        transform .25s ease;
}

.alm-act-slot::before {
    content: "?";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(124, 94, 98, 0.7);
    font-family: 'Cinzel', serif;
    font-size: 18px;
    font-weight: bold;
    transition: color .3s ease;
}

.alm-act-slot::after {
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 0;
    height: 1px;
    opacity: 0;
    background: linear-gradient(
        90deg,
        rgba(140, 20, 40, 0) 0%,
        rgba(170, 36, 58, 0.85) 50%,
        rgba(140, 20, 40, 0) 100%
    );
    transition: opacity .3s ease;
    pointer-events: none;
}

.alm-act-slot:hover {
    border-color: rgba(118, 43, 55, 0.95);
    background: linear-gradient(
        180deg,
        #433136 0%,
        #30272c 58%,
        #282227 100%
    );
    box-shadow:
        inset 0 1px 0 rgba(214, 199, 191, 0.07),
        inset 0 -10px 18px rgba(145, 24, 42, 0.14),
        0 0 12px rgba(110, 18, 34, 0.10);
    transform: translateY(-1px);
}

.alm-act-slot:hover::before {
    color: #d7c7bb;
}

.alm-act-slot:hover::after {
    opacity: 1;
}

.alm-act-slot img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}


.alm-act-slot.has-ava::before {
    content: none;
}


/* ---------- АДАПТИВ ---------- */
@media (max-width: 600px) {
    .alm-announce {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    
    .alm-btn {
        min-width: 70px;
        font-size: 10px;
        padding: 6px 10px;
    }
}


/* Скрываем пустой html-box в объявлении */
#pun-announcement .html-box:empty {
    display: none !important;
}

/* Убираем пустое место и фон у контейнера объявления */
#pun-announcement {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;          /* схлопываем по высоте */
    overflow: visible !important;  /* но контент (поднявшийся .alm-announce) всё равно виден */
}

#pun-announcement .container,
#pun-announcement .html-box {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* общий блок статистики */
#pun-stats .container,
#pun-online .container {
    background: linear-gradient(
        180deg,
        rgba(43, 36, 41, 0.96) 0%,
        rgba(31, 32, 37, 0.98) 100%
    ) !important;
    border: 1px solid rgba(72, 54, 58, 0.95) !important;
    box-shadow:
        inset 0 1px 0 rgba(214,199,191,0.04),
        0 0 0 1px rgba(16,12,14,0.45);
    border-radius: 0 !important;
    padding: 9px 20px 8px !important;
}

/* убираем лишние внутренние коробки */
#pun-stats .statscon,
#pun-online .statscon {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* возраст форума */
#pun-stats .statscon > span:first-child,
#pun-online .statscon > span:first-child {
    display: block;
    margin-bottom: 14px;
    padding: 12px 16px;
    text-align: center;
    font-family: 'Oranienbaum', serif;
    font-size: 20px;
    color: #cdbdaf;
    border: 1px solid rgba(92, 69, 74, 0.72);
    background: linear-gradient(
        180deg,
        rgba(58, 43, 49, 0.55) 0%,
        rgba(35, 34, 39, 0.35) 100%
    );
}

/* блоки с цифрами */
#pun-stats dl,
#pun-online dl {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin: 0 0 14px 0 !important;
}

#pun-stats dt,
#pun-online dt {
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #9f8f86;
    margin-bottom: 4px;
}

#pun-stats dd,
#pun-online dd {
    margin: 0;
    font-family: 'Cinzel', serif;
    font-size: 26px;
    color: #e2d3c6;
}

/* карточка одного показателя */
#pun-stats dl > div,
#pun-online dl > div {
    flex: 1 1 180px;
    padding: 10px 14px;
    background: linear-gradient(
        180deg,
        rgba(52, 43, 47, 0.72) 0%,
        rgba(36, 37, 42, 0.78) 100%
    );
    border: 1px solid rgba(78, 58, 62, 0.85);
    position: relative;
}

#pun-stats dl > div::after,
#pun-online dl > div::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        rgba(140,20,40,0) 0%,
        rgba(170,36,58,0.55) 50%,
        rgba(140,20,40,0) 100%
    );
}

/* строки с пользователями */
#pun-stats p,
#pun-online p {
    margin: 8px 0 !important;
    color: #b9aca3;
    font-size: 14px;
    line-height: 1.6;
}

#pun-stats strong,
#pun-online strong,
#pun-stats b,
#pun-online b {
    color: #e0d1c4;
    font-weight: 600;
}


/* === БАННЕРООБМЕН === */
.alm-banners-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    height: 40px;
    overflow: hidden;
    padding: 5px 10px;
    transform: translateY(-100px);
}

.alm-banners {
    display: inline-block;
    opacity: 50%;
    transition: opacity 0.6s linear 0s;
}

.alm-banners:hover {
    opacity: 100%;
}

.alm-banners img {
    display: block;
}

/* Скрыть баннеры на всех страницах */
.alm-banners-box {
    display: none !important;
}

/* Показать только на главной (body содержит #pun-index) */
body:has(#pun-index) .alm-banners-box {
    display: flex !important;
}

/* === Кастомный тултип MyBB === */
#tooltip {
    position: absolute;
    z-index: 9999;
    max-width: 280px;
    padding: 6px 10px;
    background: rgb(60 36 44);
    border: 1px solid #6b3838;
    color: #c9a87a;
    font-family: 'Cinzel', serif;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.4;
    pointer-events: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
    
    /* Сдвигаем тултип ВВЕРХ от курсора */
    transform: translateY(calc(-100% - 25px));
}



/* ============================================
                  CТРАНИЦЫ ТЕМ
   ============================================ */

#pun-about {
    width: 1152px;
    height: 70px;
    margin: 0 auto !important;
    position: relative;
    z-index: 5;
    background: linear-gradient(
        180deg,
        #323338 0%,
        #26272c 50%,
        #1f2024 100%
    ) !important;
}

#pun-about .container {
    transform: none !important;
    opacity: 0.5 !important;
    background: transparent !important;
    margin: 0 !important;
    text-align: center;
    position: relative;
    z-index: 2;
}

#pun-about::after {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 0;
    height: 2px;
    z-index: 3;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        rgba(140, 20, 40, 0)    0%,
        rgba(140, 20, 40, 0.45) 18%,
        rgba(175, 38, 60, 0.9)  50%,
        rgba(140, 20, 40, 0.45) 82%,
        rgba(140, 20, 40, 0)    100%
    );
}


#pun-index #pun-about {
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(50px);
}

#pun-index #pun-about .container {
    padding: 0 !important;
}

body:not(:has(#pun-index)) #pun::after {
    display: none !important;
}

body:not(:has(#pun-index)) #pun-about {
    margin-top: 0 !important;
}

body:not(:has(#pun-index)) #pun-about .container {
    padding: 25px 0 0 0 !important;
}

body:not(:has(#pun-index)) #pun-crumbs2 {
    transform: none !important;
    position: relative;
    z-index: 4;
    margin-bottom: 0 !important;
    padding-bottom: 10px !important;
}



#pun-viewforum .linkst,
#pun-viewforum .linksb,
#pun-searchtopics .linkst,
#pun-searchtopics .linksb {
    width: 1152px !important;
    margin: 0 auto !important;
    padding: 10px 14px !important;
    background: transparent !important;
    box-sizing: border-box;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}


#pun-viewforum .linksb .pagelink,
#pun-searchtopics .linksb .pagelink
{
    order: 1 !important;
    text-align: left !important;
}

#pun-viewforum .linksb .postlink,
#pun-searchtopics .linksb .postlink
{
    order: 2 !important;
    text-align: right !important;
}


#pun-viewforum .linkst .pagelink,
#pun-viewforum .linksb .pagelink,
#pun-searchtopics .linkst .pagelink,
#pun-searchtopics .linksb .pagelink{
    color: #9f8f86 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    border: none !important;
    float: none !important;
    position: static !important;
    flex: 0 0 auto !important;
    text-align: left !important;
}

#pun-viewforum .linkst .postlink,
#pun-viewforum .linksb .postlink,
#pun-searchtopics .linkst .postlink,
#pun-searchtopics .linksb .postlink {
    color: #d3c3b8 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    float: none !important;
    position: static !important;
    flex: 0 0 auto !important;
    text-align: right !important;
}

#pun-viewforum .linkst .postlink a,
#pun-viewforum .linksb .postlink a {
    color: #d3c3b8;
    margin-left: 16px;
    text-decoration: none;
    transition: color 0.25s ease;
}

#pun-viewforum .linkst .postlink a:hover,
#pun-viewforum .linksb .postlink a:hover {
    color: #f0ddd0;
}


#pun-viewforum .main .container,
#pun-searchtopics .main .container
{
    background: rgb(37 36 42) !important;
    margin: 0 24px 20px 24px !important;
    padding: 0 !important;
    box-shadow:
        inset 0 1px 0 rgba(175, 38, 60, 0.1),
        0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

#pun-viewforum .main .container table,
#pun-searchtopics .main .container table {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
}


#pun-viewforum tbody.hasicon tr,
#pun-searchtopics tbody.hasicon tr,
#pun-viewforum .category table tbody tr {
    display: inline-grid;
    grid-template-columns: 2fr 0.5fr 0.1fr 1fr;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 45px;
}

#pun-viewforum .main thead .tcl,
#pun-viewforum .main tbody.hasicon .tcat td,
#pun-searchtopics .main tbody.hasicon .tcat td {
    padding-left: 0 !important;
}

#pun-viewforum .main tbody.hasicon .tcl,
#pun-searchtopics .main tbody.hasicon .tcl
{
    display: flex !important;
    flex-direction: column;
    justify-content: center !important;
    padding-left: 10px !important;
    position: relative !important;
}


#pun-viewforum .main tbody.hasicon .tcl .tclcon,
#pun-searchtopics .main tbody.hasicon .tcl .tclcon {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
    width: 100% !important;
}

#pun-viewforum .main tbody.hasicon .tcl .tclcon a,
#pun-searchtopics .main tbody.hasicon .tcl .tclcon a {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

#pun-viewforum .main tbody.hasicon .tcl .byuser,
#pun-searchtopics .main tbody.hasicon .tcl .byuser {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
    font-size: 13px !important;
    opacity: 0.7 !important;
}


#pun-viewforum .main .tcl .intd,
#pun-searchtopics .main .tcl .intd {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}


#pun-viewforum .main .tcl .stickytext,
#pun-viewforum .main .tcl .closedatafield,
#pun-viewforum .main .tcl .acchide,
#pun-searchtopics .main .tcl .stickytext,
#pun-searchtopics .main .tcl .closedatafield,
#pun-searchtopics .main .tcl .acchide{
    display: none !important;
}


#pun-viewforum .main tbody.hasicon .tcr .user-avatar,
#pun-searchtopics .main tbody.hasicon .tcr .user-avatar {
    display: none !important;
}


#pun-viewforum .main tbody.hasicon .tcr,
#pun-searchtopics .main tbody.hasicon .tcr {
    display: flex !important;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px !important;
    padding: 2px 8px !important;
}


#pun-viewforum .main tbody.hasicon .tcr > a,
#pun-searchtopics .main tbody.hasicon .tcr > a
{
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    color: #d3c3b8 !important;
    text-indent: 0 !important;
    text-align: right !important;
    font-family: 'Nexa_EL';
}

#pun-viewforum .main tbody.hasicon .tcr .byuser,
#pun-searchtopics .main tbody.hasicon .tcr .byuser {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    opacity: 0.6 !important;
    text-indent: 0 !important;
    text-align: right !important;
    font-family: 'Nexa_EL';
}

#pun-viewforum .main tbody.hasicon .tcr .byuser .byuser-username,
#pun-searchtopics .main tbody.hasicon .tcr .byuser .byuser-username{
    margin-left: 0 !important;
}


/* --- ИКОНКИ ТЕМ --- */

/* Базовая иконка — чёрное солнце (прочитанная тема) */
#pun-viewforum .main .tcl .icon,
#pun-searchtopics .main .tcl .icon {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    flex-shrink: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    transition: filter 0.3s ease !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000' stroke='%23c9b896' stroke-width='0.8'><circle cx='12' cy='12' r='4'/><g stroke='%23c9b896' stroke-width='1.2' stroke-linecap='round'><line x1='12' y1='2' x2='12' y2='5'/><line x1='12' y1='19' x2='12' y2='22'/><line x1='2' y1='12' x2='5' y2='12'/><line x1='19' y1='12' x2='22' y2='12'/><line x1='4.9' y1='4.9' x2='7' y2='7'/><line x1='17' y1='17' x2='19.1' y2='19.1'/><line x1='4.9' y1='19.1' x2='7' y2='17'/><line x1='17' y1='7' x2='19.1' y2='4.9'/></g></svg>") !important;
}

/* С новыми сообщениями — красное солнце со свечением */
#pun-viewforum .main tr.inew .tcl .icon,
#pun-searchtopics .main tr.inew .tcl .icon {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c0392b' stroke='%23ff6b5b' stroke-width='0.8'><circle cx='12' cy='12' r='4'/><g stroke='%23ff6b5b' stroke-width='1.4' stroke-linecap='round'><line x1='12' y1='2' x2='12' y2='5'/><line x1='12' y1='19' x2='12' y2='22'/><line x1='2' y1='12' x2='5' y2='12'/><line x1='19' y1='12' x2='22' y2='12'/><line x1='4.9' y1='4.9' x2='7' y2='7'/><line x1='17' y1='17' x2='19.1' y2='19.1'/><line x1='4.9' y1='19.1' x2='7' y2='17'/><line x1='17' y1='7' x2='19.1' y2='4.9'/></g></svg>") !important;
    filter: drop-shadow(0 0 5px rgba(192, 57, 43, 0.8)) !important;
    animation: iconPulse 2s ease-in-out infinite !important;
}

/* Прикреплённая тема — красная звезда */
#pun-viewforum .main tbody tr.isticky .tcl .icon,
#pun-searchtopics .main tbody tr.isticky .tcl .icon {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b2a20' stroke='%23c0392b' stroke-width='0.6' stroke-linejoin='round'><path d='M12 2 L13.5 10.5 L22 12 L13.5 13.5 L12 22 L10.5 13.5 L2 12 L10.5 10.5 Z M 5 5 L 11 11 M 19 5 L 13 11 M 19 19 L 13 13 M 5 19 L 11 13' stroke-width='1'/></svg>") !important;
    filter: drop-shadow(0 0 3px rgba(201, 184, 150, 0.5)) !important;
    animation: none !important;
}

/* Закрытая тема — замок */
#pun-viewforum .main tbody tr.iclosed .tcl .icon,
#pun-searchtopics .main tbody tr.iclosed .tcl .icon {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9b896' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><rect x='5' y='11' width='14' height='10' rx='1.5' fill='%23000000'/><path d='M8 11V7a4 4 0 0 1 8 0v4'/><circle cx='12' cy='15.5' r='1.2' fill='%23c9b896'/><line x1='12' y1='16.5' x2='12' y2='18.5'/></svg>") !important;
    filter: none !important;
    animation: none !important;
}


/* ============================================
   ============================================
              МОДЕРАЦИЯ ТЕМ
   ============================================
   ============================================ */

/* --- Контейнер карточки --- */
#pun-modviewforum .main .container {
    background: rgba(30, 28, 32, 0.6) !important;
    margin: 0 24px 20px 24px !important;
    padding: 0 !important;
    box-shadow:
        inset 0 1px 0 rgba(175, 38, 60, 0.1),
        0 2px 8px rgba(0, 0, 0, 0.3) !important;
    overflow: hidden !important;
}

#pun-modviewforum .main .container table {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    width: 100% !important;
    table-layout: fixed !important;
}

/* --- Скрываем заголовки колонок --- */
#pun-modviewforum thead {
    display: none !important;
}

/* --- Строка темы: grid c 5 колонками --- */
#pun-modviewforum tbody.hasicon tr {
    display: grid !important;
    grid-template-columns: 2fr 0.2fr 0.2fr 1fr 0.05fr;
    align-items: center;
    width: 100%;
    height: 45px;
    box-sizing: border-box;
}
/* Порядок ячеек:
   tcl &#8594; tc2 &#8594; tc3 &#8594; tcr &#8594; tcmod  */
#pun-modviewforum tbody.hasicon .tcl   { order: 1 !important; }
#pun-modviewforum tbody.hasicon .tc2   { order: 2 !important; }
#pun-modviewforum tbody.hasicon .tc3   { order: 3 !important; }
#pun-modviewforum tbody.hasicon .tcr   { order: 4 !important; }
#pun-modviewforum tbody.hasicon .tcmod { order: 5 !important; }

/* --- Левая ячейка (тема + автор) --- */
#pun-modviewforum .main tbody.hasicon .tcl {
    display: flex !important;
    flex-direction: column;
    justify-content: center !important;
    padding-left: 10px !important;
    position: relative !important;
}

#pun-modviewforum .main tbody.hasicon .tcl .intd {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

#pun-modviewforum .main tbody.hasicon .tcl .tclcon {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
    width: 100% !important;
}

#pun-modviewforum .main tbody.hasicon .tcl .tclcon a {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

#pun-modviewforum .main tbody.hasicon .tcl .byuser {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
    font-size: 13px !important;
    opacity: 0.7 !important;
}

#pun-modviewforum .main .tcl .stickytext,
#pun-modviewforum .main .tcl .closedatafield,
#pun-modviewforum .main .tcl .acchide {
    display: none !important;
}

/* --- Правая ячейка (последнее сообщение) --- */
#pun-modviewforum .main tbody.hasicon .tcr {
    display: flex !important;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px !important;
    padding: 2px 24px 2px 8px !important; /* &#8592; правый padding 16px */
}

#pun-modviewforum .main tbody.hasicon .tcr .user-avatar {
    display: none !important;
}

#pun-modviewforum .main tbody.hasicon .tcr > a {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    color: #d3c3b8 !important;
    text-indent: 0 !important;
    text-align: right !important;
    font-family: 'Nexa_EL';
}

#pun-modviewforum .main tbody.hasicon .tcr .byuser {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    opacity: 0.6 !important;
    text-indent: 0 !important;
    text-align: right !important;
    font-family: 'Nexa_EL';
}

#pun-modviewforum .main tbody.hasicon .tcr .byuser .byuser-username {
    margin-left: 0 !important;
}

/* --- Ячейка чекбокса (tcmod) --- */
#pun-modviewforum tbody.hasicon .tcmod {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

#pun-modviewforum input[type="checkbox"] {
    cursor: pointer;
    accent-color: #af263c;
    width: 16px;
    height: 16px;
    margin: 0px !important;
}

/* --- Иконки тем --- */
#pun-modviewforum .main .tcl .icon {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    flex-shrink: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    transition: filter 0.3s ease !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000' stroke='%23c9b896' stroke-width='0.8'><circle cx='12' cy='12' r='4'/><g stroke='%23c9b896' stroke-width='1.2' stroke-linecap='round'><line x1='12' y1='2' x2='12' y2='5'/><line x1='12' y1='19' x2='12' y2='22'/><line x1='2' y1='12' x2='5' y2='12'/><line x1='19' y1='12' x2='22' y2='12'/><line x1='4.9' y1='4.9' x2='7' y2='7'/><line x1='17' y1='17' x2='19.1' y2='19.1'/><line x1='4.9' y1='19.1' x2='7' y2='17'/><line x1='17' y1='7' x2='19.1' y2='4.9'/></g></svg>") !important;
}

#pun-modviewforum .main tr.inew .tcl .icon {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c0392b' stroke='%23ff6b5b' stroke-width='0.8'><circle cx='12' cy='12' r='4'/><g stroke='%23ff6b5b' stroke-width='1.4' stroke-linecap='round'><line x1='12' y1='2' x2='12' y2='5'/><line x1='12' y1='19' x2='12' y2='22'/><line x1='2' y1='12' x2='5' y2='12'/><line x1='19' y1='12' x2='22' y2='12'/><line x1='4.9' y1='4.9' x2='7' y2='7'/><line x1='17' y1='17' x2='19.1' y2='19.1'/><line x1='4.9' y1='19.1' x2='7' y2='17'/><line x1='17' y1='7' x2='19.1' y2='4.9'/></g></svg>") !important;
    filter: drop-shadow(0 0 5px rgba(192, 57, 43, 0.8)) !important;
    animation: iconPulse 2s ease-in-out infinite !important;
}

#pun-modviewforum .main tbody tr.isticky .tcl .icon {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b2a20' stroke='%23c0392b' stroke-width='0.6' stroke-linejoin='round'><path d='M12 2 L13.5 10.5 L22 12 L13.5 13.5 L12 22 L10.5 13.5 L2 12 L10.5 10.5 Z M 5 5 L 11 11 M 19 5 L 13 11 M 19 19 L 13 13 M 5 19 L 11 13' stroke-width='1'/></svg>") !important;
    filter: drop-shadow(0 0 3px rgba(201, 184, 150, 0.5)) !important;
    animation: none !important;
}

#pun-modviewforum .main tbody tr.iclosed .tcl .icon {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9b896' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><rect x='5' y='11' width='14' height='10' rx='1.5' fill='%23000000'/><path d='M8 11V7a4 4 0 0 1 8 0v4'/><circle cx='12' cy='15.5' r='1.2' fill='%23c9b896'/><line x1='12' y1='16.5' x2='12' y2='18.5'/></svg>") !important;
    filter: none !important;
    animation: none !important;
}

/* Контейнер с подписью «Модерирование форума:» и кнопками */
#pun-modviewforum .modmenu,
#pun-modviewforum .formsubmit {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    height: auto !important;
    width: 100% !important;
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /* Контейнер с подписью «Модерирование форума: » и кнопками */
#pun-modviewforum .modmenu,
#pun-modviewforum .formsubmit {
    background: rgba(30, 28, 32, 0.6) !important;
    margin: 0 24px 20px 24px !important;
    padding: 14px 20px !important;
    box-shadow:
        inset 0 1px 0 rgba(175, 38, 60, 0.1),
        0 2px 8px rgba(0, 0, 0, 0.3) !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

/* Подпись «Модерирование форума:» */
#pun-modviewforum .modmenu .modblock,
#pun-modviewforum .formsubmit > *:
    first-child {
    color: #9f8f86 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    margin-right: 16px !important;
}

/* Сами кнопки */
#pun-modviewforum
    input[type="submit"],
#pun-modviewforum button[type="submit"] {
    background: linear-gradient(
        180deg,
        rgba(50, 48, 54, 0.9) 0%,
        rgba(35, 33, 38, 0.95) 100%
    ) !important;
    color: #d3c3b8 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    padding: 10px 24px !important;
    border: 1px solid rgba(175, 38, 60, 0.25) !important;
    border-bottom: 2px solid rgba(175, 38, 60, 0.6) !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 2px 4px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.25s ease !important;
    min-width: 130px !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
}

/* Hover — подсветка красным */
#pun-modviewforum
    input[type="submit"]:hover,
#pun-modviewforum button[type="submit"]:hover {
    background: linear-gradient(
        180deg,
        rgba(70, 35, 40, 0.9) 0%,
        rgba(50, 25, 30, 0.95) 100%
    ) !important;
    color: #f0ddd0 !important;
    border-color: rgba(175, 38, 60, 0.6) !important;
    border-bottom-color: rgba(220, 60, 80, 0.9) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 2px 8px rgba(175, 38, 60, 0.3),
        0 0 12px rgba(175, 38, 60, 0.15) !important;
    text-shadow: 0 0 6px rgba(255, 200, 200, 0.4) !important;
}

/* Active — лёгкое «нажатие» */
#pun-modviewforum
    input[type="submit"]:active,
#pun-modviewforum button[type="submit"]:active {
    transform: translateY(1px) !important;
    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.4),
        0 1px 2px rgba(0, 0, 0, 0.3) !important;
}
    
/* Контейнер с подписью «Модерирование форума: » и кнопками */
#pun-modviewforum .modmenu,
#pun-modviewforum .formsubmit {
    background: rgba(30, 28, 32, 0.6) !important;
    margin: 0 24px 20px 24px !important;
    padding: 14px 20px !important;
    box-shadow:
        inset 0 1px 0 rgba(175, 38, 60, 0.1),
        0 2px 8px rgba(0, 0, 0, 0.3) !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

/* Подпись «Модерирование форума:» */
#pun-modviewforum .modmenu .modblock,
#pun-modviewforum .formsubmit > *:
    first-child {
    color: #9f8f86 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    margin-right: 16px !important;
}

/* Сами кнопки */
#pun-modviewforum
    input[type="submit"],
#pun-modviewforum button[type="submit"] {
    background: linear-gradient(
        180deg,
        rgba(50, 48, 54, 0.9) 0%,
        rgba(35, 33, 38, 0.95) 100%
    ) !important;
    color: #d3c3b8 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    padding: 10px 24px !important;
    border: 1px solid rgba(175, 38, 60, 0.25) !important;
    border-bottom: 2px solid rgba(175, 38, 60, 0.6) !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 2px 4px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.25s ease !important;
    min-width: 130px !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
}

/* Hover — подсветка красным */
#pun-modviewforum
    input[type="submit"]:hover,
#pun-modviewforum button[type="submit"]:hover {
    background: linear-gradient(
        180deg,
        rgba(70, 35, 40, 0.9) 0%,
        rgba(50, 25, 30, 0.95) 100%
    ) !important;
    color: #f0ddd0 !important;
    border-color: rgba(175, 38, 60, 0.6) !important;
    border-bottom-color: rgba(220, 60, 80, 0.9) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 2px 8px rgba(175, 38, 60, 0.3),
        0 0 12px rgba(175, 38, 60, 0.15) !important;
    text-shadow: 0 0 6px rgba(255, 200, 200, 0.4) !important;
}

/* Active — лёгкое «нажатие» */
#pun-modviewforum
    input[type="submit"]:active,
#pun-modviewforum button[type="submit"]:active {
    transform: translateY(1px) !important;
    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.4),
        0 1px 2px rgba(0, 0, 0, 0.3) !important;
};
}

/* Подпись «Модерирование форума:» */
#pun-modviewforum .modmenu .modblock,
#pun-modviewforum .formsubmit > *:first-child {
    color: #9f8f86 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    margin-right: 16px !important;
}

/* Сами кнопки */
#pun-modviewforum input[type="submit"],
#pun-modviewforum button[type="submit"] {
    background: linear-gradient(
        180deg,
        rgba(50, 48, 54, 0.9) 0%,
        rgba(35, 33, 38, 0.95) 100%
    ) !important;
    color: #d3c3b8 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    padding: 10px 24px !important;
    border: 1px solid rgba(175, 38, 60, 0.25) !important;
    border-bottom: 2px solid rgba(175, 38, 60, 0.6) !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 2px 4px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.25s ease !important;
    min-width: 130px !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
}

/* Hover — подсветка красным */
#pun-modviewforum input[type="submit"]:hover,
#pun-modviewforum button[type="submit"]:hover {
    background: linear-gradient(
        180deg,
        rgba(70, 35, 40, 0.9) 0%,
        rgba(50, 25, 30, 0.95) 100%
    ) !important;
    color: #f0ddd0 !important;
    border-color: rgba(175, 38, 60, 0.6) !important;
    border-bottom-color: rgba(220, 60, 80, 0.9) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 2px 8px rgba(175, 38, 60, 0.3),
        0 0 12px rgba(175, 38, 60, 0.15) !important;
    text-shadow: 0 0 6px rgba(255, 200, 200, 0.4) !important;
}

/* Active — лёгкое «нажатие» */
#pun-modviewforum input[type="submit"]:active,
#pun-modviewforum button[type="submit"]:active {
    transform: translateY(1px) !important;
    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.4),
        0 1px 2px rgba(0, 0, 0, 0.3) !important;
}


/* ================================================================
   СТРАНИЦА «УЧАСТНИКИ» (userlist.php)
   ================================================================ */

/* ---------- БЛОК ПОИСКА ---------- */

#pun-userlist .formal,
.formal {
    margin: 0 24px 24px 24px;
    padding: 0;
}

/* Заголовок «Поиск пользователя» */
.formal > h2 {
    background: linear-gradient(
        180deg,
        rgba(45, 42, 48, 0.95) 0%,
        rgba(35, 32, 38, 0.95) 100%
    );
    border-bottom: 1px solid rgba(175, 38, 60, 0.4);
    padding: 14px 24px;
    margin: 0;
}

.formal > h2 span {
    color: #d3c3b8;
    font-family: 'Nexa_EL';
    font-size: 30px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 500;
}

/* Контейнер формы */
.formal .container {
    background: transparent;
}

/* Fieldset / Legend */
.formal fieldset {
    border: 1px solid rgba(175, 38, 60, 0.2) !important;
    background: rgba(20, 18, 22, 0.4);
    margin: 0;
}

.formal legend {
    padding: 0 12px;
}

.formal legend span {
    color: #9f8f86;
    font-family: 'Cinzel', serif;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* Горизонтальная раскладка полей */
.formal .fs-box.inline {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 24px;
    align-items: flex-end;
}

.formal .inputfield,
.formal .selectfield {
    margin: 0;
    display: flex;
    flex-direction: column;
}

/* Подписи к полям */
.formal label {
    color: #9f8f86;
    font-family: 'Cinzel', serif;
    font-size: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 6px;
    display: block;
}

/* Сами поля ввода */
.formal input[type="text"],
.formal input[type="password"],
.formal select,
.formal textarea {
    background: rgb(50 51 56) !important;
    border: 1px solid rgba(175, 38, 60, 0.3) !important;
    border-radius: 0 !important;
    color: #e1ddd8 !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 15px !important;
    padding: 8px 12px !important;
    transition: all 0.2s ease;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}

.formal input[type="text"]:focus,
.formal select:focus,
.formal textarea:focus {
    border-color: rgba(220, 60, 80, 0.7) !important;
    box-shadow:
        inset 0 1px 3px rgba(0, 0, 0, 0.4),
        0 0 8px rgba(175, 38, 60, 0.25) !important;
    outline: none !important;
}

/* Тёмная стрелка у select */
.formal select {
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'><path fill='%23af263c' d='M0 0l5 6 5-6z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 10px !important;
    padding-right: 30px !important;
    width: 100px;
}

.formal select option {
    background: #1e1c20;
    color: #d3c3b8;
}

/* Поясняющий текст под полями */
.formal .infofield {
    flex-basis: 100%;
    color: #8a7a72;
    font-family: 'Nexa_EL';
    font-size: 14px;
    line-height: 1.5;
    margin: 12px 0 0 0;
    padding-top: 12px;
    border-top: 1px dashed rgba(175, 38, 60, 0.15);
}

/* Кнопка «Отправить» */
.formal .formsubmit {
    text-align: center;
    margin: 18px 0 0 0;
    padding: 0;
}

.formal input[type="submit"],
.formal .button {
    background: linear-gradient(
        180deg,
        rgba(50, 48, 54, 0.9) 0%,
        rgba(35, 33, 38, 0.95) 100%
    ) !important;
    color: #d3c3b8 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 10px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    padding: 6px 6px !important;
    border: 1px solid rgba(175, 38, 60, 0.25) !important;
    border-bottom: 2px solid rgba(175, 38, 60, 0.6) !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 2px 4px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.25s ease !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
}

.formal input[type="submit"]:hover,
.formal .button:hover {
    background: linear-gradient(
        180deg,
        rgba(70, 35, 40, 0.9) 0%,
        rgba(50, 25, 30, 0.95) 100%
    ) !important;
    color: #f0ddd0 !important;
    border-bottom-color: rgba(220, 60, 80, 0.9) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 2px 8px rgba(175, 38, 60, 0.3),
        0 0 12px rgba(175, 38, 60, 0.15) !important;
    text-shadow: 0 0 6px rgba(255, 200, 200, 0.4) !important;
}

/* ---------- ТАБЛИЦА УЧАСТНИКОВ ---------- */

.usertable {
    background: rgba(30, 28, 32, 0.5);
    margin: 0 24px 24px 24px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.usertable > h2 {
    background: linear-gradient(
        180deg,
        rgba(45, 42, 48, 0.95) 0%,
        rgba(35, 32, 38, 0.95) 100%
    );
    border-bottom: 1px solid rgba(175, 38, 60, 0.4);
    padding: 14px 24px;
    margin: 0;
}

.usertable > h2 span {
    color: #d3c3b8;
    font-family: 'Cinzel', serif;
    font-size: 13px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 500;
}

.usertable .container {
    background: transparent;
    padding: 0;
}

.usertable table {
    width: 100%;
    border-collapse: collapse;
}

/* Шапка таблицы */
.usertable thead tr {
    background: rgba(20, 18, 22, 0.6);
    border-bottom: 1px solid rgba(175, 38, 60, 0.3);
}

.usertable thead th {
    color: #9f8f86;
    font-family: 'Cinzel', serif;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: left;
    padding: 14px 16px;
}

.usertable thead th.tc3 {
    text-align: center;
}

/* Строки */
.usertable tbody tr {
    border-bottom: 1px solid rgba(175, 38, 60, 0.08);
    transition: background 0.25s ease;
}

.usertable tbody tr:last-child {
    border-bottom: none;
}

.usertable tbody tr.altstyle {
    background: rgba(20, 18, 22, 0.3);
}

.usertable tbody tr:hover {
    background: rgba(175, 38, 60, 0.08);
}

.usertable tbody td {
    padding: 12px 16px;
    vertical-align: middle;
    color: #b8a89e;
    font-family: 'Nexa_EL';
    font-size: 11px;
}

.usertable tbody td.tc3 {
    text-align: center;
}

/* Ячейка с именем + аватаром */
.usertable .tcl.username {
    display: flex;
    align-items: center;
    gap: 14px;
}

.usertable .user-avatar {
    flex-shrink: 0;
    width: 0px;
    height:0px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    font-style: normal;
    display: block;
}

.usertable .user-avatar a {
    display: none;
}

.usertable .avatar-image {
    display: none;

}

/* Зелёная точка «онлайн» */
.usertable .isonline {
    display: none;
}

/* Имя пользователя */
.usertable .usersname a {
    color: #d3c3b8;
    font-family: 'Cinzel', serif;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    transition: color 0.2s ease;
}

.usertable .usersname a:hover {
    color: #e89aa8;

}

/* Статус (звание) */
.usertable .user_title {
    color: #9f8f86;
}

/* Уважение +/- */
.usertable .relation {
    font-family: 'Cinzel', serif;
    font-size: 11px;
    letter-spacing: 1px;
    color: #9f8f86;
}

/* Кол-во сообщений */
.usertable .num_posts {
    font-family: 'Cinzel', serif;
    font-size: 14px;
    color: #c4a574;
}

/* Даты */
.usertable .registered,
.usertable .last_visit {
    color: #8a7a72;
    font-size: 13px;
}

/* ---------- ЦВЕТОВЫЕ АКЦЕНТЫ ПО ГРУППАМ ---------- */

/* Администратор (group1) — золотой акцент */
.usertable tr.group1 .usersname a {
    color: #d4a857;
    text-shadow: 0 0 6px rgba(212, 168, 87, 0.3);
}
.usertable tr.group1 .user-avatar {
    border-color: rgba(212, 168, 87, 0.6);
    box-shadow: 0 0 8px rgba(212, 168, 87, 0.2), 0 2px 4px rgba(0, 0, 0, 0.4);
}

/* Модератор (group2) — красный акцент */
.usertable tr.group2 .usersname a {
    color: #d96074;
}
.usertable tr.group2 .user-avatar {
    border-color: rgba(217, 96, 116, 0.5);
}

/* ГМ (group5) — фиолетовый акцент */
.usertable tr.group5 .usersname a {
    color: #b088c9;
}
.usertable tr.group5 .user-avatar {
    border-color: rgba(176, 136, 201, 0.5);
}

/* ================================================================
   ПРОСМОТР ПРОФИЛЯ (profile.php?id=X)
   ================================================================ */

#viewprofile {
    background: rgba(30, 28, 32, 0.5);
    margin: 0 24px 24px 24px;
    padding: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

#viewprofile .container {
    background: transparent;
    padding: 24px;
}

/* Сбрасываем дефолтные списки */
#viewprofile ul,
#viewprofile li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Главная таблица-раскладка */
#viewprofile table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 16px;
    margin: -16px;
}

/* ---------- ЛЕВАЯ КОЛОНКА: ИМЯ + АВАТАР ---------- */

#profile-left {
    width: 240px;
    background: rgba(20, 18, 22, 0.6);
    border: 1px solid rgba(175, 38, 60, 0.15);
    padding: 0 !important;
    vertical-align: top;
}

/* Имя пользователя — шапка карточки */
#profile-name {
    background: linear-gradient(
        180deg,
        rgba(45, 42, 48, 0.95) 0%,
        rgba(35, 32, 38, 0.95) 100%
    );
    border-bottom: 1px solid rgba(175, 38, 60, 0.4);
    padding: 16px 20px;
    text-align: center;
}

#profile-name strong {
    color: #d3c3b8;
    font-family: 'Cinzel', serif;
    font-size: 15px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 500;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

/* Статус / звание под именем */
#profile-title {
    padding: 14px 20px;
    text-align: center;
    border-bottom: 1px dashed rgba(175, 38, 60, 0.2);
}

#profile-title strong {
    color: #9f8f868c;
    font-family: 'lora';
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

/* Аватар */
#pa-avatar {
    padding: 20px;
    text-align: center;
}

#pa-avatar div {
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    transition: all 0.3s ease;
}

#pa-avatar div:hover {
    border-color: rgba(220, 60, 80, 0.7);
    box-shadow:
        0 0 0 1px rgba(20, 18, 22, 0.8),
        0 4px 12px rgba(0, 0, 0, 0.5),
        0 0 24px rgba(220, 60, 80, 0.3);
}

#pa-avatar img {
    display: block;
    width: 180px;
    height: 180px;
    object-fit: cover;
}

/* Статус «Активен» / «Не активен» */
#pa-online {
    padding: 6px 20px 14px;
    text-align: center;
}

#pa-online strong {
    color: #6ab04c;
    font-family: 'Nexa_EL';
    font-size: 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
}

/* Кнопка «Редактировать» */
#pa-edit {
    padding: 0 20px 14px;
    text-align: center;
}

#pa-edit strong {
    font-weight: normal;
}

#pa-edit a {
    display: inline-block;
    background: linear-gradient(
        180deg,
        rgba(50, 48, 54, 0.9) 0%,
        rgba(35, 33, 38, 0.95) 100%
    );
    color: #d3c3b8;
    font-family: 'Cinzel', serif;
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 9px 22px;
    border: 1px solid rgba(175, 38, 60, 0.25);
    border-bottom: 2px solid rgba(175, 38, 60, 0.6);
    text-decoration: none;
    transition: all 0.25s ease;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 2px 4px rgba(0, 0, 0, 0.4);
}

#pa-edit a:hover {
    background: linear-gradient(
        180deg,
        rgba(70, 35, 40, 0.9) 0%,
        rgba(50, 25, 30, 0.95) 100%
    );
    color: #f0ddd0;
    border-bottom-color: rgba(220, 60, 80, 0.9);
    text-shadow: 0 0 6px rgba(255, 200, 200, 0.4);
}

/* Иконки браузера / ОС (User Agent) */
#pa-ua {
    padding: 0 20px 20px;
    text-align: center;
}

#pa-ua .user-agent {
    display: inline-flex;
    gap: 10px;
    padding: 8px 14px;
    background: rgba(20, 18, 22, 0.6);
    border: 1px solid rgba(175, 38, 60, 0.15);
    border-radius: 0;
}

#pa-ua .user-agent i {
    color: #9f8f86;
    font-size: 16px;
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

#pa-ua .user-agent i:hover {
    opacity: 1;
    color: #d3c3b8;
}

/* ---------- ПРАВАЯ КОЛОНКА: ИНФО-КАРТОЧКИ ---------- */

#profile-right {
    padding: 0 !important;
    vertical-align: top;
}

/* Раскладка карточек: 3 в ряд */
#profile-right {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

/* Карточка одного поля инфы */
#profile-right > li {
    background: rgba(20, 18, 22, 0.6);
    border: 1px solid rgba(175, 38, 60, 0.15);
    padding: 14px 18px;
    transition: border-color 0.25s ease, background 0.25s ease;
}

#profile-right > li:hover {
    background: rgba(25, 22, 26, 0.7);
    border-color: rgba(175, 38, 60, 0.3);
}

/* Подпись поля (например, «Зарегистрирован:») */
#profile-right > li > span {
    display: block;
    color: #9f8f86;
    font-family: 'Nexa_EL', serif;
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px dashed rgba(175, 38, 60, 0.2);
}

/* Ссылки в подписях полей */
#profile-right > li > span a {
    color: #9f8f86;
    text-decoration: none;
    transition: color 0.2s ease;
}

#profile-right > li > span a:hover {
    color: #d96074;
}

/* Значение поля */
#profile-right > li > strong {
    display: block;
    color: #c4b5a8;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
}

/* Ссылки в значениях (показать сообщения, послать e-mail и т.д.) */
#profile-right > li > strong a {
    color: #b88594;
    text-decoration: none;
    transition: color 0.2s ease;
    border-bottom: 1px dashed transparent;
}

#profile-right > li > strong a:hover {
    color: #e89aa8;
    border-bottom-color: rgba(220, 60, 80, 0.4);
}

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

#profile-signature {
    margin-top: 24px;
    padding: 24px;
    background: rgba(20, 18, 22, 0.5);
    border: 1px solid rgba(175, 38, 60, 0.15);
    border-left: 3px solid rgba(175, 38, 60, 0.5);
    position: relative;
}

#profile-signature::before {
    content: 'Подпись';
    position: absolute;
    top: -10px;
    left: 20px;
    background: #1e1c20;
    padding: 0 12px;
    color: #9f8f86;
    font-family: 'Cinzel', serif;
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#profile-signature ul {
    color: #b8a89e;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 15px;
    line-height: 1.6;
}

/* ---------- АДАПТИВНОСТЬ ---------- */

@media (max-width: 900px) {
    #profile-right {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    #viewprofile table,
    #viewprofile tbody,
    #viewprofile tr {
        display: block;
    }

    #profile-left,
    #profile-right {
        display: block;
        width: 100%;
    }

    #profile-right {
        display: grid;
        grid-template-columns: 1fr;
        margin-top: 16px;
    }
}




/* =========================
   PROFILE: base + design
   без layout-grid, с левым меню
   ========================= */

/* =========================
   БАЗА
   ========================= */

/* Ритм полей */
#pun-profile #profile p.inputfield,
#pun-profile #profile p.selectfield,
#pun-profile #profile p.datafield,
#pun-profile #profile p.infofield,
#pun-messages #messages p.inputfield,
#pun-messages #messages p.selectfield,
#pun-messages #messages p.datafield,
#pun-messages #messages p.infofield{
    margin: 0;
}

/* Контентная часть профиля */
#pun-profile #profile  fieldset,
#pun-profile #profile p.formsubmit,
#pun-messages #messages fieldset, 
#pun-messages #messages p.formsubmit {
    width: 100% !important;
    box-sizing: border-box;
}

/* Секции */
#pun-profile #profile fieldset,
#pun-messages #messages fieldset {
    margin: 0 0 18px !important;
    border: 1px solid rgba(118, 30, 44, 0.24) !important;
    background: linear-gradient(180deg, rgba(22, 20, 25, 0.72) 0%, rgba(18, 17, 22, 0.78) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(214, 198, 184, 0.03),
        inset 0 0 0 1px rgba(255, 255, 255, 0.015) !important;
    overflow: visible;
}

#pun-profile #profile fieldset legend,
#pun-messages #messages fieldset legend {
    padding: 0 !important;
    margin: 0 0 0 22px !important;
}

#pun-profile #profile fieldset legend span,
#pun-messages #messages fieldset legend span{
    display: inline-block !important;
    padding: 6px 18px 5px !important;
    background: linear-gradient(180deg, rgba(29, 21, 28, 0.98) 0%, rgba(24, 18, 24, 0.98) 100%) !important;
    border: 1px solid rgba(118, 30, 44, 0.34) !important;
    color: #d4b8a0 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 12px !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.18);
}

#pun-profile #profile .fs-box,
#pun-messages #messages .fs-box{
    padding: 0px 0px 0px !important;
    min-height: 0 !important;
}

/* =========================
   ЛОКАЛЬНЫЕ БЛОКИ
   ========================= */

/* Основной */
#pun-profile #profile-main .fs-box.inline
{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px 28px !important;
    align-items: start !important;
}

#pun-profile #profile-main p.infofield {
    grid-column: 1 / -1 !important;
}

/* Персональный */
#pun-profile #profile-personal .fs-box,
#pun-profile #profile-personality .fs-box
{
    max-width: 760px;
}

#pun-profile #profile-personal .radiofield,
#pun-profile #profile-personality .radiofield,
#pun-profile #profile-privacy .radiofield,
#pun-profile #profile-privacy .checkfield {
    padding: 14px 18px;
    background: rgba(20, 18, 22, 0.45);
    border: 1px solid rgba(175, 38, 60, 0.14);
    margin-bottom: 14px;
}

#pun-profile #profile-personal .radiofield:last-child,
#pun-profile #profile-personality .radiofield:last-child,
#pun-profile #profile-privacy .radiofield:last-child,
#pun-profile #profile-privacy .checkfield:last-child {
    margin-bottom: 0;
}

#pun-profile #profile-privacy .radiofield label,
#pun-profile #profile-privacy .checkfield label {
    display: block;
    margin-bottom: 8px;
}

/* Аватар */
#pun-profile #profile-avatar .fs-box {
    position: relative;
    min-height: 180px;
    padding-right: 220px;
}

#pun-profile #profile-avatar img.avatardemo {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 170px;
    height: 170px;
    margin: 0 !important;
    float: none !important;
    object-fit: cover;
}

#pun-profile #profile-avatar p.infofield {
    max-width: calc(100% - 210px);
}

/* Подпись */
#pun-profile #profile-signature .fs-box,
#pun-profile #profile-sign .fs-box {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

#pun-profile #profile-signature textarea,
#pun-profile #profile-sign textarea {
    display: block;
    width: 100% !important;
    min-height: 240px;
    box-sizing: border-box;
}

#pun-profile #profile-signature #form-buttons,
#pun-profile #profile-sign #form-buttons {
    margin-bottom: 12px;
}

/* Загрузки */
#pun-profile #profile-upload .fs-box,
#pun-profile #profile-uploads .fs-box {
    overflow-x: auto;
}

#pun-profile #profile-upload table,
#pun-profile #profile-uploads table {
    width: 100%;
    min-width: 760px;
    table-layout: auto;
}

#pun-profile #profile-upload td,
#pun-profile #profile-uploads td {
    padding: 8px 10px;
    vertical-align: middle;
}

/* =========================
   DESIGN LAYER
   ========================= */

/* Общая оболочка */
#pun-profile .formal {
    background: linear-gradient(180deg, rgba(44, 43, 49, 0.78) 0%, rgba(34, 33, 39, 0.82) 100%) !important;
    border: 1px solid rgba(118, 30, 44, 0.22) !important;
    box-shadow:
        inset 0 1px 0 rgba(214, 198, 184, 0.04),
        0 10px 24px rgba(0, 0, 0, 0.22) !important;
}

/* Левое меню */
#pun-profile #profilenav,
#pun-messages #profilenav {
    padding-top: 4px !important;
}

#pun-profile #profilenav ul,
#pun-messages #profilenav ul {
    margin: 0 !important;
    padding: 12px 0 0 !important;
}

#pun-profile #profilenav li, 
#pun-messages #profilenav li {
    position: relative;
    margin: 0 0 3px !important;
    padding: 0 !important;
}

#pun-profile #profilenav li a,
#pun-messages #profilenav li a {
    display: block;
    padding: 11px 14px 10px 34px !important;
    border-left: 2px solid transparent !important;
    background: linear-gradient(90deg, rgba(18, 20, 23, 0) 0%, rgba(18, 20, 23, 0) 100%) !important;
    color: rgba(201, 186, 173, 0.62) !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    font-family: 'Nexa_EL', sans-serif !important;
    font-size: 10px !important;
    letter-spacing: 2.4px !important;
    transition:
        color .22s ease,
        background .22s ease,
        border-color .22s ease,
        padding-left .22s ease !important;
}

#pun-profile #profilenav li a::before,
#pun-messages #profilenav li a::before {
    content: "-";
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-52%);
    color: rgba(130, 42, 54, 0.6);
    font-size: 15px;
    line-height: 1;
    transition: color .22s ease, left .22s ease;
}

#pun-profile #profilenav li a:hover,
#pun-messages #profilenav li a:hover {
    padding-left: 39px !important;
    border-left-color: rgba(118, 30, 44, 0.9) !important;
    background: linear-gradient(90deg, rgba(19, 39, 38, 0.42) 0%, rgba(19, 39, 38, 0.15) 58%, rgba(19, 39, 38, 0) 100%) !important;
    color: #d9cdc1 !important;
}

#pun-profile #profilenav li a:hover::before,
#pun-messages #profilenav li a:hover::before {
    left: 20px;
    color: #d7c4b0;
}

#pun-profile #profilenav li.isactive a,
#pun-profile #profilenav li.isactive a:link,
#pun-profile #profilenav li.isactive a:visited,
#pun-messages #profilenav li.isactive a,
#pun-messages #profilenav li.isactive a:link,
#pun-messages #profilenav li.isactive a:visited{
    border-left-color: #8f2334 !important;
    background: linear-gradient(90deg, rgba(19, 39, 38, 0.52) 0%, rgba(19, 39, 38, 0.18) 62%, rgba(19, 39, 38, 0) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(220, 198, 180, 0.04);
    color: #e1d3c4 !important;
}

#pun-profile #profilenav li.isactive a::before,
#pun-messages #profilenav li.isactive a::before {
    content: "—";
    left: 14px;
    color: #dfcab5;
    font-size: 11px;
}

/* Лейблы и подсказки */
#pun-profile #profile label,
#pun-profile #profile .label,
#pun-messages #profile label,
#pun-messages #profile .label{
    display: block !important;
    margin-bottom: 3px !important;
    color: #9d8a79 !important;
    font-family: 'Nexa_EL', sans-serif !important;
    font-size: 12px !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
}

#pun-profile #profile p.infofield,
#pun-messages #profile p.infofield
{
    margin-top: 10px !important;
    padding: 12px 14px !important;
    border-left: 2px solid rgba(118, 30, 44, 0.55) !important;
    background: rgba(14, 12, 17, 0.6) !important;
    color: #84756c !important;
    font-family: 'Lora', serif !important;
    font-size: 12px !important;
    font-style: italic !important;
    line-height: 1.55 !important;
    margin-bottom: 5px;
}

/* Input / select / textarea */
#pun-profile #profile input[type="text"],
#pun-profile #profile input[type="password"],
#pun-profile #profile input[type="email"],
#pun-profile #profile select,
#pun-profile #profile textarea {
    border: 1px solid rgba(118, 30, 44, 0.34) !important;
    background: rgba(54, 55, 62, 0.88) !important;
    color: #d8cbbd !important;
    box-shadow:
        inset 0 1px 2px rgba(0, 0, 0, 0.35),
        inset 0 0 0 1px rgba(255, 255, 255, 0.015) !important;
}

#pun-profile #profile input[type="text"],
#pun-profile #profile input[type="password"],
#pun-profile #profile input[type="email"],
#pun-profile #profile select {
    min-height: 15px !important;
    padding: 5px 10px !important;
    font-family: 'Lora', serif !important;
    font-size: 14px !important;
}

#pun-profile #profile textarea {
    width: 100% !important;
    min-height: 220px !important;
    padding: 12px 14px !important;
    resize: vertical !important;
    box-sizing: border-box !important;
    font-family: 'Lora', serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

#pun-profile #profile input[type="text"]:focus,
#pun-profile #profile input[type="password"]:focus,
#pun-profile #profile input[type="email"]:focus,
#pun-profile #profile select:focus,
#pun-profile #profile textarea:focus {
    outline: none !important;
    border-color: rgba(172, 54, 72, 0.72) !important;
    box-shadow:
        inset 0 1px 2px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(172, 54, 72, 0.2),
        0 0 10px rgba(118, 30, 44, 0.16) !important;
}

#pun-profile #profile select,
#pun-messages #profile select {
    padding-right: 34px !important;
    appearance: none;
    -webkit-appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, #8f2334 50%),
        linear-gradient(135deg, #8f2334 50%, transparent 50%) !important;
    background-position:
        calc(100% - 15px) 15px,
        calc(100% - 10px) 15px !important;
    background-size: 5px 5px, 5px 5px !important;
    background-repeat: no-repeat !important;
    width: 100% !important;
}

/* Radio / checkbox */
#pun-profile #profile .radiofield,
#pun-profile #profile .checkfield,
#pun-messages #profile .checkfield {
    padding: 5px 8px !important;
    margin-bottom: 12px !important;
    border: 1px solid rgba(118, 30, 44, 0.16) !important;
    background: rgba(18, 16, 21, 0.52) !important;
    margin-right: 10px;
}

#pun-profile #profile .radiofield label,
#pun-profile #profile .checkfield label,
#pun-messages #profile .checkfield  label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

#pun-profile #profile input[type="radio"],
#pun-profile #profile input[type="checkbox"],
#pun-messages #profile input[type="checkbox"]{
    width: 16px;
    height: 16px;
    margin: 0 !important;
    flex: 0 0 16px;
    cursor: pointer;
    accent-color: #af263c;
}

#pun-profile #profile p.datafield:last-of-type {
    border-bottom: none !important;
}

#pun-profile #profile p.datafield .input,
#pun-profile #profile p.datafield span.input {
    color: #c2b2a5 !important;
    font-family: 'Lora', serif !important;
    font-size: 14px !important;
}

#pun-profile #profile p.datafield a {
    color: #d3c3b8 !important;
    border-bottom: 1px dotted rgba(211, 195, 184, 0.35);
}

#pun-profile #profile p.datafield a:hover {
    color: #f0ddd0 !important;
    border-bottom-color: rgba(240, 221, 208, 0.7);
}

/* Кнопка отправки */
#pun-profile #profile p.formsubmit {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    margin: 18px 0 !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(118, 30, 44, 0.24) !important;
    background: rgba(20, 18, 22, 0.72) !important;
    color: #84756c !important;
    font-family: 'Lora', serif !important;
    font-size: 12px !important;
    font-style: italic !important;
    line-height: 1.55 !important;
}

#pun-profile #profile .formsubmit input[type="submit"],
#pun-profile #profile .formsubmit .button {
    min-width: 150px !important;
}

/* Аватар — декоративный слой */
#pun-profile #profile img.avatardemo {
    border: 1px solid rgba(118, 30, 44, 0.4) !important;
    box-shadow:
        0 6px 18px rgba(0, 0, 0, 0.22),
        inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important;
}

/* Редактор подписи */
#pun-profile #form-buttons,
#pun-messages #form-buttons {
    margin-bottom: 10px !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(118, 30, 44, 0.2) !important;
    background: rgba(16, 15, 19, 0.65) !important;
}

#pun-profile #form-buttons td {
    vertical-align: middle !important;
}

/* Таблицы */
#pun-profile table {
}

#pun-profile table td,
#pun-profile table th {
    border-color: rgba(118, 30, 44, 0.14) !important;
}

#pun-profile .fs-box table tr:hover td {

}

/* =========================
   PROFILE LAYOUT
   без grid, меню слева
   ========================= */

#pun-profile #profile1 .container,
#pun-profile #profile .container {
    position: relative !important;
    min-height: 520px;
    padding-left: 250px !important;
    box-sizing: border-box;
}

#pun-profile #profilenav {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 220px !important;
    margin: 0 !important;
    z-index: 5;
}

#pun-profile #profile-main,
#pun-profile #profile-personal,
#pun-profile #profile-avatar,
#pun-profile #profile-signature,
#pun-profile #profile-sign,
#pun-profile #profile-display,
#pun-profile #profile-privacy,
#pun-profile #profile-personality,
#pun-profile #profile-invites,
#pun-profile #profile-upload,
#pun-profile #profile-uploads,
#pun-profile #profile-admin,
#pun-profile #profile p.formsubmit {
    margin-left: 0 !important;
    width: 100% !important;
    box-sizing: border-box;
}

/* =========================
   PROFILE LAYOUT
   без grid, меню слева
   ========================= */

#pun-profile #profile1 .container,
#pun-profile #profile .container {
    position: relative !important;
    min-height: 520px;
    /* padding-left: 250px !important; */
    box-sizing: border-box;
}

#pun-profile #profilenav {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 220px !important;
    margin: 0 !important;
    z-index: 5;
}

/* ================================================================
   ПРОФИЛЬ &#8594; ЗАГРУЗКИ (#profile10)
   ================================================================ */

/* --- Инфо-блок (лимиты / типы файлов) --- */
#profile10 .fs-box p.adinfofield {
    margin: 0 0 8px !important;
    padding: 12px 16px !important;
    border-left: 2px solid rgba(118, 30, 44, 0.55);
    background: rgba(14, 12, 17, 0.7);
    color: #9d8a79 !important;
    font-family: 'Lora', serif !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

#profile10 .fs-box ul {
    margin: 0 0 4px 16px !important;
    padding: 0 !important;
    list-style: none !important;
}

#profile10 .fs-box ul li {
    color: #d4b8a0 !important;
    font-family: 'Lora', serif !important;
    font-size: 13px !important;
    padding: 4px 0;
}

#profile10 .fs-box p.adinfofield a.vip {
    color: #d96074 !important;
    text-decoration: none;
    border-bottom: 1px dotted rgba(217, 96, 116, 0.45);
    transition: color .2s ease;
}
#profile10 .fs-box p.adinfofield a.vip:hover { color: #e89aa8 !important; }

/* --- Кнопка "Выберите файлы" --- */
#profile10 .select-file #file_upload {
    margin-bottom: 14px;
}

/* --- Пагинация (.pagelink) --- */
#profile10 .pagelink {
    margin: 0 0 14px !important;
    padding: 10px 14px !important;
    background: rgba(20, 18, 22, 0.55);
    border: 1px solid rgba(175, 38, 60, 0.14);
    color: #9f8f86 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
}

#profile10 .pagelink a {
    display: inline-block;
    padding: 2px 8px;
    margin: 0 2px;
    color: #d3c3b8 !important;
    text-decoration: none;
    border: 1px solid rgba(175, 38, 60, 0.2);
    transition: all .2s ease;
}
#profile10 .pagelink a:hover {
    color: #f0ddd0 !important;
    border-color: rgba(220, 60, 80, 0.7);
    background: rgba(118, 30, 44, 0.18);
}
#profile10 .pagelink strong { color: #e89aa8 !important; }

/* --- Контейнер таблицы (горизонтальный скролл при необходимости) --- */
#profile10 .adfs-box {
    overflow-x: auto;
}

/* --- Таблица файлов --- */
#profile10 #filetable {
    width: 100% !important;
    min-width: 720px;
    border-collapse: collapse !important;
    background: rgba(30, 28, 32, 0.5) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* Шапка таблицы */
#profile10 #filetable thead th {
    background: rgba(20, 18, 22, 0.7) !important;
    border-bottom: 1px solid rgba(175, 38, 60, 0.35) !important;
    color: #9f8f86 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 10px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    padding: 12px 10px !important;
    text-align: left !important;
}

/* Строки */
#profile10 #filetable tbody tr {
    border-bottom: 1px solid rgba(175, 38, 60, 0.08) !important;
    transition: background .2s ease;
}
#profile10 #filetable tbody tr:nth-child(2n) {
    background: rgba(20, 18, 22, 0.3) !important;
}
#profile10 #filetable tbody tr:hover {
    background: rgba(175, 38, 60, 0.08) !important;
}

/* Ячейки */
#profile10 #filetable td {
    padding: 7px 10px !important;
    vertical-align: middle !important;
    border: none !important;
    color: #b8a89e !important;
    font-family: 'Nexa_EL', sans-serif !important;
    font-size: 13px !important;
}

#profile10 #filetable td > span {
    display: none !important;
}

/* Ссылка на файл */
#profile10 #filetable td.tcl a {
    color: #d3c3b8 !important;
    text-decoration: none;
    transition: color .2s ease;
}
#profile10 #filetable td.tcl a:hover {
    color: #e89aa8 !important;
}

/* --- Поле комментария (input) --- */
#profile10 #filetable td.tcr input[type="text"] {
    width: 100% !important;
    min-height: 26px !important;
    padding: 4px 8px !important;
    border: 1px solid rgba(118, 30, 44, 0.3) !important;
    background: rgba(54, 55, 62, 0.88) !important;
    color: #d8cbbd !important;
    font-family: 'Lora', serif !important;
    font-size: 13px !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35) !important;
    box-sizing: border-box;
}
#profile10 #filetable td.tcr input[type="text"]:focus {
    outline: none !important;
    border-color: rgba(172, 54, 72, 0.72) !important;
    box-shadow:
        inset 0 1px 2px rgba(0, 0, 0, 0.4),
        0 0 8px rgba(118, 30, 44, 0.18) !important;
}

/* --- Чекбоксы --- */
#profile10 #filetable input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0 !important;
    cursor: pointer;
    accent-color: #af263c;
}

/* --- Нижний блок: счётчик + кнопки + пагинация --- */
#profile10 p.submitend {
    margin-top: 16px !important;
    padding: 14px 16px !important;
    background: rgba(20, 18, 22, 0.5);
    border: 1px solid rgba(175, 38, 60, 0.14);
    overflow: hidden;
}

/* Счётчик */
#profile10 #uploaded-count-block {
    display: block;
    margin-bottom: 12px;
    color: #84756c !important;
    font-family: 'Lora', serif !important;
    font-style: italic;
    font-size: 12px !important;
}
#profile10 #uploaded-count {
    color: #d4b8a0 !important;
    font-style: normal;
    font-weight: 600;
}

/* Кнопки "Сохранить" / "Удалить выбранные" */
#profile10 p.submitend input.button {
    width: auto !important;
    min-width: 220px !important;
    height: auto !important;
    margin: 0 8px 12px 0 !important;
    padding: 10px 22px !important;
    background: linear-gradient(180deg,
        rgba(50, 48, 54, 0.9) 0%,
        rgba(35, 33, 38, 0.95) 100%) !important;
    color: #d3c3b8 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    border: 1px solid rgba(175, 38, 60, 0.25) !important;
    border-bottom: 2px solid rgba(175, 38, 60, 0.6) !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 2px 4px rgba(0, 0, 0, 0.4) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
    transition: all .25s ease !important;
}
#profile10 p.submitend input.button:hover {
    background: linear-gradient(180deg,
        rgba(70, 35, 40, 0.9) 0%,
        rgba(50, 25, 30, 0.95) 100%) !important;
    color: #f0ddd0 !important;
    border-bottom-color: rgba(220, 60, 80, 0.9) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 2px 8px rgba(175, 38, 60, 0.3),
        0 0 12px rgba(175, 38, 60, 0.15) !important;
    text-shadow: 0 0 6px rgba(255, 200, 200, 0.4) !important;
}

/* Селектор "Файлов на страницу" */
#profile10 .files-page-select select#page-select {
    padding: 4px 8px;
    background: rgba(54, 55, 62, 0.9) !important;
    color: #d8cbbd !important;
    border: 1px solid rgba(118, 30, 44, 0.3) !important;
    font-family: 'Lora', serif !important;
    font-size: 12px !important;
}


/* ================================================================
   ПРОФИЛЬ &#8594; ПОДПИСЬ (#profile5) — РЕДАКТОР BBCODE
   ================================================================ */

/* --- Контейнер с относительным позиционированием (нужно для абсолютных меню) --- */
#profile5 .fs-box.hashelp {
    position: relative !important;
}

#profile5 #tags {
    position: relative !important;
    z-index: 50 !important;
    overflow: visible !important;
}

/* --- Инфо-текст --- */
#profile5 .fs-box p.infofield {
    margin: 0 0 10px !important;
    padding: 12px 16px !important;
    border-left: 2px solid rgba(118, 30, 44, 0.55);
    background: rgba(14, 12, 17, 0.7);
    color: #9d8a79 !important;
    font-family: 'Lora', serif !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

#profile5 .fs-box label {
    color: #d4b8a0 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    display: inline-block;
    margin: 6px 0;
}

/* ================================================================
   ПАНЕЛЬ КНОПОК (#form-buttons) — иконки тулбара
   ================================================================ */
#profile5 #form-buttons {
    margin: 8px 0 0 !important;
    padding: 6px 8px !important;
    border: 1px solid rgba(175, 38, 60, 0.18) !important;
    border-bottom: none !important;
    border-radius: 2px 2px 0 0;
}

#profile5 #form-buttons table {
    border-collapse: separate !important;
    border-spacing: 2px !important;
}

#profile5 #form-buttons td {
    width: 26px !important;
    height: 26px !important;
    padding: 0 !important;
    border: 1px solid rgba(118, 30, 44, 0.25) !important;
    cursor: pointer;
    vertical-align: middle !important;
    text-align: center !important;
}

#profile5 #form-buttons td:hover {
    border-color: rgba(220, 60, 80, 0.7) !important;
    box-shadow: 0 0 6px rgba(175, 38, 60, 0.3);
}

#profile5 #form-buttons td img {
    display: block !important;
    margin: 0 auto !important;
    cursor: pointer;
}



/* ================================================================
   TEXTAREA (главное поле подписи)
   ================================================================ */
#profile5 .input,
#profile5 span.input {
    display: block !important;
    width: 100%;
}

#profile5 textarea#main-reply,
#profile5 textarea[name="signature"] {
    display: block !important;
    width: 100% !important;
    min-height: 220px !important;
    padding: 12px 14px !important;
    margin: 0 !important;
    background: rgb(50 51 56) !important;
    color: #e1ddd8 !important;
    border: 1px solid rgba(118, 30, 44, 0.35) !important;
    border-top: none !important;
    border-radius: 0 0 2px 2px;
    font-family: 'Lora', serif !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.45) !important;
    box-sizing: border-box;
    resize: vertical;
    visibility: visible !important;
    opacity: 1 !important;
}

#profile5 textarea#main-reply:focus {
    outline: none !important;
    border-color: rgba(172, 54, 72, 0.75) !important;
    box-shadow:
        inset 0 2px 6px rgba(0, 0, 0, 0.45),
        0 0 10px rgba(175, 38, 60, 0.25) !important;
}

/* ================================================================
   ВЫПАДАЮЩИЕ ПАНЕЛИ ТУЛБАРА (КЛЮЧЕВОЙ ФИКС!)
   Все они должны быть position: absolute, чтобы НЕ растягиваться
   ================================================================ */


/* Список шрифтов / размеров / дополнительных тегов — пункты */
#profile5 #font-area > div,
#profile5 #size-area > div,
#profile5 #addition-area > div {
    padding: 5px 10px !important;
    cursor: pointer;
    color: #d3c3b8 !important;
    border-bottom: 1px solid rgba(175, 38, 60, 0.1);
    transition: all .15s ease;
    display: block;
}

#profile5 #font-area > div:last-child,
#profile5 #size-area > div:last-child,
#profile5 #addition-area > div:last-child {
    border-bottom: none;
}

#profile5 #font-area > div:hover,
#profile5 #size-area > div:hover,
#profile5 #addition-area > div:hover {
    background: rgba(118, 30, 44, 0.35) !important;
    color: #f0ddd0 !important;
}

#profile5 #font-area > div img,
#profile5 #size-area > div img,
#profile5 #addition-area > div img {
    display: none !important;
}

#profile5 #font-area > div span,
#profile5 #size-area > div span,
#profile5 #addition-area > div span {
    color: inherit !important;
}

/* Палитра цветов */
#profile5 #color-area table {
    border-collapse: separate !important;
    border-spacing: 2px;
    background: transparent !important;
}
#profile5 #color-area td {
    width: 22px !important;
    height: 22px !important;
    padding: 0 !important;
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0.4) !important;
    transition: transform .15s ease;
}
#profile5 #color-area td:hover {
    transform: scale(1.15);
    border-color: #fff !important;
}
#profile5 #color-area td img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

/* Таблица для вставки [table] */
#profile5 #table-area table {
    border-collapse: separate !important;
    border-spacing: 1px;
    background: transparent !important;
}
#profile5 #table-area td {
    width: 14px !important;
    height: 14px !important;
    padding: 0 !important;
    background: rgba(54, 55, 62, 0.7);
    border: 1px solid rgba(175, 38, 60, 0.2) !important;
    cursor: pointer;
}
#profile5 #table-area td.selected {
    background: rgba(175, 38, 60, 0.7) !important;
    border-color: rgba(220, 60, 80, 0.9) !important;
}
#profile5 #table-area td img {
    width: 12px !important;
    height: 12px !important;
    display: block;
}

/* Спойлер / Видео / Картинка — внутренние ссылки */
#profile5 #spoiler-area a,
#profile5 #image-area a,
#profile5 #video-area a {
    display: inline-block;
    margin: 4px 8px 4px 0;
    padding: 4px 10px;
    color: #d3c3b8 !important;
    background: rgba(54, 55, 62, 0.7);
    border: 1px solid rgba(175, 38, 60, 0.3);
    text-decoration: none;
    cursor: pointer;
    transition: all .2s ease;
}
#profile5 #spoiler-area a:hover,
#profile5 #image-area a:hover,
#profile5 #video-area a:hover {
    background: rgba(118, 30, 44, 0.4);
    color: #f0ddd0 !important;
}

#profile5 #spoiler-area strong,
#profile5 #image-area strong,
#profile5 #video-area strong {
    color: #d4b8a0 !important;
    display: block;
    margin-bottom: 8px;
    font-family: 'Cinzel', serif;
    font-size: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

/* Textarea внутри панелей (image / video) */
#profile5 #image-area textarea,
#profile5 #video-area textarea {
    width: 100% !important;
    min-height: 80px;
    padding: 6px 8px;
    background: rgba(20, 18, 22, 0.85) !important;
    color: #d8cbbd !important;
    border: 1px solid rgba(118, 30, 44, 0.35) !important;
    font-family: 'Lora', serif;
    box-sizing: border-box;
}

/* Виртуальная клавиатура */
#profile5 #keyboard-area input[type="button"] {
    margin: 2px;
    padding: 4px 8px;
    min-width: 28px;
    background: rgba(54, 55, 62, 0.8) !important;
    color: #d3c3b8 !important;
    border: 1px solid rgba(175, 38, 60, 0.3) !important;
    cursor: pointer;
    font-family: 'Lora', serif;
}
#profile5 #keyboard-area input[type="button"]:hover {
    background: rgba(118, 30, 44, 0.5) !important;
    color: #f0ddd0 !important;
}

/* ================================================================
   ДОПОЛНИТЕЛЬНЫЕ СМАЙЛЫ (#smls-add) и кнопки-вкладки
   ================================================================ */
#profile5 #smls-add {
    margin: 14px 0;
    padding: 10px;
    background: rgba(20, 18, 22, 0.5);
    border: 1px solid rgba(175, 38, 60, 0.15);
}

#profile5 #smls-add .smilies-button {
    margin: 0 4px 6px 0;
    padding: 6px 14px;
    background: linear-gradient(180deg,
        rgba(50, 48, 54, 0.9),
        rgba(35, 33, 38, 0.95)) !important;
    color: #d3c3b8 !important;
    border: 1px solid rgba(175, 38, 60, 0.3) !important;
    border-bottom: 2px solid rgba(175, 38, 60, 0.6) !important;
    font-family: 'Cinzel', serif !important;
    font-size: 10px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    cursor: pointer;
    transition: all .2s ease;
}
#profile5 #smls-add .smilies-button:hover {
    background: linear-gradient(180deg,
        rgba(70, 35, 40, 0.9),
        rgba(50, 25, 30, 0.95)) !important;
    color: #f0ddd0 !important;
}

/* ================================================================
   ПРЕВЬЮ ПОДПИСИ
   ================================================================ */
#profile5 .inputfield {
    margin-top: 18px;
    padding: 14px;
    background: rgba(20, 18, 22, 0.55);
    border: 1px solid rgba(175, 38, 60, 0.18);
}
#profile5 .inputfield .label {
    display: block;
    margin-bottom: 10px;
    color: #d4b8a0 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}
#profile5 .parsedsig {
    margin: 0;
    color: #b8a89e;
}
#profile5 .parsedsig dt { display: none; }

/* ================================================================
   КНОПКИ ОТПРАВКИ
   ================================================================ */
#profile5 p.formsubmit {
    margin-top: 18px !important;
    padding: 14px 16px !important;
    background: rgba(20, 18, 22, 0.5);
    border: 1px solid rgba(175, 38, 60, 0.14);
    color: #84756c !important;
    font-family: 'Lora', serif !important;
    font-size: 12px !important;
    font-style: italic;
}

#profile5 p.formsubmit input.button,
#profile5 p.formsubmit input.fate-roll-inline-btn {
    width: auto !important;
    min-width: 180px !important;
    height: auto !important;
    margin: 0 8px 6px 0 !important;
    padding: 10px 22px !important;
    background: linear-gradient(180deg,
        rgba(50, 48, 54, 0.9),
        rgba(35, 33, 38, 0.95)) !important;
    color: #d3c3b8 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    border: 1px solid rgba(175, 38, 60, 0.25) !important;
    border-bottom: 2px solid rgba(175, 38, 60, 0.6) !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 2px 4px rgba(0, 0, 0, 0.4) !important;
    transition: all .25s ease !important;
    font-style: normal;
}

#profile5 p.formsubmit input.button:hover,
#profile5 p.formsubmit input.fate-roll-inline-btn:hover {
    background: linear-gradient(180deg,
        rgba(70, 35, 40, 0.9),
        rgba(50, 25, 30, 0.95)) !important;
    color: #f0ddd0 !important;
    border-bottom-color: rgba(220, 60, 80, 0.9) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 2px 8px rgba(175, 38, 60, 0.3),
        0 0 12px rgba(175, 38, 60, 0.15) !important;
}

/* ===== ВЫПАДАЮЩИЕ ПАНЕЛИ ТУЛБАРА — СКРЫТИЕ + АНИМАЦИЯ ===== */

#pun-profile #profile5 #font-area,
#pun-profile #profile5 #size-area,
#pun-profile #profile5 #color-area,
#pun-profile #profile5 #table-area,
#pun-profile #profile5 #smilies-area,
#pun-profile #profile5 #image-area,
#pun-profile #profile5 #video-area,
#pun-profile #profile5 #spoiler-area,
#pun-profile #profile5 #keyboard-area,
#pun-profile #profile5 #addition-area {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    z-index: 9999 !important;

    width: 510px !important;
    max-width: 510px !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: 360px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;

    box-sizing: border-box !important;
    margin: 0 !important;
    float: none !important;

    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}
/* Открытая панель — появляется плавно */
#profile5 #font-area[style*="display: block"],
#profile5 #font-area[style*="display:block"],
#profile5 #size-area[style*="display: block"],
#profile5 #size-area[style*="display:block"],
#profile5 #color-area[style*="display: block"],
#profile5 #color-area[style*="display:block"],
#profile5 #table-area[style*="display: block"],
#profile5 #table-area[style*="display:block"],
#profile5 #smilies-area[style*="display: block"],
#profile5 #smilies-area[style*="display:block"],
#profile5 #image-area[style*="display: block"],
#profile5 #image-area[style*="display:block"],
#profile5 #video-area[style*="display: block"],
#profile5 #video-area[style*="display:block"],
#profile5 #spoiler-area[style*="display: block"],
#profile5 #spoiler-area[style*="display:block"],
#profile5 #keyboard-area[style*="display: block"],
#profile5 #keyboard-area[style*="display:block"],
#profile5 #addition-area[style*="display: block"],
#profile5 #addition-area[style*="display:block"] {
    display: block !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 9999 !important;
    pointer-events: auto;
    padding: 10px !important;
    height: auto;
    min-height: 30px;
    opacity: 0.8;
    transition: opacity 0.3s ease-in-out;
}

/* Пункты в списках шрифтов / размеров / доп. тегов */
#profile5 #font-area > div,
#profile5 #size-area > div,
#profile5 #addition-area > div {
    padding: 6px 14px !important;
    color: #b8a89e !important;
    border-bottom: 1px solid rgba(175, 38, 60, 0.08);
    letter-spacing: 0.5px;
}

#profile5 #font-area > div:last-child,
#profile5 #size-area > div:last-child,
#profile5 #addition-area > div:last-child {
    border-bottom: none;
}

#profile5 #font-area > div:hover,
#profile5 #size-area > div:hover,
#profile5 #addition-area > div:hover {
    background: linear-gradient(90deg,
        rgba(118, 30, 44, 0.35) 0%,
        rgba(118, 30, 44, 0.1) 100%) !important;
    color: #f0ddd0 !important;
    padding-left: 20px !important;
}

/* якорь для выпадающих меню редактора */
#profile5 #form-buttons {
    position: relative !important;
    z-index: 20 !important;
    overflow: visible !important;
}

/* все popup-области по умолчанию */
#profile5 #font-area,
#profile5 #size-area,
#profile5 #color-area,
#profile5 #table-area,
#profile5 #smilies-area,
#profile5 #image-area,
#profile5 #video-area,
#profile5 #spoiler-area,
#profile5 #keyboard-area,
#profile5 #addition-area {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    left: 0 !important;
    z-index: 9999 !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    width: auto;
    min-width: 100px;
    height: auto !important;
    min-height: 30px !important;
    box-sizing: border-box !important;
    overflow: auto !important;
}


#profile5 .fs-box,
#profile5 fieldset,
#profile5 profile-signature,
#profile5 profile-sign {
    overflow: visible !important;
}


/* ============================================ */
/* СКРЫТИЕ НЕРАБОЧИХ ЭЛЕМЕНТОВ В ПРОФИЛЕ          */
/* ============================================ */

/* Доп. наборы стикеров/гифок (Tumblr, Ничоси, Viber, Ролевое) */
#pun-profile #profile5 #smls-add,
#pun-profile #profile5 input[alt^="cont_"],
#pun-profile #profile5 [id^="cont_"] {
    display: none !important;
}

/* Кнопка "Бросок FATE" — нужна только в постах */
#pun-profile #profile5 #fate-roll,
#pun-profile #profile5 .fate-roll,
#pun-profile #profile5 [id*="fate"],
#pun-profile #profile5 [class*="fate"] {
    display: none !important;
}


/* ============================================ */
/*          Бегунок звука сообщений             */
/* ============================================ */
#volume-set
{
    position: relative !important;
    right: 35px !important;
    top: -20px;
    color: #cfc1b56e;
    font-family: 'Nexa-EL' !important;
    text-transform: uppercase;
    font-size: 16px;
}

#volSlider .before {
    height: 5px !important;
    border: solid 1px transparent !important;
    margin-top: -1px !important;
    margin-left: -2px;
    border-radius: 3px 0 0 3px !important;
    background: rgb(124 41 57) !important;
}

#volSlider .thumb {
    display: inline-block !important;
    position: relative !important;
    width: 10px !important;
    height: 10px !important;
    background: #a4a6a9 !important;
    border-radius: 50% !important;
    top: -0.8em !important;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .4), 0 0 5px rgba(0, 0, 0, .5) !important;
    cursor: pointer !important;
}


/* ============================================ */
/*     ЛС: РАСКЛАДКА (меню слева, контент справа) */
/* ============================================ */

/* Сдвигаем контент вправо, освобождая место под меню */
#pun-messages #profile > .container,
#pun-messages .messages-container > .container {
    position: relative !important;
    min-height: 420px;
    padding-left: 250px !important;
    box-sizing: border-box;
}

/* Меню — абсолютом в левую колонку */
#pun-messages #profilenav {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 220px !important;
    margin: 0 !important;
    z-index: 5;
}

/* #notify-settings (чекбокс + громкость) — на всю ширину сверху, НЕ сдвигаем */
#pun-messages #notify-settings {
    margin-left: 0 !important;
    width: 100% !important;
}

/* ============================================ */
/*     ЛС: ШАПКА ТАБЛИЦЫ + ШИРИНА СТОЛБЦОВ        */
/* ============================================ */

/* Делаем таблицу с фиксированной раскладкой */
#pun-messages #messages table {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    background: rgba(30, 28, 32, 0.5) !important;
    margin: 0 !important;
}

/* Шапка — дизайн как в загрузках/участниках */
#pun-messages #messages thead th,
#pun-messages #messages .main th {
    background: rgba(20, 18, 22, 0.7) !important;
    border: none !important;
    border-bottom: 1px solid rgba(175, 38, 60, 0.35) !important;
    color: #9f8f86 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 10px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    padding: 12px 16px !important;
    text-align: center !important;
}

/* Ширина столбцов: Тема / Отправитель / Дата / чекбокс */
#pun-messages #messages th.pmtcl1,        /* Тема */
#pun-messages #messages td.tcl {
    width: 45% !important;
    text-align: left !important;
}

#pun-messages #messages th.pmtc22,        /* Отправитель */
#pun-messages #messages td.tc2 {
    width: 25% !important;
    text-align: center !important;
}

#pun-messages #messages th.pmtc33,        /* Дата */
#pun-messages #messages td.tc3 {
    width: 22% !important;
    text-align: center !important;
}

#pun-messages #messages th.pmtc24,        /* Чекбокс */
#pun-messages #messages td.tc4 {
    width: 8% !important;
    text-align: center !important;
}

/* Строки */
#pun-messages #messages tbody tr {
    border-bottom: 1px solid rgba(175, 38, 60, 0.08) !important;
    transition: background .2s ease;
}
#pun-messages #messages tbody tr:nth-child(2n) {
    background: rgba(20, 18, 22, 0.3) !important;
}
#pun-messages #messages tbody tr:hover {
    background: rgba(175, 38, 60, 0.08) !important;
}

/* Ячейки */
#pun-messages #messages tbody td {
    padding: 12px 16px !important;
    vertical-align: middle !important;
    border: none !important;
    color: #b8a89e !important;
    font-family: 'Nexa_EL', sans-serif !important;
    font-size: 13px !important;
}

#pun-messages #messages tbody td a {
    color: #d3c3b8 !important;
    text-decoration: none;
    transition: color .2s ease;
}
#pun-messages #messages tbody td a:hover {
    color: #e89aa8 !important;
}

/* «Нет сообщений» */
#pun-messages #messages tbody td[colspan] {
    text-align: center !important;
    padding: 24px !important;
    color: #84756c !important;
    font-style: italic !important;
    font-family: 'Lora', serif !important;
    font-size: 14px !important;
    width: 100% !important;
}

/* Чекбоксы в таблице */
#pun-messages #messages table input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    cursor: pointer;
    accent-color: #af263c;
}

/* ============================================ */
/*   ЛС: ФИКС ШИРИНЫ ВСЕЙ ФОРМЫ #post-new        */
/* ============================================ */

/* Форма и все её потомки не должны вылезать за контейнер */
#pun-messages #post-new,
#pun-messages #post-new * {
    box-sizing: border-box !important;
    color: #cbaf97;
    font-family: 'Nexa_EL';
}

#pun-messages #post-new {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden;
}

/* Сбрасываем форумные хаки (margin-left:-28px, width:1120px и т.п.) */
#pun-messages #post-new fieldset,
#pun-messages #post .container,
#pun-messages #post {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    left: 0px !important;
}

/* Внутренние блоки */
#pun-messages #post-new .fs-box,
#pun-messages #post-new .inputfield,
#pun-messages #post-new .areafield {
    width: 100% !important;
    max-width: 100% !important;
}

/* Textarea / main-reply — главный виновник ширины 1090px */
#pun-messages #post-new textarea,
#pun-messages #post-new #main-reply {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* areafield span.input (обёртка textarea) — у неё бывает padding-right:12em */
#pun-messages #post-new .areafield span.input,
#pun-messages #post-new p.longinput span.input {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
}

/* Поля текста (получатель/заголовок) */
#pun-messages #post-new input[type="text"] {
    max-width: 100% !important;
}

/* Панель кнопок тулбара — тоже в рамках */
#pun-messages #post-new #form-buttons,
#pun-messages #post-new #form-buttons table {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
}

#pun-messages .formal {
    background: linear-gradient(180deg, rgba(44, 43, 49, 0.78) 0%, rgba(34, 33, 39, 0.82) 100%) !important;
    border: 1px solid rgba(118, 30, 44, 0.22) !important;
    box-shadow:
        inset 0 1px 0 rgba(214, 198, 184, 0.04),
        0 10px 24px rgba(0, 0, 0, 0.22) !important;
    padding: 0px;
}


#pun-messages .linksb .postlink {
    position: relative;
    font-size: 15px;
    pointer-events: visiblestroke;
    font-family: lora;
    z-index: 5;
    text-align: right;
    width: 835px;
}

.adformal {
  border-color: #f6f6f600 !important;
  }

/* ============================================ */
/*   АДМИНКА: УПРАВЛЕНИЕ КАТЕГОРИЯМИ              */
/*   (admin_categories.php)                      */
/* ============================================ */

/* --- Контейнер формы --- */
#pun-admain #categories.adcontainer {
    background: linear-gradient(180deg, rgba(44, 43, 49, 0.78) 0%, rgba(34, 33, 39, 0.85) 100%) !important;
    border: var(--brd) !important;
    box-shadow:
        inset 0 1px 0 rgba(214, 198, 184, 0.04),
        0 6px 18px rgba(0, 0, 0, 0.3) !important;
    padding: 18px !important;
}

/* --- Fieldset --- */
#pun-admain #categories fieldset {
    background: #19181e !important;
    border: 1px solid rgba(118, 30, 44, 0.24) !important;
    margin: 0 0 16px !important;
    padding: 14px !important;
}

#pun-admain #categories fieldset legend span {
    color: #d4b8a0 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    display: inline-block !important;
}

/* --- Блоки .adfs-box --- */
#pun-admain #categories .adfs-box,
#pun-admain #categories .adfs-box * {
    background: transparent !important;
}
#pun-admain #categories .adfs-box {
    color: #cbaf97 !important;
}

/* Подписи "Добавить категорию" / "Удалить категорию" */
#pun-admain #categories .adsubmitfield label,
#pun-admain #categories .adsubmitfield .conl,
#pun-admain #categories label {
    color: #d4b8a0 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}

/* --- Текстовые поля --- */
#pun-admain #categories input[type="text"] {
    background: rgb(50 51 56) !important;
    border: 1px solid rgba(118, 30, 44, 0.35) !important;
    color: #e1ddd8 !important;
    font-family: 'Nexa_EL', sans-serif !important;
    font-size: 14px !important;
    padding: 8px 12px !important;
    min-height: 18px !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}

#pun-admain #categories input[type="text"]:focus {
    outline: none !important;
    border-color: rgba(172, 54, 72, 0.75) !important;
    box-shadow:
        inset 0 1px 3px rgba(0, 0, 0, 0.4),
        0 0 8px rgba(175, 38, 60, 0.25) !important;
}

/* --- Select --- */
#pun-admain #categories select {
    background: rgb(50 51 56) !important;
    border: 1px solid rgba(118, 30, 44, 0.35) !important;
    color: #e1ddd8 !important;
    font-family: 'Nexa_EL', sans-serif !important;
    font-size: 14px !important;
    padding: 6px 30px 6px 12px !important;
    min-height: 22px !important;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'><path fill='%23af263c' d='M0 0l5 6 5-6z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 10px !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}

#pun-admain #categories select option {
    background: #1e1c20 !important;
    color: #d3c3b8 !important;
}

/* ============================================ */
/*   КНОПКИ (Добавить / Удалить / Обновить все)  */
/*   ВАЖНО: input.button внутри span.adsubmit    */
/* ============================================ */

/* Обёртка span.adsubmit — не должна схлопывать кнопку */
#pun-admain #categories .adsubmit,
#pun-admain #categories span.adsubmit {
    display: inline-block !important;
    width: auto !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Сами кнопки */
#pun-admain #categories input.button,
#pun-admain #categories input[type="submit"],
#pun-admain #categories .adsubmit input {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    min-width: 140px !important;
    height: auto !important;
    line-height: normal !important;
    padding: 9px 20px !important;
    margin: 4px 0 0 !important;
    background: linear-gradient(180deg, rgba(50, 48, 54, 0.95) 0%, rgba(35, 33, 38, 0.98) 100%) !important;
    background-color: rgba(45, 43, 49, 0.98) !important;
    color: #d3c3b8 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
    border: 1px solid rgba(175, 38, 60, 0.25) !important;
    border-bottom: 2px solid rgba(175, 38, 60, 0.6) !important;
    border-radius: 0 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 2px 4px rgba(0, 0, 0, 0.4) !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    transition: all 0.25s ease !important;
}

#pun-admain #categories input.button:hover,
#pun-admain #categories input[type="submit"]:hover,
#pun-admain #categories .adsubmit input:hover {
    background: linear-gradient(180deg, rgba(70, 35, 40, 0.95) 0%, rgba(50, 25, 30, 0.98) 100%) !important;
    color: #f0ddd0 !important;
    border-bottom-color: rgba(220, 60, 80, 0.9) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 2px 8px rgba(175, 38, 60, 0.3),
        0 0 12px rgba(175, 38, 60, 0.15) !important;
    text-shadow: 0 0 6px rgba(255, 200, 200, 0.4) !important;
}

#pun-admain #categories input.button:active,
#pun-admain #categories input[type="submit"]:active,
#pun-admain #categories .adsubmit input:active {
    transform: translateY(1px) !important;
}

/* --- Поясняющий текст справа --- */
#pun-admain #categories .adfs-box p,
#pun-admain #categories fieldset p {
    color: #9d8a79 !important;
    font-family: 'Lora', serif !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    background: transparent !important;
}

#pun-admain #categories .adfs-box p a,
#pun-admain #categories fieldset p a {
    color: #d96074 !important;
    text-decoration: none;
    border-bottom: 1px dotted rgba(217, 96, 116, 0.4);
    transition: color 0.2s ease;
}
#pun-admain #categories .adfs-box p a:hover {
    color: #e89aa8 !important;
}

/* Подсвеченное слово "удалением" */
#pun-admain #categories .warntext,
#pun-admain #categories strong {
    color: #d4b8a0 !important;
    background: rgba(118, 30, 44, 0.25) !important;
    padding: 1px 5px !important;
}

/* --- СПИСОК КАТЕГОРИЙ (поля с названиями) --- */
/* ИСПРАВЛЕНО: было 222% (ошибка), теперь нормальная ширина */
#pun-admain #categories input[name^="cat_name"],
#pun-admain #categories input[name*="name"] {
    width: 90% !important;
    max-width: 500px !important;
}

/* ============================================ */
/*   СТРЕЛОЧКИ ПЕРЕТАСКИВАНИЯ (.handle / img)     */
/*   ИСПРАВЛЕНО: убран filter, вернулась видимость */
/* ============================================ */
#pun-admain #categories img,
#pun-admain #categories .icon,
#pun-admain #categories .handle,
#pun-admain #categories a img {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 0.55 !important;
    filter: none !important;
    cursor: move !important;
    transition: opacity 0.25s ease !important;
}

#pun-admain #categories img:hover,
#pun-admain #categories .handle:hover,
#pun-admain #categories a:hover img {
    opacity: 1 !important;
    filter: none !important;
}

/* Если .handle — фоновая иконка (div/span с background-image) */
#pun-admain #categories .handle {
    background-color: transparent !important;
    min-width: 16px !important;
    min-height: 16px !important;
}

/* --- Строки списка категорий --- */
#pun-admain #categories .adfs-box div,
#pun-admain #categories p.adsubmitfield {
    background: transparent !important;
}

/* Чередование строк для читаемости */
#pun-admain #categories form > fieldset:last-child .adfs-box > p:nth-child(2n) {
    background: rgba(20, 18, 22, 0.25) !important;
}

/* ============================================ */
/*   СПИСОК ФОРУМОВ: ПОСТРОЧНО + ЗЕБРА  (v3)      */
/*   структура: fieldset > .adfs-box > .handle   */
/* ============================================ */

/* Каждая КАТЕГОРИЯ = fieldset */
#pun-admain2 #edforum fieldset {
    background: #19181e !important;
    border: 1px solid rgba(118, 30, 44, 0.24) !important;
    margin: 0 0 16px !important;
    padding: 8px 14px 14px !important;
}

/* Название категории (legend) */
#pun-admain2 #edforum fieldset legend span {
    color: #d4b8a0 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
}

/* Контейнер форумов — сброс, на всю ширину */
#pun-admain2 #edforum .adfs-box {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* ОДИН ФОРУМ = .handle — строка на всю ширину */
#pun-admain2 #edforum .adfs-box .handle {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
    padding: 9px 16px !important;
    margin: 0 !important;
    gap: 16px !important;
    cursor: move !important;
    transition: background 0.2s ease !important;
    border-left-width: 0px;
}

/* ЗЕБРА — чередование строк через одну */
#pun-admain2 #edforum .adfs-box .handle:nth-child(odd) {
    background: rgba(255, 255, 255, 0.03) !important;
}
#pun-admain2 #edforum .adfs-box .handle:nth-child(even) {
    background: rgba(0, 0, 0, 0.22) !important;
}
#pun-admain2 #edforum .adfs-box .handle:hover {
    background: rgba(118, 30, 44, 0.18) !important;
}

/* Блок ссылок "Редактировать - Удалить" — слева, фикс. ширина */
#pun-admain2 #edforum .adfs-box .handle .adlabel {
    flex: 0 0 auto !important;
    min-width: 175px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}

/* Блок названия форума — справа, тянется */
#pun-admain2 #edforum .adfs-box .handle .adinput {
    flex: 1 1 auto !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #e1ddd8 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 13px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

/* Ссылки */
#pun-admain2 #edforum .adfs-box .handle a {
    color: #d96074 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    white-space: nowrap !important;
}
#pun-admain2 #edforum .adfs-box .handle a:hover {
    color: #f0a0ac !important;
    text-shadow: 0 0 6px rgba(217, 96, 116, 0.4) !important;
}

/* Стрелочка перетаскивания внутри названия */
#pun-admain2 #edforum .adfs-box .handle .adinput img,
#pun-admain2 #edforum .adfs-box .handle img {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 0.45 !important;
    filter: none !important;
    margin-left: 6px !important;
    vertical-align: middle !important;
    transition: opacity 0.2s ease !important;
}
#pun-admain2 #edforum .adfs-box .handle:hover img {
    opacity: 0.85 !important;
}

/* ============================================ */
/*   ФИКС: КАТЕГОРИИ + ОТСТУП                     */
/* ============================================ */

/* fieldset — убираем любые боковые отступы */
#pun-admain2 #edforum fieldset {
    background: #19181e !important;
    border: 1px solid rgba(118, 30, 44, 0.24) !important;
    margin: 0 0 16px !important;
    padding: 0 !important;            /* было 8px 14px 14px — убрали боковой */
    position: relative !important;
    display: block !important;
    overflow: visible !important;
}

/* ЗАГОЛОВОК КАТЕГОРИИ (legend) — на всю ширину сверху */
#pun-admain2 #edforum fieldset legend {
    display: block !important;
    float: none !important;
    width: 98% !important;
    box-sizing: border-box !important;
    padding: 0px 0px !important;
    margin-bottom: 10px !important;
    position: static !important;       /* убираем absolute/float, если был */
    clear: both !important;
    font-size: 20px !important;
}

#pun-admain2 #edforum fieldset legend span {
    display: inline-block !important;
    color: #d4b8a0 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    white-space: normal !important;
}

/* Контейнер форумов — без бокового отступа */
#pun-admain2 #edforum .adfs-box {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* ============================================ */
/*   КНОПКИ ФОРУМОВ: Добавить / Обновить позиции */
/* ============================================ */

#pun-admain2 #addforum input.button,
#pun-admain2 #addforum input[type="submit"],
#pun-admain2 #edforum input.button,
#pun-admain2 #edforum input[type="submit"],
#pun-admain1 #addforum input.button,
#pun-admain1 #addforum input[type="submit"],
#pun-admain1 #edforum input.button,
#pun-admain1 #edforum input[type="submit"]
{
    display: inline-block !important;
    width: auto !important;
    min-width: 200px !important;
    height: auto !important;
    line-height: normal !important;
    padding: 10px 22px !important;
    margin: 0 !important;
    background: linear-gradient(180deg, rgba(50, 48, 54, 0.95) 0%, rgba(35, 33, 38, 0.98) 100%) !important;
    background-color: rgba(45, 43, 49, 0.98) !important;
    color: #d3c3b8 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 12px !important;
    font-weight: normal !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
    border: 1px solid rgba(175, 38, 60, 0.25) !important;
    border-bottom: 2px solid rgba(175, 38, 60, 0.6) !important;
    border-radius: 0 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 2px 4px rgba(0, 0, 0, 0.4) !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    transition: all 0.25s ease !important;
}

#pun-admain2 #addforum input.button:hover,
#pun-admain2 #addforum input[type="submit"]:hover,
#pun-admain2 #edforum input.button:hover,
#pun-admain2 #edforum input[type="submit"]:hover {
    background: linear-gradient(180deg, rgba(70, 35, 40, 0.95) 0%, rgba(50, 25, 30, 0.98) 100%) !important;
    color: #f0ddd0 !important;
    border-bottom-color: rgba(220, 60, 80, 0.9) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 2px 8px rgba(175, 38, 60, 0.3),
        0 0 12px rgba(175, 38, 60, 0.15) !important;
    text-shadow: 0 0 6px rgba(255, 200, 200, 0.4) !important;
}

#pun-admain2 #addforum input.button:active,
#pun-admain2 #addforum input[type="submit"]:active,
#pun-admain2 #edforum input.button:active,
#pun-admain2 #edforum input[type="submit"]:active {
    transform: translateY(1px) !important;
    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.4) !important;
}
/* ============================================ */
/*   ФИКС: УБРАТЬ ПУСТОЙ ПРОВАЛ                   */
/* ============================================ */

/* Контейнер формы добавления — убираем нижний отступ */
#pun-admain2 #addforum,
#pun-admain2 #addforum.adcontainer {
    margin-bottom: 0 !important;
    padding-bottom: 14px !important;
}

/* Контейнер "Обновить позиции" / список — убираем верхний отступ */
#pun-admain2 #edforum,
#pun-admain2 #edforum.adcontainer {
    margin-top: 0 !important;
    padding-top: 14px !important;
}

/* Если между ними пустой блок — схлопываем */
#pun-admain2 .clearer,
#pun-admain2 #addforum + br,
#pun-admain2 #addforum + div:empty {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
}

/* ===== АДМИНКА: ЗАГРУЗКА ФАЙЛОВ (копия стиля из профиля) ===== */

/* --- Таблица файлов --- */
#pun-admain .adcontainer #filetable {
    width: 100% !important;
    min-width: 720px;
    border-collapse: collapse !important;
    background: rgb(36 35 40) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* Шапка таблицы */
#pun-admain .adcontainer #filetable thead th {
    background: rgba(20, 18, 22, 0.7) !important;
    border-bottom: 1px solid rgba(175, 38, 60, 0.35) !important;
    color: #9f8f86 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 10px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    padding: 12px 10px !important;
    text-align: left !important;
}

/* Строки */
#pun-admain .adcontainer #filetable tbody tr {
    border-bottom: 1px solid rgb(19 17 23) !important;
    transition: background .2s ease;
}
#pun-admain .adcontainer #filetable tbody tr:nth-child(2n),
#pun-admain .adcontainer #filetable tbody tr:nth-child(2n) td
{
    background: rgb(36 35 40) !important;
}

#pun-admain .adcontainer #filetable tbody tr:hover,
#pun-admain .adcontainer #filetable tbody tr:hover td {
    background: rgba(175, 38, 60, 0.08) !important;
}


/* Ячейки */
#pun-admain .adcontainer #filetable td {
    padding: 7px 4px !important;
    vertical-align: middle !important;
    border: none !important;
    color: #b8a89e !important;
    font-family: 'Nexa_EL', sans-serif !important;
    font-size: 13px !important;
}

#pun-admain .adcontainer #filetable td > span {
    display: none !important;
}

/* Ссылка на файл */
#pun-admain .adcontainer #filetable td.tcl a {
    color: #d3c3b8 !important;
    text-decoration: none;
    transition: color .2s ease;
}
#pun-admain .adcontainer #filetable td.tcl a:hover {
    color: #e89aa8 !important;
}

/* --- Поле комментария (input) --- */
#pun-admain .adcontainer #filetable td.tcr input[type="text"] {
    width: 100% !important;
    min-height: 30px !important;
    padding: 4px 8px !important;
    border: 1px solid rgba(118, 30, 44, 0.3) !important;
    background: rgba(54, 55, 62, 0.88) !important;
    color: #d8cbbd !important;
    font-family: 'Lora', serif !important;
    font-size: 13px !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35) !important;
    box-sizing: border-box;
}
#pun-admain .adcontainer #filetable td.tcr input[type="text"]:focus {
    outline: none !important;
    border-color: rgba(172, 54, 72, 0.72) !important;
    box-shadow:
        inset 0 1px 2px rgba(0, 0, 0, 0.4),
        0 0 8px rgba(118, 30, 44, 0.18) !important;
}

/* --- Чекбоксы --- */
#pun-admain .adcontainer #filetable input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0 !important;
    cursor: pointer;
    accent-color: #af263c;
}

/* --- Нижний блок: счётчик + кнопки + пагинация --- */
#pun-admain .adcontainer p.submitend {
    margin-top: 16px !important;
    padding: 14px 16px !important;
    background: rgba(20, 18, 22, 0.5);
    border: 1px solid rgba(175, 38, 60, 0.14);
    overflow: hidden;
}

/* Счётчик */
#pun-admain .adcontainer #uploaded-count-block {
    display: block;
    margin-bottom: 12px;
    color: #84756c !important;
    font-family: 'Lora', serif !important;
    font-style: italic;
    font-size: 12px !important;
}
#pun-admain .adcontainer #uploaded-count {
    color: #d4b8a0 !important;
    font-style: normal;
    font-weight: 600;
}

/* Кнопки "Сохранить" / "Удалить выбранные" */
#pun-admain .adcontainer p.submitend input.button {
    width: auto !important;
    min-width: 220px !important;
    height: auto !important;
    margin: 0 8px 12px 0 !important;
    padding: 10px 22px !important;
    background: linear-gradient(180deg,
        rgba(50, 48, 54, 0.9) 0%,
        rgba(35, 33, 38, 0.95) 100%) !important;
    color: #d3c3b8 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    border: 1px solid rgba(175, 38, 60, 0.25) !important;
    border-bottom: 2px solid rgba(175, 38, 60, 0.6) !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 2px 4px rgba(0, 0, 0, 0.4) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
    transition: all .25s ease !important;
}
#pun-admain .adcontainer p.submitend input.button:hover {
    background: linear-gradient(180deg,
        rgba(70, 35, 40, 0.9) 0%,
        rgba(50, 25, 30, 0.95) 100%) !important;
    color: #f0ddd0 !important;
    border-bottom-color: rgba(220, 60, 80, 0.9) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 2px 8px rgba(175, 38, 60, 0.3),
        0 0 12px rgba(175, 38, 60, 0.15) !important;
    text-shadow: 0 0 6px rgba(255, 200, 200, 0.4) !important;
}

/* Селектор "Файлов на страницу" */
#pun-admain .adcontainer .files-page-select select#page-select {
    padding: 4px 8px;
    background: rgba(54, 55, 62, 0.9) !important;
    color: #d8cbbd !important;
    border: 1px solid rgba(118, 30, 44, 0.3) !important;
    font-family: 'Lora', serif !important;
    font-size: 12px !important;
}

/* --- Пагинация (.pagelink) --- */
#pun-admain .adcontainer .pagelink {
    margin: 0 0 14px !important;
    padding: 10px 14px !important;
    background: rgb(31 29 34);
    border: 1px solid rgba(175, 38, 60, 0.14);
    color: #9f8f86 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
}

/* ===== УБИРАЕМ БОРДОВЫЕ РАМКИ ВОКРУГ ИМЁН И ИКОНОК ===== */
#pun-admain #filetable td a,
#pun-admain #filetable td span,
#pun-admain #filetable td i {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}


/* Убираем сломанную иконку и ставим символ */
#pun-admain .adcontainer #filetable .icons-pencil {
    display: inline-block;
    width: auto !important;
    height: auto !important;
    font-style: normal;
    color: #9f8f86;
    font-size: 10px;
}

#pun-admain .adcontainer #filetable .icons-pencil::before {
    content: "" !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    vertical-align: middle !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8d2c4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

.punbb .pun-modal .section .container, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    background: rgb(25 25 28) !important;
    padding: 50px !important;
}


#pun-admain fieldset legend {
    color: #d4b8a0 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    display: inline-block !important;
}
#pun-admain fieldset legend span {
  all: unset;                     
  color: inherit;
  font: inherit;
}

/* Кнопка "Сохранить" — и сверху, и снизу формы */
#pun-admain .adcontainer p.submittop input.button,
#pun-admain .adcontainer p.submitend input.button {
    width: auto !important;
    min-width: 220px !important;
    height: auto !important;
    margin: 0 8px 12px 0 !important;
    padding: 10px 22px !important;
    background: linear-gradient(180deg,
        rgba(50, 48, 54, 0.9) 0%,
        rgba(35, 33, 38, 0.95) 100%) !important;
    color: #d3c3b8 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    border: 1px solid rgba(175, 38, 60, 0.25) !important;
    border-bottom: 2px solid rgba(175, 38, 60, 0.6) !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04),
                0 2px 4px rgba(0, 0, 0, 0.4) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
    transition: all .25s ease !important;
}

/* Все кнопки в админке — единый стиль */
#pun-admain input.button,
#pun-admin_fields input.button {
    width: auto !important;
    min-width: 200px !important;
    height: auto !important;
    margin: 4px 8px 8px 0 !important;
    padding: 10px 22px !important;
    background: linear-gradient(180deg,
        rgba(50, 48, 54, 0.9) 0%,
        rgba(35, 33, 38, 0.95) 100%) !important;
    color: #d3c3b8 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    border: 1px solid rgba(175, 38, 60, 0.25) !important;
    border-bottom: 2px solid rgba(175, 38, 60, 0.6) !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04),
                0 2px 4px rgba(0, 0, 0, 0.4) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
    transition: all .25s ease !important;
}

/* Эффект при наведении */
#pun-admain input.button:hover,
#pun-admin_fields input.button:hover {
    background: linear-gradient(180deg,
        rgba(70, 66, 74, 0.95) 0%,
        rgba(45, 42, 48, 0.98) 100%) !important;
    border-color: rgba(175, 38, 60, 0.5) !important;
    border-bottom-color: rgba(175, 38, 60, 0.9) !important;
    color: #f0e3d8 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08),
                0 3px 8px rgba(175, 38, 60, 0.3) !important;
}

/* Лёгкое нажатие */
#pun-admain input.button:active,
#pun-admin_fields input.button:active {
    transform: translateY(1px) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4) !important;
}


#pun-admain textarea, #pun-admain .longinput input 
{
    width: 98%;
    background: #323338;
    color: var(--posttext);
}

/* === Таблица управления доменами === */

/* Контейнер вокруг таблицы — убираем кривые отступы */
#pun-admain #frm_dom_upd .adfs-box {
    padding: 0 !important;
    overflow: visible !important;
}

/* Сама таблица — убираем верхнюю красную полосу */
#pun-admain #domcontainer {
    width: 100% !important;
    border-collapse: collapse !important;
    border: none !important;
    border-top: none !important;
    background: var(--sm-bg-darker) !important;
    margin: 0 !important;
}

/* Прячем пустую первую строку (источник красной полосы) */
#pun-admain #domcontainer tr:first-child:empty,
#pun-admain #domcontainer thead {
    display: none !important;
}

/* Ячейки */
#pun-admain #domcontainer td {
    background: var(--sm-bg) !important;
    color: var(--sm-text) !important;
    border: none !important;
    border-right: 1px solid var(--sm-border) !important;
    padding: 14px 16px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;        /* чтобы "Работает" не резалось */
    overflow: visible !important;
    font-size: 14px !important;
}

/* Первая ячейка (адрес домена) — пусть тянется */
#pun-admain #domcontainer td:first-child {
    width: 100% !important;
    color: var(--sm-accent) !important;    /* акцентный цвет для домена */
    font-weight: 500 !important;
}

/* Последняя ячейка (статус) — без линии справа, выровнять */
#pun-admain #domcontainer td:last-child {
    border-right: none !important;
    text-align: center !important;
    min-width: 110px !important;           /* место для "Работает" */
    color: #7da87d !important;             /* зелёный статус */
}

/* Подсветка строки при наведении */
#pun-admain #domcontainer tr:hover td {
    background: var(--sm-bg-lighter) !important;
}

/* ============================================
   ПОСТЫ — основной контейнер
   ============================================ */
/* Чередование (altstyle) — чуть темнее */
#pun-main .post.altstyle {
    background: var(--sm-bg-darker, #23262f) !important;
}

/* Пост автора темы — лёгкая акцентная рамка слева */
#pun-main .post.topic-starter {
}

/* ============================================
   ШАПКА ПОСТА (h3): Поделиться + № + дата + кнопки PDF
   ============================================ */
#pun-main .post h3 {
    background: #1a181e !important;
    padding: 10px 5px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
    font-size: 13px !important;
}

/* span внутри h3 (Поделиться + номер + дата) тянем влево */
#pun-main .post h3 > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin-right: 568px !important;        /* отодвигает кнопки PDF вправо */
}

#pun-main .post h3 .sharelink {
    color: var(--sm-text, #878d9b) !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
}

#pun-main .post h3 strong {
    color: var(--sm-accent, #d6c2ae) !important;
    font-size: 14px !important;
}

#pun-main .post h3 .permalink {
    color: var(--sm-text, #878d9b) !important;
}

/* Кнопки скачивания одного поста (.PDF/.DOC/.DOCX) */
#pun-main .single-post-export-btn {
    background: transparent !important;
    border: 1px solid var(--sm-border, rgba(255,255,255,0.15)) !important;
    color: var(--sm-text, #878d9b) !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    line-height: 1.2 !important;
}
#pun-main .single-post-export-btn:hover {
    border-color: var(--sm-accent, #d6c2ae) !important;
    color: var(--sm-accent, #d6c2ae) !important;
}

/* ============================================
   .container — раскладка (профиль | тело)
   ============================================ */
#pun-main .post .container {
    display: flex !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* ============================================
   ЛЕВАЯ КОЛОНКА — профиль
   ============================================ */
#pun-main .post-author {
    width: 240px !important;
    padding: 10px 5px !important;
    box-sizing: border-box !important;
}

#pun-main .post-author ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#pun-main .post-author li {
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    line-height: 1.45 !important;
}

/* Ник */
#pun-main .post-author .pa-author {
    font-size: 15px !important;
    background: #19181e;
}
#pun-main .post-author .pa-author a {
    /* font-weight: bold !important; */
}

/* Звание / стат */
#pun-main .post-author .pa-title {
    color: var(--sm-text-bright, #a8aebc) !important;
    border-bottom: 1px dashed rgb(158 37 57) !important;
    word-wrap: break-word !important;        /* длинные статы переносим */
    font-size: 11px;
    font-family: 'lora';
    font-style: normal !important;
}

/* Аватар */
#pun-main .post-author .pa-avatar {
    margin: 0 0 12px 0 !important;
}
#pun-main .post-author .pa-avatar img {
    max-width: 100% !important;
    height: auto !important;
    border: 2px solid var(--sm-border, rgba(255,255,255,0.1)) !important;
    border-radius: 6px !important;
    display: block !important;
}

/* Подписи полей (Сообщения:, Уважение: и т.д.) */
#pun-main .post-author .fld-name {
    color: var(--sm-text, #878d9b) !important;
    opacity: 0.7 !important;
}

#pun-main .post-author li a {
    color: var(--sm-link, #d6c2ae) !important;
}
#pun-main .post-author li a:hover {
    color: var(--sm-link-hover, #e8d8c4) !important;
}

/* Онлайн-статус */
#pun-main .post-author .pa-online strong {
    color: #7da87d !important;
    font-weight: normal !important;
    font-size: 11px !important;
}

/* === Иконки ОС/браузера (user-agent) — разлепляем === */
#pun-main .post-author .pa-ua .user-agent {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin-top: 0px !important;
}
#pun-main .post-author .pa-ua i[class^="ua-icon-"] {
    font-size: 16px !important;
    opacity: 0.7 !important;
}

/* IP */
#pun-main .post-author .pa-ip {
    margin-top: 4px !important;
}

/* Кнопки +/- уважения */
#pun-main .post-author .pa-respect img,
#pun-main .post-author .pa-positive img {
    vertical-align: middle !important;
    margin: 0 2px !important;
}

/* ============================================
   ПРАВАЯ ЧАСТЬ — тело поста
   ============================================ */
#pun-main .post-body {
    flex: 1 1 auto !important;
    min-width: 0 !important;               /* важно! чтоб текст не распирал flex */
    padding: 0 !important;
    position: relative !important;
}

#pun-main .post-box {
    padding: 0 !important;
}

#pun-main .post-content {
    padding: 18px 20px !important;
    line-height: 1.65 !important;
    color: var(--sm-text-bright, #c5cad4) !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

#pun-main .post-content img {
    max-width: 100% !important;
    height: auto !important;
}



/* Счётчик рейтинга */
#pun-main .post-rating {
    padding: 10px 20px !important;
}
#pun-main .post-rating a {
    color: var(--sm-text, #323338) !important;
}

/* ============================================
   НИЖНЯЯ ПАНЕЛЬ — кнопки (Профиль/ЛС/E-mail/...)
   ============================================ */
#pun-main .post-links {
    border-top: 1px solid var(--sm-border, rgba(255,255,255,0.06)) !important;
    padding: 0 !important;
}

#pun-main .post-links ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 8px 16px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: flex-end !important;     /* кнопки вправо */
}

#pun-main .post-links li {
    margin: 0 !important;
    padding: 0 !important;
}

#pun-main .post-links li a {
    display: inline-block !important;
    padding: 5px 12px !important;
    background: transparent !important;
    /* border: 1px solid var(--sm-border, rgba(255,255,255,0.12)) !important; */
    /* border-radius: 4px !important; */
    color: var(--sm-text, #878d9b) !important;
    font-size: 12px !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
    white-space: nowrap !important;
}
#pun-main .post-links li a:hover {
    border-color: var(--sm-accent, #d6c2ae) !important;
    color: var(--sm-accent, #d6c2ae) !important;
    background: rgb(35 38 47) !important;
}

/* ============================================
   ВЕРХНЯЯ ПАНЕЛЬ "Скачать тему"
   ============================================ */
#pun-main .thread-export-toolbar {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 12px 0 !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
}
#pun-main .thread-export-btn {
    background: #1a181e !important;
    border: 1px solid var(--sm-border, rgba(255,255,255,0.15)) !important;
    color: #323338 !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}
#pun-main .thread-export-btn:hover:not([disabled]) {
    border-color: var(--sm-accent, #d6c2ae) !important;
    color: var(--sm-accent, #d6c2ae) !important;
}
#pun-main .thread-export-btn[disabled] {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
}

/* ============================================
   ЦВЕТА ПОСТОВ — #323338
   ============================================ */
#pun-main .post {
    border-radius: 8px !important;
    margin-bottom: 22px !important;
    overflow: hidden !important;
}

#pun-main .post.altstyle {
    background: #323338 !important;   /* одинаковый фон для всех */
}

#pun-main .post-author {
    border-right: 1px solid rgba(255,255,255,0.07) !important;
}

/* === ТЕКСТ — комфортный на #323338 === */
#pun-main .post-content {
    color: #cdd2da !important;        /* основной текст поста */
}
#pun-main .post-author li {
    color: #9 aa0a9 !important;
}
#pun-main .post-author li {
    color: #a0a6b2 !important;        /* профиль слева */
}
#pun-main .post-author .pa-author a {
    color: #c0c0c3 !important;
    font-size: 16px;
}

/* ============================================
   КНОПКИ ПОД ПОСТОМ — горизонтально, единый дизайн
   ============================================ */
#pun-main .post-links {
    padding: 0 !important;
    clear: both !important;
    float: none !important;
    position: static !important;
}

#pun-main .post-links ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 10px 16px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    float: none !important;
    width: auto !important;
}

/* СБРОС float/position у каждого пункта — это и ломало раскладку */
#pun-main .post-links li,
#pun-main .post-links li.pl-email,
#pun-main .post-links li.pl-delete,
#pun-main .post-links li.pl-edit,
#pun-main .post-links li.pl-quote {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    position: static !important;
    display: inline-flex !important;
    background: none !important;
    border: none !important;
    width: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
}

/* Сами кнопки — как в профиле/админке */
#pun-main .post-links li a {
    display: inline-block !important;
    padding: 7px 16px !important;
    /* background: #3a3b42 !important; */
    /* border: 1px solid rgba(255,255,255,0.1) !important; */
    /* border-radius: 4px !important; */
    color: #c5c9d2 !important;
    font-size: 12px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
    transition: all 0.2s !important;
    white-space: nowrap !important;
}
#pun-main .post-links li a:hover {
    background: #44454d !important;
    border-color: #d6c2ae !important;
    color: #e8d8c4 !important;
}

#pun-main .post .container {
    display: flex !important;
    align-items: flex-start !important;
    position: relative !important;
    background: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.16) 0,
        rgba(0, 0, 0, 0.16) 290px,
        transparent 240px
    ) !important;
}

#pun-main .post-rating .container {
    display: flex !important;
    align-items: flex-start !important;
    position: relative !important;
    background: transparent !important;
}

/* .post-author и .post-body остаются в первой строке */
#pun-main .post .container > .post-author {
    flex: 0 0 auto !important;
}
#pun-main .post .container > .post-body {
    flex: 1 1 auto !important;
}

/* .post-links — выкидываем на новую строку во всю ширину */
#pun-main .post .container > .post-links {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    order: 10 !important;
    box-sizing: border-box !important;
    background: #2a2b30 !important;
    border-top: 1px solid rgba(255,255,255,0.07) !important;
    margin-top: 10px !important;
}

/* теперь кнопки в ряд */
#pun-main .post .container > .post-links ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 11px !important;
    padding: 10px 10px !important;
    margin: 0 !important;
    list-style: none !important;
    height: 41px;
    width: 100% !important;
    float: none !important;
}

#pun-main .post .container > .post-links ul li {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    list-style: none !important;
}

#pun-main .post .container > .post-links ul li a {
    display: inline-block !important;
    padding: 7px 16px !important;
    /* background: #3a3b42 !important; */
    /* border: 1px solid rgba(255,255,255,0.15) !important; */
    /* border-radius: 4px !important; */
    color: #c5c9d2 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
#pun-main .post .container > .post-links ul li a:hover {
    background: #44454d !important;
    border-color: #d6c2ae !important;
    color: #e8d8c4 !important;
}
#pun-main .post .container > .post-links .acchide {
    display: none !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; */

/* --- Карточка поста --- */
#pun-main .post {
    margin-bottom: 22px !important;
    overflow: visible !important;        /* &#8592; было hidden, СТАЛО visible */
    background: #323338 !important;
    border: 1px solid rgba(118, 30, 44, 0.24) !important;
    border-radius: 8px !important;
    box-shadow:
        inset 0 1px 0 rgba(214, 199, 191, 0.04),
        inset 0 0 0 1px rgba(111, 18, 34, 0.08),
        0 5px 14px rgba(0, 0, 0, 0.22) !important;
    position: relative !important;
}
#pun-main .post.altstyle {
    background: #323338 !important;        
}

/* Бордовая полоса сверху карточки (как у категорий) */
#pun-main .post::before {
    content: "" !important;
    position: absolute !important;
    left: 14px !important;
    right: 14px !important;
    top: 0 !important;
    height: 2px !important;
    z-index: 3 !important;
    pointer-events: none !important;
    background: linear-gradient(90deg,
        rgba(140,20,40,0) 0%,
        rgba(166,28,52,0.85) 20%,
        rgba(210,75,95,0.95) 50%,
        rgba(166,28,52,0.85) 80%,
        rgba(140,20,40,0) 100%) !important;
}

/* &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552; ШАПКА ПОСТА (h3) &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552; */
#pun-main .post h3 {
    background: linear-gradient(180deg, rgba(45,42,48,0.95) 0%, rgba(33,29,33,0.96) 100%) !important;
    border: none !important;
    border-bottom: 1px solid rgba(175, 38, 60, 0.30) !important;
    padding: 11px 18px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    height: 20px !important;
    font-family: 'Cinzel', serif !important;
}

#pun-main .post h3 > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 27px !important;
    margin-right: auto !important;   /* кнопки PDF уезжают вправо сами */
    padding: 0 !important;
    margin-left: 0 !important;
    font-size: 11px !important;
}

#pun-main .post h3 .sharelink {
    color: #9f8f86 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 1.5px !important;
    text-shadow: none !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    padding: 0 !important;
    transform: translateX(160px);
}

#pun-main .post h3 .permalink
{
    color: #9f8f86 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 1.5px !important;
    text-shadow: none !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    padding: 0 !important;
    transform: translateX(-930px);
}

#pun-main .post h3 .sharelink:hover,
#pun-main .post h3 .permalink:hover { color: #d4b8a0 !important; }

#pun-main .post h3 strong {
    color: #d4b8a0 !important;
    font-size: 13px !important;
    letter-spacing: 2px !important;
    position: relative !important;
    top: auto !important;
    font-weight: normal !important;
    transform: translateX(-952px);
}

/* Кнопки экспорта одного поста */
#pun-main .single-post-export-btn {
    background: linear-gradient(180deg, rgba(58,48,51,0.9), rgba(42,43,48,0.95)) !important;
    border: 1px solid rgba(175, 38, 60, 0.25) !important;
    border-bottom: 2px solid rgba(175, 38, 60, 0.5) !important;
    color: #c5b6a8 !important;
    padding: 5px 11px !important;
    border-radius: 0 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 10px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all .2s !important;
}
#pun-main .single-post-export-btn:hover {
    border-color: rgba(220,60,80,0.7) !important;
    color: #f0ddd0 !important;
    box-shadow: 0 0 8px rgba(175,38,60,0.25) !important;
}

/* &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552; КОНТЕЙНЕР (flex 3 колонки) &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552; */
#pun-main .post .container {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;   /* &#8592; было stretch, СТАЛО flex-start */
    flex-direction: row !important;
    position: relative !important;
    padding: 0 !important;
    min-height: 0 !important;
}
#pun-main .post .container > .post-author { flex: 0 0 240px !important; }
#pun-main .post .container > .post-body   { flex: 1 1 auto !important; }

#pun-main .post .post-author {
    flex: 0 0 240px !important;
    width: 240px !important;
    box-sizing: border-box !important;
    padding: 16px 12px !important;
    position: sticky !important;
    top: 20px !important;
    align-self: flex-start !important;
    height: auto !important;
    background: rgb(23 22 27) !important;
    border: 2px solid rgba(175, 38, 60, 0.16) !important;
    z-index: 2 !important;
    transition: top .2s ease !important;
}

/* профиль не катается на мобилках */
@media screen and (max-width: 1000px) {
    #pun-main .post .post-author {
        position: static !important;
        top: auto !important;
        transition: none !important;
    }
}

#pun-main .post .post-author ul,
#pun-main .post .post-author p {
    padding: 0px !important;
    margin: 0 !important;
}
#pun-main .post .post-author li {
    margin: 0px 0 3px 0 !important;
    padding: 0px !important;
    line-height: 1.45 !important;
    text-align: center;
    width: auto !important;
    list-style: none !important;
    color: #a0a6b2 !important;
}

/* Ник */
#pun-main .post .pa-author {
    width: 100% !important;
    margin: 0 0 12px 0 !important;
    padding: 8px 6px !important;
    font-family: 'Cinzel', serif !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    background: rgba(0, 0, 0, 0.22) !important;    /* &#8592; ровное затемнение */
    border-bottom: 1px solid rgba(175, 38, 60, 0.35) !important;
}

#pun-main .post .pa-author a { color: #d4b8a0 !important; text-decoration: none !important; }
#pun-main .post .pa-author a:hover { color: #f0ddd0 !important; }

/* Аватар */
#pun-main .post .post-author li.pa-avatar {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    margin: 0 auto 0px !important;
    height: 350px !important;
    min-height: 350px !important;
    max-height: 350px !important;
}
#pun-main .post .post-author li.pa-avatar img {
    width: 250px !important;
    /* height: 350px !important; */
    object-fit: cover !important;
    border: 1px solid rgba(118, 30, 44, 0.5) !important;
    display: block !important;
    margin-left: -4px;
}

/* Статус / звание */
#pun-main .post .post-author li.pa-title {
    width: 100% !important;
    color: #9f8f86 !important;
    font-family: 'Lora', serif !important;
    font-size: 12px !important;
    font-style: normal !important;
    border-bottom: 1px dashed rgba(175, 38, 60, 0.4) !important;
    padding-bottom: 8px !important;
    word-wrap: break-word !important;
}

/* Подписи полей */
#pun-main .post .post-author .fld-name {
    color: #d3c3b8 !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
    font-family: 'lora';
}
#pun-main .post .post-author li a {color: #d3c3b8 !important;}
#pun-main .post .post-author li a:hover { color: #e89aa8 !important; }

#pun-main .post .post-author .pa-online strong {
    color: #74a77b !important;
    font-weight: normal !important;
    font-size: 12px !important;
    text-transform: uppercase;
    font-family: 'Nexa_EL';
}

/* &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552; ПРАВАЯ ЧАСТЬ — ТЕЛО &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552; */
#pun-main .post .post-body {
    width: auto !important;
    margin-left: 0 !important;
    padding: 0 !important;
    position: relative !important;
    min-width: 0 !important;
    text-align: left !important;
}
#pun-main .post .post-box {
    padding: 0 !important;
    text-align: left !important;
    min-height: 0 !important;
}
#pun-main .post .post-content {
    padding: 18px 22px !important;
    line-height: 1.65 !important;
    color: #d3d5da !important;            
    font-family: 'Lora', serif !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}
#pun-main .post .post-content img { max-width: 100% !important; height: auto !important; }
#pun-main .post .post-content a { color: #c98e9c !important; }
#pun-main .post .post-content a:hover { color: #e89aa8 !important; }

/* Рейтинг */
#pun-main .post .post-rating {
    padding: 0px 23px !important;
}
#pun-main .post .post-rating a { color: #9f8f86 !important; }

/* &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552; КНОПКИ ВНИЗУ (post-links) &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552; */
#pun-main .post .container > .post-links {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    order: 10 !important;
    box-sizing: border-box !important;
    margin: -1px 0 0 0px !important;
    padding: 0 0 0 0 !important;
    position: static !important;
    float: none !important;
    clear: both !important;
    background: linear-gradient(180deg, rgba(33,29,33,0.9), rgba(26,24,30,0.95)) !important;
    border: 1px solid rgba(175, 38, 60, 0.30) !important;
}
#pun-main .post .container > .post-links ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 0px !important;
    padding: 10px 16px !important;
    margin: 0 !important;
    height: auto !important;
    width: 99% !important;
    float: none !important;
    list-style: none !important;
}
#pun-main .post .container > .post-links ul li {
    flex: 0 0 auto !important;
    width: auto !important; min-width: 0 !important; max-width: none !important;
    margin: 0 !important; padding: 0 !important;
    float: none !important; position: static !important;
    list-style: none !important;
    background: none !important; border: none !important;
}
#pun-main .post .container > .post-links ul li a {
    display: inline-block !important;
    padding: 7px 3px !important;
    color: #c5b6a8 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all .2s !important;
}
#pun-main .post .container > .post-links ul li a:hover {
    background: linear-gradient(180deg, rgba(70,35,40,0.9), rgba(50,25,30,0.95)) !important;
    border-color: rgba(220,60,80,0.6) !important;
    border-bottom-color: rgba(220,60,80,0.9) !important;
    color: #f0ddd0 !important;
    box-shadow: 0 0 10px rgba(175,38,60,0.2) !important;
}
#pun-main .post .container > .post-links .acchide { display: none !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;
   ФИКС: ПЕРВЫЙ ПОСТ (ТЕМА) — .post-links вне .container
   &#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552;&#9552; */

/* В теме .post-links лежит рядом с .container, не внутри.
   Стилизуем его как полноценный подвал поста */
#pun-main .post > .post-links {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    float: none !important;
    clear: both !important;
    top: auto !important; left: auto !important;
    background: #2a2b30 !important;
    border-top: 1px solid rgba(175, 38, 60, 0.30) !important;
}

#pun-main .post > .post-links ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    padding: 10px 16px !important;
    margin: 0 !important;
    height: auto !important;
    width: 100% !important;
    float: none !important;
    list-style: none !important;
    text-align: right !important;
}

#pun-main .post > .post-links ul li {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important; max-width: none !important;
    margin: 0 !important; padding: 0 !important;
    float: none !important; position: static !important;
    top: auto !important; left: auto !important; right: auto !important;
    list-style: none !important;
    background: none !important; border: none !important;
    height: auto !important;
}

#pun-main .post > .post-links ul li a {
    display: inline-block !important;
    width: auto !important;
    padding: 7px 16px !important;
    margin: 0 !important;
    background: linear-gradient(180deg, rgba(50,48,54,0.9), rgba(35,33,38,0.95)) !important;
    border: 1px solid rgba(175, 38, 60, 0.25) !important;
    border-bottom: 2px solid rgba(175, 38, 60, 0.5) !important;
    border-radius: 0 !important;
    color: #c5b6a8 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all .2s !important;
}
#pun-main .post > .post-links ul li a:hover {
    background: linear-gradient(180deg, rgba(70,35,40,0.9), rgba(50,25,30,0.95)) !important;
    border-color: rgba(220,60,80,0.6) !important;
    border-bottom-color: rgba(220,60,80,0.9) !important;
    color: #f0ddd0 !important;
    box-shadow: 0 0 10px rgba(175,38,60,0.2) !important;
}
#pun-main .post > .post-links .acchide { display: none !important; }

/* Сбрасываем float у .pl-email/.pl-website (старые правила их роняли влево) */
#pun-main .post > .post-links .pl-email,
#pun-main .post > .post-links .pl-website {
    float: none !important;
}

/* Универсально для ВСЕХ постов — тело занимает остаток ширины */
#pun-main .post .container > .post-body {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    margin-left: 0 !important;
}

#pun-main .post .container > .post-author {
    flex: 0 0 270px !important;
    width: 240px !important;
    margin-left: 9px !important;
    margin-top: 10px;
    margin-bottom: 55px;
}

/* .clearer внутри .post-body не должен ломать flex */
#pun-main .post .container > .clearer {
    flex: 0 0 100% !important;
    height: 0 !important;
    order: 99 !important;
}

/* ===== КОМПАКТНЫЕ ПРОФИЛИ (без сужения, только прячем контент) ===== */

/* Плавность исчезновения */
#pun-main .post-author li {
    transition: opacity .2s ease;
}

/* Прячем ВСЁ в профиле */
body.compact-profiles #pun-main .post-author li {
    display: none !important;
}

/* Оставляем только ник и звание */
body.compact-profiles #pun-main .post-author li.pa-author,
body.compact-profiles #pun-main .post-author li.pa-title {
    display: block !important;
}

/* Точка отсчёта для зелёного значка */
body.compact-profiles #pun-main .post-author {
    position: relative !important;
}

/* ===== ЗЕЛЁНЫЙ ЗНАЧОК (онлайн + компакт) ===== */
body.compact-profiles #pun-main .post-author.online::before {
    content: "" !important;
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    width: 11px !important;
    height: 11px !important;
    border-radius: 50% !important;
    background: #33ff66 !important;
    box-shadow: 0 0 8px #33ff66, 0 0 4px #33ff66 !important;
    animation: smBlinkOnline 1.3s ease-in-out infinite !important;
    z-index: 10 !important;
    pointer-events: none !important;
}

@keyframes smBlinkOnline {
    0%, 100% { opacity: 1;   box-shadow: 0 0 10px #33ff66, 0 0 5px #33ff66; }
    50%      { opacity: .25; box-shadow: 0 0 2px  #33ff66; }
}.post h3 {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

/* span с датой+поделиться (первый ребёнок, без класса) &#8594; вправо */
.post h3 > span:first-child {
  position: absolute !important;
  left: auto !important;
  right: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  float: none !important;
}

/* Кнопки — по центру */
.post h3 > button.single-post-export-btn {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.post h3 > button.single-post-export-btn[data-format="doc"] {
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.post h3 > button.single-post-export-btn[data-format="pdf"] {
  right: calc(50% + 55px) !important;
}
.post h3 > button.single-post-export-btn[data-format="docx"] {
  left: calc(50% + 55px) !important;
}

/* textarea ответа на всю ширину */
#pun-main #post .areafield .input { display: block; }
#pun-main #post #main-reply {
    width: 100%;
    box-sizing: border-box;
}


#pun-main #post.container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}



#pun-main #post #font-area,
#pun-main #post #size-area,
#pun-main #post #color-area,
#pun-main #post #table-area,
#pun-main #post #smilies-area,
#pun-main #post #image-area,
#pun-main #post #video-area,
#pun-main #post #spoiler-area,
#pun-main #post #keyboard-area,
#pun-main #post #addition-area {
    position: absolute !important;
    top: 36px !important;
    left: 10px !important;
    right: auto !important;
    z-index: 9999 !important;
    max-width: 510px !important;
    min-width: 20px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 360px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    float: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

/* Открытая панель — появляется плавно */
#post #font-area[style*="display: block"],
#post #font-area[style*="display:block"],
#post #size-area[style*="display: block"],
#post #size-area[style*="display:block"],
#post #color-area[style*="display: block"],
#post #color-area[style*="display:block"],
#post #table-area[style*="display: block"],
#post #table-area[style*="display:block"],
#post #smilies-area[style*="display: block"],
#post #smilies-area[style*="display:block"],
#post #image-area[style*="display: block"],
#post #image-area[style*="display:block"],
#post #video-area[style*="display: block"],
#post #video-area[style*="display:block"],
#post #spoiler-area[style*="display: block"],
#post #spoiler-area[style*="display:block"],
#post #keyboard-area[style*="display: block"],
#post #keyboard-area[style*="display:block"],
#post #addition-area[style*="display: block"],
#post #addition-area[style*="display:block"] {
    display: block !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 9999 !important;
    pointer-events: auto;
    padding: 10px !important;
    height: auto;
    min-height: 30px;
    opacity: 0.8;
    transition: opacity 0.3s ease-in-out;
}

/* Пункты в списках шрифтов / размеров / доп. тегов */
#post #font-area > div,
#post #size-area > div,
#post #addition-area > div {
    padding: 6px 14px !important;
    color: #b8a89e !important;
    border-bottom: 1px solid rgba(175, 38, 60, 0.08);
    letter-spacing: 0.5px;
}

#post #font-area > div:last-child,
#post #size-area > div:last-child,
#post #addition-area > div:last-child {
    border-bottom: none;
}

#post #font-area > div:hover,
#post #size-area > div:hover,
#post #addition-area > div:hover {
    background: linear-gradient(90deg,
        rgba(118, 30, 44, 0.35) 0%,
        rgba(118, 30, 44, 0.1) 100%) !important;
    color: #f0ddd0 !important;
    padding-left: 20px !important;
}

/* якорь для выпадающих меню редактора */
#post #form-buttons {
    position: relative !important;
    z-index: 20 !important;
    overflow: visible !important;
}

/* все popup-области по умолчанию */
#post #font-area,
#post #size-area,
#post #color-area,
#post #table-area,
#post #smilies-area,
#post #image-area,
#post #video-area,
#post #spoiler-area,
#post #keyboard-area,
#post #addition-area {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    left: 0 !important;
    z-index: 9999 !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    width: auto;
    min-width: 100px;
    height: auto !important;
    min-height: 30px !important;
    box-sizing: border-box !important;
    overflow: auto !important;
}

#post .fs-box,
#post fieldset {
    overflow: visible !important;
}

/* ----- БРОСОК КУБА ДИЗ ----- */
.fate-roll-inline-btn {
    font-size: 10px !important;
    background: linear-gradient(
        180deg,
        rgba(50, 48, 54, 0.9) 0%,
        rgba(35, 33, 38, 0.95) 100%
    ) !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    padding: 6px 6px !important;
    border: 1px solid rgba(175, 38, 60, 0.25) !important;
    border-bottom: 2px solid rgba(175, 38, 60, 0.6) !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 2px 4px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.25s ease !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
    position: relative;
    left: -4px;
}
.fate-roll-inline-btn:hover,
.fate-roll-inline-btn:focus {
    background: linear-gradient(
        180deg,
        rgba(70, 35, 40, 0.9) 0%,
        rgba(50, 25, 30, 0.95) 100%
    ) !important;
    color: #f0ddd0 !important;
    border-bottom-color: rgba(220, 60, 80, 0.9) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 2px 8px rgba(175, 38, 60, 0.3),
        0 0 12px rgba(175, 38, 60, 0.15) !important;
    text-shadow: 0 0 6px rgba(255, 200, 200, 0.4) !important;
}

.fate-roll-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(16,8,14,.68);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    padding: 16px;
}
.fate-roll-backdrop.is-open { display: flex; }
.fate-roll-modal {
    width: min(560px, 100%);
    background: #1a181d;
    border: 1px solid #8f2334;
    padding: 15px;
    color: #ceb299;
}
.fate-roll-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.fate-roll-head h3 {
    margin: 0;
    font: 700 24px/1.2 Georgia, serif;
    color: #ceb299;
    font-family: 'Nexa_EL';
    text-transform: uppercase;
}
.fate-roll-close {
    border: none;
    background: transparent;
    color: #f0d8a8;
    font-size: 26px;
    cursor: pointer;
}
.fate-roll-grid {
    display: grid;
    grid-template-columns: 1fr 90px 110px;
    gap: 10px 12px;
    align-items: end;
}
.fate-roll-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.fate-roll-field.full { grid-column: 1 / -1; }
.fate-roll-field label {
    font-weight: 700;
    font-size: 13px;
    color: #ceb299;
    font-family: 'Nexa_EL';
}
.fate-roll-field input,
.fate-roll-field textarea {
    width: 100%;
    border: 1px solid rgba(118, 30, 44, 0.34) !important;
    background: rgba(54, 55, 62, 0.88) !important;
    color: #d8cbbd !important;
    box-shadow:
        inset 0 1px 2px rgba(0, 0, 0, 0.35),
        inset 0 0 0 1px rgba(255, 255, 255, 0.015) !important;
    font-family: 'lora';
}
.fate-roll-field textarea { resize: vertical; }
.fate-roll-description {
    min-height: 70px;
}
.fate-roll-result {
    min-height: 150px;
}
.fate-roll-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 4px;
    color: #d7c6c2;
    font-size: 12px;
}
.fate-roll-checkbox-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 2px;
}
.fate-roll-checkbox-row input {
    width: auto;
    margin: 0;
}
.fate-roll-checkbox-row label {
    margin: 0;
    font-weight: 700;
    font-size: 13px;
    color: #efd3a0;
    cursor: pointer;
}
.fate-roll-actions {
    margin-top: 14px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}
.fate-roll-modal-btn {
    background: linear-gradient(
        180deg,
        rgba(50, 48, 54, 0.9) 0%,
        rgba(35, 33, 38, 0.95) 100%
    ) !important;
    color: #d3c3b8 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 10px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    padding: 6px 6px !important;
    border: 1px solid rgba(175, 38, 60, 0.25) !important;
    border-bottom: 2px solid rgba(175, 38, 60, 0.6) !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 2px 4px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.25s ease !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
}

.fate-roll-modal-btn[disabled] {
    opacity: .65;
    cursor: not-allowed;
}
.fate-roll-render {
    margin: 6px 0;
    padding: 10px 12px;
    border: 1px solid #a98246;
    background: rgba(63,57,78,.18);
    color: #d7c6c2;
}
.fate-roll-render__title {
    font-weight: 700;
    color: #efd3a0;
    margin-bottom: 6px;
}
@media (max-width: 640px) {
    .fate-roll-grid {
        grid-template-columns: 1fr;
    }
}


/* ----- КНОПКА ИГРОК В ПРОФИЛЕ ПОСТА -----*/
.pa-player-toggle {
  list-style: none;
  margin-top: 8px;
}

.player-info-btn {
    background: linear-gradient(
        180deg,
        rgba(50, 48, 54, 0.9) 0%,
        rgba(35, 33, 38, 0.95) 100%
    ) !important;
    color: #d3c3b8 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 10px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    padding: 6px 6px !important;
    border: 1px solid rgba(175, 38, 60, 0.25) !important;
    border-bottom: 2px solid rgba(175, 38, 60, 0.6) !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 2px 4px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.25s ease !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
    width: 102% !important;
}

.player-info-btn.is-open {
    background: linear-gradient(
        180deg,
        rgba(50, 48, 54, 0.9) 0%,
        rgba(35, 33, 38, 0.95) 100%
    ) !important;
    color: #cac9c9 !important;
    border: 1px solid rgb(113 113 113 / 13%) !important;
    border-bottom: 2px solid rgb(113 113 113 / 60%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 2px 4px rgb(36 36 36 / 40%) !important;
}

.pa-player-panel {
  list-style: none;
  margin-top: 6px;
}

.pa-player-panel[hidden] {
  display: none  !important;
}

.player-info-list {
  list-style: none !important;
  margin: 0  !important;
  padding: 6px 10px  !important; 
  background: rgba(63, 57, 78, .18);
}

.player-info-list li {
  font-size: 12px  !important;
}

/* ----- ОФОРМЛЕНИЕ ПРОФИЛЯ ----- */
/* ряд иконок */
.lz1 {
  text-align: center;
  background: linear-gradient(180deg, rgba(45,42,48,0.95) 0%, rgba(33,29,33,0.96) 100%) !important;
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid rgba(175, 38, 60, 0.25) !important;
  width: 97%;
}

/* общий вид каждой иконки-капсулы */
.lz1 a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 30px;
  margin: 3px 4px;
  background: #1a141a;
  border-radius: 3px;
  vertical-align: middle;
  transition: all .2s ease;
}

/* hover-эффект */
.lz1 a:hover {
  background: #7b2938;
  box-shadow: 0 0 6px rgb(124 41 56);
}

/* сама иконка через маску — красится в золото одним цветом */
.lz1 a::before {
  content: "";
  width: 25px;
  height: 25px;
  background-color: #d4b8a0;          /* цвет иконки */
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: background-color .2s ease;
}

.lz1 a:hover::before {
  background-color: #fff;             /* подсветка иконки при наведении */
}

/* конкретные иконки (подставь свои ссылки на svg) */
.lz-anketa::before {
  -webkit-mask-image: url(https://forumstatic.ru/files/001b/17/7b/46209.svg);
          mask-image: url(https://forumstatic.ru/files/001b/17/7b/46209.svg);
}
.lz-blog::before {
  -webkit-mask-image: url(https://forumstatic.ru/files/001b/17/7b/79743.svg);
          mask-image: url(https://forumstatic.ru/files/001b/17/7b/79743.svg);
}
.lz-card::before {
  -webkit-mask-image: url(https://forumstatic.ru/files/001b/17/7b/53027.svg);
          mask-image: url(https://forumstatic.ru/files/001b/17/7b/53027.svg);
}

/* строка концепта / расы под иконками */
.lz2 {
  margin-top: 6px;
  color: #acabab;
  font-size: 13px;
  line-height: 1.5;
  font-family: 'lora';
}

.pa-player-panel .pa-time-visit,
.pa-player-panel .pa-reg {
  display: list-item !important;
}

  /* Внутренний список панели */
  .pa-player-panel .player-info-list {
    margin: 0;
    padding: 10px 12px;
    list-style: none;

    background: rgba(0,0,0,.15);
  }

  /* Каждая строка — две колонки: название | значение */
  .pa-player-panel .player-info-list > li {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 10px;
    align-items: baseline;
    padding: 4px 0;
    border-bottom: 1px solid rgb(130 44 44 / 13%);
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
  }
  .pa-player-panel .player-info-list > li:last-child {
    border-bottom: none;
  }

  /* Название поля слева, значение справа */
  .pa-player-panel .player-info-list > li > span:first-child {
    opacity: .65;
    text-align: right;
    white-space: nowrap;
  }

  /* Поля-иконки (способ связи, ОС) на всю ширину по центру */
  .pa-player-panel .pa-ua,
  .pa-player-panel .player-info-list > li:has(img) {
    display: flex !important;
    justify-content: center;
    gap: 8px;
  }
  .pa-player-panel .pa-ua img {
    width: 5px;
    height: 5px;
    vertical-align: middle;
  }

/* ======= КОНТЕЙНЕР ПРЕВЬЮ ======= */
#post-preview {
    margin: 18px 0;
    padding: 0;
    border: 1px solid rgba(78, 58, 62, 0.92);
    border-radius: 0;
    background: linear-gradient(
        180deg,
        #342b2f 0%,
        #26272c 58%,
        #202126 100%
    );
    box-shadow:
        inset 0 1px 0 rgba(214, 199, 191, 0.04),
        inset 0 -8px 14px rgba(120, 24, 40, 0.06),
        0 4px 14px rgba(0, 0, 0, 0.35);
    position: relative;
    overflow: hidden;
}

/* ======= ВНЕШНЯЯ ОБЁРТКА ======= */
#post-preview .fs-box {
    padding: 16px;
}

/* ======= КОРОБКА ПОСТА ======= */
#post-preview .post-box {
    padding: 14px 16px;
    background: rgb(50 51 56);
    border: 1px solid rgba(78, 58, 62, 0.5);
    border-radius: 0;
    box-shadow:
        inset 0 1px 0 rgba(214, 199, 191, 0.03),
        inset 0 -6px 12px rgba(120, 24, 40, 0.05);
}

/* ======= КОНТЕНТ ПОСТА ======= */
#post-preview .post-content {
    color: #e1ddd8 !important;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: 0.2px;
        text-align: left;
}

#post-preview .post-content p {
    margin: 0 0 12px 0;
    color: #e1ddd8 !important;
    font-size: 14px;
    text-align: inherit;
}

/* ссылки внутри поста */
#post-preview .post-content a {
    color: rgba(190, 80, 96, 0.95);
    text-decoration: none;
    border-bottom: 1px dotted rgba(190, 80, 96, 0.4);
    transition: color .3s ease, border-color .3s ease;
}


/* =====================================================
   НАСТОЯЩЕЕ ПЕРВОЕ СООБЩЕНИЕ ТЕМЫ
   Только первая страница, во всех темах
   ===================================================== */

body.topic-real-first-page #pun-viewtopic .topic > .post.real-topic-first-post > .container > .post-author,
body.topic-real-first-page #pun-viewtopic .topic > .post.real-topic-first-post .post-sig {
    display: none !important;
}

body.topic-real-first-page #pun-viewtopic .topic > .post.real-topic-first-post > .container {
    display: block !important;
    background: #323338 !important;
}

body.topic-real-first-page #pun-viewtopic .topic > .post.real-topic-first-post > .container > .post-body {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-left: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #323338 !important;
}

body.topic-real-first-page #pun-viewtopic .topic > .post.real-topic-first-post .post-box,
body.topic-real-first-page #pun-viewtopic .topic > .post.real-topic-first-post .post-content {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

body.topic-real-first-page #pun-viewtopic .topic > .post.real-topic-first-post .post-content {
    padding: 22px 26px !important;
}

body.topic-real-first-page #pun-viewtopic .topic > .post.real-topic-first-post > .post-links {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}




/* === VIEWTOPIC: служебный блок под постами === */

#pun-viewtopic #topic-modmenu,
#pun-viewtopic #topic-users-in,
#pun-viewtopic .inksb {
  width: 1152px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

#pun-viewtopic #topic-modmenu,
#pun-viewtopic #topic-users-in {
  background: transparent !important;
  border: 0 !important;
  min-height: 0 !important;
}

#pun-viewtopic #topic-modmenu .container,
#pun-viewtopic #topic-users-in .container,
#pun-viewtopic .inksb {
  background: linear-gradient(180deg, rgba(46, 45, 51, 0.94) 0%, rgba(39, 39, 44, 0.96) 100%) !important;
  border-left: 1px solid rgba(118, 30, 44, 0.18) !important;
  border-right: 1px solid rgba(118, 30, 44, 0.18) !important;
  color: #cbb8ab !important;
  box-shadow:
    inset 0 1px 0 rgba(214, 199, 191, 0.03),
    0 6px 14px rgba(0, 0, 0, 0.14) !important;
}

#pun-viewtopic #topic-modmenu .container {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 117px !important;
  padding: 10px 10px 10px !important;
  border-top: 1px solid rgba(118, 30, 44, 0.22) !important;
  width: 100% !important;
}

#pun-viewtopic #topic-users-in .container {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding: 0 5px 0px !important;
  border-top: 1px solid rgba(255,255,255,0.02) !important;
  width: 100% !important;
}

#pun-viewtopic  .pagelink {
    margin: 0 0 0px !important;
    padding: 10px 14px !important;
    background: rgba(20, 18, 22, 0.55);
    border: 1px solid rgba(175, 38, 60, 0.14);
    color: #9f8f86 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
}

#pun-viewtopic .linkst .pagelink {
    width: 99.2% !important;
    transform: translateX(-11px);
    margin-bottom: -49px !important;
}

#pun-viewtopic .pagelink a:hover {
    color: #f0ddd0 !important;
    border-color: rgba(220, 60, 80, 0.7);
    background: rgba(118, 30, 44, 0.18);
}

#pun-viewtopic .pagelink a {
    display: inline-block;
    padding: 2px 8px;
    margin: 0 2px;
    color: #d3c3b8 !important;
    text-decoration: none;
    border: 1px solid rgba(175, 38, 60, 0.2);
    transition: all .2s ease;
}

/* типографика */
#pun-viewtopic #topic-modmenu,
#pun-viewtopic #topic-users-in,
#pun-viewtopic .inksb,
#pun-viewtopic #topic-modmenu select,
#pun-viewtopic .inksb input {
  font-family: Lora, serif !important;
  font-size: 13px !important;
  color: #cdbdb0 !important;
}

#pun-viewtopic .linksb #s-block {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0px !important;
  margin: 0 !important;
  padding: 5px 0px 0px 5px !important;
  float: none !important;
  order: 1 !important;
}

#pun-viewtopic .linksb .subscribelink {
  display: block !important;
  margin: 0 0 0 auto !important;
  padding: 0 8px 0 0!important;
  clear: none !important;
  float: none !important;
  position: static !important;
  text-align: right !important;
  order: 2 !important;
  transform: translateY(-28px);
  width: 260px;
}

#pun-viewtopic .linksb #sTheme {
  width: 250px !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  box-sizing: border-box !important;
  background: #17161b;
}

#pun-viewtopic .linksb #s-block i {
  position: static !important;
  margin: 0 !important;
}

/* ИКОНКА ПОИСКА */
#pun-viewtopic #sTheme,
#pun-viewtopic #isk {
  border: none !important;
  box-shadow: none !important;
}

/* сама кнопка */
#pun-viewtopic #isk {
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-left: 6px !important;
  position: static !important;
  cursor: pointer !important;
  font-size: 0 !important;
}

/* svg-иконка */
#pun-viewtopic #isk::before {
  content: "";
  width: 14px;
  height: 14px;
  display: block;
  background-color: #b79e8f;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><path d='M20 20l-3.5-3.5'/></svg>") center / contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><path d='M20 20l-3.5-3.5'/></svg>") center / contain no-repeat;
  transition: background-color .2s ease, transform .2s ease;
}

#pun-viewtopic #isk:hover::before {
  background-color: #ead5c4;
  transform: scale(1.06);
}


/* === Модалка персонажа === */

.lz-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;

  display: none;
  align-items: flex-start;
  justify-content: center;

  padding: 30px 10px;
  overflow-y: auto;

  background: rgb(26 25 30 / 44%);
}

.lz-overlay.open {
  display: flex;
}

.lz-modal {
  position: relative;

  width: 100%;
  max-width: 600px;

  color: #d4b8a0;
  background: #1a191e;
  border: var(--brd);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
}

.lz-close {
  position: absolute;
  top: 8px;
  right: 12px;
  z-index: 50;

  padding: 0;
  border: none;

  color: #fff;
  background: none;

  font-size: 26px;
  line-height: 1;

  cursor: pointer;
  opacity: 0.7;
}

.lz-close:hover {
  opacity: 1;
}


/* === Табы === */

.lz-tabs {
  display: flex;
  border-bottom: 1px solid #3a2c33;
}

.lz-tabs button {
  flex: 1;

  padding: 12px 4px;
  border: none;

  color: #857974;
  background: none;

  font-size: 13px;
  letter-spacing: 0.5px;

  cursor: pointer;
  transition: 0.2s;
}

.lz-tabs button.active {
  color: #dbd3c4;
  border-bottom: 2px solid #4d1b26;
}

.lz-tabpane {
  display: none;
  padding: 16px;
}

.lz-tabpane.active {
  display: block;
}

.lz-empty,
.lz-loading {
  padding: 40px 0;
  text-align: center;
  opacity: 0.55;
}


/* === Общая карточка персонажа === */

.char-card {
  width: 100%;
  box-sizing: border-box;
}


/* 
  Верх карточки:
  слева фото/слайдер, справа имя/прозвище/возраст/описание
*/

.char-top {
  display: grid;
  grid-template-columns: 165px 1fr;
  column-gap: 17px;
  align-items: start;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 20px;
}

.char-photo-col {
  width: 165px;
  min-width: 165px;
  max-width: 165px;
  box-sizing: border-box;
}

.char-head {
  min-width: 0;
  box-sizing: border-box;

  padding: 8px 6px 6px;
}

.char-head .c-name {
  margin: 0 0 8px;

  color: #d8c4a6;

  font-family: 'Cinzel', Georgia, serif;
  font-size: 25px;
  line-height: 1.15;
  font-weight: normal;

  text-align: left;
  text-transform: uppercase;
}

.char-head .c-nick {
  margin: 0 0 6px;

  color: #d4b8a0;

  font-family: 'Nexa_EL', Arial, sans-serif;
  font-size: 15px;
  line-height: 1.25;

  text-align: left;
  opacity: 0.7;
}

.char-head .c-age {
  margin: 0 0 12px;

  color: #d4b8a0;

  font-family: 'Nexa_EL', Arial, sans-serif;
  font-size: 13px;
  line-height: 1.25;

  text-align: left;
  opacity: 0.6;
}

.char-head .c-about {
  margin-top: 12px;
  height: 132px;
  padding: 10px;
  color: #c9b8a6;
  background: #13111785;
  border-left: var(--brd);
  font-family: 'Lora', Georgia, serif;
  font-size: 14px;
  line-height: 1.5;
}


/* === Фото-слайдер персонажа === */

.lz-photo-slider {
  position: relative;
  width: 180px;
  height: 250px;
  margin: 0 auto 14px;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #641427;
  background: #100e12;
}

.lz-photo-viewport {
  position: relative;
  width: 180px;
  height: 250px;
  overflow: hidden;
  box-sizing: border-box;
}

.lz-photo-track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  width: max-content;
  height: 250px;
  margin: 0;
  padding: 0;
  transform: translateX(0);
  transition: transform 0.25s ease;
}

.lz-photo-track img {
  display: block;
  flex: 0 0 150px;
  width: 180px;
  height: 250px;
  margin: 0;
  padding: 0;
  border: 0;
  object-fit: cover;
  object-position: center top;
}

.lz-photo-arrow {
  position: absolute;
  top: 50%;
  z-index: 20;

  display: block;

  width: 14px;
  height: 40px;

  margin: 0;
  padding: 0;
  border: none;

  transform: translateY(-50%);

  color: #d8c4a6;
  background: rgba(12, 10, 14, 0.75);

  font-family: Georgia, serif;
  font-size: 28px;
  line-height: 38px;
  text-align: center;

  cursor: pointer;
  opacity: 0.75;
}

.lz-photo-arrow:hover {
  opacity: 1;
}

.lz-photo-prev {
  left: 0;
}

.lz-photo-next {
  right: 0;
}

.lz-photo-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  z-index: 21;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;

  margin: 0;
  padding: 0;
}

.lz-photo-dot {
  display: block;

  width: 8px;
  height: 8px;
  min-width: 8px;
  min-height: 8px;
  max-width: 8px;
  max-height: 8px;

  margin: 0;
  padding: 0;

  border: 1px solid rgba(216, 196, 166, 0.9);
  border-radius: 50%;

  background: rgba(15, 12, 17, 0.85);

  font-size: 0;
  line-height: 0;

  cursor: pointer;
}

.lz-photo-dot.active {
  background: #d8c4a6;
}


/* === Общий блок иконок === */

.char-icons {
  position: relative;

  width: 100%;
  box-sizing: border-box;

  overflow: visible;
}

.char-icons .icon-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;

  width: 100%;
  box-sizing: border-box;

  margin: 0 0 12px;
  padding: 0;

  overflow: visible;
}


/* === Общие аккордеоны === */

.acc-item {
  flex: 0 0 auto;
}

.acc-btn {
  display: block;

  margin: 0;
  padding: 0;
  border: none;

  background: none;

  cursor: pointer;
  overflow: hidden;

  transition: opacity 0.15s ease, transform 0.15s ease;
}

.acc-btn:hover {
  opacity: 0.8;
}

.acc-btn img {
  display: block;
  border: none;
}

.acc-body {
  display: none;

  box-sizing: border-box;

  padding: 10px;

  color: #c9b8a6;
  background: rgb(22 21 26);
  border-left: var(--brd);

  font-size: 13px;
  line-height: 1.5;
}

.acc-item.open .acc-body {
  display: block;
}

.acc-body .acc-title {
  margin-bottom: 6px;
  font-weight: 700;
}


/* === Блок расы === */

.char-icons .race-row {
  display: block;

  width: 100%;
  box-sizing: border-box;

  margin: 22px 0 18px;
  padding: 0;
}

.char-icons .race-row .race-item {
  position: relative;

  display: block;

  width: 100%;
  box-sizing: border-box;
}

.char-icons .race-row .race-btn {
  position: relative;

  display: block;

  width: 100%;
  height: 72px;
  box-sizing: border-box;

  margin: 0;
  padding: 0;
  border: none;

  background: none;

  cursor: pointer;
  overflow: visible;

  font: inherit;
  line-height: normal;
}

.char-icons .race-row .race-btn img {
  display: block;

  width: 100%;
  height: 70px;
  box-sizing: border-box;

  margin: 0;
  padding: 0;
  border: 1px solid #641427;

  object-fit: cover;
  object-position: center;
}

.char-icons .race-row .race-name {
  position: absolute;
  left: 13px;
  top: -15px;
  z-index: 2;

  display: block;

  min-width: 150px;
  height: 24px;
  box-sizing: border-box;

  padding: 0 8px;
  border: 1px solid #641427;

  color: #d8bfa2;
  background: #151218;

  font-family: 'Cinzel', Georgia, serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 23px;
  letter-spacing: 4px;
  text-align: center;
  text-transform: uppercase;

  pointer-events: none;
}

.char-icons .race-row .race-body {
  display: none;

  width: 100%;
  box-sizing: border-box;

  padding: 12px 14px;
  border: 1px solid rgba(118, 30, 44, 0.24);

  color: #c9b8a6;
  background: linear-gradient(
    180deg,
    rgba(22, 20, 25, 0.72) 0%,
    rgba(18, 17, 22, 0.78) 100%
  );

  box-shadow:
    inset 0 1px 0 rgba(214, 198, 184, 0.03),
    inset 0 0 0 1px rgba(255, 255, 255, 0.015);

  font-family: 'Lora', Georgia, serif;
  font-size: 13px;
  line-height: 1.5;
}

.char-icons .race-row .acc-item.open .race-body {
  display: block;
}


/* === Иконки трейтов / магии / происхождения === */

.char-icons .trait-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 12px 14px;

  width: 100%;
  box-sizing: border-box;

  margin: 14px auto;
  padding: 0;

  overflow: visible;
}

.char-icons .trait-item {
  position: relative;
  z-index: 1;

  display: flex;
  flex-direction: column;
  align-items: center;

  width: 96px;
  min-height: 125px;
  box-sizing: border-box;

  padding: 12px 8px 10px;
  border-radius: 8px;

  background: rgb(39 40 44);

  transition: background 0.2s ease, transform 0.2s ease;
}

.char-icons .trait-item:hover {
  background: rgba(42, 33, 43, 0.92);
  transform: translateY(-1px);
}

.char-icons .trait-item.open {
  z-index: 100;
}

.char-icons .trait-btn {
  display: block;

  width: 66px;
  height: 66px;
  box-sizing: border-box;

  margin: 0;
  padding: 0;

  border: 1px solid rgb(100 20 39);
  border-radius: 8px;

  background: #000;
  overflow: hidden;
  cursor: pointer;

  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.65),
    inset 0 0 10px rgba(0, 0, 0, 0.55);
}

.char-icons .trait-btn img {
  display: block;

  width: 100%;
  height: 100%;

  border: none;
  border-radius: 7px;

  object-fit: cover;
}

.char-icons .trait-caption {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

  width: 100%;
  height: 28px;

  margin-top: 7px;

  color: #ad9785;

  font-family: 'Nexa_EL', Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  text-align: center;

  overflow: hidden;
  word-break: break-word;
}

.char-icons .trait-body {
  position: absolute;
  left: 50%;
  top: calc(100% + 8px);
  z-index: 999;

  display: none;

  width: 260px;
  max-width: 260px;
  box-sizing: border-box;

  padding: 12px 14px;
  border: 1px solid #641427;
  border-radius: 4px;

  color: #c9b8a6;
  background: #120f14;

  font: var(--modtxt);
  text-align: left;

  transform: translateX(-50%);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
}

.char-icons .trait-item.open .trait-body {
  display: block;
}

.char-icons .trait-body .acc-title {
  margin-bottom: 8px;

  font-family: 'Lora', Georgia, serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}


/* === Адаптив на узких экранах === */

@media (max-width: 520px) {
  .char-top {
    grid-template-columns: 1fr;
    row-gap: 14px;
  }

  .char-photo-col {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  .char-head .c-name,
  .char-head .c-nick,
  .char-head .c-age {
    text-align: center;
  }

  .char-icons .trait-body {
    width: 220px;
    max-width: 220px;
  }
}


.acc-body a,
.race-body a,
.trait-body a {
  color: #ba8290;
  text-decoration: none;
  border-bottom: 1px solid rgba(216, 191, 162, 0.45);
}

.acc-body a:hover,
.race-body a:hover,
.trait-body a:hover {
  color: #bbac9b;
  border-bottom-color: #bbac9b;
}

/* === Достижения === */

.achievements-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;

  width: 100%;
  box-sizing: border-box;
}

.achievement-item {
  display: grid;
  grid-template-columns: 58px 1fr;
  column-gap: 12px;
  align-items: start;

  box-sizing: border-box;
  padding: 12px;

  border: 1px solid rgba(100, 20, 39, 0.55);
  background: linear-gradient(
    180deg,
    rgba(22, 20, 25, 0.9) 0%,
    rgba(15, 13, 18, 0.92) 100%
  );
}

.achievement-icon {
  width: 58px;
  height: 58px;

  border: 1px solid #641427;
  background: #000;
  overflow: hidden;
}

.achievement-icon img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}

.achievement-title {
  margin-bottom: 6px;

  color: #d8c4a6;

  font-family: 'Cinzel', Georgia, serif;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.achievement-text {
  color: #c9b8a6;

  font-family: 'Lora', Georgia, serif;
  font-size: 13px;
  line-height: 1.5;
}

.achievement-text a {
  color: #d8bfa2;
  text-decoration: none;
  border-bottom: 1px solid rgba(216, 191, 162, 0.45);
}

.achievement-text a:hover {
  color: #fff;
  border-bottom-color: #fff;
}

.gifts-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.gift-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.gift-icon {
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
}

.gift-icon img {
  width: 52px;
  height: 52px;
  object-fit: cover;
  display: block;
  border-radius: 8px;
}

.gift-info {
  flex: 1 1 auto;
}

.gift-title {
  font-weight: bold;
  margin-bottom: 3px;
}

.gift-from {
  font-size: 12px;
  opacity: 0.75;
  margin-bottom: 5px;
}

.gift-text {
  font-size: 13px;
  line-height: 1.4;
}

.post-content hr {opacity:0.5;margin-bottom:0.8em;margin-top: 0.8em;border: 1px solid #b64154;}