<!-- ------------------------ таблица ------------------------ -->
<t>
<div class='sheep'><p>it’s ебаный лес around what the fuck sunshine i was looking for ебаное озеро and бля ебаный рот where am i</p></div>
<div class='thistle'></div>

<div class='about'>
<h2>* homey</h2>
<p>реальная жизнь
шотландия, мультилокация</p>
</div>

<!-- ----------- эпизод ------------- -->
<div class='t_ep'>
<h4>aye, this ep!</h4>
<a href='https://homey.rusff.me/' target="_blank">episode title episode title</a>
</div>

<!-- ----------- эпизод ------------- -->
<div class='t_flood'>
<h4>gab gang!</h4>
<a href='https://homey.rusff.me/' target="_blank">episode title episode title</a>
</div>

<!-- ----------- writers ------------- -->
<div class='t_writers'>
<h4>post gang!</h4>
<a href='https://homey.rusff.me/' target="_blank">name,</a>
<a href='https://homey.rusff.me/' target="_blank">name,</a>
<a href='https://homey.rusff.me/' target="_blank">name</a>
</div>


<!-- ----------- постик ------------- -->
<div class='t_post'>
<h3>aye, this post!</h3>
<p><a href='https://homey.rusff.me/' target = _blank>автор:</a> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>

<!-- ----------- quote------------- -->
<div class='t_quote'>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</p>
</div>

<!-- ----- амс ----- -->
<div class="spirit_nav-wrap spirit_nav-wrap_ams">
<div class="nav_button">амсики</div>
<div class="nav_block">
  <div class="link">

<a href="https://homey.rusff.me/profile.php?id=5">fearghal 
<p>квестовый дед, главный на огороде, охрана правопорядка лососем
<img src="https://i.imgur.com/InnE6m6.gif"></p>
</a>

<a href="https://homey.rusff.me/profile.php?id=80">casey
<p>пьёт, танцует
<img src="https://i.imgur.com/AlR0MUh.gif"></p>
</a>

<a href="https://homey.rusff.me/profile.php?id=353">cynthia
<p>квестовая внучка, королева сахарных домиков, просто красивая
<img src="https://i.imgur.com/e3lUyIu.gif"></p>
</a>

<a href="https://homey.rusff.me/profile.php?id=352">rory
<p>папа-медведь; поможет, подскажет; возможно, наорёт
<img src="https://i.imgur.com/LREYU3E.gif"></p>
</a>

<a href="https://homey.rusff.me/profile.php?id=221">betsy
<p>решает организационные вопросы, иногда плачет как готка
<img src="https://i.imgur.com/nLAVOrL.gif"></p>
</a>

</div>
</div>
</div>

<!-- ----- квесты ----- -->
<div class="spirit_nav-wrap spirit_nav-wrap_q">
<div class="nav_button">квесты</div>
<div class="nav_block">
  <div class="link">
              <p><a href="https://homey.rusff.me/viewtopic.php?id=492#p64116">q1. «нападение на все, что нам дорого»</a> gm [до 15.12]</p>
              <p><a href="https://comewander.rusff.me/">II. against the wood and stone of
Hill House</a> theodora</p>
              <p><a href="https://comewander.rusff.me/">III. and whatever walked there</a> dr. john montague</p>
              <p><a href="https://comewander.rusff.me/">IV. walked alone</a> luke sanderson</p>
</div>
</div>
</div>

</t>
<!-- ------------------------ конец таблицы ------------------------ -->

<!---- Смена стиля v1.1 © max, the murderer! ---->
<label class="theme-toggle">
    <input type="checkbox" id="themeSwitch">
    <span class="slider"></span>
</label>

<script>
(function () {
    const themes = ["light", "dark"];

    let currentTheme = localStorage.getItem("selectedTheme") || "dark";

    // применяем сразу
    document.documentElement.classList.add(currentTheme);

    // ждём появления переключателя
    document.addEventListener("DOMContentLoaded", function () {
        const switcher = document.getElementById("themeSwitch");
        if (!switcher) return;

        switcher.checked = currentTheme === "dark";

        switcher.addEventListener("change", function () {
            const newTheme = this.checked ? "dark" : "light";

            document.documentElement.classList.remove(...themes);
            document.documentElement.classList.add(newTheme);

            localStorage.setItem("selectedTheme", newTheme);
        });
    });
})();
</script>


<!-- Красивая профилактика © Deff, мод. max, the murderer! -->
<div id="pircs2"><link rel="stylesheet" type="text/css" href="/files/001b/a8/40/30530.css" /><div id="LogIn_Window" style="height: auto"><center>Здесь делается вжух 🪄</center><br></div></div><!-- --><script type="text/javascript">

var ON_button=0; // Cвитч включения: 1 - включено; 0 - выключено
var  moderDostyp_ON=0; // Модер-доступ включён: 1 - включён; 0 - выключен

if(ON_button!=1||GroupID ==1||moderDostyp_ON*GroupID==2){
$("style.#style_st,div.#pircs2").replaceWith("");}
  else {$("#msg-n2").replaceWith("");
if(GroupID ==3) {$("#LogIn_Window").show();if(document.URL.indexOf("/login.php")==-1){
document.location.href = "../login.php"}else {
$(document).ready(function(){$("form#login").appendTo("#LogIn_Window");
$("#LogIn_Window").find("p.formsubmit a[href*='register.php']").text("");
var v=$("#LogIn_Window").find("p.formsubmit a[href*='action=forget']");
v.replaceWith("<span>Вход только для администраторов</span>");});};}
else {document.location.href = "../login.php?action=out&id="+UserID};}
</script>
<!-- Красивая профилактика END -->

<!-- Cчётчик Игровых постов -->
<script type="text/javascript">
/*delete localStorage.alertsAMS_onCountCode;*/
/***************************
        Настройки!
***************************/
FORUM._NUMpa_fld = 3;    // Номер.Доп.поля,
FORUM._color_fld = "inherit";	// Цвет шрифта,
FORUM.includeFirstPost = 0;	// 0 - не учитывать,1 - учитывать Первопост автора в игровых темах,
FORUM.AddOrSlash = 0;    //0 - Поле отдельно, 1 - через слешь c общ. числом сообщений,
FORUM.Number_winners = [7,[12]];	// Начальное Число отображаемых юзеров в таблице и список форумов показа;
FORUM.Subscription_Code = "f87f9524f52b3f15cd458b2bf2a95a906ca5a960";	//Код подписки!!;
/**** НАСТРОЙКА Игровых локаций ****/
function ad_ (){/*!~!FORUM.ForArrAy = {
//Форум  //Темы (включаемые, или исключаемые)

f9	:-[0],  //loose the fury
f10	:-[0],  //hearts aflame
f11	:-[0]	//odd days, odd ways //Последний элемент без запятой!
}
!~!*/}ad_ = ad_.toString().split('!~!')[1];//alert(ad_);
</script>
<script type="text/javascript" src="https://forumstatic.ru/files/0013/44/56/77707.js"></script>
<style>.Form-Table{}.punbb .table_GamePosts tbody th{text-align: center;color:#fff}
#pre_placement>a {top:3px;right:2px;right: -26px;border: none}.punbb .GamePst{padding:0!important;}
.punbb #profile-right li#pa-fld3 strong.GamePst2 {}</style>
<!--//END Cчётчик Игровых постов © Deff-->


<!-- ------------------------ обертки ------------------------ -->
<script>
$(function() {
  /* --- обертка профилей --- */
  $('.post-author ul').each(function() {
    var $targets = $(this).children('.pa-fld3, .pa-fld2, .pa-posts, .pa-respect');
    if ($targets.length) $targets.wrapAll('<div class="prof-wrapper"></div>');
  });

  /* --- обертка профиля справа --- */
  var $profile = $('#profile-right');
  if ($profile.length) {
    var ids = ['#pa-respect', '#pa-positive', '#pa-fld2', '#pa-fld1', '#pa-fld3', '#pa-fld4', '#pa-fld5'];
    var $targets = $();
    ids.forEach(id => { var $el = $profile.find(id); if ($el.length) $targets = $targets.add($el); });

    var $prevWrap = $('<div class="prev-wrap"></div>');
    var $prevWrap2 = $('<div class="prev-wrap_2"></div>');
    if ($targets.length) { $targets.first().before($prevWrap); $prevWrap.append($targets); } else { $profile.append($prevWrap); }
    $profile.find('li').not($prevWrap.find('li')).appendTo($prevWrap2);
    $prevWrap.after($prevWrap2);
  }

  /* --- обертка онлайн и статистики --- */
  var $onlineTargets = $('.onlinelist, .users_24h');
  if ($onlineTargets.length) $onlineTargets.wrapAll('<div class="online-wrap"></div>');

  var $statTargets = $('#pun-stats .item1, #pun-stats .item2, #pun-stats .item3, #pun-stats .item4');
  if ($statTargets.length) $statTargets.wrapAll('<div class="stat-wrap"></div>');

  /* finally show everything */
  $('#pun-index, #profile-right, #pun-stats, .onlinelist, .users_24h')
    .css('visibility', 'visible');
});
</script>


<!-- -------------------------- основной шрифт  -------------------------- -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Raleway:ital,wght@0,100..900;1,100..900&family=Yeseva+One&display=swap');
@import url('https://forumstatic.ru/files/001c/35/64/31260.otf');
@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=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
</style>
<!-- -------------------------- конец основного шрифта  -------------------------- -->
<!-- ----------------------смена аватара в топике © Deff, Alex_63---------------------- -->
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0015/c4/3f/67168.css" />
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/67169.js"></script>
<!-- ----------------------конец смены аватара в топике © Deff, Alex_63--------------------- -->
<!-- -----------------------------// Быстроплюсы v.2 РЕНО by Deff //--------------------- -->
<script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js" addComment="1"></script>
<!-- ------------------------------// конец быстроплюсы v.2 РЕНО by Deff //--------------------- -->

<!-- ---------------- Выделение кода в блоке "Код" // © Damassk, версия 2019г. ------------------ --> 
<script type="text/javascript" src="https://forumstatic.ru/files/0016/4a/bf/98029.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'украсть кусочек' //текст ссылки</script>
<!-- ---------------------------- конец выделения кода --------------------------------- -->

<!------------------------------------------------- личная страница ------------------------------------>
<script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script>
<!------------------------------------------------- личная страница ------------------------------------>

<!----------------------------- скрытие профиля в теме тегом----------------------------->
<style type="text/css">.hideprofile .post-author,.hideprofile .pl-email,.hideprofile .pl-website{display:none!important}
.hideprofile .post-body,.hideprofile .post-links,.hideprofile .post-links ul{margin-left:0!important}
.post.hideprofile h3 {display: flex;}</style>
<script>
    FORUM.set('editor.addition.tags.hideprofile',{name:'Скрыть минипрофиль',onclick:function(){insert('[hideprofile]');}});
    $().pun_mainReady(function(){$('.post:contains("[hideprofile]")').addClass('hideprofile').html(function(){return $(this).html().replace(/\[hideprofile\]/gim,'')})});
</script>
<!-----------------------------конец скрытия профиля в теме тегом----------------------------->

<!-- Регулятор вида, размера и толщины шрифта (с) satsana, forumd.ru -->
<div id="chfont" title="Шрифт в постах">
  <div id="chfontbut"></div>

  <select id="chfontfam" name="chfontfam">
    <option value="0">по умолчанию</option>
    <option value="Arial, Helvetica, sans-serif" style="font-family: Arial, Helvetica, sans-serif">Arial</option>
    <option value="'Times New Roman', Times, serif" style="font-family: 'Times New Roman', Times, serif">Times New Roman</option>
    <option value="Verdana, Geneva, sans-serif" style="font-family: Verdana, Geneva, sans-serif">Verdana</option>
    <option value="Raleway, sans-serif" style="font-family: Raleway;">Raleway</option>
    <option value="Mulish, sans-serif" style="font-family: Mulish, sans-serif">Mulish</option>
    <option value="IBM Plex Sans, sans-serif" style="font-family: IBM Plex Sans, sans-serif">IBM Plex Sans</option>
  </select>

  <select id="chfontweight" name="chfontweight">
    <option value="0">толщина по умолчанию</option>
    <option value="300">Light (300)</option>
    <option value="400">Normal (400)</option>
    <option value="500">Medium (500)</option>
    <option value="600">Semi-bold (600)</option>
    <option value="700">Bold (700)</option>
  </select>

  <div id="chfontsize">
    <div class="fsizeplus"></div>
    <div class="fsizeminus"></div>
    <div class="fsize"></div>
  </div>
</div>

<script type="text/javascript">
var chfsize, chffam, chfweight;
if(!localStorage.fontsize)localStorage.setItem("fontsize",13);
if(!localStorage.fontfam)localStorage.setItem("fontfam","0");
if(!localStorage.fontweight)localStorage.setItem("fontweight","0");

chfsize=+localStorage.getItem("fontsize");
chffam=localStorage.getItem("fontfam");
chfweight=localStorage.getItem("fontweight");

function setfsize(f){
  localStorage.setItem("fontsize",f);
  $(".fsize").text(f);
  $(".post-content p").css("font-size",f+"px");
}

function setffam(f){
  localStorage.setItem("fontfam",f);
  $("#chfontfam option").removeAttr("selected");
  $('#chfontfam option[value="'+f+'"]').attr("selected","selected");
  if(f!="0")$(".post-content p").css("font-family",f);
  else $(".post-content p").css("font-family","");
}

function setfweight(f){
  localStorage.setItem("fontweight",f);
  $("#chfontweight option").removeAttr("selected");
  $('#chfontweight option[value="'+f+'"]').attr("selected","selected");
  if(f!="0")$(".post-content p").css("font-weight",f);
  else $(".post-content p").css("font-weight","");
}

$(".fsizeplus").on("click",function(){
  chfsize+=1;if(chfsize>72)chfsize=72;setfsize(chfsize);
});
$(".fsizeminus").on("click",function(){
  chfsize-=1;if(chfsize<6)chfsize=6;setfsize(chfsize);
});
$("#chfontbut").on("click",function(){
  $("#chfont").toggleClass("active");
});
$("#chfontfam").on("change",function(){
  chffam=$(this).val();setffam(chffam);
});
$("#chfontweight").on("change",function(){
  chfweight=$(this).val();setfweight(chfweight);
});

$(document).pun_mainReady(function(){
  setfsize(chfsize);
  setffam(chffam);
  setfweight(chfweight);
});
</script>
<!-- Регулятор вида, размера и толщины шрифта (конец) -->

<!-------------------------- ВОССТАНОВЛЕНИЕ ПОСЛЕДНЕГО ПОСТА ПРИ УТЕРЕ © Человек-Шаман ------>
<script>
$(document).ready(function() {
  $('#addition-area').append(function() {
    return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
  });
  function restoreLastPost() {
    $('#main-reply').val(localStorage.ReservePost);
  };
});
</script>

<!--------------------------------------------------------- ПОДНЯТИЕ РЕПУТАЦИИ В ЗАКРЫТЫХ ТЕМАХ ------>
<script type="text/javascript">
if($('pun-viewtopic').length)function changeVisibility(b){$('#'+b).toggle(); return};
</script>


<!----------------------------- ВЫРАВНИВАНИЕ ПО ШИРИНЕ ----------------------------->
<script type="text/javascript"> 
$(document).ready(function(){ 
$("#post #button-center").after('<td id=button-justify align=center valign=center><img onclick="bbcode(\'[align=justify]\',\'[/align]\')" src="/i/blank.gif"/></td>');}); 
</script>

<!---------------------------- Пиар-вход, хтмл верх ---------------------------->
<script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
<script type="text/javascript">
PR.nick = 'eustoma';
PR.pass = '1111';
PR.btn_text = 'Реклама';
PR.set();</script>

<!---------------------------- Быстрая смена аккаунта ---------------------------->
<script type="text/javascript">
  New_EXiT = 'https://forumstatic.ru/files/001c/7a/06/55028.png?'; //Дополнительная Иконка выход;
</script>
<script data="368194"  src="https://forumstatic.ru/files/0014/cc/0a/93129.js"></script>

<!------------------------- Мгновенные уведомления © Alex_63, Deff 2019 ------------------------>
<link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" />
<style>.punbb #pun-main .pun-modal.unread-notifications .section h2{text-align:center!important}
.pun-modal.unread-notifications .modal-inner.section {background: rgba(228, 228, 228, 0.92)!important;}
</style>
<script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script>
<!--+ Мгновенные уведомления: упоминания © Alex_63, 2020 -->
<script>notifications.load('mentions');</script>
<!--+ Мгновенные уведомления: комментарии к репутации без переадресации  Alex_63, 2019-->
<script>notifications.load('reputation');</script>
<!--+ Мгновенные уведомления: подписки на форум/тему © Alex_63, 2019 -->
<script>notifications.load('subscriptions');</script>
<!--+ Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019 -->
<script type="text/javascript">
notifications.load('common', {});
notifications.load('important', {topics: [7, 95, 685]}); // ID важных тем (через запятую)
</script>

<!-- Мессенджер © Alex_63, 2024 -->
<style>#pun-messages #profilenav h2{margin-bottom: 12px;}#pun-messages #profilenav ul+h2{margin-top: 12px;}</style>
<link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/messenger.css" />
<script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/messenger.js"></script>

<!-- Голосовые сообщения © Alex_63, 2024 -->
<link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/voice.css" />
<script type="text/javascript" src="https://forumstatic.ru/f/ru/bestbb/voice.js"></script>
<script>voice.startOnOpen = false</script>

<style>#pun-index #forum_f21 {display:none}</style>
<style>#pun-index #forum_f23 {display:none}</style>

<!-- Запрет изменения аватарки --><script type="text/javascript">
var NoChangeAvatar = ['eustoma']; //Пользователи с запретом изменения аватарки
</script>
<!-- Смена аватара в топике (в HTML верх) © Deff, Alex_63 -->
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0015/c4/3f/67168.css" />
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/67169.js"></script>

<!— ---------------- HTML в постах с допуском по группам © Alex_63 --------------- —> 
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/52361.js"></script> 
<script type="text/javascript"> 
HTMLinPost.groups = [1,2,3,4,5,6,7,8]; // Группы, допущенные к вставке HTML в посты 
HTMLinPost.parseHTMLinPosts() 
</script>
<!— ---------------- конец HTML в постах с допуском по группам © Alex_63 --------------- —>

<!-------------------------- счетчик символов -------------------------->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng">букв написано: <b>00</b> </small>';epl.parents("fieldset").find("#form-buttons").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>
<!-------------------------- конец счетчика символов -------------------------->

<!---------------------------------- Font Awesome в форме ответа (с) ForumD.ru ---------------------->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<style>
#form-buttons tr {     
display: flex;
    justify-content: space-evenly;
    width: auto;
    text-align: center;
    margin: 0px 34px 0px 6px;
    padding: 3px 0px;
    background: var(--forcol);
    border: 1px solid #3f3f3f1f;
}
#form-buttons td img {position: absolute; z-index: 100; left: 0; top: 0;}
#form-buttons td {
background-image: none !important;
display: inline-block;
position: relative;
width: 20px; /* ширина кнопки */
height: 20px; /* высота кнопки */
margin: 0; /* отступы кнопок друг от друга */
border-radius: 5px; /* закругление кнопок */
}
#form-buttons td .fab,
#form-buttons td .fas, 
#form-buttons td .far,
#form-buttons td .fal, 
#form-buttons td .fad {
font-size: 12px; /* размер иконок */
padding: 4px 4px; /* отступ от иконки до кнопки */
color: var(--t-body);
transition: all .2s ease-in-out;
}
#form-buttons td:hover {} /* изменение цвета кнопки при наведении курсора */
#form-buttons td:hover .fab,
#form-buttons td:hover .fas, 
#form-buttons td:hover .far,
#form-buttons td:hover .fal, 
#form-buttons td:hover .fad {
           color: var(--hovlink);} /* изменение цвета иконки при наведении курсора */
</style>


<script type="text/javascript">
$(document).ready(function(){
$("#button-font").append('<i class="fas fa-font"></i>');
$("#button-transL").append('<i class="fas fa-solid fa-globe"></i>');
$("#button-size").append('<i class="fas fa-sort-amount-up-alt"></i>');
$("#button-bold").append('<i class="fas fa-bold"></i>');
$("#button-italic").append('<i class="fas fa-italic"></i>');
$("#button-underline").append('<i class="fas fa-underline"></i>');
$("#button-strike").append('<i class="fas fa-strikethrough"></i>');
$("#button-left").append('<i class="fas fa-align-left"></i>');
$("#button-center").append('<i class="fas fa-align-center"></i>');
$("#button-right").append('<i class="fas fa-align-right"></i>');
$("#button-link").append('<i class="fas fa-link"></i>');
$("#button-spoiler").append('<i class="fas fa-cut"></i>');
$("#button-image").append('<i class="fas fa-image"></i>');
$("#button-img").append('<i class="fas fa-images"></i>');
$("#button-video").append('<i class="fas fa-play-circle"></i>');
$("#button-hide").append('<i class="fas fa-lock"></i>');
$("#button-quote").append('<i class="fas fa-quote-right"></i>');
$("#button-code").append('<i class="fas fa-code"></i>');
$("#button-color").append('<i class="fas fa-palette"></i>');
$("#button-table").append('<i class="fas fa-table"></i>');
$("#button-smile").append('<i class="far fa-grin"></i>');
$("#button-keyboard").append('<i class="fas fa-keyboard"></i>');
$("#button-addition").append('<i class="fas fa-plus-circle"></i>');
$("#button-mask").append('<i class="fas fa-solid fa-mask"></i>');
$("#button-dice").append('<i class=" fas fa-solid fa-dice"></i>');
$("#button-indent").append('<i class="fas fa-solid fa-indent"></i>');
});
</script>
<!------------------------------- Конец шрифта в форме ответа ------------------------------------------>


<!--------------------Переключение раскладки выделенного текста ---------------->
<script type="text/javascript">S='<img src="http://forum.mybb.ru/i/blank.gif" title="Lat- Русс" onclick="bbcode(\'[Lat-Rus]\',\'[/Rus-Lat]\');LatRus();"/>';
$("#button-font").after('<td id=button-transL>'+S+'</td>');var TxtTrans1='lat';
function LatRus(){if(TxtTrans1=='lat'){TxtTrans1='rus'}else{TxtTrans1='lat'};
lat0='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split('');
lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split('');
lat.push('\\[');lat.push('\\]');lat.push('\\.');
rus=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split('');
function transF(p){ar1=lat;ar2=rus;if(TxtTrans1=='lat'){ar2=lat0;ar1=rus}for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}L=$('#main-reply').val();L=L.replace(/\[Lat-Rus\]([\s\S]*)\[\/Rus-Lat\]/mg,function(a,b,c){return transF(b);});$('#main-reply').val(L);}
</script>
<!------------------------------- Конец ------------------------------------------>

<!---------------Переключение регистра выделенного текста ---------------------->
<style>#button-ChangeСase{background:url(https://forumstatic.ru/files/0013/44/56/93417.png);background-size:16px auto;:}</style>
<script type="text/javascript">(function(){var S='<img src="https://forum.mybb.ru/i/blank.gif" title="Смена регистра" \
onclick="bbcode(\'[Upper-Lower]\',\'[/Upper-Lower]\');UpperLower();"/>';
$("#button-font").after('<td id=button-ChangeСase>'+S+'</td>');var ChangeСase='upper';
UpperLower=function (){if(ChangeСase=='upper'){ChangeСase='lower'}else{ChangeСase='upper'};
function transF(p){if(ChangeСase=='upper')return p.toLowerCase();else ;return p.toUpperCase();}
var L=$('#main-reply').val();L=L.replace(/\[Upper-Lower\]([\s\S]*)\[\/Upper-Lower\]/mg,
function(a,b,c){return transF(b);});$('#main-reply').val(L);}}());
</script>
<!---------------конец переключение регистра выделенного текста ---------------------->

<!-------------------------- кнопка img в форме ответа -------------------------->
<script>
var oldIMG="<td id=\"button-img\" title=\"Изображение\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index: 20; position: absolute;margin: 4px 0 0 18px; font-size: 0px;;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>
<!-------------------------- конец кнопки img в форме ответа -------------------------->

<!-----------------------------------доп. смайлы ----------------------------------------------->
<script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script>
<script>
$(document).ready(function() {
  hvStickerPack.init("https://forumstatic.ru/files/001c/7a/06/71470.txt?v=7");
});
</script>
<style> #button-sticker:before {
    content: "\f587";
    font-family: 'FONT AWESOME';
    line-height: 20px;
    font-weight: bolder;
    font-size: 12px;
    color: var(--t-body);
    transition: all .3s ease-in-out;
}
</style>
<!-----------------------------------конец доп. смайлы ----------------------------------------------->

<!---------------------------------------------Кубики---------------------------------------------------->
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
{
   var buttonCell = form.getElementsByTagName("tr")[0].insertCell(20);
   buttonCell.id = "button-dice";
   buttonCell.title = "Кубики";
   buttonCell.innerHTML='<img onclick="dice();" src="/i/blank.gif">';
}
</script>
<script type="text/javascript">
function dice()
{
var FoundErrors = '';
var diceRes=""
var CountCube = prompt("Количество кубиков", "3");
var SideCube = prompt("Сколько граней у кубика?", "6");
if(CountCube>20){
alert("Нельзя бросать столько кубиков");
return false;}
if(SideCube>20){
alert("Не бывает таких кубиков");
return false;}
if (!CountCube)
{return false;}
if (!SideCube)
{return false;}
for(i=0; i<CountCube;i++){
var dice = (Math.round(Math.random()*SideCube))
if(dice==0) dice=1;
diceRes += dice*1936+"-"
}
smile('[dice='+diceRes+CountCube+SideCube+']')
}
</script>
<script>
function addDice(str,from,internal){
var pos=0,pos2=0,newpos=0
if((pos=str.indexOf("[dice=",from))==-1) return str;
if((pos2=str.indexOf("]"),pos+6)==-1) return str;
newpos=str.indexOf("]",pos+6)
if(newpos<pos2 && newpos!=-1) str=addDice(str,pos+6,true)
if((pos2=str.indexOf("]",pos+6))==-1) return str;
str=str.substring(0,pos)+makeDice(str.substring(pos+6,pos2))+str.substring(pos2+1,str.length)
if( str.indexOf("[dice=")!=-1 && internal==false) str=addDice(str,0,false)
return str}

function makeDice(dice){
diceMass = dice.split("-")
diceC = dice.substring(dice.length-2, dice.length-1)
diceS = dice.substring(dice.length-1, dice.length)
var diceR=0, diceRu="";
for(i=0;i<diceMass.length-1;i++){diceR+=diceMass[i]/1936;}
for(i=0;i<diceMass.length-1;i++){if(diceMass[i]==diceMass[diceMass.length-2]){diceRu+=diceMass[i]/1936;}else{diceRu+=parseInt(diceMass[i]/1936)+"+";}}
txt="<div class=\"quote-box\"><blockquote><p><b>Исходный бросок</b>: "+diceC+"d"+diceS+"<br /><br /><b>Результаты броска</b>: ("+diceRu+")="+diceR+"</p></blockquote></div>"
return txt}

if(document.URL.indexOf("viewtopic.php")!=-1){
elm=document.getElementById("pun-main").getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addDice(post.innerHTML,0,false)}}
</script>
<!-------------------------------Конец кубиков------------------------------------------------------->

<!-- ----------------- обтекание изображения 2.4.4  ----------------------------- -->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("https://forumstatic.ru/files/0015/dd/40/15488.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
  });
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content") 
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]*)\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="https://forumstatic.ru/files/001a/08/74/21552.svg" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="https://forumstatic.ru/files/001a/08/74/23464.svg" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>
<!-- ----------------- конец обтекания изображения 2.4.4  ----------------------------- -->

@import url(style_cs.css);

/* ПОДГРУЗКА ШРИФТОВ
-------------------------------------------------------------*/
@font-face {
  font-family: "Font Awesome";
  src: url("https://forumstatic.ru/files/001a/da/7d/83987.ttf");
}

@font-face {
  font-family: "Font Awesome Brands";
  src: url("https://forumstatic.ru/files/001c/2f/41/18849.woff2");
}

@font-face {
  font-family: "Font Awesome Regular";
  src: url("https://forumstatic.ru/files/001c/44/10/58324.woff2");
}

@font-face {
  font-family: "Satista";
  src: url("https://forumstatic.ru/files/001c/30/dc/50161.otf");
}

@font-face {
  font-family: "Sirin";
  src: url("https://forumstatic.ru/files/001c/30/dc/32435.otf");
}

@font-face {
  font-family: "Font Awesome Web";
  src: url("https://forumstatic.ru/files/001c/32/58/33927.ttf");
}

@font-face {
  font-family: 'Arial Black';
  src: url("https://forumstatic.ru/files/001c/32/58/49208.ttf");
}

@font-face {
  font-family: 'Charming';
  src: url("https://forumstatic.ru/files/001c/2f/41/37891.otf");
}

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/v4-font-face.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/fontawesome.min.css');

@import url('https://fonts.googleapis.com/css?family=Montserrat|Spectral+SC');

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap');

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

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

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

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

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

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

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

@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz@6..96&display=swap');

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

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

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

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


@font-face {
  font-family: 'Pragmatica';
  font-style: normal;
  font-weight: 200;
  src: url(https://forumstatic.ru/files/001c/76/bd/30857.ttf);
}

@font-face {
  font-family: 'Pragmatica';
  font-style: italic;
  font-weight: 200;
  src: url(https://forumstatic.ru/files/001c/76/bd/21370.ttf);
}

@font-face {
  font-family: 'Pragmatica';
  font-style: normal;
  font-weight: 300;
  src: url(https://forumstatic.ru/files/001c/76/bd/48538.ttf);
}

@font-face {
  font-family: 'Pragmatica';
  font-style: italic;
  font-weight: 300;
  src: url(https://forumstatic.ru/files/001c/76/bd/95368.ttf);
}

@font-face {
  font-family: 'Pragmatica';
  font-style: normal;
  font-weight: 600;
  src: url(https://forumstatic.ru/files/001c/76/bd/56522.ttf);
}

@font-face {
  font-family: 'Pragmatica';
  font-style: italic;
  font-weight: 600;
  src: url(https://forumstatic.ru/files/001c/76/bd/54624.ttf);
}

@font-face {
  font-family: 'Things';
  font-style: normal;
  font-weight: 300;
  src: url(https://forumstatic.ru/files/001c/76/bd/51901.ttf);
}

@font-face {
  font-family: 'MOISETTE';
  font-style: normal;
  font-weight: 300;
  src: url(https://forumstatic.ru/files/001c/76/bd/64357.otf);
}


@font-face {
  font-family: 'MOISETTE';
  font-style: italic;
  font-weight: 300;
  src: url(https://forumstatic.ru/files/001c/76/bd/80482.otf);
}

@font-face {
  font-family: 'MOISETTE';
  font-style: normal;
  font-weight: 400;
  src: url(https://forumstatic.ru/files/001c/76/bd/16447.otf?v=1);
}


@font-face {
  font-family: 'MOISETTE';
  font-style: italic;
  font-weight: 400;
  src: url(https://forumstatic.ru/files/001c/76/bd/28373.otf?v=1);
}

@font-face {
  font-family: 'MOISETTE';
  font-style: normal;
  font-weight: 600;
  src: url(https://forumstatic.ru/files/001c/76/bd/11988.otf?v=1);
}


@font-face {
  font-family: 'MOISETTE';
  font-style: italic;
  font-weight: 600;
  src: url(https://forumstatic.ru/files/001c/76/bd/22066.otf?v=1);
}

@font-face {
	font-family: mogen;
	/* Имя шрифта */
	src: url(https://forumstatic.ru/files/001c/76/bd/68905.otf);
}

@font-face {
	font-family: Curator;
	/* Имя шрифта */
	src: url(https://forumstatic.ru/files/001c/76/bd/78410.otf);
}

/* ROOT
-------------------------------------------------------------*/
:root {
  --h2-font: 'Montserrat'; /* шрифт с засечками */
  --body-font: 'Montserrat'; /* шрифт основного текста */
  --fancy-font: 'Playfair Display';
  --forcol: #0000000D; /* цвет подложки цитат */
  --forcol-border: solid 1px #0000001f; /* обертка подложки цитат */
  --forcol-bxs: 0 0 0 1px #c8c6bf9c, 0px 0px 4px 2px #0000002e;
  --quotes: #a7a59d;
  --link: #393532; /* цвет основных ссылок */
  --hovlink2: #82353b;
  --headlink: #874f41;
  --doplink: #8b9cb3; /* цвет дополнительных ссылок */
  --t-body: #424242; /*цвет основного текста */
  --doptext: #A8A8A8; /*цвет дополнительного текста */
  --proftext: #1c1c1c; /*цвет текста в профиле */
  --table: #192f40;
  --br-n-shadow: 0px 0px 10px 0px #000000b5 inset, 0 0 0px 2px #1e3748,
    0 0 0px 3px #09131e, 0px 0px 10px 0px #00000080;
  --cover: url(https://forumstatic.ru/files/001c/2f/41/38354.png);
  --blur: blur(10px);
  --modal: #b7b5ad; /*цвет модальных окон*/
  --back-color: #adb6c2;
}

:root.dark {
  --back: url(https://forumstatic.ru/files/001c/44/10/12939.png);
  --header: url(https://forumstatic.ru/files/001c/44/10/53997.png);
  --hovlink: #68768E;
  --accent2: #68768E;
  --el-border: linear-gradient(180deg, #4F564D 0%, rgba(79, 86, 77, 0) 100%);
  --hourglass: url(https://forumstatic.ru/files/001c/2f/41/81434.png);
  --t_back: linear-gradient(180deg, rgba(79, 86, 77, 0.5) 0%, rgba(79, 86, 77, 0) 100%);
  --t_color: #414851;
  --body: #BEBEBE;
  --footer: url(https://forumstatic.ru/files/001c/44/10/62633.png);
  --divider: url(https://forumstatic.ru/files/001c/44/10/21215.png?v=1);
  --theme-back: #B4B4B4;
--accent: #815F4A;
}

:root.light {
  --back: url(https://forumstatic.ru/files/001c/44/10/62541.png);
  --header: url(https://forumstatic.ru/files/001c/44/10/30165.png);
  --hovlink: #815F4A;
  --accent2: #815F4A;
  --el-border: linear-gradient(180deg, #67605A 0%, rgba(79, 86, 77, 0) 100%);
  --hourglass: url(https://forumstatic.ru/files/001c/2f/41/77715.png);
  --t_back: linear-gradient(180deg, rgba(103, 96, 90, 0.5) 0%, rgba(79, 86, 77, 0) 100%);
  --t_color: #C4C4C4;
  --body: #C8C6C2;
  --footer: url(https://forumstatic.ru/files/001c/44/10/30589.png);
  --divider: url(https://forumstatic.ru/files/001c/44/10/67137.png?v=1);
  --theme-back: #BEBCB8;
--accent: #68768E;
}


:root {
--beg100: #D9D9D9;
--beg300: #D9D9D9;
--borders: #AFAFAF;
--text1: #434343; 
--color1:#cdcdcd;
--dark500: #2E282A;
 --text2: #939393;
--text3: #FEFFFF; 
--font: Pragmatica;
  --font-accent: 'Playfair Display';
 --links: #415858;
--beg500: #0000000D;
--cover2: url(https://forumstatic.ru/files/001c/76/bd/23996.png);
}

/* ОСНОВНЫЕ ШРИФТЫ ФОРУМА
-------------------------------------------------------------*/
/* основной шрифт текста форума */
body {
    font-family: var(--body-font);
    font-size: 11px;
    font-weight: 500;
    min-width: 1120px;
}

/* ------------------------- ЗАДНИЙ ФОН ------------------------------*/
body {
  background: var(--back) fixed;
  background-size: cover;
  background-color: #505050;
  position: relative;
  margin: 0;
}

body:has(.punbb-admin) {
  background: url(https://forumstatic.ru/files/001c/44/10/12939.png) fixed;
  background-color: #505050;
}

/* ------------------------- ТЕЛО ------------------------------*/

#pun {
    position: relative;
    width: 1010px;
    background: var(--body);
    margin: 418px auto 160px auto;
}

#pun:has(.punbb-admin) { margin: 50px auto 50px auto; background: #BEBEBE; }

h1,
h2 {
   font-family: var(--body-font);
  font-size: 12px;
  color: #464646;
  font-weight: 600;
}

/* шрифты поля ввода*/
textarea,
input,
select,
optgroup {
  font: 11px Verdana;
}

/* ЦВЕТ ТЕКСТА БОЛЬШИНСТВА ЭЛЕМЕНТОВ НА ФОРУМЕ
-------------------------------------------------------------*/
.section .container,
.post-body,
.post-links,
.punbb td.tc2,
.punbb td.tc3,
.formal fieldset .post-box,
#viewprofile li strong,
#viewprofile li div,
#setmods dd,
.info-box,
#pun-main .info-box .legend,
.main .container,
.post .container,
.post h3,
.punbb-admin #pun-admain .adcontainer,
#pun-title,
#pun-title .container,
.modmenu .container,
.punbb legend span,
#viewprofile h2 span,
#profilenav h2 span,
.punbb-admin #pun-admain legend span,
.post h3 span,
.punbb th,
#viewprofile li,
#setmods dl {
  color: var(--t-body);
}

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

.post-box a {
  color: var(--hovlink) !important;
  font-weight: 600;
}

.post-box a:hover {
  color: var(--hovlinkt) !important;
}

.post-box .code-box a {
   color: #CACACA !important;
}

.post-box .post-rating a,
.post-box .post-rating a:hover {
      color: var(--body) !important;
}

.post-box .code-box a:hover,
.code-box a:hover {
  color: #340705 !important;
}

/* ЦВЕТ ДЕЖУРНОГО ТЕКСТА (тему просматривают, страницы и т.д.)
-------------------------------------------------------------*/
.linkst .pagelink,
.linksb .postlink,
.linkst .postlink,
.punbb .post-links ul,
.punbb .modmenu .container,
.punbb .modmenu .container,
.subscribelink,
.punbb fieldset legend span,
.punbb .linksb {
  text-transform: lowercase;
  color: var(--t-body);
  font: var(--body-font);
}

/* ЦВЕТ ССЫЛОК НА ФОРУМЕ
-------------------------------------------------------------*/
.punbb a:link,
.punbb a:visited,
.punbb-admin #pun-admain a,
.punbb-admin #pun-admain a:link,
.punbb-admin #punbb-admain a:visited,
.punbb li.isactive a,
.punbb li.isactive a:link,
.punbb li.isactive a:visited {
  text-decoration: none;
  box-shadow: none;
  color: var(--t-body);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

/* ЦВЕТ ССЫЛОК НА ФОРУМЕ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
.punbb a:hover,
.punbb a:focus,
.punbb a:active,
.punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover,
.punbb-admin #punbb-admain a:focus,
.punbb-admin #punbb-admain a:active {
  color: var(--hovlink);
}

/* ТАБЛИЦЫ
-------------------------------------------------------------*/
/* стили таблиц */
.main table {
  table-layout: fixed;
  width: 100%;
}
.main .category table {
  display: flex;
  justify-content: center;
}

.main .category table thead {
  display: none;
}

#pun-viewforum .main table tr {
  margin: 0px 0px 6px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#pun-viewforum .hasicon {
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-sizing: border-box;
  margin-bottom: 15px;
}

#pun-searchtopics .main table tr {
  margin: 0px 0px 15px 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#pun-searchposts .post h3 span {
  align-items: center;
}
#pun-searchposts .FNTslider {
  display: none;
}

#pun-messages #volSlider .before {
  border: solid 1px var(--hovlink) !important;
  background: var(--hovlink) !important;
  width: 0;
  height: 3px !important;
  margin-top: 0 !important;
}

#pun-messages #volSlider .thumb {
  display: inline-block;
  position: relative;
  width: 6px !important;
  height: 12px !important;
  background: var(--hovlink) !important;
  border-radius: 50%;
  top: -9px !important;
  left: 0;
  box-shadow: none !important;
  cursor: pointer;
}

#pun-messages #volSlider {
  width: 99px !important;
  height: 4px !important;
  display: inline-block;
  background: #fafafabf !important;
  border: none !important;
  border-radius: 3px;
  box-shadow: none !important;
  margin-top: 5px;
  margin-left: 1em;
}

#pun-searchtopics .main table .tcr {
  width: 26%;
  padding-left: 30px;
}

#pun-searchtopics .main table .tcr .user-avatar .isonline {
  display: none !important;
}

.modmenu {
      width: 98%;
  margin: 0 11px;
}

#topic-modmenu .container span,
#pun-viewforum .modmenu .container span,
#pun-searchtopics .modmenu .container span {
  display: none;
}

#topic-users-in .container {
  display: flex;
  flex-wrap: wrap;
  gap: 0px 4px;
  font: 600 10px var(--body-font);
}
#topic-users-in .container a {
  font-size: 11px !important;
  padding-bottom: 2px;
}
#topic-users-in .container span {
  position: relative;
    font-weight: 600!important;
}

.closedatafield,
.isticky .stickytext {
  display: none;
}

#pun-userlist .main table {
  margin: 0px 0 15px;
  padding: 0px 10px;
}

#pun-userlist .main table tr {
  margin: 0px 0px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#pun-userlist .main table .tc3 {
  width: 10%;
}

#pun-userlist .linkst {
  display: none;
}

#pun-messages .main table tr {
  margin: 0px 0px 10px;
  display: flex;
  height: 35px;
}

#plng {
  padding: 8px 6px 5px;
  font-weight: 700 !important;
  color: var(--t-body);
  text-transform: uppercase;
  font-size: 7px;
  width: 134px;
  height: 13px;
  text-align: center;
  margin: 0px 0 10px;
  background: var(--forcol);
  box-shadow: none;
  border-radius: 10px 0 0 0;
  border: 1px solid #3f3f3f1f;
}

#form-buttons {
  position: relative;
  display: flex;
  border-bottom: none;
}

#pun-messages #form-buttons {
  margin-bottom: 10px;
}

#pun-edit #form-buttons small {
  top: -34px !important;
}
#togglePreview {
  position: absolute;
  z-index: 3;
  right: 2px !important;
  top: 0px;
}

#togglePreview input.button {
  width: 26px;
  height: 28px;
  font-size: 0 !important;
  margin: 0 !important;
  background: var(--forcol);
  box-shadow: none !important;
  border-radius: 0 10px 0 0;
  padding: 0 !important;
  border: 1px solid #3f3f3f1f !important;
}

#togglePreview:after {
  content: "\f303";
  position: absolute;
  font-family: "Font Awesome";
  font-size: 14px;
  color: var(--t-body);
  pointer-events: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out;
}

#togglePreview:hover:after {
  color: var(--hovlink);
}

#post-preview .post-box {
  width: 99%;
}
#post-preview .post-content {
  background: var(--forcol);
  padding: 10px 20px;
  box-sizing: border-box;
  margin: 0 auto 20px;
  border-radius: 2px;
  border: var(--forcol-border);
}

#pun-edit #togglePreview {
  margin-top: 24px;
}
#pun-edit #pun-announcement {
  display: none;
}
#pun-post .formal .container {
  padding: 35px 0px;
}

#pun-profile:has(#viewprofile-next) .formal .container {
    box-sizing: border-box;
    margin: 15px;
    background: var(--back) bottom;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #0000001a;
}

#pun-profile #form-buttons table tr {
  width: 99% !important;
}
#pun-profile #form-buttons td {
  width: 16px;
}

#pun-messages #form-buttons table {
  width: 102%;
}

#pun-messages #form-buttons table tr {
  height: auto;
  width: 99%;
  margin-bottom: 0;
}

#pun-messages #form-buttons td {
  margin: 0px;
}

#pun-messages .main table tr .tc2 {
  margin: -8px 0px 0px;
}

#pun-messages .main table tr .tc2 a {
  display: flex;
  flex-wrap: wrap;
}

#pun-messages .main table tr .pmtc22 {
  width: 28% !important;
}

#pun-messages .main #post-form {
  margin-top: 30px !important;
}

#pun-messages .fs-box .post-author {
  position: relative;
  border-radius: 10px;
  margin: -21px 0 55px 0px;
}

#pun-messages .fs-box .post-author:after,
#pun-messages .fs-box .post-author:before {
  content: "";
  position: absolute;
  background: none;
  width: 0px;
  height: 0px;
  bottom: 0px;
  left: 0px;
}

#pun-messages #togglePreview {
  margin: 0px 0px;
  top: unset;
  bottom: 0;
  display: none;
}

#pun-messages #post-form #form-buttons small {
  margin: 0 4px 0 0 !important;
}

#pun-messages #post-new #post-form #form-buttons small {
  top: 52px !important;
  left: 90px !important;
  display: none;
}

#pun-messages #notify-settings .inp2 {
  display: flex;
  width: 350px;
  flex-wrap: wrap;
  margin: 20px 0;
  position: relative;
  left: 650px;
}

#pun-messages #notify-settings #volume-set {
  margin-left: 24px;
  float: unset;
}

#pun-viewforum .main table tr td {
  align-self: center;
}

#pun-viewforum .main table tr .tcl {
  width: 40%;
}

#pun-viewforum .tclcon,
#pun-searchtopics .tclcon {
    display: flex;
    flex-wrap: wrap;
}

#pun-viewforum .tclcon > a,
#pun-searchtopics .tclcon > a { width: 100%; }

.forum .tclcon .byuser:before {
  content: "автор темы:";
  opacity: .65
}

#pun-viewforum .tcr > a,
#pun-searchtopics .tcr > a {
    width: 100%;
    display: block;
}

.forum .tcr .byuser:before {
	content: "последнее сообщение:";
	opacity: .65
}

#pun-viewforum .main table tr .tcr {
  width: 30%;
}

#pun-profile .main:not(.main:has(.modal_wrap)) {
  margin-bottom: 0px;
  padding: 15px;
  box-sizing: border-box;
  border-radius: 10px 0px 10px 10px;
  box-shadow: 0px 0px 5px 0px #0000001a;
  border: 1px solid #b3b1aa;
}

#pun-profile:has(#viewprofile-next) .main {
 background: var(--forcol);
}

#pun-profile li strong {
  font: var(--body-font);
    color: #a09e95;
}

#pun-profile #pa-fld5,
#pun-profile #profile-gifts {
  display: none;
}

#pun-profile #profile8 fieldset,
#pun-messages #profile fieldset {
  margin: 0px;
  padding: 0px;
}

#pun-profile #profile8 fieldset legend {
  margin: 0px;
  padding: 0px;
}

#pun-messages #profile > .container > fieldset > legend {
  margin: 0;
  font: 500 12px "Mulish";
  text-transform: uppercase;
}

#pun-profile #profile8 .fs-box p,
.punbb .fs-box fieldset {
  margin: 5px 0px 20px;
}

#pun-profile #profile8 .formsubmit {
  margin: 20px 0px 10px 0px;
}

#post-preview .code-box strong.legend {
  text-transform: uppercase;
  font-style: italic;
}

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

#post-preview .quote-box cite a {
  color: #d2cec4 !important;
}

#pun-online #pun-main .online-list table tr {
  height: 30px;
}

#pun-online #pun-main thead { display: none; }

/* ОФОРМЛЕНИЕ ПРЕВЬЮ ПРОФИЛЯ */

#pun-profile #pun-crumbs1 p {
    color: var(--t-body);
    padding: 8px 0;
    font: 700 14px var(--body-font);
    margin: 0;
    width: 345px;
    margin-left: 10px;
    background: var(--forcol);
    border-radius: 10px 10px 0px 0px;
    border: 1px solid #b3b1aa;
    bottom: -1px;
    position: relative;
}

#pun-profile #pun-crumbs1 {
  margin: 0 auto;
}

#pun-profile #pun-crumbs1 strong,
#pun-profile #pun-crumbs1 em,
#pun-profile #pun-crumbs1 a {
  display: none !important;
}

#pun-profile #viewprofile tbody tr {
  display: flex;
  margin: 0 auto;
  gap: 15px;
}

#pun-profile #profile-left {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    width: 230px;
    background: #222;
    border-radius: 10px;
    border: 1px solid #767573;
    box-shadow: 0px 0px 5px 0px #0000001a;
}

#pun-profile #profile-right #pa-awards {
  display: none;
}

#viewprofile #profile-right {
  display: flex;
  gap: 15px;
  box-sizing: border-box;
}

#viewprofile #profile-right > div {
    display: flex;
    flex-wrap: wrap;
    width: 224px;
    background: #222;
    border-radius: 10px;
    border: 1px solid #767573;
    box-shadow: 0px 0px 5px 0px #0000001a;
    height: 100%;
    gap: 10px 0;
    position: relative;
}

.prev-wrap:has(.personal_bg img) {
    padding-top: 90px;
    box-sizing: border-box;
}

#pa-fld2 { position: relative; }

.prev-wrap_2 {
  width: 300px !important;
}

#viewprofile #profile-right li {
  flex: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font: 700 11px var(--body-font) !important;
  box-sizing: border-box;
}

#pa-fld1 {
    order: -1;
    margin-top: 20px;
}

#viewprofile #profile-right li:not(#pa-fld1) a {
  color: var(--hovlink);
  font-weight: 700 !important;
}
#pa-positive a,
#pa-respect a,
#pa-fld3 span {
  font-size: 8px !important;
  text-transform: uppercase;
}

#pa-fld4 > span,
#pa-fld6 { display: none!important; }

#viewprofile #profile-right li:not(#pa-fld1) strong,
#pa-online strong,
#pa-fld3,
#pa-fld4 {
  color: #a09e95;
  font: 700 11px var(--body-font) !important;
  text-shadow: 0 0 1px #000;
}

#pa-fld4 { justify-content: flex-end!important; }

#pa-online strong {
  color: #a09e95 !important;
  text-transform: lowercase;
}

#viewprofile #profile-right li span a:hover,
#viewprofile #profile-right li strong a:hover,
#viewprofile #pa-fld1 a div:hover {
  opacity: .7;
}

#pun-profile #profile-title strong {
  width: 100%;
  text-transform: lowercase;
}

#pun-profile #viewprofile #pa-avatar {
  margin: 8px 0px 15px;
}
#viewprofile #pa-avatar img {
  max-width: 185px;
  max-height: 250px;
  border: 1px solid #85847e;
  width: auto;
  height: auto;
}

#pun-profile #viewprofile #pa-edit {
    margin: 38px 0px 25px;
    padding: 10px 5px;
    width: 50%;
    text-transform: uppercase;
    align-self: center;
    box-sizing: border-box;
    transition: all 0.3s 
ease-in-out;
    cursor: pointer;
    border-radius: 10px;
    font: 700 9px var(--body-font) !important;
    background: var(--back) bottom;
    border: 1px solid #767573;
}

#pun-profile #viewprofile #pa-edit a {
  color: #a09e95;
  font-size: 10px !important;
}

#pun-profile #viewprofile #pa-edit a:hover,
#pun-profile #viewprofile #pa-edit:hover a {
  color: var(--hovlink);
}

#pun-profile #profile-name strong {
  font: 700 15px var(--body-font) !important;
  text-transform: uppercase;
  color: #a09e95 !important;
  text-shadow: 1px 1px 0px #000;
  margin: 15px 0 10px;
}

#pun-profile #profile-title strong {
  font: 700 12px var(--body-font) !important;
  color: #a09e95 !important;
  text-shadow: 1px 1px 0px #000;
  margin-bottom: 10px;
}

/* отступы в ячейках */
th {
  padding: 0 !important;
  font-size: 0px !important;
}

#pun-userlist th {
  font-size: 11px !important;
}
#pun-userlist th.relation {
  padding-left: 62px !important;
}

/* ширина подфорума */
#pun-index .tcl {
  width: 450px;
  box-sizing: border-box;
  padding: 0px 0px 0px 0px;
  display: flex;
}

#pun-index .tcl .intd {
  display: flex;
}

.main .tcl {
  text-align: left;
  width: 45%;
}

/* ширина ячеек */
.tc2,
.tc3,
.tcmod {
  text-align: center;
}

/* ширина последнего сообщения */
.tcr {
  text-align: left;
  width: auto;
}

/* ширина в поиске/модерировании */
#pun-userlist .tcl,
#pun-modviewforum .tcl {
  width: 16%;
}

#pun-userlist .tcl {
  position: relative;
  padding-left: 60px;
  height: 44px;
  align-items: center;
  display: flex;
}
#pun-searchtopics .tcl {
  width: 35%;
}
#pun-userlist .tc2,
#pun-searchtopics .tc2 {
  text-align: left;
  width: 20%;
}
#pun-userlist th,
#pun-searchtopics th {
  display: flex;
  justify-content: center;
}

/*дебаг */
#pun-debug table .tcl {
  width: 15%;
  white-space: normal;
}
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
}

/* расположение последней активной темы */
#pun-index .tcr {
  font-family: var(--body-font);
  align-self: center;
  box-sizing: border-box;
  text-transform: lowercase;
  font-size: 9px;
  padding: 0px 0px 0px 65px;
  width: 290px;
  box-shadow: none;
  position: relative;
}

#pun-index .tcr br {
  display: none;
}

/* последняя активная тема в подфоруме */
#pun-index .tcr a {
    text-align: left;
    display: block;
    text-transform: uppercase;
    font: 600 10px var(--body-font);
    line-height: 15px;
    margin-bottom: 4px;
}

#pun-index .tcr .datetime,
#pun-index .tcr .byuser {
    font: 500 9px / 13px var(--body-font);
    text-transform: uppercase;
}

/* количество тем и сообщений в подфоруме */
#pun-index .tc2,
#pun-index .tc3 {
    position: absolute;
    left: 479px;
    width: 75px;
    text-align: left;
    color: #808080;
    font: 600 9px 'Inter';
    top: 40%;
    transform: translateY(-50%);
    display: none;
}

#pun-index .tc2 { top: calc(40% + 20px);}

#pun-index .tc2::before { content: "\f07b";}
#pun-index .tc3::before { content: "\f27a";}

#pun-index .tc3:before,
#pun-index .tc2:before {
    font: 9px 'Font Awesome';
    position: absolute;
    left: -13px;
    top: 3px;
}

#pun-main .category thead .tc2,
#pun-main .category thead .tc3 {
  display: none;
}

/* НАВИГАЦИЯ ПО ФОРУМУ СВЕРХУ
-------------------------------------------------------------*/
.custom-wrapper {
  background: var(--body);
  border-radius: 20px;
  padding-bottom: 10px;
}

#pun-navlinks .container {
    padding: 0px;
    margin: 62px 0 0px;
    justify-content: center;
    display: flex;
    gap: 10px;
}

#pun-navlinks li {
  display: inline;
}

/* расположение*/
#pun-navlinks {
  display: flex;
  justify-content: center;
}

#pun-navlinks #navawards {
  position: absolute;
}

/* вид ссылок */
#pun-navlinks li a {
  text-transform: uppercase;
font: 400 17px var(--fancy-font);
}

/*  вид ссылок навигации при наведении */
#pun-navlinks li a:hover {
  color: var(--hovlink);
}

/* ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ 
-------------------------------------------------------------*/
#pun-ulinks .container {
    padding: 0 !important;
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 13px 0 28px;
}

/* цвет ссылок */
#pun-ulinks a {
    text-transform: lowercase;
    font: 500 10px var(--body-font) !important;
    transition: all 0.3s ease-in-out 0s;
}

/* цвет ссылок при наведении */
#pun-ulinks a:hover {
  color: var(--hovlink);
}


#pun-ulinks.fixed {
    position: fixed;
    top: 4px;
    z-index: 100;
    width: 100%;
    left: 0;
}

#pun-ulinks.fixed .container { margin: 0; }

#pun-ulinks.fixed a {
    color: #D3D3D3 !important;
    text-shadow: 1px 1px 2px #222;
}

#pun-ulinks.fixed a:hover {
	opacity: .7;
}

#pun-navlinks.fixed {
    top: 0;
    position: fixed;
    background: var(--footer);
    border-top: none;
    z-index: 99;
    width: 1010px;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 13px;
}

#pun-navlinks.fixed .container {  margin: 10px 0; }
#pun-navlinks.fixed li a { color: #D3D3D3!important; text-shadow: 1px 1px 2px #222; }
#pun-navlinks.fixed li a:hover { opacity: .7; } 

/* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ И СНИЗУ 
-------------------------------------------------------------*/

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

#pun-index #pun-crumbs2 p {
  margin: 0;
}

/* общий внешний вид */
#pun-crumbs1,
#pun-crumbs2 {
  font: var(--h1-font);
  text-align: center;
  text-transform: uppercase;
}

#pun-crumbs1 p,
#pun-crumbs2 p {
      font: 500 12px var(--body-font);
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 0;
}

/* цвета ссылок */
#pun-crumbs2 a,
#pun-crumbs1 a {
  font-weight: 500 !important;
}

/* цвет ссылок при наведении */
#pun-crumbs2 a:hover,
#pun-crumbs1 a:hover {
  color: var(--hovlink);
}

/* СТРОКА ПРИВЕТСТВИЯ
-------------------------------------------------------------*/
#pun-status span {
  margin-right: 5px;
}
#pun-status .status-right {
  float: none !important;
}

/* расположение  */
#pun-status {
    position: absolute;
    display: flex;
    justify-content: center;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: 100%;
}

/* внешний вид  */
#pun-status .container {
  color: var(--t-body);
  font: 500 10px var(--body-font);
  text-transform: lowercase;
  line-height: 13px;
  text-align: center;
  margin: 0;
}

#pun-status .container strong {
  font-weight: 500;
}

/* цвет ссылки  */
#pun-status a {
  font-weight: 500!important;
}

#pun-status a:hover {
  color: var(--hovlink);
}

/* ТЕМЫ
-------------------------------------------------------------*/
/* весь пост */
.post .container {
  margin-bottom: 20px;
}

/* разделитель между сообщения*/
.post h3 {
    position: relative;
    z-index: 1;
    margin: 0;
    display: flex;
    align-items: center;
    height: 20px;
    background: var(--forcol);
    border: 1px solid #AAAAAA;
}

.post.hideprofile h3,
.hide-author h3 {
  display: flex;
  width: 98%;
  margin: 20px auto 0px auto !important;
}

/* текст внутри разделителя */
.post h3 span {
  display: flex;
  justify-content: space-between;
  flex-flow: row-reverse;
  padding: 0px 34px;
  box-sizing: border-box;
  width: 100%;
  text-transform: uppercase;
}

/* ссылка внутри разделителя */
.post h3 a,
.post h3 strong {
  font-size: 10px !important;
  text-transform: uppercase;
  font-weight: 600;
}

.post h3 .sharelink {
  display: none;
}

.hide-author .post-box {
  width: 100%;
  margin-top: -30px;
}

.hide-author .reaction-picker {
}

.hide-author div.post-rating p {
}

/* пост и отступы в посте */
.post-body {
   margin-left: 243px;
    margin-right: 7px;
    position: relative;
}

.hideprofile .post-body {
  width: 100%;
  margin: 0 auto;
}

.hideprofile .post-box {
  width: 98%;
  margin: 0 auto;
}

.post-box {
  padding: 0px;
  margin-bottom: 20px;
  line-height: 150%;
  font-size: 11px;
  font-family: Verdana;
}

/* выравнивание текста поста */
.post-content {
    overflow: hidden;
    text-align: justify;
    padding-top: 8px;
    margin: 0 auto;
}

/* абзацы постов */
.post-content p {
  margin-top: 11px;
  line-height: 150%;
  font-size: 11px;
  font-family: "Verdana";
}

/* .post-content {margin: 0px 0px 15px 10px !important;} */

/* ссылки в посте */
.post-links {
  width: 99%;
  margin: 35px auto 10px;
}

.pl-reports {
  display: none !important;
}

.post-links li {
  display: inline;
  padding-left: 10px;
  font-size: 10px;
}

.post-links ul {
  padding: 0px 10px 0px 0px;
  text-align: right;
  font: var(--body-font) !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  margin: 0px;
}
.pl-email,
.pl-website {
  float: left;
}
.clearer {
  clear: both;
  height: 0;
  font-size: 0;
}

/* курсив и подчеркнутый текст внутри поста */
.post-content em {
  font-style: italic;
}
.post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
}

/* картинки в постах */
.post-content img {
  vertical-align: text-bottom;
}
.post-content img.postimg {
  vertical-align: middle;
}

/* таблицы в постах */
td {
  border-color: transparent;
}

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

/* разделитель подписи в посте */
.post-sig dt,
.post-sig dd,
.post-sig dl {
  margin: 0;
}
.post-sig dt {
  display: block;
  margin: 5px 0;
  border: 1px solid #b6b1a24f;
  width: 350px;
  margin: 0px 170px;
}

/* экстра */
.post-content table {
  border-collapse: collapse;
  margin: 0 0 0.2em;
}
.post-content td p:last-child {
  padding-bottom: 0;
}
.post-content .highlight-text {
  background-color: #ff0;
  color: #000;
}
.post-content .spoiler-box > blockquote {
  padding: 0;
  display: none;
  margin: 10px;
}
.post-content .spoiler-box > blockquote.visible {
  display: block;
  overflow: auto;
  margin: 0;
}
.post-content hr {
  opacity: 0.2;
  margin: 0.3em 0;
  border: 0.1px solid var(--t-body);
}
.post-content abbr {
  cursor: help !important;
  text-decoration: underline dotted !important;
}
@media (max-device-width: 620px) {
  .post-content abbr {
    cursor: help !important;
    text-decoration: none !important;
    position: relative;
  }
  .post-content abbr::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    border-bottom: 1px dotted;
    width: 100%;
  }
}



.post-content ul li ul {
  padding-bottom: 0;
}
.post-content ul li > p {
  padding-bottom: 0.3em;
}
.post-content ul li > p:last-of-type {
  padding-bottom: 0;
}
.post .post-author .pa-ua {
  display: none;
}

/* ФОРМЫ
-------------------------------------------------------------*/
/* контейнер можно отключить */
.formal .container {
  padding: 15px 0 15px 0px;
  margin: 0 auto;
}

#pun-viewtopic .formal > .container {
  width: 925px;
}

.punbb .formal fieldset {
  min-width: 0;
  border: none;
  position: relative;
  margin: 0;
  padding: 0;
}

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

#pun-post .fs-box .longinput > span.input:has(#tags) {
  margin: 5px 40px 20px 0px;
}

#post-form h2,
#pun-announcement h2 {
  display: none;
}

/* местоположение кнопок отправить/посмотреть */
.formsubmit {
  margin: 10px 0px 10px 0px;
}
#pun-viewtopic .formsubmit {
  margin: 0px 0px 10px 25px;
}
.formsubmit input,
.formsubmit a,
.formsubmit span {
  margin: 0;
}

/* инфо по заполнению */
fieldset {
  padding: 0 20px;
}
fieldset legend {
  margin: 0 0px 10px 10px;
}
/* настройка текста */
fieldset legend span {
  text-transform: uppercase !important;
}
fieldset fieldset {
  border: none;
  margin: 0;
  padding: 0px 0px 5px;
}

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

#pun-viewtopic #post .fs-box p,
#pun-messages #post-form .fs-box > p,
#pun-edit #post .fs-box > p {
  margin-top: 0;
}

.inline .inputfield,
.inline .selectfield,
.inline .passfield {
  float: left;
  margin-right: 1em;
}
.inline .infofield {
  clear: both;
}
.datafield br {
  display: none;
}
.required label,
.datafield span.input {
  font-weight: bold;
}
textarea,
.longinput input {
  width: 64%;
  margin: 0;
}

/* обводка активного поля */
input,
textarea,
button {
  outline: none;
}
input:active,
textarea:active,
button:active {
  outline: none;
}
.hashelp {
  position: relative;
}

/* чекбоксы */
.checkfield input[type="checkbox"],
.radiofield input[type="radio"] {
  margin: 0 0.3em;
}
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle;
}

/* страница переадресации */
#pun-redirect {
  padding: 14px;
  font-family: "Raleway";
}
#pun-redirect.punbb .info .container {
  font-family: "Raleway";
}

#pun-redirect.punbb .info .container * a {
  font-weight: 600 !important;
  font-family: "Raleway";
}

body.redirect-page {
  background-color: #424242;
  height: auto;
  background: url(https://forumstatic.ru/files/001c/44/10/12939.png) fixed !important;
  background-repeat: repeat-x, repeat !important;
}

.redirect-page #pun {
  margin-top: 300px;
      background: #BEBEBE !important;
    border-radius: 10px;
    border: 1px solid #999;
}

.redirect-page #pun:before {
  display: none !important;
}

.redirect-page #pun-main {
  margin: 10px !important;
}

#pun-redirect {
  height: 100px;
}

/* поле ввода текста поста */
.punbb textarea {
  background: var(--forcol);
  padding: 18px 20px !important;
  width: 100% !important;
  color: var(--t-body);
  box-sizing: border-box;
  border-radius: 0 0 10px 10px;
  border: 1px solid #3f3f3f1f;
}

#pun-viewtopic #post .fs-box p .input span,
#profile .container .fs-box .input span {
  position: relative;
}

/* ------------------------- НАПОЛНЕНИЕ ТЕЛА ------------------------------*/

.punbb {
  height: auto;
  width: 100%;
  padding: 0px 40px 25px;
  box-sizing: border-box;
  position: relative;
}

#pun-index {   padding: 0px 55px 25px; }

.multipage {
}

#pun-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  margin: 0;
}

#pun-online #pun-main {
  margin: 0 0 30px;
}

#html-header * p {
  margin: 0;
}

/* ------------------------- ШАПКА ------------------------------*/
#pun-title {
    width: 1010px;
    height: 388px;
    position: absolute;
    top: -388px;
    left: 0px;
    z-index: 1;
    background: var(--header);
    transition: all .3s ease-in-out;
}

/* ------------------------- КАТЕГОРИИ ------------------------------*/

/* оформление всей категории */
#pun-index .category .container {
  position: relative;
}

/* оформление всего подфорума */
#pun-index .hasicon {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    transition: all 0.2s ease-in-out;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 47px;
    background: var(--forcol);
    border: 1px solid #AAAAAA;
}

#pun-index .hasicon tr {
    position: relative;
    display: flex;
    transition: all 0.3s linear;
    width: 900px;
    gap: 40px;
    flex-direction: row;
    box-sizing: border-box;
    padding: 30px 55px 30px 65px;
    border: 1px solid transparent;
    margin-left: -1px;
    margin-right: -1px;
}

#pun-index .hasicon tr:after {
    content: '';
    position: absolute;
    width: 900px;
    height: 1px;
    background: #aaaaaa;
    left: 50%;
    transform: translateX(-50%);
    bottom: -1px;
}

#pun-index .hasicon tr:last-of-type:after { display: none; } 

#pun-index .hasicon tr:hover {
    background: var(--body);
    border: 1px solid var(--body);
}

/* оформление всех категорий */

#pun-index .category h2,
#pun-stats h2 {
    margin: 0px auto;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    color: #D3D3D3;
    background: var(--divider);
    position: relative;
    transition: all 0.2s ease-in-out;
    font: 600 15px var(--fancy-font);
    display: flex;
    align-items: center;
    padding-left: 50px;
    text-transform: lowercase;
}

/* ПОДФОРУМ
-------------------------------------------------------------*/

/* расположение и оформление */
#pun-index .tclcon {
    font: 400 9px / 120% var(--body-font);
    text-transform: lowercase;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: justify;
    gap: 7px;
}

#pun-index .tclcon div {
  -webkit-font-smoothing: antialiased;
}

#pun-index .tclcon h3 {
  margin: 0px;
}

#pun-index .tclcon a img {
  opacity: 0.7;
  transition: all 0.3s ease-in-out;
}

#pun-index .tclcon a img:hover {
  opacity: 1;
}

/* название подфорума - ссылка */
#pun-index .tclcon h3 a {
    text-transform: uppercase;
    color: var(--t-body);
    font: 400 17px / 22px var(--fancy-font);
    display: block;
    padding: 0;
    box-sizing: border-box;
    margin: 0;
    width: 100%;
    letter-spacing: 0px;
    text-align: left;
}

.f_wrap {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

#pun-index .tclcon .f_links {
    display: flex;
    flex-direction: row;
    gap: 5px;
    margin-top: 5px;
    flex-wrap: wrap;
    width: 100%;
}

#pun-index .f_links a {
    padding: 0px 10px;
    background: #0E0E0E14;
    border-radius: 5px;
    display: flex;
    height: 21px;
    justify-content: center;
    align-items: center;
    flex: 1 1 0;
    white-space: nowrap;
    font-size: 7px;
    text-transform: uppercase;
   border: 1px solid #AAAAAA;
}

#pun-index .f_links a:hover {
    background: #606060;
    color: var(--body) !important;
}

#pun-index .tclcon h3 a:hover {
  color: var(--hovlink) !important;
}

/* ------------------------- ИКОНКИ НА ГЛАВНОЙ ------------------------------*/

/* общее для иконок */
#pun-index table Div.icon,
#pun-index TR.inew Div.icon {
    display: block;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
}

#pun-index table Div.icon {
}

/* новые */
#pun-index TR.inew Div.icon {
}

.dark #pun-index TR.inew Div.icon { 
    box-shadow: 0px 1px 4px 0px #00000040;
    width: 57px;
    height: 32px;
    border-radius: 6px;
    left: -28px;
}

.dark #pun-index TR.inew Div.icon:after {
    content: '';
    position: absolute;
    background: url(https://forumstatic.ru/files/001c/44/10/25080.svg); 
    width: 57px;
    height: 41px;
}

.dark #pun-index TR.inew Div.icon:before {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 14px;
    border-left: 2px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 12px solid rgb(0 0 0 / 38%);
    z-index: -1;
    filter: blur(3px);
    transform: rotate(180deg);
}

.light #pun-index TR.inew Div.icon { 
   background: url(https://forumstatic.ru/files/001c/44/10/96613.png?v=1); 
    width: 33px;
    height: 30px;
   left: -16px;
}


/* ------------------------- ИКОНКА ВНУТРИ ПОДФОРУМА ------------------------------*/

/* старые  */
#pun-viewforum table Div.icon,
#pun-messages table Div.icon,
#pun-searchtopics table Div.icon {
  float: left;
  display: block;
  position: relative;
  margin: 2px 8px 0 0;
  width: 10px;
  height: 10px;
top: 1px;
  border-radius: 50px;
  background-color: #363431c2;
}

/* новые */
#pun-viewforum TR.inew Div.icon,
#pun-messages TR.inew Div.icon,
#pun-searchtopics TR.inew Div.icon {
  background-color: var(--hovlink);
}

/*важные */
#pun-viewforum TR.isticky Div.icon,
#pun-messages TR.isticky Div.icon,
#pun-searchtopics TR.isticky Div.icon {
  background-color: #24261da1;
}

/* закрытые */
#pun-viewforum TR.iclosed Div.icon,
#pun-messages TR.iclosed Div.icon,
#pun-searchtopics TR.iclosed Div.icon {
  background-color: transparent;
  border: 1px solid #32312e;
}

/* ------------------------- СТАТИСТИКА ------------------------------*/

#pun-statistic .tc3 {
  width: 15%;
}

#pun-statistic .tc-username {
  width: unset;
  text-align: left;
}

#pun-statistic .tc-title {
  width: 25%;
  text-align: left;
}

#pun-statistic .tc-registered {
  width: 20%;
}

#pun-statistic .tc-topic {
  width: 50%;
}

/* оформление статистики */
#pun-stats {
  margin: 0 auto;
  border-radius: 20px;
  position: relative;
}

.statscon {
    display: flex;
    padding: 0px 0px 30px;
}

/* оформление текста в статистике */
#pun-stats .container {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    background: var(--forcol);
    border: 1px solid #aaaaaa;
}

.stat-wrap,
.online-wrap {
  display: flex;
  width: 100%;
}

.stat-wrap {
    font: 600 10px var(--body-font);
    box-sizing: border-box;
    height: 50px;
    align-items: center;
    border-bottom: 1px solid #aaaaaa;
    padding: 0 55px;
    justify-content: space-between;
}

.online-wrap {
    gap: 15px;
    flex-direction: column;
    padding: 25px 55px;
    box-sizing: border-box;
}

#pun-stats li strong { font: 600 10px var(--body-font); }

#pun-stats .container strong a {
  text-transform: uppercase;
}

/* вся инфа в 1 строчке */
#pun-stats li:not(.item5)  {
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    font: 600 9px var(--body-font);
    position: relative;
    z-index: 2;
}

#pun-stats li.item4 a {
  font: 600 10px var(--body-font);
}
#pun-stats li.item4 a:hover {
  color: var(--hovlink)!important;
}

/* активные пользователи */
li#onlinelist,
.item5 a { font: 500 10px var(--body-font)!important; }

/* ------------------------- ФУТЕР ------------------------------*/

#pun-about .container {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 8px 0 0;
}

/* реклама русфф в футере */
#pun-about .container .item1 {
  font-size: 8px;
  text-transform: uppercase;
}

#pun-about .container .item1 a {
  font-size: 8px;
  font-weight: 600 !important;
}

#pun-about .container .item1 a:hover {
  color: var(--hovlink);
}

#html-footer > .container {
  position: relative;
}

.banners {
    width: 1010px;
    margin: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 25px;
    height: 100px;
    padding: 16px 42px 16px 60px;
    background: var(--footer);
     left: -40px;
}

#pun-index .banners {  left: -55px; }

.banners img {
    width: 88px;
    height: 31px;
    object-fit: cover;
}

.banners_wrap {
    height: 67px;
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    overflow: auto;
    filter: grayscale(0.5) brightness(0.7);
    transition: all 0.3s ease-in-out;
}

.banners_wrap a {
    height: 31px;
    width: 88px;
}

.banners_wrap:hover {
  filter: grayscale(0) brightness(1);
}

.banners_wrap::-webkit-scrollbar-track {
  background-color: var(--hovlink) !important;
    opacity: .9;
}

/* ------------------------- ЗАКЛАДКИ ------------------------------*/
#MyBookmarks {
  background-color: #0e0e0e;
  box-shadow: 0 0 0 1px #292929cf, 0 0 6px 2px #000000cf;
  border-radius: 5px;
  background: #131210;
}

.editBookmark {
  background-color: var(--backcol);
  box-shadow: inset 0 0 6px 2px #aaa7a2, 0 0 0 1px #94928e;
}

.post .bookmark {
  color: rgb(71 103 120) !important;
  margin-left: 0px;
  background: rgb(71 103 120);
}

#BookmCntToggle {
  opacity: 0.8 !important;
}

#BookmCntToggle:hover {
  opacity: 1 !important;
  filter: brightness(1.1);
}

#BookmCntToggle.default-style {
    background: #2B2C2C !important;
    box-shadow: 1px 1px 0px #01010136 !important;
    z-index: 1;
    border-radius: 50%;
    height: 30px !important;
    width: 30px !important;
    padding: 0 !important;
    border: 1px solid #707070 !important;
}

#MyBookmarks h2,
#MyBookmarks h1 {
  color: #ded9d1;
}
#MyBookmarks .deS {
  color: #ded9d1 !important;
}

#BookmCntToggle.default-style:before { display: none!important; } 

#BookmCntToggle.default-style:after {
    border-color: transparent;
    border-style: solid;
    border-width: 0 !important;
    content: '\f02e'!important;
    font: 15px 'Font Awesome';
    display: block;
    height: 16px !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    width: 12px !important;
    color: #676666;
}

/* КНОПКИ ВВЕРХ ВНИЗ 
-------------------------------------------------------------*/

.go-up,
.go-down {
    cursor: pointer;
    display: none;
    margin-bottom: 160px;
    opacity: 1;
    position: fixed;
    z-index: 100;
    transition: transform .4s ease-in-out;
    margin-left: 990px;
    box-sizing: border-box;
}

.dark .go-up {
    background: url(https://forumstatic.ru/files/001c/44/10/47451.png);
    width: 79px;
    height: 22px;
}

.dark .go-down {
    background: url(https://forumstatic.ru/files/001c/44/10/52906.png);
    width: 95px;
    height: 24px;
}

.light .go-down,
.light .go-up {
  width: 30px;
  height: 33px;
  border: 1px solid #707070;
  background: #2B2C2C;
  border-radius: 50%;
}

#pun-index .go-up,
#pun-index .go-down {  margin-left: 975px; }

@media (max-device-width: 640px) {
   .go-up,
.go-down { margin-left: 0; left: calc(100% - 50px); }
}

/* расположение */
.go-up { bottom: 43.3%; }
.light .go-down { bottom: 37%;}
.dark .go-down { bottom: 40%;}

.dark .go-up:after {  content: 'up'; }
.dark .go-down:after {  content: 'down'; }

.dark .go-up:after,
.dark .go-down:after {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    font: 900 10px var(--fancy-font);
    text-transform: uppercase;
    font-style: italic;
}

.light .go-up:after,
.light .go-down:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 12px;
    width: 10px;
}

.light .go-up:after {
  background: url(https://forumstatic.ru/files/001c/44/10/50783.svg); 
}
.light .go-down:after {
  background: url(https://forumstatic.ru/files/001c/44/10/37907.svg); 
}


.go-up:hover  {    transform: translateY(-10px); }
.go-down:hover  {    transform: translateY(10px); }


/* при наведении */
.go-down:hover,
.go-up:hover {
  opacity: 1;
} 

/* ------------------------- ПРОФИЛЬ ------------------------------*/
.post-author {
    margin: 20px 0 55px 0px;
    position: sticky;
    width: 224px;
    box-sizing: border-box;
    padding: 35px 7px 0px;
    background: var(--forcol);
    border-radius: 10px;
    border: 1px solid #AAAAAA;
    min-height: 200px;
    float: left;
}

.post-author:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: var(--back) bottom;
    width: 100%;
    height: 154px;
    z-index: -2;
    border-radius: 10px 10px 0 0;
}

#pun-searchposts .post-author {
  background: transparent;
  border-radius: 10px;
}

/* пространство в профиле */
.post-author ul {
    padding: 0px;
    box-sizing: border-box;
    text-align: center;
    color: var(--t-body);
    text-transform: lowercase;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    width: 100%;
    margin: 0px;
    background: var(--body);
    border-radius: 10px 10px 0 0;
    border: 1px solid #AAA;
    margin-bottom: 23px;
}

#pun-searchposts .post-author ul {
  padding-bottom: 15px;
}

/* ник автора */
.pa-author {
    margin: 18px 0;
    width: 97%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    position: relative;
}

.pa-author:after,
.pa-fld6:after {
   position: absolute;
   content: '';
   width: 160px;
   height: 1px;
    background: linear-gradient(90deg, #C8C6C2 0%, #AAAAAA 50%, #C8C6C2 100%);
   bottom: -10px;
   left: 50%;
   transform: translateX(-50%);
}

/* ссылка ника */
.pa-author a,
#pun-searchposts .pa-author strong,
#pun-post .pa-author {
    font: 400 15px / 100% var(--fancy-font) !important;
    text-transform: uppercase;
    color: var(--hovlink) !important;
}

.pa-author a:hover { color: var(--hovlink)!important; }

#pun-searchposts .pa-replies {
    font: 600 11px var(--body-font);
    color: var(--t-body);
}

/* статус */
.pa-title {
    width: 200px;
    margin: 0px 0px 11px;
    font: 500 9px / 11px var(--body-font);
}

/* аватар */
.pa-avatar {
    margin-bottom: 11px;
    width: 100%;
}

/* рамка аватара */
.pa-avatar img {
  max-width: 180px;
  max-height: 180px;
}

/* рамка смены аватара */
.pa-avatar.item2 img.allow_change:hover {
  outline-color: var(--hovlink) !important;
}

.change_avatar_theme h2 {
  font: var(--h1-font);
  padding: 5px;
  text-align: center;
  color: var(--doptext);
  font-weight: normal;
}

/* айпи */
.pa-ip {
  clear: both;
  color: #51514e !important;
  font-size: 7px;
  width: 233px;
}

.pa-ip a {
  clear: both;
  color: #4d4d54 !important;
  font-size: 7px;
}

/* активен */
.pa-online {
  height: 0px;
  width: 0px;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: -4px;
  opacity: 0.8;
  font-size: 0px;
  background: var(--back-noise);
}

/* последний визит */
.pa-last-visit {
  font-size: 9px !important;
  text-transform: lowercase;
  text-align: center;
  letter-spacing: 0.5px;
  color: var(--proftext);
  margin-top: 5px;
}

/* отображение при ответить */
#pun-post .post-author {
  background: var(--forcol);
  border-radius: 10px;
  min-height: 100px;
}

/* награды */

.post .pa-awards {
  display: none;
}

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

.lz_wrap,
.lz_wrap strong {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: justify;
    margin: 10px 0px 21px;
    box-sizing: border-box;
    position: relative;
    padding: 0 18px;
    gap: 6px;
    position: relative;
}

.lz_wrap:after,
.lz_wrap:before {
  content: '';
  position: absolute;
  background: linear-gradient(90deg, #BEBEBE 0%, #AAAAAA 50%, #BEBEBE 100%);
  width: 160px;
  height: 1px;
    left: 50%;
    transform: translateX(-50%);
}

.lz_wrap:after { top: -10px; }
.lz_wrap:before { bottom: -10px; } 

.lz_ank a {
    color: var(--hovlink) !important;
    text-transform: uppercase;
    font-size: 11px;
}

.lz_desc {
    font: 500 9px / 12px var(--body-font);
}

#pa-fld1 .lz_desc {
    color: #a09e95;
    font-weight: 500;
}

.lz_desc a {
    color: var(--hovlink) !important;
    font-weight: 500 !important;
}

.lz_desc a:hover,
.lz_ank a:hover,
.pa-author a:hover { color: var(--t-body)!important; }

.personal_banner {
    width: 224px;
    height: 40px;
    margin-left: -8px;
    border-radius: 0 0 10px 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#pa-fld4 .personal_banner {
    margin: 0;
    width: 222px;
    display: flex;
}

.personal_banner span {
    font: 600 10px / 12px var(--body-font);
    color: #CACACA;
    text-shadow: 1px 1px 0 #000000c2;
}

.personal_bg img {
    position: absolute;
    top: 0;
    left: 0px;
    z-index: -1;
    border-radius: 9px 9px 0 0;
    width: 222px;
    height: 152px;
    object-fit: cover;
}

#pun-profile .personal_bg img {
    height: 90px;
    z-index: 0;
}

.pa-fld5 > a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    background: var(--body);
    border: 1px solid #AAAAAA;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px;
}

.pa-fld5 img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

#pa-fld5 {
    position: absolute;
    top: -10px;
    z-index: 3;
    left: 50%;
    transform: translateX(-50%);
    width: 35px;
    height: 35px;
    background: #222;
    border-radius: 50%;
    border: 1px solid #72716f;
}

.prof-wrapper {
    display: flex;
    border-radius: 10px;
    gap: 0px;
    width: 100%;
    box-sizing: border-box;
    margin: 0px 10px 22px;
    padding: 5px;
    justify-content: center;
    background: var(--forcol);
    border: 1px solid #AAAAAA;
}

.pa-fld6 {
    font: 500 7px var(--body-font);
    margin-bottom: 20px;
    position: relative;
}

.pa-fld2,
.pa-fld3,
.pa-posts,
.pa-respect {
  width: 23%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 2px;
  font: 500 9px var(--body-font);
}

.pa-respect:after {
  position: absolute;
  content: "";
  width: 200px;
  height: 40px;
}

.pa-fld2 span,
.pa-fld3 span,
.pa-posts span,
.pa-respect span {
  font: 500 9px var(--body-font);
}

.pa-respect span {
  margin-top: 0px;
}

.pa-fld2 .fld-name,
.pa-fld3 .fld-name,
.pa-posts .fld-name,
.pa-respect .fld-name {
  font-size: 0 !important;
  position: relative;
  width: 100%;
  height: 12px;
  z-index: 3;
}

.pa-respect .fld-name a {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.pa-respect .fld-name a:after,
.isguest .pa-respect .fld-name:after {
  content: "лайки";
}

.pa-fld2 .fld-name:after {
  content: "хомяки";
}

.pa-fld3 .fld-name:after {
  content: "посты";
}

.pa-posts .fld-name:after {
  content: "sms";
}

.pa-fld2 .fld-name:after,
.pa-fld3 .fld-name:after,
.pa-posts .fld-name:after,
.pa-respect .fld-name a:after,
.isguest .pa-respect .fld-name:after {
    position: absolute;
    font: 500 9px var(--body-font);
    left: 50%;
    top: 2px;
    transform: translateX(-50%);
    transition: all 0.3s ease-in-out;
}

.pa-respect .fld-name a:hover:after {
  color: var(--hover) !important;
  cursor: pointer;
}

/* ПОСТЫ, РЕПУТАЦИЯ
-------------------------------------------------------------*/
#pa-ua {
  display: none;
}

.pa-respect {
  flex-direction: row;
  flex-wrap: wrap;
}

.pa-respect img {
    filter: grayscale(1) brightness(0.7);
    margin-top: 1px;
    width: 8px;
}

.pa-respect a {
    position: relative;
    z-index: 1;
}

/* Индикатор активности пользователя */
.indOnline,
.indOffline {
    display: -webkit-box;
    position: absolute;
    top: -22px;
    z-index: 1 !important;
}

.dark .indOnline {
    background: url(https://forumstatic.ru/files/001c/44/10/25647.png);
    width: 23px;
    height: 78px;
    left: -35px;
}

.light .indOnline {
    background: url(https://forumstatic.ru/files/001c/44/10/81130.png);
    width: 28px;
    height: 59px;
    left: -40px;
}

/* ------------------------- НОВОСТИ ------------------------------*/
/* форма объявления */
#pun-announcement {
  position: relative;
  z-index: 1;
}

#pun-viewtopic #pun-announcement {
}

#pun-announcement .container::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* плашки */

.news {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  transition: all 0.3s ease-in-out !important;
  margin: 0px 20px 28px;
}

.news_item {
    display: flex;
    height: 44px;
    min-width: 159px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    color: #424242 !important;
    padding: 0px 10px;
    box-sizing: border-box;
    background: #00000014;
    border: 1px solid #AAAAAA!important;
    font: 600 10px var(--body-font) !important;
    text-transform: uppercase;
}

.news_item p {
    margin: 0;
    padding: 0;
    font: 500 10px var(--body-font) !important;
    text-transform: lowercase;
}

.news_item:hover {
  background: #00000021;
  box-shadow: 2px 2px 1px 0px #00000040 inset!important;
  border: none!important;
}

.dark .news_item_new {
    background: var(--header) 230px 100px;
    color: #BEBEBE !important;
    border: none;
}

.dark .news_item_new:hover {
     color: #BEBEBE !important;
     background: var(--header) 278px 62px;
     box-shadow: none;
}

.light .news_item_new {
   background: var(--back) 30px 100px;
    color: #D3D3D3!important;
    border: none;
}

.light .news_item_new:hover {
     color: #D3D3D3!important;
     background: var(--back) 278px 62px;
     box-shadow: none;
}

/* ------------------------- ТАБЛИЦА ------------------------------*/

.dark .sheep {
    background: url(https://forumstatic.ru/files/001c/44/10/40184.png) no-repeat;
    width: 133px;
    height: 173px;
    box-shadow: none;
    top: 135px;
    right: 332px;
}

.sheep p {
    position: absolute;
    width: 95px;
    height: 80px;
    color: #E6E6E6;
    text-shadow: 0px 1px 0px #00000040;
    font: 600 8px / 120% var(--body-font);
    left: 21px;
    top: 24px;
}

.dark .thistle {
    background: url(https://forumstatic.ru/files/001c/44/10/77369.png?v=1);
    width: 105px;
    height: 137px;
    top: 151px;
    left: 316px;
box-shadow: none !important;
}

.light .sheep,
.light .thistle { display: none; }

t {
    position: absolute;
    width: 1010px;
    height: 350px;
    left: 0;
    top: -350px;
    z-index: 2;
}

t > * {
  position: absolute;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  height: 44px;
}

.dark t > *  {
    background: var(--body);
    box-shadow: 0px 1px 4px 0px #00000040;
}

t h4 {
    text-transform: uppercase;
    margin: 0;
    color: var(--t_color);
    font: 700 10px var(--body-font);
    width: 100%;
    display: flex;
    position: relative;
    left: 15px;
}

t a { color: var(--t_color)!important; }
.dark t a:hover { color: var(--hovlink)!important; }

.light t a:hover {
    color: #af7e60 !important;
}

t h4:before,
t .t_post:before  {
    content: '\f005';
    position: absolute;
    font: 10px 'Font Awesome';
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--t_color);
}

t .t_post:before {
    left: 10px;
    top: -21px;
    z-index: 4;
}

.t_writers,
.t_flood,
.t_ep {
    display: flex;
    flex-wrap: wrap;
    gap: 0 4px;
    font: 500 10px var(--body-font) !important;
}

.light .t_writers, .light .t_flood, .light .t_ep,
.light .t_quote {
    backdrop-filter: blur(10px);
    background: #D3D3D30D;
    border: 1px solid #707070;
}

.light .t_post:after {
  content: '';
  position: absolute;
      backdrop-filter: blur(10px);
    background: #D3D3D30D;
    border: 1px solid #707070;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
    border-radius: 5px;
    z-index: -1;
}

.t_writers {
    width: 180px;
    left: 25px;
    top: 92px;
}

.t_flood {
    width: 180px;
    left: 25px;
    top: 141px;
}

.t_ep {
    left: 25px;
    top: 38px;
}

.t_quote {
    width: 210px;
    height: 75px;
    padding: 14px;
}

.dark .t_quote {
    right: 108px;
    bottom: 232px;
}

.light .t_quote {
    bottom: 192px;
    right: 130px;
}

.t_quote p {
    height: 100%;
    overflow: auto;
    padding-right: 5px;
    font: 500 10px / 12px var(--body-font);
    color: var(--t_color);
    text-align: justify;
    text-transform: lowercase;
}

.t_post {
    margin: 0;
    display: flex;
    flex-direction: column;
    width: 236px;
    height: 85px;
    box-sizing: border-box;
    padding: 15px;
    bottom: 34px;
    left: 25px;
}

.t_post p {
    color: var(--t_color);
    text-align: justify;
    font: 500 10px / 12px var(--body-font);
    letter-spacing: -0.5px;
    height: 55px;
    overflow: auto;
    padding-right: 5px;
     text-transform: lowercase;
}

.t_post h3 {
    margin: 0;
    position: absolute;
    top: -36px;
    left: 0;
    width: 119px;
    height: 32px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding-left: 25px;
    box-sizing: border-box;
    box-shadow: 0px 1px 4px 0px #00000040;
    color: var(--t_color);
    font: 700 10px var(--body-font);
    text-transform: uppercase;
}

.dark .t_post h3 {  background: var(--body); }
.light .t_post h3 {
    backdrop-filter: blur(10px);
    background: #D3D3D30D;
    border: 1px solid #707070;
}

.dark .t_post h3:before,
.dark .t_quote:before  {
    content: '';
    position: absolute;
    top: 35px;
    left: 14px;
    border-left: 2px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid rgb(0 0 0 / 38%);
    z-index: 0;
    filter: blur(3px);
    transform: rotate(171deg);
}

.dark .t_post h3:after,
.dark .t_quote:after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 14px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid rgb(190 190 190);
    z-index: 0;
    transform: rotate(180deg);
}

.dark .t_quote:before {
    bottom: -7px;
    left: 77px;
    top: unset;
}

.dark .t_quote:after { left: 76px; }

.about {
    background: transparent !important;
    box-shadow: none !important;
    display: flex;
    gap: 13px;
    padding: 0;
    color: #2A323B;
    transform: rotate(-90deg);
    bottom: 146px;
    left: 317px;
}

.about h2 {
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    color: #2A323B;
    font: 700 30px var(--fancy-font);
    margin: 0;
    font-style: italic;
}

.about p {
    white-space: pre-wrap;
    display: flex;
    align-items: center;
    font: 500 10px / 12px var(--body-font);
}



.dark .t_post p::-webkit-scrollbar-track,
.dark .t_quote p::-webkit-scrollbar-track {
  background: #4148519c!important;
}

.dark .t_post p::-webkit-scrollbar-thumb,
.dark .t_quote p::-webkit-scrollbar-thumb {
  background: #4148519c!important;
}

.light .t_post p::-webkit-scrollbar-track,
.light .t_quote p::-webkit-scrollbar-track {
   background: #5c5b5a !important;
}

.light .t_post p::-webkit-scrollbar-thumb,
.light .t_quote p::-webkit-scrollbar-thumb {
 background: #c0c0c08a !important;
}

/* КОД НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */

.spirit_nav-wrap {
  margin: auto;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.spirit_nav-wrap_ams {
    background: transparent !important;
    padding: 0;
    height: auto;
    box-shadow: none !important;
}

.dark .spirit_nav-wrap_ams {
    left: 582px;
    bottom: 49px;
}

.light .spirit_nav-wrap_ams {
    bottom: 22px;
    left: 793px;
}

.light .spirit_nav-wrap_ams {
    background: #2B2C2C !important;
    border-radius: 50px;
    border: 1px solid #707070;
    width: 71px;
    height: 23px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #707070 !important;
    font: 600 10px var(--body-font);
}

.light .nav_button {
    color: #707070 !important;
    font: 600 10px var(--body-font)
}

.spirit_nav-wrap_nav {
  width: 98px;
  height: 35px;
  right: 39px;
  bottom: 46px;
}

.spirit_nav-wrap_q {
    width: 68px;
    height: 23px;
    right: 66px;
    bottom: 23px;
    background: #2B2C2C !important;
    border-radius: 50px;
    border: 1px solid #707070;
    padding: 0 !important;
}

.spirit_nav-wrap_ams p {
    clip-path: inset(0 0 100% 0);
    transition: clip-path .6s ease;
    display: flex;
    position: absolute;
    border-radius: 10px;
    margin-top: 3px;
    background: #2b2c2c;
    border: 1px solid #707070;
    border-radius: 10px;
    padding: 10px 10px 8px;
    text-transform: lowercase;
    box-sizing: border-box;
    color: var(--doptext);
    text-shadow: 1px 1px 0px #000;
    height: auto;
    gap: 6px;
    align-items: center;
    width: 130px;
    z-index: 1;
    top: 6px;
    left: 104%;
}

.spirit_nav-wrap_ams p img {
    border: 1px solid #3a4452;
    filter: grayscale(1);
    max-width: 80px;
    max-height: 80px;
    margin-top: 4px;
}

.spirit_nav-wrap_ams a:hover p { clip-path: inset(-3% -3% -3% -3%); }

.nav_button {
    cursor: pointer;
    transition: all 0.4s linear 0s;
    color: var(--t_color) !important;
    font: 900 8px 'Mulish';
}

.spirit_nav-wrap_q .nav_button { 
    color: #707070 !important;
    font: 600 10px var(--body-font);
}

.nav_button:hover {
  color: var(--hovlink)!important;
}

.nav_block {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
 width: 130px;
    border-radius: 10px;
    background: #2b2c2c;
    border: 1px solid #707070;
    box-shadow: 0px 0px 13px 0px #000000a1;
}

.spirit_nav-wrap_q .nav_block {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    width: 270px;
    border-radius: 10px;
    background: #2b2c2c;
    border: 1px solid #707070;
    box-shadow: 0px 0px 13px 0px #000000a1;
}

.nav_block .link {
  padding: 10px;
  display: flex;
  flex-direction: column;
  text-align: center;
  text-transform: uppercase;
  gap: 2.5px;
}

.nav_block .link:has(p) {
  text-align: start;
  text-transform: lowercase;
  padding-top: 14px;
color: #707070;
}

.nav_block .link p {
  margin-bottom: 6px !important;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.nav_block .link a:not(p a) {
    border: 1px solid #7070707d;
    border-radius: 8px;
    padding: 5px 10px;
    text-align: center;
    margin-bottom: 1px;
}

.nav_block .link a {
  color: var(--doptext) !important;
  text-transform: uppercase;
   font: 600 8px var(--body-font) !important;
}

.nav_block .link a:hover {
  color: var(--hovlink) !important;
}

/* -------------- ТЕМЫ -------------------*/

.g {
    background: url(https://forumstatic.ru/files/001c/44/10/86772.png);
    width: 791px;
    height: 561px;
    margin: 0 auto;
    position: relative;
    margin-top: 15px;
}

.g * { position: absolute; margin: 0; font: 10px/140% var(--body-font)!important; }

.g_title p {
    font: 400 40px var(--fancy-font) !important;
    text-transform: uppercase;
    left: 192px;
    top: 22px;
    letter-spacing: -3px;
}

.g_quote p {
    width: 127px;
    height: 48px;
    text-align: center;
    margin: 0!important;
    left: 192px;
    top: 85px;
    font-weight: 600 !important;
    line-height: 120% !important;
}

.g_t_about p,
.g_t_faces p,
.g_t_faces2 p {
    width: 307px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: 600 !important;
    margin: 0!important;
}

.g_t_faces p {
    left: 420px;
    top: 100px;
}

.g_t_faces2 p {
    left: 420px;
    top: 317px;
}

.g_t_about p {
    background: #B4B4B4;
    border: 1px solid #949494;
    border-radius: 5px;
    top: 215px;
    left: 97px;
}

.g_info p {
    width: 307px;
    height: 114px;
    border-radius: 5px;
    background: #B4B4B4;
    border: 1px solid #949494;
    padding: 15px 26px;
    box-sizing: border-box;
    font-weight: 500 !important;
    left: 97px;
    top: 230px;
    text-align: left;
}

.g_faces p,
.g_faces2 p {
    width: 270px;
    height: 116px;
    font-weight: 500 !important;
    text-transform: lowercase;
    margin: 0 !important;
    padding: 10px;
    box-sizing: border-box;
    overflow: auto;
    left: 445px;
}

.g_faces p { top: 122px;}
.g_faces2 p { top: 336px; }

.custom_tag_theme {
    width: 780px;
    margin: 95px auto 15px;
    background: url(https://forumstatic.ru/files/001c/44/10/28582.png);
    background-color: var(--body);
    border-radius: 10px;
    border: 1px solid #aaa;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    padding: 75px 40px 40px;
    box-sizing: border-box;
    flex-wrap: wrap;
    gap: 0px;
    position: relative;
}

.custom_tag_theme:before,
.custom_tag_theme:after {
   content: '';
   position: absolute;
}

.custom_tag_theme:before {
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    background: var(--theme-back);
    z-index: -1;
    top: -10px;
    border: 1px solid #C6C6C6;
    box-shadow: 0px 4px 5px 0px #1d1c1c1a;
}

.custom_tag_theme:after {
    content: '';
    position: absolute;
    background: url(https://forumstatic.ru/files/001c/44/10/61690.png);
    width: 880px;
    height: 331px;
    z-index: -2;
    top: -66px;
    left: -59px;
}

.custom_tag_theme hr { margin-bottom: 10px!important; }

.custom_tag_hd {
  width: 100%;
}

.custom_tag_theme hr {
    border: transparent !important;
    height: 1px !important;
    width: 86%;
    margin: 0 auto 10px !important;
    background: linear-gradient(90deg, rgb(200 198 198 / 0%) 0%, #2e2d2d9e 50%, rgba(180, 180, 180, 0) 100%);
}

.custom_tag_theme .card3d hr {
    margin: 6px 0 !important;
    background: linear-gradient(90deg, rgba(190, 190, 190, 0) 0%, #AAAAAA 50%, rgba(190, 190, 190, 0) 100%);
    opacity: 1;
}

.custom_tag_hd p {
    margin: 0 0 10px !important;
    text-align: center;
    font: 400 20px / 100% var(--fancy-font) !important;
    text-transform: uppercase;
}

.custom_tag_lead {  margin-bottom: 30px; width: 80%; }

.custom_tag_lead p { font: 500 10px / 160% var(--body-font) !important; }
.custom_tag_lead p:first-of-type { margin-top: 0 !important;}
.custom_tag_lead p:last-of-type { margin-bottom: 0 !important;}

.info_links {
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    gap: 5px;
    padding: 0 50px;
    box-sizing: border-box;
    justify-content: center;
}

.info_links p {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center;
    margin: 0 0 10px !important;
}

.custom_tag_themeGallery p {
    display: flex;
    margin: 0 25px 10px !important;
    flex-wrap: wrap;
    background: var(--body);
    border: 1px solid #949494;
    border-radius: 5px;
    padding: 20px 20px;
    box-sizing: border-box;
    gap: 5px;
}

.custom_tag_themeGallery br { display: none; }

.custom_tag_themeGallery p img {
    width: 198px;
    height: 198px;
    object-fit: cover;
    margin: 0 !important;
}

.post-box .info_links a {
    color: var(--t-body)!important;
    text-transform: uppercase;
    font: 600 10px var(--body-font) !important;
    background: var(--body);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 10px;
    box-sizing: border-box;
    border: 1px solid #949494;
    border-radius: 5px;
}

.post-box .info_links a:hover {
    background: #606060;
    color: var(--body)!important;
}

.custom_tag_stamp {
    position: absolute;
    background: url(https://forumstatic.ru/files/001c/44/10/77774.png);
    width: 175px;
    height: 78px;
    top: -42px;
    right: 120px;
}

.custom_tag_themeScroll {
    max-height: 110px;
    overflow: auto;
}

.custom_tag_themeScroll {
    max-height: 110px;
    overflow: auto;
}

.custom_tag_themeInfo {
    box-sizing: border-box;
    padding: 20px 0px 10px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    border: 1px solid #949494;
    background: #00000014;
}

.custom_tag_themePara {
    background: var(--body);
    border: 1px solid #949494;
    padding: 10px 35px 20px;
    box-sizing: border-box;
    border-radius: 5px;
    position: relative;
    margin: 0 25px 10px;
}

.custom_tag_themePara:has(.custom_tag_tH) { 
    margin: 40px 0px 10px;
    padding: 0px 35px 20px;
}

.custom_tag_themeScroll::-webkit-scrollbar-thumb {
   background-color: #5e5e5e2e !important;
}

.custom_tag_themeScroll::-webkit-scrollbar-track {
   background-color: #afafafad;
}

.custom_tag_tH {
    position: absolute;
    top: -38px;
    width: calc(100% + 2px);
    left: -1px;
    height: 40px;
    padding: 6px;
    box-sizing: border-box;
    border-radius: 5px 5px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dark .custom_tag_tH { background: var(--back) bottom;}
.light .custom_tag_tH { background: var(--back) 200px;}

.custom_tag_themePara p {  font: 500 10px / 150% var(--body-font)!important; }
.custom_tag_tH p {
    margin: 0 !important;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--body);
}

.custom_tag_themeWrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
    margin: 0px 22px;
}

.custom_tag_themeWrap .custom_tag_themePara { width: 320px; }

.custom_tag_charCard {
    display: flex;
    margin: 0 25px 10px;
    padding: 20px;
    box-sizing: border-box;
    gap: 10px;
    background: var(--body);
    border-radius: 5px;
    border: 1px solid #949494;
    position: relative;
}

.custom_tag_charCard > p {
    display: flex;
    align-items: center;
}

.custom_tag_charCard img {
    width: 150px;
    height: 150px;
    object-fit: cover;
}

.custom_tag_charCardInfo {
    width: 450px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.post-content .custom_tag_charCardInfo p { margin: 0; }
.charcard_name p {
    font: 400 15px / 150% var(--fancy-font) !important;
    text-transform: uppercase;
}

.charcard_unavailable p,
.charcard_available p {
    position: absolute;
    border: 1px solid #949494;
    border-radius: 5px 0 0 5px;
    text-transform: uppercase;
    width: 130px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font: 600 8px var(--body-font) !important;
    right: 0;
    top: 20px;
    border-right: none;
}

.charcard_unavailable p { background: #B9A4A4; }
.charcard_available p { background: #A4B9A5; }

charcard_info p {
    font: 600 10px var(--body-font) !important;
    text-transform: uppercase;
}

.custom_tag_charCardInfo > p {
    font: 500 10px / 140% var(--body-font) !important;
    text-transform: lowercase;
}

.post-content .g .code-box {
    bottom: 127px;
    left: 162px;
    position: absolute;
    margin: 0 !important;
    background: #B4B4B4;
    width: 240px;
    height: 73px;
    border: 1px solid #949494;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
}

.g .code-box strong.legend {
    margin: 0!important;
    background: transparent!important;
    border: none!important;
    font: 700 13px var(--fancy-font)!important;
    padding: 0px 0px 0px 43px!important;
    left: -14px;
}

.g .code-box strong.legend a {
    color: var(--t-body) !important;
    font-weight: 600 !important;
}

.g .scrollbox { left: 7px; }

.g .scrollbox pre {
    margin: 5px 0 0;
    font: 500 10px var(--body-font) !important;
    position: relative;
    margin-top: 20px;
}

.custom_tag_hdInner {
    background: var(--body);
    min-height: 30px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #949494;
    border-top: 1px solid #949494;
    margin-bottom: 10px;
    flex-direction: column;
    padding: 9px 15px;
    box-sizing: border-box;
}