/*************************************************************
 Wolfscreek 2025
Y.Jh 
**************************************************************/

/* ИМПОРТ
-------------------------------------------------------------*/

@import url(style_cs.1759700042.css);

/* Font Awesome */
@import url('https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css');

@import url('https://forumstatic.ru/files/001a/28/10/55678.css');
/*--------  fonts from blanche - thank you --------*/

/* Шрифты вульфкрика
----------------------*/
@font-face {
  font-family: 'Wolfscreek';
  src: url('https://forumstatic.ru/files/001c/1b/37/15634.eot');
  url('https://forumstatic.ru/files/001c/1b/37/49165.woff') format('woff'),
  url('https://forumstatic.ru/files/001c/1b/37/58155.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001c/1b/37/83140.ttf') format('truetype');
  url('https://forumstatic.ru/files/001c/1b/37/46973.otf') format('opentype');
  url('https://forumstatic.ru/files/001c/1b/37/38672.svg') format('svg');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

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

/* Enforia */
@import url('https://forumstatic.ru/files/001b/60/55/18659.css');

@font-face {
  font-family: Ravors;
  src: url("https://forumstatic.ru/files/001c/7d/3a/24929.ttf") format("truetype");
}

@font-face {
  font-family: 'Arial Black';
  src: url('https://forumstatic.ru/files/001c/1b/37/71318.eot');
  url('https://forumstatic.ru/files/001c/1b/37/93710.woff') format('woff'),
  url('https://forumstatic.ru/files/001c/1b/37/54992.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001c/1b/37/13111.ttf') format('truetype');
  url('https://forumstatic.ru/files/001c/1b/37/30944.otf') format('opentype');
  url('https://forumstatic.ru/files/001c/1b/37/66929.svg') format('svg');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Arial Black;
  src: url("https://forumstatic.ru/files/001c/1b/37/13111.ttf") format("truetype");
}

@import url('https://fonts.googleapis.com/css2?family=Alegreya&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,900;1,400;1,500;1,600&&display=swap');

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


/* доп шрифты */
@import url(https://forumstatic.ru/files/001c/39/a8/62559.css);

@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

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

@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

/* Шрифты вульфкрика конец
----------------------*/

/* ----------- Шрифты дизайна ----------- */

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

/* Wolfgang Amadeus Mozart */
@font-face {
    font-family: 'Wolfgang Amadeus Mozart';
    src: url('https://forumstatic.ru/files/0018/37/c7/12246.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Bosque */
@font-face {
    font-family: 'BOSQUE';
    src: url('https://forumstatic.ru/files/0018/37/c7/94892.otf') format('opentype'),
         url('https://forumstatic.ru/files/0018/37/c7/66462.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Gangitem */
@font-face {
    font-family: 'Gangitem';
    src: url('https://forumstatic.ru/files/0018/37/c7/20578.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
font-family: 'Segoe UI Light';
src: url('SegoeUI-Light.eot');
src: url('SegoeUI-Light.eot?#iefix') format('embedded-opentype'),
url('SegoeUI-Light.woff') format('woff'),
url('SegoeUI-Light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Hello France';
src: url('https://forumstatic.ru/files/001a/da/82/95393.eot?'),
url('https://forumstatic.ru/files/001a/da/82/38995.woff') format('woff'),
url('https://forumstatic.ru/files/001a/da/82/33385.ttf') format('truetype'),
url('https://forumstatic.ru/files/001a/da/82/43593.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
  font-family: 'Material Symbols Rounded';
  src: url('https://forumstatic.ru/files/0017/52/f0/87667.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}


/* ---------------------- */

#pun-announcement h2 {display: none}
#pun-main div.catleft, #pun-main div.catright {display: none}
.category .container thead {display: none;}
#post-form h2 {display:none;}
#topic-modmenu span {display:none;}
#pun-navlinks li#navawards {display: none;}
.lastedit {display:none;}
.sharelink {display: none;}
.topic a.sharelink {display:none!important;}
.post-links li.pl-reports {display:none;}
#pun-stats .section {display:none;}
div#pun-live-rusff {display:none;}
div.modmenu p.container span {display:none;}
.fs-box table .user-avatar {display:none;}
.punbb .post h3 strong.fnt, 
.punbb .post-links li.pl-report {display: none;}
li.pa-awards {display:none;}
.pa-gifts {display:none;}
.punbb .closedatafield {display: none;}
.punbb .stickytext {display: none;}
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-main.main.multipage h2 span {display: none;}
.pun-modal.move_posts_form h2 {display: none;}
.punbb .main.multipage .container thead { display: none;}
.punbb .main .formal.messages-container thead {display: none;}
#pun-title TD.title-logo-tdl {  display: none;}
#pun-title TD.title-logo-tdr { display: none;}
#pun-title h1 { display: none; }
#pun-main.main.mod-page h2 {display:none;}
.punbb .main.multipage.show_user_posts .pa-replies { display:none;}
#profilenav .item9 {}
#pa-invites {display:none;}
#profile-right #pa-awards {display:none;}
#pun-main h1 {display:none;}
#form-buttons td#button-smile { display:none; } 
#post-form fieldset legend {display: none;}
.punbb .post-links li.pl-website {display:none;}
div.post-links ul li.pl-reports {display: none;}
.punbb .post-links li.pl-email.email {display: none;}

/*************************************************************
MAIN CONTENT
Как мы вчера с Матизом пиво пили?
А короче, вышли такие на улицу, а там уже комендантский, и я такой: "ДА ПОХУЙ", — и бегом за пивом.
**************************************************************/


/*==== Смена дизайна  ======*/
.dark .punbb {
  width: 100%;
  margin: 80px auto 20px;
  border-radius:0%;
  position: relative;
  padding: 517px 0px 0px;
  background: url(https://forumstatic.ru/files/0018/37/c7/31208.png) top center no-repeat, #dddddd;
}

.dark #pun-title table {  
    background-image: url(https://forumstatic.ru/files/0018/37/c7/62413.png);
}

.dark body { 
    background: url(https://forumstatic.ru/files/0018/37/c7/65169.jpg?v=1) #222 no-repeat center center fixed;
    background-size: cover;
    overflow-x: auto !important;
    font: normal 11px "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; 
      font-weight: 500;
}

.dark #theme_switcher li input::before {
    font: 400 16px/100% 'Material Symbols Rounded';
    font-weight: normal;
    margin-right: 4px;
    cursor:pointer;
    color:#ddd;
}
.dark .settings-button .fa-solid {    
    font-size: 16px;
    color: #949494;
}

/* заголовки категорий */    
.dark .category.category-1 h2 {     
    background: url(https://forumstatic.ru/files/0018/37/c7/24478.png) no-repeat center;
    height: 79px;
   }
.dark .category.category-2 h2 {     
    background: url(https://forumstatic.ru/files/0018/37/c7/91983.png) no-repeat center;
    height: 90px;
   }
.dark .category.category-3 h2 {     
    background: url(https://forumstatic.ru/files/0018/37/c7/81590.png) no-repeat center;
    height: 90px;
   }
.dark .category.category-8 h2 {     
    background: url(https://forumstatic.ru/files/0018/37/c7/32073.png) no-repeat center;
    height: 90px;
   }
.dark .category.category-4 h2 {     
    background: url(https://forumstatic.ru/files/0018/37/c7/20979.png) no-repeat center;
    height: 90px;
   }
.dark .category.category-5 h2 {     
    background: url(https://forumstatic.ru/files/0018/37/c7/80616.png) no-repeat center;
    height: 90px;
   }
.dark .category.category-6 h2 {     
    background: url(https://forumstatic.ru/files/0018/37/c7/15584.png) no-repeat center;
    height: 90px;
   }


/* General
----------------------------------------------------------------------------*/
/* Основное и обнуление
-------------------------*/

html, body {margin: 0; padding: 0}
.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%;}

/* Тексты, шрифты, заголовки
-------------------------------*/
body {font: normal 11px "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
      font-weight: 500;} 
/*font: normal 11px "Montserrat", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; */

a {
    color: #272825;
    text-decoration: none;
}
a:hover,
a:focus,
a:active {
    cursor: pointer;
    color: #bacd23;
  }
#pun-admain a {color:#272825!important;}

h1, h2 {font-size: 14px; font-weight: normal;}
h3 {font-size: 13px; font-weight: normal;}

.material-symbols-rounded {
  font-family: 'Material Symbols Rounded' !important;
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/* Кнопки, поля, чекбоксы, скролл и тд.
----------------------------------------*/
.checkfield input[type="checkbox"],
.radiofield input[type="radio"] {
    margin: 0 3px;
  }
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 18px;
  vertical-align: middle;
  }
  
form .button,
input[type="submit"] {
    padding: 5px;
    display: inline-block;
  }
form .button:hover, 
form .button:focus,
form .button:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active {
  }
  
form .button:disabled, 
input[type="submit"]:disabled {
  opacity: .6;
  cursor: default;
  box-shadow: none;
  }  
  
/* Общий стиль для полей ввода */
.punbb input,
.punbb textarea,
.punbb select,
.punbb optgroup {
  padding: 2px 6px;
  transition: all 0.2s ease;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  font-family:"Montserrat"!important;
  font-size: 12px;
  background: #ededed;
  border: 1px solid #d5d5d5;
  border-radius: 6px;
}

.punbb textarea, .punbb select {font-family: inherit;}

.punbb select {
    padding: 3px 5px!important;
}

.punbb input:focus,
.punbb textarea:focus,
.punbb select:focus,
.punbb optgroup:focus {
    outline: none;
    border-color: #919191;
}

/* Ресайз текстовой области */
.resizable-textarea textarea {
  resize: vertical;
}

/* Кнопки отправки, действия и тд  */
.punbb input[type="submit"],
.punbb input[type="button"],
.punbb button {
    background: rgba(255, 255, 255, 0.3);
    color: #333;
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid #919191;
    transition: all 0.3s ease;
    font-size: 10px;
    backdrop-filter: blur(5px);
    text-decoration: none;
    cursor:pointer;
    line-height: 120%;
}

.punbb input[type="submit"]:hover,
.punbb input[type="button"]:hover,
.punbb button:hover {
  background: #d7d7d7;
  color: #1c1c1c;
  border: 1px solid #6a6a6a;
}

::-webkit-scrollbar  {width: 4px; }
::-webkit-scrollbar-track{ background: #c1c1c1;}
::-webkit-scrollbar-thumb{
    border-radius: 4px;
    background: #333;} 


.punbb input:focus-visible,
.punbb textarea:focus-visible{
  border: 1px solid #919191;
  outline: none;
}

/* Float clearing and hidden items
------------------------------------*/

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

.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }

/* Тело форума
-------------------*/

#pun {
  margin: 0px auto;
  width: 1000px;
  }

/* тело форума */
.punbb {
  width: 100%;
  margin: 80px auto 20px;
  border-radius:0%;
  position: relative;
  padding: 517px 0px 0px;
  background: url(https://forumstatic.ru/files/0018/37/c7/80246.png) top center no-repeat, #dddddd;
}

/* Шапка, фон и футер
----------------------*/
/* шапка  */

#pun-title {
    position: absolute;
    top: -80px;
    height: 597px;
    width: 100%;
}

#pun-title table {  
    background-image: url(https://forumstatic.ru/files/0018/37/c7/45266.png?v=1);
    background-repeat: no-repeat; 
    background-position: top center;
    border: none;
    margin: 0 auto;
    margin-top: 0px!important;
    height: 597px;
    width: 100%;
}


/* фон */
body { 
    background: url(https://forumstatic.ru/files/0017/55/b9/75546.png) #c8c8c8 no-repeat center center fixed;
    background-size: cover;
    overflow-x: auto !important;
}


/*body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: -80px;
    background: url(https://forumstatic.ru/files/0017/55/b9/64505.png) no-repeat center top;
    background-size: contain;
    z-index: -1;
    pointer-events: none; 
}*/

/* футер */
#html-footer {
    background: url(https://forumstatic.ru/files/0018/37/c7/43200.png) no-repeat scroll bottom center; 
    height: 157px; 
    margin-left: 0px;
    width: 100%;
    position: relative;
}


/* #pun-index
----------------------------------------------------------------------------*/

/* cat
---------------------*/

#pun-index .category .tcl {width: 60%;    padding: 10px;box-sizing: border-box;}
#pun-index .category .tc2 {width: 5%;    padding: 0px;box-sizing: border-box;}
#pun-index .category .tc3 {width: 5%;    padding: 0px;box-sizing: border-box;}
#pun-index .category .tcr {width: 30%;    padding: 10px;box-sizing: border-box;}

#pun-index .category .tc2, 
#pun-index .category .tc3 {
    display: none !important;
    color: #a7a7a7dd;
    font-size: 10px;
}

#pun-index .category {
    padding: 0px 20px;
    box-sizing: border-box;
    margin: 0px 20px;
}

#pun-index .category .container {
    background: #edecec;
    margin-top: -20px;
    border-radius: 0px 0px 5px 5px;
    padding: 20px;
}

.punbb .category td div.tclcon {
    position: relative;
    padding: 0px 10px;
    font-size: 9px;
    text-align: justify;
    font-weight: 500;
    color: #b9b9b9;
}

.punbb .main .tcr a:after {
  content: ''; }


#pun-index .main .tcr {
    background-color: transparent;
    overflow: hidden;
    text-align: left;
    border-left: 1px solid #eaeaea;
 }
 

#pun-index td.tcr {
    text-align: left;
    font-size: 10px;
    font-weight: 500;
    color: #3e3e3e!important;
}
#pun-index td.tcr a {font-size: 11px;}

#pun-index .avatar item2 {padding-top: 10px;}

.lastedit {display:none;}
.category h2 span{ visibility:hidden;}


/* заголовки категорий */
.category h2 {
    position: relative;
    z-index: 2;
    width: 100%;
}
    
/* заголовки категорий */    
.category.category-1 h2 {     
    background: url(https://forumstatic.ru/files/0018/37/c7/20305.png) no-repeat center;
    height: 79px;
   }
.category.category-2 h2 {     
    background: url(https://forumstatic.ru/files/0018/37/c7/36561.png?v=1) no-repeat center;
    height: 90px;
   }
.category.category-3 h2 {     
    background: url(https://forumstatic.ru/files/0018/37/c7/97207.png?v=1) no-repeat center;
    height: 90px;
   }
.category.category-8 h2 {     
    background: url(https://forumstatic.ru/files/0018/37/c7/36322.png?v=1) no-repeat center;
    height: 90px;
   }
.category.category-4 h2 {     
    background: url(https://forumstatic.ru/files/0018/37/c7/12677.png?v=1) no-repeat center;
    height: 90px;
   }
.category.category-5 h2 {     
    background: url(https://forumstatic.ru/files/0018/37/c7/59869.png) no-repeat center;
    height: 90px;
   }
.category.category-6 h2 {     
    background: url(https://forumstatic.ru/files/0018/37/c7/49378.png) no-repeat center;
    height: 90px;
   }

/* иконки  */
#pun-index div.icon {
    float: none;
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    margin: -10px;
    border-radius: 50%;
  }

/*новые категории*/
#pun-index .category tbody tr {
    text-transform: lowercase; 
    margin: 5px 0;
}

#pun-index .category table {
    border-spacing: 0px 20px;
}

#pun-index .tcl h3 a {
/* style_cs описание форумов*/
}


/* аватары на главной
----------------------------- */
#pun-index .user-avatar {
    width: 40px!important;
    height: 40px!important;
    border-radius: 50%!important;
    overflow: visible;
    flex-shrink: 0;
}
#pun-index .avatar-image {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

/* Онлайн индикатор */
#pun-index  .isonline {
    display: inline-block;
    width: 6px!important;
    height: 6px!important;
    background: #bacd23!important;
    border-radius: 50%!important;
    margin-left: -10px!important;
    border: 2px solid #edecec!important;
    vertical-align: middle!important;
    animation: blinkColor 0s linear infinite!important; 
    -moz-animation: blinkColor 0s linear infinite!important;
    -webkit-animation: blinkColor 0s linear infinite!important;
}

/* #pun-viewforum & co, Pagelink, .forum
----------------------------------------------------------------------------*/

/* Пагинация и страницы тем ВЕЗДЕ
-----------------------------*/
.punbb .linkst, 
.punbb .linksb {
  position: relative;
  width: 96%;
  height: 20px;
  margin: 0px 2%;
}

.linkst .pagelink, 
.linksb .pagelink {
  font-style: normal;
  text-transform: lowercase;
    background: #ededed;
    border: 1px solid #d5d5d5;
    padding: 3px 6px;
    border-radius: 6px;
    color: #8f8f8f;
    width: fit-content;
}

.linkst .pagelink a,
.linkst .pagelink strong,
.linksb .pagelink a,
.linksb .pagelink strong{
    display: inline-block;
    user-select: none;
    line-height: 100%;

}

.linkst .pagelink a:hover,
.linksb .pagelink a:hover{
    color: #bacd23;
}

.linkst .pagelink strong,
.linksb .pagelink strong {
    color: #bbbbbb;
}

/* Кнопка ответа */
.linkst .postlink, 
.linksb .postlink  { 
    position: absolute;
    top: 0px;
    right: 10px;
    text-align: center;
    font-weight: bold;
  }
  
.postlink.long {
    text-align: right;
}

.linkst .postlink a,
.linksb .postlink a {
    display: inline-block;
    border: 1px solid #b5b5b5;
    color: #5e5e5e;
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 10px;
    transition: all .2s;
}

.linkst .postlink a:hover,
.linksb .postlink a:hover {
    background: #e5e5e5;
    border-color: #9f9f9f;
}

/* подписка в теме */
.subscribelink {
    clear: both;
    padding-top: 0.3em;
    padding-bottom: 0.5em;
    position: absolute;
    right: 10px;
    top: -50px;
  }

/* ---------- Таблица подфорумов */	

/* Базовые стили для таблицы основные списки */

.multipage { 
  margin-bottom: 15px;
  margin-top: 15px;
  }

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

.forum h1 {display:none;}

/* Строки темы 
.forum .container tbody tr {
  border-bottom: 1px solid #fff;
}
.forum.container tbody tr:last-child {
  border-bottom: none;
}*/


/* Важные темы */
.forum .container .isticky .tclcon a {
}

/* Нумерация страниц */
.forum .container .pagestext {
  color: #bbb;
}

.forum .container .pagestext a {
  color: #999;
}


/* Аватарки */
.forum .container .user-avatar {
  width: 24px!important;
  height: 24px!important;
}
.forum .container .avatar-image {
    width: 24px!important;
  height: 24px!important;}


/* Базовые стили - темы */
.forum {
  padding: 15px 20px 10px;
}

.forum table {
    border-collapse: collapse;
    font-size: 10px;
    color: #444;
}

.forum h1 {display:none;}

/* Строки тем */
.forum tbody td {
    padding: 8px 12px;
    border-bottom: 1px solid #d9d4d4;
}

.forum .tcl {
  width: 60%;
}

.forum .tc2, 
.forum .tc3 {
    width: 5%;
    text-align: left;
    color: #888;
    line-height: 100%;
    padding: 0;
}

.forum .tcr {
  width: 30%;
}

/* Стили для названий тем */
.forum .tclcon a {
  width: fit-content;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  display: block;
  margin-left: 3px;
}

.forum .tclcon .pagestext {
    display: inline-flex;
    flex-direction: row;
}
.forum .tclcon .pagestext a {font-size: 10px!important;margin-left: 0px!important;}

.forum .tclcon .newtext {display: none;}
.forum tr.inew div.tclcon strong a { font-weight: bold;}


.forum .byuser-username {
  color: #ababab;
}

/* последнее соо не на главной скрипт */
.punbb:not(#pun-index) .last-post-info {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-start;
}

.show_recent .forum .tcl,
.show_subscriptions .forum .tcl,
.show_unanswered .forum .tcl,
.show_replies .forum .tcl,
.show_new .forum .tcl {width: 40%;text-transform: lowercase!important;}
.show_recent .forum .tc2,
.show_subscriptions .forum .tc2,
.show_unanswered .forum .tc2,
.show_replies .forum .tc2,
.show_new .forum .tc2 {width: 25%;text-transform: lowercase!important;}
.show_recent .forum .tc3,
.show_subscriptions .forum .tc3,
.show_unanswered .forum .tc3,
.show_replies .forum .tc3,
.show_new .forum .tc3 {text-align:center;}

/* #pun-viewtopic, .topic
----------------------------------------------------------------------------*/
.punbb .topic {padding-top: 10px;}
/* пост контент */
.punbb .post-content {
  padding: 0;
  margin: 0;
  margin-top: 10px;
  width: 100%;
  overflow: hidden;
  padding-right: 10px;
  box-sizing: border-box;
  }
  
.post-content td {border:none transparent !important;}

/* подпись */
.punbb .post-sig dt {    
    display: block;
    border-top: 1px dotted #d3d2d2;
    margin: 5px 0;
    width: 50%;
    margin-left: 25%;
  }

/* B1.3 абзацы в постах */
.punbb .post-content p {
  margin: 0;
  padding: 5px 0 5px 0;
  line-height: 150%;
  }
  
/*  кто редачил соо */
.punbb .post-content p.lastedit { display:none; font-size: 0px; }

.punbb .post-content img.postimg {
  vertical-align: middle;
  }
#pun-viewforum .isonline {display:none;}

/* post
---------------------*/

/* заголовок */
.punbb .post h3 { width: 100%;}

/* время в посте*/
.punbb .post h3 span {
    font-size: 10px;
    display: flex;
    color: #a1a1a1;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
}

/* время поста */
.punbb .post h3 span a.permalink {
    color: #555;
    font-weight: normal;
    background: #e9e9e9;
    border-radius: 4px 4px 0px 0px;
    border-bottom: 1px solid #dddddd;
    padding: 3px 10px;
    margin-left: 10px;
}
.punbb .post h3 span a.permalink:hover {
    color: #a1a1a1;
}
/* номер поста */
.punbb .post h3 strong {
    float: none;
    padding: 3px 10px;
    margin-right: 10px;
    text-align: right;
    font-weight: normal;
    background: #e9e9e9;
    border-radius: 4px 4px 0px 0px;
    border-bottom: 1px solid #dddddd;
  }

.punbb .post h3 strong:before {
  content: "#";
  }

/* пост пользователя */
.punbb .post {
    margin: 10px 15px;
}

.punbb .post .container {}

/* тело поста относительно профиля */
.punbb .post-body {
  margin-left: 250px;
  padding: 0;
  background: #e9e9e9;
  border-radius: 4px;
  }
/* ширина поста и настройки содержание поста*/
.punbb .post-box {
  padding: 15px 15px 0px 25px;
  text-align: justify;
  color: #242424;
  }

/* Репутация поста */
div.post-rating a, div.post-vote a {
    font-size: 10px!important;
    text-decoration: none!important;
}


/* --------цитаты коды спойлер скрытый текст -------------*/
/* ------------------- Цитаты ------------------- */
.quote-box,
.quote-box.hide-box {
    background: #e1e1e182;
    border-radius: 6px;
    padding: 10px 15px;
    margin: 10px 0;
    position: relative;
    border: 1px solid #dddddd;
}

/* верхняя кавычка */
.quote-box.answer-box blockquote::before,
.quote-box.hide-box blockquote::before {
  content: "“";
  font-size: 40px;
  color: #aaa;
  position: absolute;
  top: 20px;
  left: 10px;
}

/* верхняя кавычка с мобильного */
@media (max-width: 1000px) {
.quote-box.answer-box blockquote::before,
.quote-box.hide-box blockquote::before {
  content: "“";
  font-size: 40px;
  color: #aaa;
  position: absolute;
  top: 30px;
  left: 10px;
}

}
/* нижняя кавычка */
.quote-box.answer-box blockquote::after,
.quote-box.hide-box blockquote::after {
  content: "”";
  font-size: 40px;
  color: #aaa;
  position: absolute;
  bottom: -20px;
  right: 10px;
}

.quote-box.answer-box blockquote p,
.quote-box.hide-box blockquote p {
  margin: 0;
  color: #555;
  line-height: 150%;
  padding: 5px 0 !important;
}

/* информация об авторе */
.quote-box.answer-box cite,
.quote-box.hide-box cite {
  display: block;
  font-size: 12px;
  color: #777;
  margin-bottom: 5px;
  font-style: normal !important;
}

.quote-box.answer-box cite .qcn,
.quote-box.hide-box cite .qcn {display:none;}
.quote-box span .qc-post-link {
    position: absolute;
    right: 15px;
}


/* ------------------- Код ------------------- */
.code-box {
  background: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 8px 10px;
  margin: 10px 0;
  font-family: monospace;
  font-size: 11px;
  position: relative;
}

.code-box .legend {
  display: block;
  font-size: 12px;
  color: #666;
  margin-bottom: 5px;
}

.code-box .legend a {
  text-decoration: none;
  color: #444;
  cursor: pointer;
}

.code-box .blockcode .scrollbox {
  overflow-x: auto;
  max-height: 150px;
}

.code-box .blockcode .scrollbox pre {
  margin: 0;
  padding: 5px;
  background: #eee;
  border-radius: 12px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/* ------------------- Спойлер ------------------- */
.quote-box.spoiler-box {
    padding: 5px 10px!important;
}

.quote-box.spoiler-box > div {
  padding: 3px 6px!important;
  font-weight: bold!important;
  border-radius: 12px 12px 0 0!important;
    color: #666666;
    display: flex;
    align-items: center;
    gap: 5px;
}

.quote-box.spoiler-box blockquote {
  background: #ededed;
  padding: 8px 12px;
  border-radius: 0 0 6px 6px;
  color: #444;
}

.quote-box.spoiler-box.visible blockquote {
  display: block!important; 
}

#pun .spoiler-box > div {
    background: transparent!important;}

.spoiler-box > div::before {
    content: "heart_plus"; 
    font-family: "Material Symbols Rounded";
    font-size: 18px;
    font-weight: normal;
}
.spoiler-box > div.visible::before {
    content: "heart_minus";
}

.quote-box.hide-box blockquote,
.quote-box.answer-box blockquote {
  background: #eaeaea;
  padding: 5px 10px;
  border-radius: 8px;
  color: #444;
}


/* profile
---------------------*/
.punbb .post .post-author {
    float: left;
    position: relative;
    width: 240px;
    background: #e9e9e9;
    border-radius: 4px;
    padding: 0;
    margin: 0px;
    border: 0px solid #f0f0f0;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
}

.post-author.online::after{
    content: '';
    position: absolute;
    top: 5px;
    right: 5px;
    width: 7px;
    height: 7px;
    z-index: 10;
    background: #d3d3d3;
    border-radius: 50%;
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

/* Анимация */
.post-author:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.punbb .post .post-author > ul {
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background: linear-gradient(to bottom, rgba(233, 233, 233, 0) 100px, rgba(233, 233, 233, 1) 200px), url(https://forumstatic.ru/files/0018/37/c7/39642.png) no-repeat center top / cover;
    background-size: 100%;
    border-radius: 4px;
}

li.pa-author {   
    margin-bottom: 5px; 
    font-size: 14px;
    color: #222;
    z-index: 5;
}

li.pa-author a {
    color: #f3f3f3;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);
    font-weight: 500!important;
}

li.pa-title {
    position: relative;
    z-index: 5;
    margin: 8px auto;
    max-width: 200px;
    color: #999;
    padding: 4px 20px;
    box-sizing: border-box;
    font-size: 9px;
    text-align: center;}
    
li.pa-title:before {
    content: "\2726";
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
    color: #999;
}

li.pa-title:after {
    content: "\2726";
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
    color: #999;
}

/* аватар*/
li.pa-avatar {     
    margin-bottom: 5px;  
    position: relative;
    z-index: 5;    
}
li.pa-avatar img {
    max-width: 180px;
    max-height: 300px;
    border-radius: 3px;
    height: auto;
}

/* фон */
li.pa-fld5 {
  position: relative;
  width: 100%;
}

li.pa-fld5 img {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 230px;
  width: 240px;
  object-fit: cover;
  border-radius: 4px;
  -webkit-mask-image:linear-gradient(to bottom, black, transparent);
  mask-image: linear-gradient(to bottom, black, transparent);
  filter: opacity(1);
  z-index: 4;
}



/* glass */
.post-author li.pa-nasl {
    display: flex; 
    gap: 3px;
    flex-direction: column; 
    align-items: center;
    margin: 30px auto 5px; 
    padding: 10px 0 0; 
    z-index:8; 
    width: 86%;
    background: rgba(255, 255, 255, 0.05);  
    backdrop-filter: grayscale(1) blur(1px);  
    -webkit-backdrop-filter: grayscale(1) blur(1px);
    border: 1px solid rgba(255, 255, 255, 0.2);  
    border-radius: 12px;  
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
    animation: glassBreath 6s infinite alternate;  
    box-sizing: border-box;
}

@keyframes glassBreath {
  0% { backdrop-filter: grayscale(1) blur(1px); }
  50% { backdrop-filter: grayscale(1) blur(2px); }
  100% { backdrop-filter: grayscale(1) blur(1px); }
}
/* glass конец */

  
/* соо репа и посты */
.post-author .pa-mrp {
    display: flex;
    gap: 15px;
    width: 100%;
    justify-content: center;
    padding: 0px 5px 15px;
    margin: 0px auto 10px;
    box-sizing: border-box;
    font-size: 10px;
    color: #b5b5b5;
}

li.pa-respect span.fld-name, li.pa-posts span.fld-name {font-size: 0;}
li.pa-posts:before,
li.pa-respect .fld-name:before,
li.pa-fld3:before {
    font-family: "Material Symbols Rounded";
    font-size: 13px; 
    color:#afafaf;
    padding: 2px 10px;
}
li.pa-respect .fld-name:before {display: block; content: "favorite";}
li.pa-posts:before {display: block; content: "chat_bubble";}
li.pa-fld3:before {display: block; content: "text_ad";}

li.pa-posts,
li.pa-respect,
li.pa-fld3 {
  text-transform: lowercase;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
}

li.pa-respect a[href*="relation"] {display: none;}
li.pa-respect span:not(.fld-name) {}


/* плашка cr: vandra с изменениями юн */
li.pa-fld4 {
  width: 100%;
  box-sizing: border-box;
  margin: 0px auto;
  position: relative;
  display: flex;
  z-index: 3;
  padding: 0;
  justify-content: center;
}

li.pa-fld4 a {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}

li.pa-fld4 a plash img,
li.pa-fld4 a>img {
  width: 205px;
  height: 31px;
  object-fit: cover;
  border-radius: 0px 0px 12px 12px;
}

.plaque {
  width: 100%;
  height: 31px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0px 0px 12px 12px;
  overflow: hidden;
  color: #fff;
  text-transform: lowercase;
  cursor: pointer;
}

.plaque:not(:has(img)) {
    /*background: url(https://forumstatic.ru/files/001c/7d/3a/25334.png);*/
    background: url(https://forumstatic.ru/files/0018/37/c7/81455.png);
}

.plaque img {
  width: 220px;
  height: 31px;
  object-fit: cover;
  position: absolute;
  top: 0px;
}

.plaque p {
    color: white !important;
    font-weight: 400;
    font-size: 10px;
    z-index: 4;
    padding: 0px !important;
    line-height: 10px !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    opacity: .9;
}

.plaque p:first-of-type {
   font-weight: 700;
}

li.pa-fld4 a div img,
.plaque img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0;
}

li.pa-fld4 a div t1,
.plaque t1 {
  font-size: 10px;
  z-index: 2;
  white-space: nowrap;
}

li.pa-fld4 a div t2,
.plaque t2 {
  font-size: 8px;
  z-index: 2;
  white-space: nowrap;
}
.pin {
    width: 14px;
    height: 14px;
    position: absolute;
    z-index: 8;
    top: -7px;
    left: -7px;
    border-radius: 50%;
    border: 1px solid #cfcfcf;
}

.pin a {
  background: url(https://forumstatic.ru/files/001c/7d/3a/47954.svg) no-repeat;
  width: 14px;
  height: 14px;
  display: block; 
}

/*конец плашка*/

/* лз */
li.pa-fld1 {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 0px 15px!important;
    box-sizing: border-box;
    align-items: center;
    text-align: justify;
    position: relative;
    margin-bottom: 5px; 
    font-size: 10px;
    color: #444;
}
li.pa-fld1 ank {  padding-bottom: 5px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
li.pa-fld1 ank a {
  color: #222;
  font-size: 10px;
  display: block;
}
/* лз конец*/

/*иконка*/
li.pa-fld2 {
    position: absolute;
    bottom: -18px;
    width: 22px;
    height: 22px;
    z-index: 10;
    margin: 0 auto;
    padding: 5px;
    /* border: 5px solid #e9e9e9; */
    border-radius: 50%;
    overflow: hidden;
    background: #dddddd;
}
li.pa-fld2 img {
    display: block;
    object-fit: cover;
    border-radius: 50% !important;
    width: 22px;
}

li.pa-ip {
    position: absolute;
    bottom: -15px;
    right: 0;
    font-size: 8px;
    color: #999;
    opacity:0;
    transition: all 0.3s ease;
}
li.pa-ip a {color: #999}
li.pa-ip:hover {opacity:1;transition: all 0.3s ease;}

/* post-link
---------------------*/
/* удалить редактировать цитировать */
.punbb .post-links {}
.punbb .post-links ul {
    padding: 10px 0 0;
    margin: 5px auto;
    line-height: 100%;
    text-align: right;
}
.punbb .post-links li {
    display: inline;
    padding: 3px;
  }
.punbb .post-links li a {
    font-weight: normal;
    position: relative;
  }
  
.pl-delete a, 
.pl-edit a,
.pl-quote a,
.pl-email.profile a,
.pl-email.pm a,
.editpole a {
    font-size: 0px;
}
@media (max-width: 1000px) {
    .pl-delete a, 
    .pl-edit a,
    .pl-quote a,
    .pl-email.profile a,
    .pl-email.pm a {
        font-size: 1px !important;
        color: transparent !important;

    }
}

.pl-delete a:hover:after, 
.pl-edit a:hover:after,
.pl-quote a:hover:after,
.pl-email.profile a:hover:after,
.pl-email.pm a:hover:after,
.editpole a:hover:after {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 10px;
    white-space: nowrap;
    z-index: 1000;
}
.pl-delete a::before, 
.pl-edit a::before,
.pl-quote a::before,
.pl-email.profile a::before,
.pl-email.pm a::before,
.editpole a::before {
    font-family: "Material Symbols Rounded";
    font-size: 16px!important;
    user-select: none;
    line-height: 100%;
    background: #ededed;
    border: 1px solid #d5d5d5;
    padding: 1px 3px;
    border-radius: 6px;
    color: #8f8f8f;
}

@media (max-width: 1000px) {
.pl-delete a::before, 
.pl-edit a::before,
.pl-quote a::before,
.pl-email.profile a::before,
.pl-email.pm a::before,
.editpole a::before {
    font-family: "Material Symbols Rounded";
    font-size: 24px!important;
    user-select: none;
    line-height: 100%;
    background: #ededed;
    border: 1px solid #d5d5d5;
    padding: 1px 3px;
    border-radius: 6px;
    color: #8f8f8f;
}
}

.pl-delete a::before {content: "delete";}
.pl-delete a:hover::after {content: "\0423\0434\0430\043B\0438\0442\044C";} 
/* Удалить */

.pl-edit a::before {content: "edit_note";}
.pl-edit a:hover::after {content: "\0440\0435\0434\0430\043A\0442\0438\0440\043E\0432\0430\0442\044C";} 
/* редактировать */

.pl-quote a::before {content: "format_quote";}
.pl-quote a:hover::after {content: "\0446\0438\0442\0438\0440\043E\0432\0430\0442\044C";} 
/* цитировать */

.pl-email.profile a::before {content: "account_circle";}
.pl-email.profile a:hover::after {content: "\043F\0440\043E\0444\0438\043B\044C";} 
/* профиль */

.pl-email.pm a::before {content: "mobile_chat";}
.pl-email.pm a:hover::after {content:  "\43d\430\43f\438\441\430\442\44c\20\43b\441";} 
/* написать лс */

.editpole a::before {content: "settings";}
.editpole a:hover::after {content: "\440\435\434\2e\20\43b\437";} 
/* ред. лз */


.post-links ul a:hover::before {
  color: #bacd23;
}

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

/* modmenu
---------------------*/
.punbb .modmenu { 
    width: 98%;
    margin-left: 2%;
    margin-bottom: 10px;
}
    
.punbb .modmenu .container {
    text-transform: lowercase;
    color: #222222;
  }
.punbb .modmenu strong, .punbb .modmenu a {
  height: 18px;
  line-height: 18px;
  font-size: 10px;
  }
.punbb .modmenu input { margin-left: 10px;}

.punbb #topic-users-in {
    width: 86%;
    margin-left: 2%;
    margin-right: 12%;
    margin-bottom: 10px;
}

/* form форма ответа
---------------------*/

#post-form {
    padding-top: 10px;
}

/* кнопки Отправить и Посмотреть */
.punbb .formsubmit {
  padding: 0 0 0 50px;
  margin: 10px 0 15px 0;
  }
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* секция элементов формы (форма ответа и предпросмотр) и описания на страницах поиска, участники и тд. #post-form только форма ответа */
.punbb fieldset {
    border-style: none;
    padding: 20px;
    margin: 10px 30px;
  }

.punbb fieldset legend {
    padding: 2px 10px;
    margin: 0px 0 0 -10px;
    background: #e9e9e9;
    border-radius: 4px;
  }

.punbb fieldset legend span {
    font-size: 12px !important;
    text-align: center;
    color: #333;
    font-weight: bold;
  }
  
.punbb fieldset legend span::before {
  content: 'tag';
  font-size: 12px!important;
  font-family: "Material Symbols Rounded";
  margin-right: 0px;
  font-weight: bold;
}

.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }
  
.punbb .formal fieldset {
    min-width:0;
    background: #e9e9e9;
    border-radius: 4px;
    border: 1px solid #cdcdcd;
}  

/* превью */
#post-preview .fs-box {
    background: #e9e9e9;
    border-radius: 4px;
}
#post-preview .fs-box .post-box {padding: 15px;}
#togglePreview {margin-top:0!important;}

.formal .fs-box.hashelp {
    margin-top: 20px;
    }

/* Общий контейнер для всплывающих окон 
#tags .container {position:absolute; right:6px; top:43px; z-index:2;}*/
#tags {position:relative;}
#tags .container {
  position: absolute;
  top: 0%!important;
  z-index: 1000!important;
  min-width: 180px!important;
  max-height: 220px!important;
  overflow-y: auto!important;
  padding: 6px!important;
  background: #efefef!important;
  border: 1px solid #ccc!important;
  border-radius: 8px!important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15)!important;
  animation: fadeIn 0.2s ease!important;
}

/* Внутренние блоки (каждый пункт меню/списка) */
#tags .container > div {
  padding: 5px 8px!important;
  cursor: pointer!important;
  border-radius: 5px!important;
  transition: background 0.2s, color 0.2s;
  white-space: nowrap;     /* не ломаем строки */
  overflow: hidden;
  text-overflow: ellipsis; /* если длинное имя шрифта */
}

/* Наведение */
#tags .container > div:hover {
  background: #dfdfdf;
  color: #222;
}

/* Анимация появления */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*#font-area, #size-area, #video-area-hsel, #smilies-area, #addition-area, #keyboard-area {
   background-color: #fafafa;}
#font-area div, #size-area div {display: inline-block;  margin: 0 5px !important;}
#video-area-msg, #image-source-list, #image-area-actions, #spoiler-sels {background-color: #fafafa;}*/


#video-host-list {
    margin-top: .3em;
    line-height: 1.8em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#video-host-list .turn_link {
    margin-left: 3px;
}

/* #pun-userlist
----------------------------------------------------------------------------*/
.usertable .container {
    padding: 0px 30px;
}
.usertable table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 12px; /* расстояние между карточками */
    font-size: 10px;
    color: #222;
}
.usertable th {
    display: none;
}
.usertable tbody tr {
    display: grid;
    grid-template-columns: 2fr 4fr 1fr 1fr 2fr 2fr; 
    align-items: center;
    padding: 5px 5px;
    transition: transform 0.2s, box-shadow 0.2s;
    border-bottom: 1px solid #d9d4d4; 
}

.usertable .username {
    display: flex;
    align-items: center;
    gap: 10px;
}
.usertable .user-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: visible;
    flex-shrink: 0;
}
.usertable .avatar-image {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}
.usertable .user_title {
    color: #555;
    text-align: center;
}
.usertable .tc3 {
    text-align: center;
    font-weight: 500;
    color: #222;
}
/* Онлайн индикатор */
.usertable .isonline {
    display: inline-block;
    width: 6px!important;
    height: 6px!important;
    background: #bacd23!important;
    border-radius: 50%!important;
    margin-left: -10px!important;
    border: 2px solid #dddddd!important;
    vertical-align: middle!important;
    animation: blinkColor 0s linear infinite!important; 
    -moz-animation: blinkColor 0s linear infinite!important;
    -webkit-animation: blinkColor 0s linear infinite!important;
}


/* #pun-search, #pun-searchposts, #pun-searchtopics
----------------------------------------------------------------------------*/

/* корректировка в поиске Мои сообщения */
.punbb  .main.multipage.show_user_posts .post h3 span {
    display: flex;
    flex-direction: row !important;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    text-transform: lowercase;
    margin-left: 260px;
   }
   


/* #pun-profile
----------------------------------------------------------------------------*/

#profile-left #pa-edit {display:none;}
#viewprofile #profile-gifts {display:none;}
#viewprofile #pa-gifts {display:none;}
#pun-profile #pun-main.main h1 {display:none;}

/* Контейнер профиля */
#viewprofile #profile-right strong a {color:#bacd23;}
#viewprofile .container {
  max-width: 100%;
  margin: 30px;
  padding: 30px 20px;
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  overflow: hidden;
  color: #222;
}
#viewprofile .container ul {padding-left: 0px !important;}

/* Таблица как flex */
#viewprofile table {
  width: 100%;
  border-collapse: collapse;
  margin-left: 10px;
}

#viewprofile td {
  vertical-align: top;
  padding: 20px!important;
  border-radius: 4px;
}

/* Левая колонка */
#profile-left {
  width: 220px!important;
  background: #222;
  text-align: center;
}

#profile-left li {
  list-style: none;
  margin: 12px 0;
}

#profile-name strong {
  display: block;
  font-size: 16px!important;
  color: #d5d5d5;
  margin-bottom: 4px;
}

#profile-title strong {
    font-size: 9px;
    color: #9d5656;
    letter-spacing: 1px;
}

#pa-avatar img {
  border-radius: 8px;
  border: 5px solid #333;
  margin: 12px 0;
  max-width: 180px;
  height: auto;
}

/* Онлайн */
#pa-online strong {
  display: inline-block;
  padding: 4px 8px!important;
  background: rgba(186, 205, 35, 0.1);
  border: 1px solid #bacd23;
  border-radius: 4px;
  font-size: 10px;
  color: #bacd23;
}

/* Правая колонка как сетка */
#profile-right {
  width: 100%!important;
  box-sizing: border-box!important;
  display: grid;
  grid-template-columns: 1fr 1fr; /* 2 колонки */
  gap: 10px;
  align-items: start;
}

#profile-right li {
  list-style: none;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 11px;
  line-height: 1.4;
  transition: background .2s, border .2s;
  text-align: center;
}

#profile-right li:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.15);
}

#profile-right span,
#profile-right span a {
  font-size: 10px;
  font-weight: 700!important;
  color: #222;
  margin-bottom: 5px;
  text-transform: lowercase;
}


#profile-right li strong {
    padding:5px!important;
    font-weight: normal!important;
}

#profile-right strong {
  color: #b9b9b9;
}

#pa-register-date span,
#pa-invites span,
#pa-time-visit span,
#pa-respect span,
#pa-positive span,
#pa-fld1 span,
#pa-email span,
#pa-posts span,
#pa-last-post span,
#pa-last-visit span {
  font-size: 0px;
}

#pa-register-date span a,
#pa-invites span a,
#pa-time-visit span  a,
#pa-respect span a,
#pa-positive span a,
#pa-fld1 span a,
#pa-email span a,
#pa-posts span a,
#pa-last-post span a,
#pa-last-visit span a {
  font-size: 10px;
}

#pa-last-post a,
#pa-email a {
  font-size: 10px; 
}

#pa-register-date span::before {
  content: "Дата регистрации ";
  display: block;
  font-size: 10px;
}
#pa-time-visit span::before {
  content: "Провел на форуме ";
  display: block;
  font-size: 10px;
}
#pa-fld1 {display: flex;
    width: 100%;
    flex-direction: column;
    padding: 0px 15px 15px!important;
    box-sizing: border-box;
    align-items: center;
    text-align: justify;
    position: relative;
    margin-bottom: 5px; 
    font-size: 10px!important;
}
#pa-fld1 ank {  padding-bottom: 5px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
#pa-fld1 ank a {
  color: #222;
  font-size: 10px;
  display: block;
}
#pa-last-post span::before {
  content: "Последнее сообщение ";
  display: block;
  font-size: 10px;
}

#pa-last-visit span::before {
  content: "Последний визит ";
  display: block;
  font-size: 10px;
}

#pa-posts a {font-size: 10px!important;}

/*  окно */
#pun-profile .formal {
  background: url(https://forumstatic.ru/files/0018/37/c7/46379.jpg) bottom center;
  border-radius: 4px;
  overflow: visible;
  margin: 0 100px;
  padding: 30px;
  min-height: 560px;
}

/* Вкладки --*/
#profilenav {
    width: max-content;
    z-index: 10;
    position: absolute;
    left: 55px;
}

/* Скрываем заголовок */
#profilenav h2 {
    display: none;
}

/* Список вертикальный */
#profilenav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Каждая ссылка: иконка + текст */
#profilenav ul li a {
    display: flex;
    align-items: center;
    gap: 0; 
    padding: 2px 4px;
    border-radius: 4px;
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    font-size: 10px;
    text-decoration: none;
    transition: all 0.4s ease;
    width: 20px; 
    overflow: hidden; 
    position: relative;
    border: 1px solid #888;
}

/* Текст ссылки */
#profilenav ul li a {
    white-space: nowrap;
}

/* Иконки через ::before */
#profilenav ul li a::before {
    font-family: "Material Symbols Rounded";
    font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 0, 'opsz' 48;
    min-width: 30px; 
    text-align: left;
    padding: 2px;
    font-size: 16px;
    transition: all 0.4s ease;
}

#profilenav ul li a:hover {
    transform: scale(1.05);
    background: #22222282;
    width: auto; 
    gap: 2px; 
}

/* Конкретные иконки */
#profilenav ul li.view a::before { content: "visibility"; }       
#profilenav ul li.item1 a::before { content: "badge"; }          
#profilenav ul li.item2 a::before { content: "person"; }         
#profilenav ul li.item3 a::before { content: "chat"; }           
#profilenav ul li.item4 a::before { content: "face"; }           
#profilenav ul li.item5 a::before { content: "edit"; }           
#profilenav ul li.item6 a::before { content: "visibility"; }     
#profilenav ul li.item7 a::before { content: "lock"; }           
#profilenav ul li.item8 a::before { content: "settings"; }       
#profilenav ul li.item9 a::before { content: "person_add"; }     
#profilenav ul li.item10 a::before { content: "upload"; }        
#profilenav ul li.item11 a::before { content: "admin_panel_settings"; } 
#profilenav ul li.item12 a::before { content: "account_balance_wallet"; } 
#profilenav ul li.item13 a::before { content: "notifications"; } 

/* Активная ссылка */
#profilenav ul li.isactive a {
    background: #222;
    color: #bacd23;
    border: 1px solid rgba(255, 255, 255, 0.28);
}

/* -- в меню профиля  */
.fs-box p {padding-bottom: 10px;}
#profile fieldset {margin: 20px;}
.punbb img.avatardemo { 
    float: right;
    margin: 0 0 5px 20px;
    max-width: 180px;
    height: auto; 
}

#profile .adfs-box {
    background: #e9e9e9;
    padding: 10px;
    border-radius: 4px;
}
#profile #filetable {border-bottom: 1px solid #d3d3d3 !important;}
#filetable td {padding: 5px;}
#profile p {
    color:#777;
}
#pun-messages #profile p {color:#222}
#profile #setmods {
    display: none;
}

/* подпись */

#profile-signature ul {
    border-top: 1px solid #545454;
    color: #6e6e6e;
}

/* #pun-messages
----------------------------------------------------------------------------*/

#notify-settings {margin: 20px 40px;}
.pmtc33 {color: #888;}
.formal.messages-container .fs-box .inew {font-weight: bold;}
.formal.messages-container {min-height:250px;width: 85%; margin: 0 auto!important;}
.formal.messages-container #messages .fs-box td {padding-bottom: 10px;}

.formal.messages-container .pa-title,
.formal.messages-container .pa-reg,
.formal.messages-container .pa-mrp,
.formal.messages-container .pa-online,
.formal.messages-container .pl-email,
.formal.messages-container .pl-website {display:none;}

.formal.messages-container .pl-quote.pl-reply a::before {content: "reply";}
.formal.messages-container .pl-quote.pl-reply a:hover:after {content: "ответить";}

/* admin
----------------------------------------------------------------------------*/
/* ----------------- Админка не флексит  */
#pun-admain {}
.adminmain {}
.adminmain.post {padding-left: 180px!important;}
#pun-adnav {padding-left: 0!important;}
.adformal {margin-left: 0px!important; }

#pun-debug table .tcl { width: 15%; white-space:normal;}
#pun-debug .tcr {  width: 90%; white-space: normal; }
#pun-debug h2 span, .punbb-admin #pun-admain h2 span { font-size: 12px!important; }
.adformal h2, #pun-adnav h2 {background-color:transparent!important;border: none!important;}
.adcontainer {border: none!important;}

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

/* ?????? */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* маленькие заголовки на страницах админ меню */
.punbb .main h1span , #pun-debug h2 span, .punbb-admin #pun-admain h2 span {
color: #555;
text-align:center;
text-transform:lowercase;
padding:10px;
border:#ccc solid 0px;
margin-bottom: 10px;}

.punbb-admin #pun-admain legend span {
    background-color: #fff;
    font-size: 10px!important;
    color: #555;
    text-align: right;
    padding: 2px;
    border-radius: 3px;
  }

/* .info-box
----------------------------------------------------------------------------*/
.punbb .info-box {
  padding: 10px 17px;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 10px 0;
  }
.punbb .info-box * { padding: 0 0 7px 0; }
.punbb #pun-main .info-box .legend {}


/* other
----------------------------------------------------------------------------*/
/* страница подарков */
#awards-content tr {width: 700px;margin-left: 150px;margin-right: 150px; background-color: #fbfbfb;font-size: 10px;}
#awards-content td.tc2:before {display:none;}
#awards-content tbody td.tc2:before {display:none;}
#pun-mod .container #awards-content td { padding:10px;text-align: center; width: 25%;}

/* ---------- Таблицы??  */
.post-content table td {text-align: justify;}

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


/* сообщения-инфо*/
.punbb .info .container {padding: 8px 10px;}
.punbb .info .container .backlink {padding-top: 8px;}

/* ???? */
.punbb .inline .inputfield, 
.punbb .inline .selectfield, 
.punbb .inline .passfield {float: left;margin-right: 10px;}
.punbb .inline .infofield {clear:both;}
.punbb .datafield br { display: none;}
.punbb .required label, .punbb .datafield span.input {font-weight: normal;}
.punbb .datafield span.input a {font-weight: normal;}
.punbb .areafield span.input, 
.punbb p.longinput span.input { display: block; padding: 0 4em 0 0; height: 100%; /* IE */}
.punbb textarea, .punbb .longinput input {width: 64%; margin: 0;}
.punbb .hashelp {position: relative;}


/*************************************************************
OTHER THAN MAIN CONTENT
**************************************************************/


/* Навигация (меню)
-------------------------------------------------------------*/
#pun-navlinks {
    position: relative;
    width: 100%;
    margin-top: 50px;
}

#pun-navlinks .container {
  margin: 0 auto;
  position: absolute;
    text-align: center;
    width: 98%;
    padding: 1%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap:10px;
    margin-top: -50px;
    background: #d7d7d7;
}
#pun-navlinks .container li a {
    font-size: 10px;
    text-transform: uppercase;
    color: #272825;
    font-weight: bold;
}
#pun-navlinks .container li a:hover {color: #686868;}

/* Пользовательское меню
-------------------------------------------------------------*/

#pun-ulinks  {
  margin-top: -10px;
  margin-bottom: 20px;
  }

#pun-ulinks .container {
  width: 100%; 
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row;
  padding: 5px 0!important;
  gap:5px;
  }

#pun-ulinks li {
  float: left;
  padding: 1px;    
  height: 10px;
  }

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


#pun-ulinks li a {
  font-size: 10px;
  text-transform: lowercase;
  background: #e1e1e1;
  border: 1px solid #d5d5d5;
  padding: 1px 3px;
  border-radius: 6px;
  color: #8f8f8f;
  }
  #pun-ulinks li a:hover {color: #686868;}

/* Строка приветствия
-------------------------------------------------------------*/
#pun-index #pun-status {    
    position: relative;
    margin-bottom: -20px;
}
#pun-status .container {
    text-transform: lowercase;
    text-align: left;
    margin-left: 40px;
    width: fit-content;
    color: #747474;
    overflow: visible;
    height: 35px;
  }
#pun-status .container .item1 strong {
    font-weight: bold;
    color: #5a5a5a;
}
#pun-status .container span.item3 {    
    display: inline;
    color: #999;
    font-size: 10px;
    position: absolute;
    right: 40px;
}
#pun-status .container span.item3 a {   
    color: #5a5a5a;
}
#pun-status .status-right {float: none!important;display:none;}
#pun-status .container span.item2 {}
#pun-status .container span.item2 strong {font-weight: bold;}


/* ------------------ полоска форум-темы-тема */

#pun-crumbs1,
#pun-crumbs2 {
  background: #d7d7d7;
  padding: 6px 12px;
  margin: 10px 0;
  text-transform: lowercase;
}

#pun-index #pun-crumbs1,
#pun-index #pun-crumbs2 {
    display:none;
}

#pun-crumbs1 .crumbs,
#pun-crumbs2 .crumbs {
  font-size: 12px;
  color: #999;
  text-align: center;
}

@media (max-width: 1000px) {
#pun-crumbs1 .crumbs,
#pun-crumbs2 .crumbs {
  font-size: 12px;
  color: #999;
  text-align: left;
}
}

.crumbs a {
  text-decoration: none;
  color: #1a2b3c; /* основной текст */
  padding: 0 6px;
}

.crumbs em {
  display: inline-block;
  font-style: normal;
  font-size: 0px;
}

.crumbs em::after {
  content: "\2726"; 
  font-weight: bold;
  color: #999;
  font-size: 11px!important;
    margin: 0 4px;
}


#pun-crumbs1 a,
#pun-crumbs2 a {
  color: #111;
  text-decoration: none;
}

#pun-crumbs1 a:hover,
#pun-crumbs2 a:hover{
  color: #333;
}  


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

/* Объявление 
-------------------------------------------------------------*/

#pun-announcement h2 {display:none; }


/* Статистика, онлайн
-------------------------------------------------------------*/
li#onlinelist {
  text-transform: lowercase;
  margin-top: 10px;
  float: left;
  width: 100%;
  text-align: justify;
  }

div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 0px;
  }
  
#pun-about > p > span.item1 {
    display: block;
    text-align: center;
    margin: 10px 0;
    font-size: 9px;
    text-transform: lowercase;
    color: #999;
}
#pun-about a {color: #999;}

/* статистика */
.statscon {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
#pun-stats .container {
    width: 100%;
    text-align: center;
    padding: 30px;
    font-size: 11px;
    color: #3e3e3e;
    border-radius: 4px;
    margin: 5px 40px;
    background: #edecec;
    overflow: visible;
}

#pun-stats .statscon .item1,
#pun-stats .statscon .item2,
#pun-stats .statscon .item3,
#pun-stats .statscon .item4 {
    display: inline-block;
    background: rgba(34, 34, 34, 0.1);
    padding: 5px;
    margin: 0 5px 5px 0;
    border-radius: 4px;
    font-size: 9px!important;
}
    
    #pun-stats h2 { 
        background: url();        
        height: 20px;
        width: 100%;  
        font-size: 0!important;
        background-position: center;
        background-repeat: no-repeat;
}

/* страница активны */
.online-list .container {
    padding:10px;
}
.online-list table {
    width: 100%;
    border-collapse: collapse;
    font-size: 10px;
    color: #444;
}

.online-list table .tcl.username {width: 30%!important;}
.online-list table .tcl.action {}
.online-list table .tc3 {width: 15%;}

.online-list td {
    padding: 8px 12px;
    border-bottom: 1px solid #d9d4d4; 
    vertical-align: middle;
}
/*.online-list a {
    color: #a35454;
    text-decoration: none;
    transition: color 0.2s;
}
.online-list a:hover {
    color: #e7e7e7;
}
*/

/* Форма ответа на отдельной странице #pun-edit
-------------------------------------------------------------*/

/*#post { margin: 0; padding: 0; }
#post fieldset  { border: none; }
#post legend, #post legend span {display: none;}

#post .formsubmit {
  padding: 0 1.5em 1.4em 2.5em;
  margin: 0 !important; }

#post .fs-box.hashelp, #post .fs-box .areafield {padding-bottom: 0; }

#post #main-reply {
  width: 99.5%;
  width: calc(100% - 6px);
  }*/
  
/*  Форма ответа на отдельной странице уважения #pun-respect
позитива #pun-positive 
-------------------------------------------------------------*/
  
#pun-respect .main.multipage .container,
#pun-positive .main.multipage .container{
    padding:10px;
}
#pun-respect .main.multipage table,
#pun-positive .main.multipage table {
    width: 100%;
    border-collapse: collapse;
    font-size: 10px;
    color: #444;
}

#pun-respect .main.multipage table .tcl {width: 20%;}
#pun-respect .main.multipage table .tc2 {width: 5%!;}
#pun-respect .main.multipage table .tc3 {width: 20%;}
#pun-respect .main.multipage table .tc3.tc4 {width: 40%;}
#pun-respect .main.multipage table .tcr {width: 15%;}
#pun-positive .main.multipage table .tcl {width: 20%;}
#pun-positive .main.multipage table .tc2 {width: 5%!;}
#pun-positive .main.multipage table .tc3 {width: 20%;}
#pun-positive .main.multipage table .tc3.tc4 {width: 40%;}
#pun-positive .main.multipage table .tcr {width: 15%;}

#pun-respect .main.multipage td,
#pun-positive .main.multipage td {
    padding: 8px 12px;
    border-bottom: 1px solid #d9d4d4; 
    vertical-align: middle;
}  
  
  
/* Модальные окна русфф
-------------------------------------------------------------*/
/* перемещение сообщений */
#move_posts_form .container { margin-top: 0px!important;}
#move_posts_form h2 span {display: block!important;}
#move_posts_form thead tr, #move_posts_form tbody tr {
    display: flex!important;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: auto;
    margin-bottom:10px;
}
#move_posts_form .tcl, #move_posts_form .tc2 {
    padding:0;
    margin:0;
}

.pun-modal .container {max-height: 60em!important;}

.pun-modal h2 {
    padding: 5px !important;
    font-weight: bold!important;
}

.pun-modal h2 span { 
    width: auto!important;
    padding: 0px!important;
}
.pun-modal .closer {
    border:none!important;
    color:#fff!important;
    color: #353535!important;
}
.pun-modal .modal-inner {
    max-height: 0em!important; 
    overflow: unset!important; 
    background: #ddd;}
    
.pun-modal .modal-inner .container {
    padding: 15px;
}
.pun-modal .modal-inner .container table td {padding-bottom: 5px;}
/*  */
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, .pun-modal.move_posts_form .container, .modal-inner.section .container, .modal-inner.section h2 {background-color:#ddd;}
#pun-reputation .inner .tcl {width: 10%;}

.pun-modal {position:fixed; width:100%; height:100%; top:0; left:0; bottom:0; z-index:100000}
.pun-modal .modal-bg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); cursor:pointer; z-index:110000}
.pun-modal .modal-inner {width:700px; max-width:94%; height:auto; max-height:44em; max-height:62vh; margin:12% auto 0; margin-top:20vh; box-shadow:0 0 14px rgba(0,0,0,.3); position:relative; z-index:120000; overflow:hidden}
.pun-modal h2,.pun-modal h1 {max-width:700px; margin:0!important}
.pun-modal .container {padding:.6em 1em; max-height:40em; max-height:54vh; overflow:auto}
.pun-modal .container .container {max-height:unset}
.pun-modal .closer {position:absolute; font-size:1.5em!important; line-height:.8em; right:.4em; padding:.3em!important; margin:-.3em!important; cursor:pointer; background:none 0 transparent!important}


/** Font icons font-family: "mybb";
---------------------------------------------------------------*/
i[class^="icons-"]:before, i[class*=" icons-"]:before, .i[class*=" icons-"]:before, .i[class^="icons-"] {
  font-family: 'Phosphor';
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icons-search:before { content: '\e095'; }
.icons-font:before { content: '\e800'; } 
.icons-size:before { content: '\e801'; } 
.icons-video:before { content: '\e802'; } 
.icons-image:before { content: '\e803'; } 
.icons-plus:before { content: '\e804'; } 
.icons-cancel:before { content: '\e805'; } 
.icons-minus:before { content: '\e806'; }
.icons-star:before { content: '\e807'; } 
.icons-cog:before { content: '\e808'; } 
.icons-play:before { content: '\e809'; } 
.icons-pause:before { content: '\e80a'; } 
.icons-fast-fw:before { content: '\e80b'; } 
.icons-fast-bw:before { content: '\e80c'; } 
.icons-code:before { content: '\e80d'; } 
.icons-table:before { content: '\e80e'; } 
.icons-spoiler:before { content: '\e80f'; } 
.icons-calendar:before { content: '\e810'; } 
.icons-pencil:before { content: '\e3ae'; } 
.icons-hide:before { content: '\e812'; } 
.icons-list:before { content: '\e813'; } 
.icons-indent-left:before { content: '\e814'; } 
.icons-indent-right:before { content: '\e815'; } 
.icons-trash-empty:before { content: '\e816'; } 
.icons-off:before { content: '\e817'; }
.icons-heart:before { content: '\e818'; }
.icons-user:before { content: '\e819'; } 
.icons-left:before { content: '\e81a'; } 
.icons-center:before { content: '\e81b'; } 
.icons-right:before { content: '\e81c'; } 
.icons-italic:before { content: '\e81d'; } 
.icons-bold:before { content: '\e81e'; } 
.icons-comment:before { content: '\e81f'; }
.icons-resize-full:before { content: '\e820'; }
.icons-resize-small:before { content: '\e821'; } 
.icons-quote:before { content: '\e822'; } 
.icons-share:before { content: '\e823'; } 
.icons-smile:before { content: '\e824'; } 
.icons-youtube:before { content: '\e825'; } 
.icons-link:before { content: '\e826'; } 
.icons-volume-off:before { content: '\e827'; } 
.icons-volume-down:before { content: '\e828'; } 
.icons-volume:before { content: '\e829'; } 
.icons-volume-up:before { content: '\e82a'; }
.icons-addition:before { content: '\e82b'; } 
.icons-infinity:before { content: '\e82c'; } 
.icons-facebook:before { content: '\f09a'; } 
.icons-strike:before { content: '\f0cc'; } 
.icons-underline:before { content: '\f0cd'; }
.icons-mail:before { content: '\f0e0'; } 
.icons-keyboard:before { content: '\f11c'; } 
.icons-help:before { content: '\f128'; } 
.icons-vkontakte:before { content: '\f189'; } 
.icons-color:before { content: '\f1fb'; } 
.icons-odnoklassniki:before { content: '\f263'; } 
.icons-vimeo:before { content: '\f27d'; } 
.icons-cancel-outline:before { content: '\e82d'; } 
.icons-ok-outline:before { content: '\e82e'; } 


/*************************************************************
Скрипты и формы в посты
**************************************************************/

/*Быстроплюсы для Топика!
div .post-rating p a {
    text-align: center;
    outline: 1px solid transparent;
    background: url(https://forumstatic.ru/files/001a/fc/23/26514.svg) no-repeat center;
     background-size:36px auto;
     position:relative;
    z-index:100;
    width: 36px;
    height: 36px;
    text-align:center;
    font-size: 10px !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    letter-spacing: 0px;
}
.noNull:before, div .post-rating p a:before {content: "";
    display: inline-block;
    margin-left: -1px;
    font-size: 10px;
    letter-spacing: 0!important;
}   */
/* конец плюсы */



/* форма ответа кнопки
--------------------------*/
 #form-buttons table, 
 .punbb .formal textarea {
     width:100%!important;
 }
#form-buttons table {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 15px 0px 10px;
}

#form-buttons td {
    padding:0 !important; 
    line-height:100%; 
    border:0!important; 
    cursor:pointer;
    width: 30px;
    min-height: 30px;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-right: 0px;
}

#form-buttons td img {
    /*width: 0px!important;
    height: 0px!important;*/
}

#button-font,
#button-transL,
#button-size,
#button-spoiler,
#button-bold,
#button-italic,
#button-underline,
#button-strike,
#button-indent,
#button-left,
#button-center,
#button-right,
#button-link,
#button-spoiler,
#button-image,
#button-image2,
#button-video,
#button-hide,
#button-quote,
#button-code,
#button-color,
#button-smile,
#button-sticker,
#button-keyboard,
#button-table,
#button-addition,
#button-ep,
#button-mask{
	position: relative !important;
	background: none !important;
}

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

td[id^="button-"]::before,
#pun-admin_forums td[id^="button-"]::before {
    font-family: "Material Symbols Rounded";
    font-size: 16px;
    display: block;
    position: absolute;
    pointer-events: none;
    color: #666;
    transition: transform 0.2s ease, color 0.2s ease;
    user-select: none;
    line-height: 100%;
    background: #ededed;
    border: 1px solid #d5d5d5;
    padding: 3px;
    border-radius: 6px;
}
td[id^="button-"]:hover::before {
  transform: translateY(-2px);
  color: #bacd23;
}

td#button-font::before {
  content: "brand_family";
}
td#button-transL::before {
  content: "language_chinese_array";
}
td#button-size::before {
  content: "text_fields";
}
td#button-spoiler::before {
  content: "stat_minus_1";
}
td#button-bold::before {
  content: "format_bold";
}
td#button-italic::before {
  content: "format_italic";
}
td#button-underline::before {
  content: "format_underlined";
}
td#button-strike::before {
  content: "strikethrough_s";
}
td#button-indent::before {
  content: "format_indent_increase";
}
td#button-left::before {
  content: "format_align_left";
}
td#button-center::before {
  content: "format_align_center";
}
td#button-right::before {
  content: "format_align_right";
}
td#button-link::before {
  content: "link";
}
td#button-spoiler::before {
  content: "stat_minus_1";
}
td#button-image::before {
  content: "image_arrow_up";
}
td#button-image2::before {
  content: "wallpaper";
}
td#button-video::before {
  content: "videocam";
}
td#button-hide::before {
  content: "lock";
}
td#button-quote::before {
  content: "format_quote";
}
td#button-code::before {
  content: "code";
}
td#button-color::before {
  content: "palette";
}
td#button-smile::before {
  content: "mood";
}
td#button-sticker::before {
  content: "mood";
}
td#button-keyboard::before {
  content: "keyboard";
}
td#button-table::before {
  content: "table_chart";
}
td#button-addition::before {
  content: "add";
}
td#button-mask::before {
  content: "supervised_user_circle";
}
td#button-ep::before {
  content: "supervised_user_circle";
}

#main-reply {
    width: -moz-available; 
    width: -webkit-fill-available; 
}


.punbb .formal span.input {padding-right:0 !important}
#formkey, #formetc {display:none}
#color-area, #table-area, #keyboard-area {width:auto}
#keyboard-area {text-align:center; padding-bottom:4px}
#imageup-area {width:170px}
#imageattach-area {width:770px; height:200px; padding:0px !important}
#smilies-area, #video-area, #spoiler-area {width:450px}
#image-area {width:550px!important}
#color-area * {border:0}
#color-area table {width:320px; height:20px; padding:0; margin:0}
#table-area table {width:auto !important; padding:0; margin:0; border-collapse:collapse}
#table-area div {margin-top:1em; text-align:center}
#table-layout {margin-right:0.5em}
#table-area td {background-color:#fff; width:20px; height:20px; border-width:1px !important; border-style:solid !important; border-color:#dadada !important}
#table-area td.selected {background-color:#c8c8ff}
#color-area td, #table-area td {margin:0; padding:0; line-height:0}
#color-area td img, #table-area td img {width:20px; height:20px; cursor:pointer !important}
#font-area, #size-area {right: unset !important;}
#font-area div, #size-area div, #color-area div, #table-area div, #addition-area div, #smilies-area div a, #smilies-area img {cursor:pointer !important}
#font-area span, #font-area img, #size-area span, #size-area img {display:block; position:relative; top:0; left:0}
#font-area span, #font-area img {height:15px}
#size-area span, #size-area img {height:24px}
#font-area span, #size-area span {padding:1px 0}
#addition-area div {height:24px; vertical-align:middle}
#font-area img {width:100%; margin-top:-15px}
#size-area img {width:100%; margin-top:-24px}
#keyboard-span {text-align:center; padding-bottom:10px; width:auto}
#keyboard-span input {font-family:Arial, Helvetica, sans-serif; font-weight:300; font-size:13px; color:#666; background-color:#fff; margin:1px 1px 0 0; border:1px solid #ddd; cursor:pointer; height:25px; min-width:30px}
#imageup-area input {font-size:0.8em}
#imageup-area p {padding:0; margin:0}
#imageup-title {margin-bottom:10px !important}
#imageup-submit {margin-top:10px !important}

/*---------------------------------- смена акков -------------------------------------*/
/************************* 
Стиль для Быстрой смены аккаунтов 
Deff 
*************************/ 
/*Cкрытие формы входа без клика*/ 
#pun-navlinks a:not(.NextShow)+span.odd{ 
display:none!important; 
}
#pun-navlinks #New-exit img{ 
position:absolute; 
margin: 0; 
width:20px; 
height:auto;
opacity:.79;
}
#pun-navlinks #New-exit:hover{
 opacity: .4;
}
/*Стиль доп-иконки Выход!*/ 
.punbb #pun-navlinks a#New-exit {
  position:absolute;
  z-index:100000!important;
  margin-top: 1px !important;
  margin-left: 5px !important;
  float: none !important;
  top: 5px;
}
.punbb #pun-navlinks a#New-exit:before {
    content:none;
}
.punbb #pun-navlinks #form-login input{
text-align: center;
text-rendering: auto; 
} 
.punbb #form-login #fld1,#form-login #fld2{ 
background-color: #dddddd; 
} 
.punbb #pun-navlinks #form-login input[type="submit"]{margin-top: 10px;} 
/*Стиль формы входа*/ 
.punbb #pun-navlinks #form-login {
display: block;
color: #dddddd;
text-transform: none; 
position:absolute!important; 
left:0px;
top: 20px; 
z-index:100000!important; 
padding:7px 12px; 
background: rgb(39 40 37 / 75%) no-repeat 50% 138px;
background-size:36px auto;
border-color: #545567; /* Цвет границы */ 
border-style: solid; /* Стиль границы */ 
border-width: 1px 1px 1px 1px; /* Толщина границы */ 
border-radius:0 0 6px 6px; 
text-align: center; 
} 
#pun-navlinks #navlogin #form-login { 
 margin-left: -21px;/*Подвижки формы влево от вход*/ 
} 
#pun-navlinks #navlogout #form-login { 
 margin-left:  -21px;/*Подвижки формы влево от выход*/ 
} 
.ismoderator #pun-navlinks #navlogout #form-login {
  margin-left:  -21px!important;/*Подвижки формы влево от выход для АМС*/
} 
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */ 
#pun-navlinks #form-login input[value="Войти"]+p{ 
margin-bottom: 11px; 
margin-top: 11px; 
} 
.punbb #pun-navlinks #form-login a.Rega, 
.punbb #pun-navlinks #form-login a.Forgot{ 
position:relative;
text-transform: none!important; 
z-index:20;
/*text-shadow:none;*/
color: #EFF4F2!important;
cursor:pointer; 
letter-spacing: .5px!important;
}
.punbb #pun-navlinks #form-login a.Rega:before, 
.punbb #pun-navlinks #form-login a.Forgot:before{
  content:none;
}
/* Помечаем красным незаполненные поля!*/ 
#form-login input.none{ 
outline:red dashed 2px!important; 
} 
/*Форма слево(с Никами) */ 
#List-UserNames { 
position:absolute; 
margin-top:-8px; 
min-height:90px; 
width:220px; 
right:100%; 
padding: 12px 19px 12px 17px; 
background: rgb(39 40 37 / 75%) no-repeat 50% 138px;
border-color: #545567; /* Цвет границы */ 
border-style: solid; /* Стиль границы */
border-width: 1px 1px 1px 1px; /* Толщина границы */ 
border-radius:0 0 0px 6px;
text-align:center; 
} 
/*Стиль контейнера под список Ников*/ 
.punbb #List-UserNames ul{
padding:0;
overflow:hidden; 
overflow-y:auto; 
min-height:36px; 
max-height:72px;/*Видимое число Ников без прокрутки! сейчас - 4*/ 
} 
.punbb #List-UserNames li {
display: block!important;
position: relative;
background: #272825;
text-align: left;
padding-left: 5px!important;
margin: 1px auto!important;
padding: 2px 0;
border-radius: 4px;
transition: .33s;
}
.punbb #List-UserNames li:hover{ 
opacity:.84; 
} 
/*Стиль Ников*/ 
.punbb #List-UserNames li>b{ 
cursor: pointer;
opacity: .9;
color: #FFFFFF;
font-weight: normal;
} 
.punbb #List-UserNames li>b:hover{ 
opacity:.93; 
} 
/*Скролл контейнера с никами*/ 
#List-UserNames ul::-webkit-scrollbar { 
width: 7px; 
height: 5px; 
} 
#List-UserNames ul::-webkit-scrollbar-track { 
background-color: #919190; 
border: 1px solid #919190; 
box-shadow: none; 
} 
#List-UserNames ul::-webkit-scrollbar-thumb { 
background-color: #bdbdbc; 
border: 2px solid #888887; 
box-shadow: none; 
} 
/*Кнопки Удалить (правее ников)*/ 
#List-UserNames ul li>span { 
display:inline-block; 
padding:0 3px; 
position:absolute; 
opacity:.88; 
cursor:pointer; 
top:0;bottom:0; 
right:2px; 
color:#fff; 
text-shadow:1px 1px 1px rgba(0,0,0,.6); 
} 
/*Текст при отсутствии запомненных Ников!*/ 
#List-UserNames ul:empty:before{ 
display:inline-block; 
content: "У Вас нет запомненных ников, введенных через форму справо, или через перенос ниже!"; 
} 
/*Кнопка выход-2*/ 
#navlogin #exit-2 { 
display:none; 
} 
#navlogin #form-login, 
#navlogout .Rega, 
#navlogout .Forgot { 
background-image:none!important;
display:none; 
} 
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/ 
#List-UserNames ul+span{ 
display:inline-block; 
padding:6px 0 8px 0; 
text-align:left; 
} 
/*Сам инпут*/ 
.punbb #List-UserNames input { 
background: rgb(250, 255, 189);
border: 1px solid #333!important; 
border-radius: 6px; 
text-shadow: none!important; 
color:#282828!important;
background-color: #C5C3C3;
margin-top: 9px; 
padding: 2px !important; 
vertical-align: middle; 
} 
/*Стрелочки к инпуту*/ 
#List-UserNames ul+span b{ 
padding:0 3px; 
color: #E7EAF0;
} 
/*Кликалка слево, чуть выше инпута*/ 
#List-UserNames .a1-copy{ 
display:inline-block!important; 
cursor:pointer; 
float:left; 
} 
/*Кликалка справо*/ 
#List-UserNames .a1-paste{ 
cursor:pointer; 
display:inline-block!important; 
float:right; 
} 
/*Подсказки на кликалках*/ 
.tipsy.a11 { 
margin-top:-22px!important; 
margin-left: 148px!important; 
max-width:170px; 
} 
/************************* 
//Конец Стиля для Быстрой смены аккаунтов 
*************************/

/*================================ Шаблоны тем =================================*/
/* внешки */
.characters-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.characters-section {
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #f8f9facf;
    box-shadow:0 4px 12px rgba(0,0,0,0.12);
    position: relative;
}
.characters-section p {
width: calc(100% - 40px);
position: absolute;
display: block;
padding:0!important;
text-align:center;
top:-20px;
font-size:20px;
color:#fff;
font-weight:bold;
text-shadow:0 4px 12px rgba(0,0,0,0.12);
}

.characters-column {
    flex: 1;
}

.characters-subtitle {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 15px;
    color: #bacd23;
    border-bottom: 2px solid #dddddd;
    padding-bottom: 5px;
}

.characters-list { 
line-height:150%;
    height:150px;
    overflow:auto;
}

.characters-list strong {
   color: #999;
}

@media (max-width: 768px) {
    .characters-section {
        flex-direction: column;
        gap: 20px;
    }
}

/* биржа */
.labor-wrapper {
    width: 100%;
    margin: 0 auto;
    color: #555; 
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.labor-tab {
    background: #fdfdfdcf;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    margin-bottom: 8px;
    overflow: auto;
    max-height:250px;
}
.labor-tab > summary {
    cursor: pointer;
    padding: 10px 14px;
    font-weight: bold;
    user-select: none;
    list-style: none;
}
.labor-tab > div {
    padding: 10px 14px;
    border-top: 1px solid #eee;
    overflow: auto;
    max-height: 194px;
}
.labor-tab li {
    margin: 4px 0;
}
.labor-tab a {
}
.labor-subgroup {
    margin-top: 6px;
}
.labor-subgroup > summary {
    font-weight: normal;
    font-size: 14px;
    cursor: pointer;
}
.labor-subgroup > div {
    padding-left: 12px;
}

.labor-tab ::marker {
 color:transparent;
}
.labor-tab > summary::before {
    content: "\2726";
    display: inline-block;
    margin-right: 8px;
    transition: transform 0.2s;
}
.labor-tab[open] > summary::before {
    transform: rotate(90deg);
}
.labor-subgroup > summary::before {
    content: "\2726"; 
    display: inline-block;
    margin-right: 6px;
    transition: transform 0.2s;
}
.labor-subgroup[open] > summary::before {
    transform: rotate(90deg);
}
.labor_ps {
  font-size: 12px;
  margin-top:10px;
  display:block;
  padding:5px;
  background: #fdfdfd;
border-radius: 4px;
  text-align:center;
  font-weight:bold; 
  color: #333;
  text-shadow: 0 2px 6px rgba(255,255,255,0.9);
}

/*банк*/
.bank-container {
    width: 100%;
    margin: 0 auto!important;
    padding: 20px!important;
    color: #333;
    box-sizing: border-box;
}
.balance-input {
    margin-bottom: 30px!important;
    text-align: center;
}
.balance-input label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    color: #333;
}
.balance-input input {
    padding: 2px 5px;
    border: 1px solid #555;
    border-radius: 4px;
    font-size: 14px;
    width: 100px;
    text-align: center;
    color: #333;
}
.bank-sections {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 30px;
}
.bank-section {
    border: 1px solid #ecf0f1;
    border-radius: 8px;
    padding: 5px 10px;
    background: #f8f9fa;
}
.bank-section h3 {
    margin-top: 0;
    margin-bottom: 15px;
    color: #2c3e50;
    text-align: center;
}
.services-list {
    max-height: 400px;
    overflow-y: auto;
    padding: 5px;
}
.service-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    margin-bottom: 8px;
    background: white;
    border-radius: 4px;
    transition: all 0.2s ease;
    font-size: 11px;
}
.service-item span {
    flex: 1;
    margin-right: 10px;
}
.add-service {
    cursor: pointer;
    font-weight: bold;
    transition: background 0.2s ease;
}
.add-service:hover {
    background: #219a52;
}
.cart-section {
    border-top: 5px dotted #ddd;
    padding-top: 10px;
}
.cart-section h3 {
    margin-bottom: 5px;
    color: #333;
}
.operations-list {
    min-height: 10px;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    padding: 10px;
    background: white;
    margin-bottom: 20px;
}

.operation-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    margin-bottom: 8px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 4px;
}

.operation-item.positive {}
.operation-item.negative {}
.operation-item.neutral {}
.operation-info {flex: 1;}
.operation-price {
    font-weight: bold;
    margin-left: 15px;
}
.operation-price.positive {
    color: #898d1b;
}
.operation-price.negative {
    color: #914c48;
}

.operation-price.neutral {
    color: #888;
}

.remove-operation {
    border: none;
    padding: 4px 8px;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 10px;
    font-size: 12px;
}

.post-link-input {
    width: 100%;
    padding: 6px;
    border: 1px solid #bdc3c7;
    border-radius: 3px;
    margin-top: 5px;
    font-size: 12px;
}

.empty-cart {
    text-align: center;
    color: #777;
    font-style: italic;
    padding: 20px;
}

.summary {
    background: white;
    padding: 20px;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    margin-bottom: 20px;
}

.total-line, .final-balance {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #ecf0f1;
}

.final-balance {
    border-bottom: none;
    font-size: 12px;
}

.actions {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-bottom: 20px;
}

.actions button {
    padding: 12px 24px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.2s ease;
}

#calculateBtn {
    background: #ccc;
    color: white;
}

#calculateBtn:hover {
    background: #999;border: none;
}

#checkoutBtn {
    background: #bacd23;
    color: #222;
    font-size:12px;
}

#checkoutBtn:hover {
    background: #333;border: none;
}

#clearBtn {
    background: #ddd;
    color: #444;
}

#clearBtn:hover {
    background: #999;border: none;
}

.receipt {
    display: none;
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    padding: 20px;
    margin-top: 20px;
    font-family: 'Courier New', monospace;
}

.receipt.active {
    display: block;
}

.receipt-header {
    text-align: center;
    border-bottom: 5px dotted #ddd;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.receipt-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px dotted #ccc;
}

.receipt-total {
    border-top: 2px solid #333;
    margin-top: 15px;
    padding-top: 10px;
    font-weight: bold;
}

.receipt-footer {
    text-align: center;
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
    font-style: italic;
    color: #333;
    user-select: none;
}

.message {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 12px 20px;
    border-radius: 4px;
    color: white;
    font-weight: bold;
    z-index: 1000;
    animation: slideIn 0.3s ease;
    background: #222;
}

.message.success {}

.message.error {}

@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* ------------ магазин оформ ----------*/
/* Основные стили магазина */
.store-wrapper {
  width: 100%;
  display: flex;
  gap: 20px;
  margin: 0 auto!important;
  box-sizing: border-box;
}
/* магазин справа */
.shop-area {
  position: relative;
  flex: 1;
  width: 488px;
  height: 550px;
  padding: 10px;
  background: #ddd;
  border-radius: 6px;
  display: grid; 
  grid-template-rows: 160px 100px 270px; 
  gap: 10px 10px; 
  grid-template-areas: 
    "sets sets"
    "icons pl"
    "bgimg pl"; 
}
/* Заголовок наборов */
.sets-title {
    text-align: center;
    font-weight: 700;
    font-size: 11px;
    padding: 5px;
    text-transform: uppercase;
    height: auto;
    position: absolute;
    top: 5px;
    left: 10px;
}

/* Блок наборов */
.sets-block {
    grid-area: sets;
    position: absolute;
    width: 100%;
    height: 135px;
    box-sizing: border-box;
    top: 20px;
    display: flex;
    align-items: center;
    overflow-x: auto;
    gap: 10px;
    background: #222;
    border-radius: 4px;
    padding: 5px;
}
.sets-block::-webkit-scrollbar {
    height: 7px;
}
.sets-block::-webkit-scrollbar-thumb {
    background: #bacd23;
}

/* Элемент набора */
.set-item {
    height: 111px;
    width: 180px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    flex-shrink: 0;
}
.set-item img:first-child {
    width: 180px;
    height: 70px;
    border-radius: 5px;
    object-fit: cover;
}
.set-item img:nth-child(2) {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    object-fit: cover;
    box-sizing: content-box;
    padding: 3px;
    background: rgba(180, 180, 180, 1);
    position: absolute;
    top: 61px;
    z-index: 5;
    left: 50%;
    transform: translatex(-50%);
}

/* Блок иконок */
.icons-block {overflow-y: auto;
    grid-area: icons;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    padding: 5px;box-sizing: border-box;
}
.icons-container {
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: center;
    gap: 10px;
}
.icons-container img {
    width: 22px;
    height: 22px;
    border-radius: 5px;
    object-fit: cover;
    box-sizing: content-box;
    padding: 5px;
    background: rgba(35, 37, 40, 0.05);
    border-radius: 50%;
}

/* Блок плашек */
.plaques-block {overflow-y: auto;
    grid-area: pl;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    padding: 10px 25px;
    box-sizing: border-box;
}
.plaques-container {
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    gap: 7px;
   width: 205px;
}
 .plaques-container .plaque {border-radius:4px!important:}

/* Блок фонов */
.bgs-block {overflow-y: auto;
    grid-area: bgimg;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    padding: 10px;box-sizing: border-box;
}
.bgs-container {
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: center;
    gap: 5px;
}
.bgs-container img {
    width: 100px;
    height: 100px;
    border-radius: 4px;
    object-fit: cover;
}

.plaque p {
    margin: 0 !important;
}

.post-author-store {
    position: relative;
    width: 240px;
    background: #e9e9e9;
    border-radius: 4px;
    padding: 0;
    margin: 0px;
    border: 0px solid #f0f0f0;
    display: flex;
    flex-direction: column;
    height: fit-content; 
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.03);
}
.post-author-store > ul  {
    padding: 0px!important;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background: linear-gradient(to bottom, rgba(233, 233, 233, 0) 100px, rgba(233, 233, 233, 1) 200px), url(https://forumstatic.ru/files/0018/37/c7/39642.png) no-repeat center top / cover;
    background-size: 100%;
    border-radius: 4px;
    list-style: none!important;
}
.post-author-store > ul li {list-style: none!important;}
.post-author-store li.pa-nasl {
    display: flex; 
    gap: 3px;
    flex-direction: column; 
    align-items: center;
    margin: 30px auto 5px; 
    padding: 10px 0 0; 
    z-index:8; 
    width: 86%;
    background: rgba(255, 255, 255, 0.05);  
    backdrop-filter: grayscale(1) blur(1px);  
    -webkit-backdrop-filter: grayscale(1) blur(1px);
    border: 1px solid rgba(255, 255, 255, 0.2);  
    border-radius: 12px;  
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
    animation: glassBreath 6s infinite alternate;  
    box-sizing: border-box;
}
.post-author-store .pa-mrp {
    display: flex;
    gap: 15px;
    width: 100%;
    justify-content: center;
    padding: 0px 5px 15px;
    margin: 0px auto 10px;
    box-sizing: border-box;
    font-size: 10px;
    color: #b5b5b5;
}
.post-author-store li.pa-fld4 { margin: 0px auto!important; }
.cost-container {
      display: flex;
      width: 100%;
      gap: 5px;
      padding: 10px;
    }
.cost-column {
      width: 33%;
      padding: 10px;
    }
.cost-column-title {
      font-size: 12px;
      color: #333;
      text-align: center;
    }
.cost-column-price {
      font-size: 11px;
      color: #333;
      text-align: center;
    }
button.collect-btn {
    display: block;
    position: absolute;
    margin: 5px auto;
    padding: 3px 10px;
    font-size: 11px;
    border-radius: 4px;
    cursor: pointer;
    bottom: 0px;
    left: 5px;
}
.shop-area .shop-item {
  transition: all 0.2s ease;
}
.shop-area .shop-item:hover {
  opacity:0.8;
   background: #222;
  cursor:pointer;
}
.shop-area .shop-item.active {
  background: #fff;
  opacity:0.8;
}

/* ---- стикеры */
/* Сам стикер */
.sticker {
  display: block;
  width: 80px;        /* размер стикера */
  height: auto;
  pointer-events: auto;
  filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.5)); 
  transition: transform 0.3s ease; 
  cursor: grab;
  user-select: none;
}

.sticker:hover {
  animation: shake 1.5s ease;
}

@keyframes shake {
  0% { transform: rotate(0deg); }
  10% { transform: rotate(5deg); }
  20% { transform: rotate(-5deg); }
  30% { transform: rotate(4deg); }
  40% { transform: rotate(-4deg); }
  50% { transform: rotate(2deg); }
  60% { transform: rotate(-2deg); }
  70% { transform: rotate(1deg); }
  80% { transform: rotate(-1deg); }
  90% { transform: rotate(0.5deg); }
  100% { transform: rotate(0deg); }
}

/*================================ Шаблоны тем =================================*/

/* Profile Player © max, the murderer! 
-------------------------------------------------------------*/

/* Перебиваем дефолтные стили на странице профиля */
#pun .profile-audio div,
#pun .profile-audio span {
    padding: 0;
    margin: 0;
    float: none;
}

/* Плеер целиком */
.profile-audio {
    border-radius: 6px;
    padding: 4px 6px !important;
    display: flex !important;
    flex-direction: column;
    gap: 2px;
    width: 165px;
    margin-top: 10px;
}

/* Строка с названием песни и таймингами */
.profile-audio .track-info {
    display: flex !important;
    justify-content: space-between;
    gap: 5px;
    font-size: 8px;
    color: rgba(57 57 57);
    text-align: left;
   width: 165px;
}

/* Строка с таймингами */
.profile-audio .audio-numbers {
    display: flex !important;
    gap: 2px;
}

/* Продолжительность песни */
.profile-audio .duration {
    color: rgba(54 54 54);
}

/* Слэш перед продолжительностью */
.profile-audio .duration::before {
    content: '/';
    margin-right: 2px;
}

/* Блок с треком и кнопками */
.profile-audio .audio-track-family {
    display: flex !important;
    align-items: center;
    gap: 8px;
}

/* Треки песни и громкости */
.profile-audio input {
    -webkit-appearance: none !important;
    appearance: none !important;
    font-size: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: rgba(54 54 54 / .38);
    height: 4px;
    border-radius: 4px;
    width: 100%;
    overflow: hidden;
}

/* Треки при наведении */
.profile-audio input:hover {
    background: rgba(220 220 220 / .38);
    cursor: pointer;
}

/* Заполненная часть трека и точка-ползунок */
.profile-audio input::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 0;
    height: 100%;
    background: rgba(220 220 220 / 1);
    box-shadow: -200px 0 0 200px rgba(220 220 220 / 1);
    box-sizing: content-box;
    transition: background .2s ease,
                border-color .2s ease;
}

/* Точка-ползунок при наведении */
.profile-audio input:hover::-webkit-slider-thumb {
    background: rgba(220 220 220 / 1);
}

/* Строка с кнопками */
.profile-audio .audio-controls {
    display: flex !important;
    gap: 4px;
    align-items: center;
}

/* Кнопки проигрывания и громкости */
.profile-audio .audio-controls > div {
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    cursor: pointer;
}

/* Кнопки при наведении */
.profile-audio .audio-controls > div:hover {
    opacity: .6;
}

/* Проигрывание */
.profile-audio .play {
    background: url('/files/001b/e1/18/58264.svg') no-repeat center center;
   filter: brightness(0.5);
}

/* Пауза */
.profile-audio .play.paused {
    background: url('/files/001b/e1/18/13480.svg') no-repeat center center;
    filter: brightness(0.5);
}

/* Громкость */
.profile-audio .volume {
    background: url('/files/001b/e1/18/55574.svg') no-repeat center center;
    filter: brightness(0.5);
}


/* --------------- Недавние новости --------------- */
.news a.new-news span {
  color: #222!important;
  background: #b8cb23!important;
  transition: all .9s ease;  
}

/* --------------- легенды --------------- */
 .pa_structure  *{box-sizing:border-box;}
  .pa_structure {
    width: 860px;
    height: 510px;
    position: relative;
    background: #414141;
    overflow: hidden;
    border-radius: 8px;
    margin: 0 auto;
  }
  .pa_structure > input[type="radio"] { display: none; }

  .pa_bloconglets {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 300px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 0;
  }
  .pa_bloconglets label{ cursor: pointer; display:block; }
  .bouton{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:260px;
    height:30px;
    padding:8px 12px;
    background: #999;
    color:#fff;
    border-radius:2px 4px 4px 2px;
    transition: all .28s ease;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    position: relative;
    line-height:1;
    font-size:12px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.12);
  }
  .bouton span {
      text-shadow: 2px 0px 4px #bfbfbfcf;text-transform:capitalize;}
  .bouton::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35);
    pointer-events: none;
    transition: background .28s ease;
  }
  .bouton span{ position: relative; z-index: 2; }
  .bouton:hover{ transform: translateY(-2px); filter: brightness(1.06); }
  .pa_droit_structure{
    position: absolute;
    top: 0;
    left: 300px;
    width: 560px; 
  transition: transform 1.2s cubic-bezier(.4,0,.2,1);
  will-change: transform;
}
  .categorie {
    width: 100%;
    height: 510px;
    padding: 20px 30px 30px;
    margin-bottom: 10px;
    background: url(https://i.pinimg.com/736x/ad/8a/ce/ad8ace5cbd4d2e2875774b8ad567a624.jpg) bottom center / cover, #222;
    color: #999;
    overflow:auto;
  }
 
.categorie h3 {
  font-family: 'Lora'!important;
  font-size: 20px;
  font-weight: 600;
  color: #f5f5f5;
  margin-bottom: 5px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
 text-shadow: 0px 2px 7px #6e6e6e;
}
.categorie lgnd {
  display: block;
  padding: 24px;
  margin: 20px 0;
  background: #222; /* глубокий тёмный фон */
  border-radius: 4px;
  font-family: "Lora";
  font-size: 13px;
  line-height: 1.2;
  color: #ccc;
  text-align: left;
  position: relative;
  overflow: visible;
  text-align: justify;
}
.categorie a  {  color: #b74848;
  font-weight: bold;}
.categorie a:hover {  color: #dddddd;
  font-weight: bold;}

lgnd strong {
  color: #b74848;
  font-weight: bold;
}

lgnd q::before {
  top: -10px;
  left: 15px;
}
lgnd q::after {
  bottom: -15px;
  right: 15px;
}

lgnd q {  position: relative;
  display: block;
  margin: 12px 0!important;
  padding: 10px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(255,255,255,0.2);
  font-style: italic;
  text-align: center;
  color: #ccc;
  font-size: 26px;
  font-family: "Great Vibes", cursive!important;   
}

lgnd img {
  display: block;
  width: 100%;
  height:auto;
  border-radius: 2px;
  margin: 20px auto;
  filter: grayscale(100%) blur(.7px) brightness(0.8) contrast(0.9);
  opacity: 0.8;
  transition: filter 1s ease, opacity 1s ease;
 padding: 10px;
}

lgnd img:hover {
  filter: grayscale(100%) blur(0px) brightness(0.8);
  opacity: 1;
}

/* animation: flicker 3s infinite; */
@keyframes flicker {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% { text-shadow: 0 0 6px #fff, 0 0 15px #a64dff; }
  20%, 24%, 55% { text-shadow: none; }
}