<!-- Профилактика © Duka, Lazary -->
<div id="resplash" style="display: none;">
<div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span>запрягаем коней</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='index.php' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password'  id='fld2'  name='req_password'  size='25'  maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div>
<script type="text/javascript">
var active = 1;
if(GroupID != 1 && active == 1){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= 'Форум на профилактике — '+document.title;
}
</script>

<!-- ------------------------ таблица ------------------------ -->
<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='about_spring'>
<p>шотландия, что nahui произошло?</p>
</div>

<!-- ----------- эпизод ------------- -->
<div class='t_ep'>
<h4 class='t_ep_t'>aye, this ep!</h4>
<h4 class='t_ep_ts'>this ep!</h4>
<a href='https://homey.rusff.me/viewtopic.php?id=910' target="_blank">quest 5. shadows beneath calton hill</a>
</div>

<!-- ----------- флудеры------------- -->
<div class='t_flood'>
<h4>gab gang!</h4>
<a href='https://homey.rusff.me/profile.php?id=385' target="_blank">Chris,</a>
<a href='https://homey.rusff.me/profile.php?id=362' target="_blank">Iggy,</a>
<a href='https://homey.rusff.me/profile.php?id=378' target="_blank">Ham</a>
</div>

<!-- ----------- writers ------------- -->
<div class='t_writers'>
<h4 class='t_writers_t'>post gang!</h4>
<h4 class='t_writers_tp'>gang!</h4>
<a href='https://homey.rusff.me/profile.php?id=438' target="_blank">Ava,</a>
<a href='https://homey.rusff.me/profile.php?id=432' target="_blank">Cleme,</a>
<a href='https://homey.rusff.me/profile.php?id=256' target="_blank">Robb</a>
</div>


<!-- ----------- постик ------------- -->
<div class='t_post'>
<h3>aye, this post!</h3>
<p><a href='https://homey.rusff.me/viewtopic.php?id=868#p113379' target = _blank>Michael:</a> кай говорит, что всё чудесно, и майкл почти сразу понимает, что это, разумеется, ложь. ладно, не совсем ложь — скорее то особенное состояние кая, когда он говорит правду таким тоном, будто это тщательно продуманная насмешка над самой реальностью. в его исполнении даже катастрофы обычно звучат как конфузная ситуация, рассказанный за бокалом вина, а уж тюрьма и подавно может превратиться в своеобразный курорт с неудачным меню.
майкл смотрит на него чуть внимательнее, чем, возможно, следовало бы. взгляд задерживается на слишком знакомых деталях — на том, как кай кладёт руки на стол, как двигаются его пальцы, как уголки губ поднимаются в этой привычной ледяной улыбке. всё это выглядит настолько естественно, что на секунду кажется, будто они сидят не в унылом зале посещений королевской тюрьмы, а где-нибудь в очередной отвратительной кофейне рядом с университетом, где кай обычно комментировал окружающих так, словно те были плохо написанными персонажами дешёвого романа. тяжело признаться – майкл в эти моменты чувствовал себя спокойно, словно понимание, что рядом сеймур с такой же иголкой внутри, делали его меняя колким в собственных глазах.
</p>
</div>

<!-- ----------- quote------------- -->
<div class='t_quote'>
<p><b>анонимный блогер</b>:
в квесте #3 полиция нашла тело у Трона Короля Фей, что происходит в нашей доброй Шотландии?<img src="https://64.media.tumblr.com/7771653dbb75188879a1c54b1fc87796/2408ed4c36a938c0-5c/s75x75_c1/8406110bc4101dc51334e383e2f35ee1c6ac0c5e.pnj"> 
</p>
</div>

<!-- ----- амс ----- -->
<div class="spirit_nav-wrap spirit_nav-wrap_ams">
<div class="nav_button">it's амс</div>
<div class="nav_block">
  <div class="link">


<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=910#p112120">quest 5. «shadows beneath calton hill»</a> iggy [28.03]</p>

<p><a href="https://homey.rusff.me/viewtopic.php?id=783">quest 3. «once upon a crime»</a> mortimer [до 25.03]</p>
              
</div>
</div>
</div>

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

<!-------------------------- Ссылка на базу / © hagalnaud ---------------------------->
<script>window.DATA_SOURCE_URL = 'https://forumstatic.ru/files/001c/7a/06/14107.html?v=8';</script>


<!-- Смена стиля v1.0 © max, the murderer! -->
<ul id="theme_switcher"></ul>
<script type="text/javascript">
// Задаём темы
var array = [
    { class: 'dark',
      title: 'степи' },
      
    { class: 'light',
      title: 'котики' },

    { class: 'spring',
      title: 'луга' } // Последняя тема без запятой
];

// Задаём радио
var switchers = '';
$.each(array, function(index, value) {
    switchers += '<li title="'+value.title+'"><span class="radio"><input type="radio" name="switcher" id="'+value.class+'" value="'+value.class+'"><label for="'+value.class+'">'+value.title+'</label></span></li>';
});
$('#theme_switcher').append(switchers);

// Отслеживаем нажатие на радио
$('#theme_switcher input').on('click', function () {
    // Получаем значение нажатого радио
    var selectedTheme = $(this).val();
    // Очищаем html от предыдущих тем и устанавливаем новую в моменте
    $('html').removeClass().addClass(selectedTheme);
    // Запоминаем
    localStorage.setItem('selectedTheme', selectedTheme);
});
// Проверяем выбирались ли ранее темы
if (localStorage.getItem('selectedTheme') !== null) {
    // Получаем выбранную тему
    var currentTheme = localStorage.getItem('selectedTheme');
    // Устанавливаем выбранную тему
    $('html').addClass(currentTheme);
    // Включаем радио выбранной темы
    $('#theme_switcher input[value="' + currentTheme + '"').prop('checked', true);
} 
// Если не выбирались
else {
    // Добавляем дефолтную тему
    $('html').addClass('spring');
    // Включаем радио дефолтной темы
    $('#theme_switcher input[value="spring"]').prop('checked', true);
};
</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, .statistics');
  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 = 'Outlander';
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, 884]}); // ID важных тем (через запятую)
</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 --------------- —>

<!-------------------------- Магазин оформлений / © hagalnaud ---------------------------->
<script type="text/javascript" src="https://forumstatic.ru/files/001c/7a/06/31876.js?v=3"></script>

<!-------------------------- Предпросмотр в магазине / © hagalnaud -------------------------->
<script type="text/javascript" src="https://forumstatic.ru/files/001c/7a/06/83100.js"></script>

<!-------------------------- Предпросмотр при редактировании профиля / © hagalnaud ---------------------------->
<script type="text/javascript" src="https://forumstatic.ru/files/001c/7a/06/21102.js?v=6"></script>

<!-------------------------- Управление оформлением профилей / © hagalnaud ---------------------------->
<script type="text/javascript" src="https://forumstatic.ru/files/001c/7a/06/86584.js"></script>

<!-------------------------- Расстановка ссылок на ЛС / © hagalnaud -------------------------->
<script type="text/javascript">
    const CACHE_TTL_MS = 600;
</script>
<script type="text/javascript" src="https://forumstatic.ru/files/001c/7a/06/95185.js?v=3"></script>


<script id="efof">
/** СКРИПТ ИЗМЕНЕНИЯ БАЛАНСА СО СТРАНИЦЫ БАНКА
	https://github.com/4eDo/mybb/blob/main/edit_field_on_fly/readme.md
 	Версия от 2024-11-01
**/
const FIELD_ID_FOR_EDIT = "fld2";
const ADD_CACHE_TEXT = "Изменение баланса";
const COLOR_INPUT_TEXT = "color: #000000 !important";
const ALLOWED_TOPICS = ['6', '421', '109', '251', '270', '732', '911', '406', '878']; // С кавычками
const ALLOWED_GROUPS = [1, 2]; // БЕЗ кавычек

const OPERATIONS = [ // Наименование опции, коэффициент, в каких топиках есть (через пробел) или all
	["Начисление", "1", "all"],
	["Списание", "-1", "all"],
	["От большой любви", "5", "1 2"],
	["От маленькой любви", "0.1", "1 3"],
	["От большой нелюбви", "-5", "1 2"],
	["От маленькой нелюбви", "-0.1", "1 3"],
];
const ROUND = 0; 

const USE_WRAPPER = true; 

// шаблон, по которому оборачивается пост.
// {{ADMIN_NAME}} - имя админа
// {{CACHE_BEFORE}} - баланс до изменения
// {{CACHE_AFTER}} - баланс после изменения
const WRAPPER_START = `[spoiler="[table layout=auto width=100]
[tr]
[td][b]ОБРАБОТАНО[/b] ({{ADMIN_NAME}})[/td]
[td][b]Было[/b]: {{CACHE_BEFORE}}[/td]
[td][b]Стало[/b]: {{CACHE_AFTER}}[/td]
[/tr]
[/table]"]`
const WRAPPER_END = `[/spoiler]`;

// Если id есть в таблице ниже, будет подставлено имя из неё. Иначе будет имя профиля.
const ADMIN_NAMES = { // id, ник для подстановки
	1: "Кот админа",
	3: "джейн",
}

var currTopic_efof = new URLSearchParams(window.location.search).get('id');$(document).ready(function(){if(ALLOWED_GROUPS.includes(GroupID)&&ALLOWED_TOPICS.includes(currTopic_efof)){function t(t,e,n){const o={};return $.ajax({url:t,method:"get",async:!1,success:function(t){let e=(new DOMParser).parseFromString(t,"text/html").querySelector(n);if(e){const t=new FormData(e);for(const[e,n]of t.entries())o[e]=n;return o}throw new Error(`Форма '${n}' не найдена.`)},error:function(e,n,o){throw console.error("Ошибка при выполнении AJAX-запроса:",n,o),new Error(`Ошибка при загрузке страницы ${t} : ${n}`)}}),o}async function e(t,e){let n=new FormData;for(let t in e)n.append(t,e[t]);try{const e=await fetch(t,{method:"POST",body:function(t){const e=[];for(const[n,o]of t.entries())e.push({name:n,value:o});const n=$("<form>");return $.each(e,function(t,e){n.append($("<input>").attr({type:"hidden",name:e.name,value:e.value}))}),n.serialize2()}(n),headers:{"Content-Type":"application/x-www-form-urlencoded"}});return!!e.ok||(console.error("Ошибка отправки данных:",e.statusText),!1)}catch(t){return console.error("Ошибка отправки данных:",t),!1}}console.group("4eDo script edit_field_on_fly "),console.log("%c~~ Скрипт для быстрого начисления/списания средств. %c https://github.com/4eDo ~~","font-weight: bold;","font-weight: bold;"),console.groupEnd(),function(){const n=$(".post-rating");let o=0;n.each(function(){const n=$(this),r=n.closest("[data-user-id]"),s=r.data("user-id"),l=r.attr("id").slice(1),i=$("<div></div>"),a=$('<input type="button" />').addClass("edit_on_fly button preview").val(ADD_CACHE_TEXT).css("cursor","pointer").on("click",function(){p.show()}),c=$("<select></select>").attr("id",`select-type-${o}`).on("change",function(){d.toggle("0"!==c.val())});c.append('<option value="0">Не выбрано</option>');for(let t=0;t<OPERATIONS.length;t++)("all"==OPERATIONS[t][2]||OPERATIONS[t][2].split(" ").includes(currTopic_efof))&&c.append(`<option value="${OPERATIONS[t][1]}">${OPERATIONS[t][0]} (${OPERATIONS[t][1]>0?"+":""}${OPERATIONS[t][1]})</option>`);const p=$("<p>Тип операции: </p>").hide().append(c),u=$('<input type="number" min="0" step="1" />').attr("style",COLOR_INPUT_TEXT).attr("id",`input-count-${o}`).on("input",function(){f.toggle(u.val()>0)}),d=$("<p>Количество: </p>").hide().append(u),f=$('<input type="button" />').addClass("edit_on_fly button submit").val("Выполнить").hide().css("cursor","pointer").on("click",function(){const n=c.val(),o=u.val();f.prop("disabled",!0),p.css("opacity","0.5").css("pointer-events","none"),d.css("opacity","0.5").css("pointer-events","none"),f.css("opacity","0.5").css("pointer-events","none"),async function(n,o,r,s,l){try{var i=document.URL;let a="/profile.php?section=fields&id="+r,c="#profile8",p=await t(a,r,c),u=`form[${FIELD_ID_FOR_EDIT}]`,d=parseFloat(p[u])||0,f=d,E=function(t){if(0==ROUND)return parseInt(t);return Number.isInteger(t)?t:parseFloat(t.toFixed(ROUND))}(d+parseFloat(n)*parseInt(o));p[u]=`${E}`;let h='<table class="editOnFly_success" border="1" style="margin-top: 10px;"><tr><td>Тип операции:</td>'+`<td>${n>0?"начисление (+":"списание ("} ${parseFloat(n)})</td></tr>`+`<tr><td>Количество:</td><td>${o}</td></tr>`+`<tr><td>Было:</td><td>${f}</td></tr>`+`<tr><td>Стало:</td><td>${E}</td></tr></table>`+"<p>Новые значения будут видны после обновления страницы.</p>";h+=USE_WRAPPER?"<p><strong>Оборачиваем сообщение.</strong></p>":"",history.replaceState(null,null,a),setTimeout(function(){history.replaceState(null,null,i)},1e3);let A=await e(a,p);if(!A)throw new Error("Произошла ошибка при отправке данных.");if(s.append($(h)),USE_WRAPPER){let n="/edit.php?id="+l,o="#post",a=await t(n,r,o),c="req_message",p=a[c],u=WRAPPER_START+p+WRAPPER_END;u=u.replaceAll("{{CACHE_BEFORE}}",f).replaceAll("{{CACHE_AFTER}}",E).replaceAll("{{ADMIN_NAME}}",ADMIN_NAMES[UserID]||UserLogin),a[c]=u,console.log("getCurrentValueAndSetNew: обёрнутое сообщение",a);let d="<p>Сообщение обёрнуто.</p>";history.replaceState(null,null,n),setTimeout(function(){history.replaceState(null,null,i)},1e3);let h=await e(n,a);if(!h)throw new Error("Произошла ошибка при оборачивании сообщения.");s.append($(d))}}catch(t){s.append($(`<p class="editOnFly_error">${t}</p>`))}}(n,o,s,i,l)});i.append(a,p,d,f),n.after(i),o++})}()}else $("#efof").remove()});
</script>

<script>
	const pageConfigs = [
    {
    	// 99 - id темы гостевой, а p16890 - id поста с первой темой
    	urlId: "99",
    	elementId: "p16890",
    	editUrl: "https://homey.rusff.me/pages/edit-guestbook"
    },
    {
    	// 100 - id темы ролей, а p16891 - id поста с ролями
    	urlId: "93",
    	elementId: "p16883",
    	editUrl: "https://homey.rusff.me/pages/edit-roles"
    },
    {
    	// 92 - id темы FAQ, а p16882 - id поста с FAQ
    	urlId: "92",
    	elementId: "p16882",
    	editUrl: "https://homey.rusff.me/pages/edit-faq"
    },
    {
    	// 3 - id темы локаций, а p3 - id поста с локациями
    	urlId: "3",
    	elementId: "p3",
    	editUrl: "https://homey.rusff.me/pages/edit-locations"
    },
    {
    	// 106 - id темы коллекций, а p16897 - id поста с коллекциями
    	urlId: "106",
    	elementId: "p16897",
    	editUrl: "https://homey.rusff.me/pages/edit-collection"
    },
    {
    	// 421 - id темы магазина, а p52639 - id поста с магазином
    	urlId: "421",
    	elementId: "p52639",
    	editUrl: "https://homey.rusff.me/pages/edit-shop"
    },
    {
    	// 6 - id темы банка, а p8 - id поста с банком
    	urlId: "6",
    	elementId: "p8",
    	editUrl: "https://homey.rusff.me/pages/edit-bank"
    },
    { 
        urlId: "94",
        elementId: "p16884",
        editUrl: "https://homey.rusff.me/pages/edit-people"
    },
    {
    	// 277 - id темы, а p34003 - id поста
    	urlId: "277",
    	elementId: "p34003",
    	editUrl: "https://homey.rusff.me/pages/edit-place-roles?id=277&p=34003"
    },
    {
    	// 403 - id темы, а p50444 - id поста
    	urlId: "403",
    	elementId: "p50444",
    	editUrl: "https://homey.rusff.me/pages/edit-place-roles?id=403&p=50444"
    }
	];

	function createEditButton(editUrl) {
    const editButton = document.createElement("button");
    editButton.style.cssText = `
    	margin-left: 10px;
    	padding: 5px 8px;
    	background-color: var(--accent2);
    	color: white;
    	border: none;
    	border-radius: 4px;
    	cursor: pointer;
    	display: inline-flex;
    	align-items: center;
    	gap: 5px;
    	font-size: 12px;
    	transition: background-color 0.2s;
    	right: 29px;
    	top: 8px;
    	position: absolute;
    	z-index: 10;
    `;

    editButton.innerHTML = `
    	<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor">
        <path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/>
    	</svg>
    	Edit
    `;

    editButton.addEventListener("click", function () {
    	window.open(editUrl, "_blank");
    });

    editButton.addEventListener("mouseenter", function () {
    	this.style.backgroundColor = "var(--accent)";
    });

    editButton.addEventListener("mouseleave", function () {
    	this.style.backgroundColor = "var(--accent2)";
    });

    return editButton;
	}

	document.addEventListener("DOMContentLoaded", function () {
    pageConfigs.forEach((config) => {
    	if (
        window.location.href.includes(`https://homey.rusff.me/viewtopic.php?id=${config.urlId}`) &&
        (GroupID == 1 || GroupID == 2)
    	) {
        const targetElement = document.getElementById(config.elementId);

        if (targetElement) {
        	const editButton = createEditButton(config.editUrl);

        	const containerElement = targetElement.querySelector(".container");

        	if (containerElement) {
            containerElement.insertAdjacentElement("beforebegin", editButton);
        	} else {
            targetElement.insertAdjacentElement("afterbegin", editButton);
        	}
        }
    	}
    });
	});
</script>

<!-------------------------- счетчик символов -------------------------->
<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.spring {
  --back: url(https://forumstatic.ru/files/001c/44/10/29691.png);
  --header: url(https://forumstatic.ru/files/001c/44/10/37603.png);
  --hovlink: #934A99;
  --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: #E5E9E2;
  --footer: url(https://forumstatic.ru/files/001c/44/10/31037.png?v=1);
  --divider: url(https://forumstatic.ru/files/001c/44/10/88759.png?v=1);
  --theme-back: #D9DDD6;
  --accent: #815F4A;
  --forcol: #D9DDD6;
}


: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/29691.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: #E5E9E2; }

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,
#pun-searchtopics .tclcon strong > 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;
margin-bottom: 20px;
}

#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_2 { padding: 0 10px;}

.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 10px 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 auto 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: 600 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: 600 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;
}

.spring #pun-index .tcr {
padding: 0px 0px 0px 55px;
    width: 280px;
}

#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);
}

.spring #pun-navlinks li a {
    text-transform: lowercase;
    font: 400 20px 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;
}

.spring #pun-navlinks.fixed {background: var(--back) bottom;}

#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;
}

.spring .post h3 {border: 1px solid #C2C4C0;}

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

/* ПРОФИЛЬ в ПРЕДПРОСМОТРЕ
-------------------------------------------------------------*/
#viewprofile ul {
  padding: 0px;
}
#viewprofile li {
}
#viewprofile li span {
  font-weight: 600;
  text-align: center;
  margin-bottom: 5px;
  text-shadow: 0.5px 0 0px #2c2b2a;
  color: #a09e95;
line-height: 11px;
}

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

#viewprofile li strong,
#viewprofile li div {
  display: block;
  font-weight: normal;
  text-align: center;
}
#profile-name strong {
  font-size: 14px;
}
#profile-left strong {
}
#profile-signature {
  padding: 10px;
}
#viewprofile > .container tbody {
  display: flex;
}

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

/* ОСНОВНЫЕ НАСТРОЙКИ. НЕ ТРЕБУЮТ ИЗМЕНЕНИЙ
-------------------------------------------------------------*/
* html .tclcon {
  height: 1px;
}
/* html:has(+ :not(.day)) { min-width: 1200px; }

body {min-width: 1200px;} */

/* отключить прокрутку снизу */
body {
  overflow-x: hidden;
}

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

/* элементы списка */
ul,
dl,
li,
dd,
dt {
  list-style: none;
}

/* убрать курсив с текста везде кроме поста */
address,
em {
  font-style: normal;
}

/* убрать подчеркивание с ссылок */
a {
  text-decoration: none;
}

/* скрытые элементы */
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after,
#pun-title h1 span,
#pun-main h1,
#pun-debug h2 {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
}

#button-files_rusff,
#button-graffiti_rusff {
  display: none !important;
}
#post fieldset legend {
  display: none !important;
}
.punbb-admin #pun-status {
  display: none !important;
}

.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2,
#navawards a span {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0;
  position: absolute;
  left: -9999px;
  overflow: hidden;
}
#pun-ulinks .item5,
.modlist,
li.pa-ua,
.pa-author imgб li#navawards,
.lastedit,
.pa-gifts,
div#pun-live-rusff {
  display: none;
}

/* информация при регистрации */
.info-box {
  padding: 0 0px;
  margin: 0 0 20px 0;
}

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

/* СКОПИРОВАНО ИЗ ЭКСТРЫ
-------------------------------------------------------------*/
#poll-special table.poll1 {
  width: auto;
}
#poll-special td {
  border: 0;
}
.punbb .post-content img.postimg {
  max-width: 100%;
  margin: 0.4em 0;
}
#poll-special td {
  text-align: left !important;
  cursor: default !important;
}
#poll-special td.tac {
  text-align: center !important;
}
#poll-special td.tar {
  text-align: right !important;
}
#form-buttons table,
.punbb .formal textarea {
  width: 100%;
}
#form-buttons td {
  padding: 0 !important;
  line-height: 0;
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  cursor: pointer;
}
#form-buttons tr {
  text-align: center;
}

.post-body #form-buttons tr { margin: 0!important; }
.post-body #form-buttons { margin: 10px 0!important; }
.post-body #plng,
.post-body #togglePreview { display: none!important; }

#form-buttons td img {
  height: 26px;
  width: 100%;
}
#formkey,
#formetc {
  display: none;
}
#main-reply {
  width: 100%;
}
#pun-messages #post-form div.container {
  padding-left: 2.3em;
}
#similar-topics {
  margin-top: 1em;
}
#similar-topics div.container {
  padding-top: 1.1em;
}
#similar-topics td {
  border: 0;
  padding: 0;
}
#similar-topics td.st-tcl {
  width: 60%;
}
#similar-topics td.st-tc2 {
  width: 25%;
  padding-right: 1em;
  text-align: right;
}
#similar-topics td.st-tcr {
  width: 15%;
  padding-right: 1em;
  text-align: right;
}
.postlink.long {
  width: 30em;
}
.postlink.long .new-topic {
  padding-right: 12px;
}
#pun-online .tcl.action {
  width: 35%;
}
#pun-online .tc3 {
  width: 10%;
}
#pun-index .isub .tcl {
  padding-left: 3em !important;
}
#pun-main #subforums {
  padding: 1em 0 1em 1em;
  margin-bottom: 5px;
}

/** подгрузка видео и картинок 
---------------------------------------------------------------*/
#video-host-list {
  margin-top: 0.3em;
  line-height: 1.8em;
}
#video-area-tinp,
#image-area-tinp {
  margin: 0.5em 0;
  padding: 0.3em;
  width: 100% !important;
}
#video-area-msg,
#image-source-list,
#image-area-actions,
#spoiler-sels {
  line-height: 2em;
}
p[class="checkfield"] img,
div[class="checkfield"] img,
fieldset[class="radiofield"] img {
  height: auto;
  max-height: 50px;
}
#image-area-tcon-computer {
  margin: 0 0 1em;
}
#image-area-tcon-computer td {
  border: none !important;
  padding: 0;
}
#imageupload-left {
  width: 140px;
}
#imageupload-right {
  padding-left: 9px !important;
  background: transparent !important;
  max-width: 380px;
}
#image-area-actions {
  text-align: right;
}
* html #imageQueue {
  height: expression(this.scrollHeight > 65 ? "66px": "auto");
} /* sets max-height for IE */
* html #uploaded-images {
  height: expression(this.scrollHeight > 143 ? "144px": "auto");
}
#imageQueue {
  max-height: 72px;
  overflow-y: auto;
  margin-bottom: 10px;
}
#uploaded-images {
  max-height: 144px;
  overflow-y: auto;
}
#uploaded-images img {
  width: 88px;
  height: 66px;
  border: 1px solid;
  margin-right: 4px;
  cursor: pointer;
}
#upload-button-container,
#image-width,
#image-thumb-width,
#image-insert-format,
#insert-all-images-container {
  margin-top: 10px;
}
#image-source-list a,
#image-area-actions a,
#spoiler-sels a {
  margin-right: 15px;
  cursor: pointer;
}
#insert-image-tip {
  margin-top: 10px;
}
#upload-button-container img {
  cursor: pointer;
  width: 120px;
  height: 30px;
}
#image_upload_input {
  position: absolute;
  z-index: -1;
  left: -9999px;
}
#selected-image-width,
#selected-thumb-width {
  width: 6em;
}
#imageupload-left input[type="button"] {
  width: 11em;
  text-align: center;
}
#upload-button-container input[type="button"] {
  font-weight: bold;
}
#image-width,
#image-thumb-width,
#image-insert-format strong {
  font-size: 0.9em;
}
.uploadQueueItem {
  padding: 0.8em 1em;
  border: solid 1px #ddd;
  border-radius: 5px;
  margin-bottom: 0.5em;
  background: rgba(238, 238, 238, 0.22);
}
.uploadQueueItem.error {
  border-color: rgba(255, 0, 0, 0.25);
  background-color: rgba(255, 0, 0, 0.08);
}
.uploadQueueItem .cancel {
  font-size: 20px;
  font-weight: 700;
  font-family: Arial;
  float: right;
  margin: -0.25em 0 0;
}
.uploadQueueItem .cancel a {
  text-decoration: none;
  color: #333 !important;
}
.uploadProgress {
  display: block;
  width: 98%;
  height: 3px;
  margin: 2px 0 0;
  background: #ddd;
  position: relative;
}
.uploadProgressBar {
  position: relative;
  background: #00adff;
  height: 3px;
  width: 0.1%;
  transition: width 0.1s linear;
}

/** подсказки и затемнение фона при всплывающих страницах 
---------------------------------------------------------------*/
.tipsy {
  padding: 5px;
  font-size: 11px;
  font-family: tahoma, helvetica, verdana, arial;
  position: absolute;
  z-index: 100000;
  opacity: 1 !important;
  width: 200px !important;
}
.tipsy-inner {
  padding: 5px 8px 4px;
  background-color: black;
  color: white;
  min-width: 200px !important;
  text-align: center;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  position: absolute !important;
  top: -300px !important;
  opacity: 1 !important;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  z-index: 999999 !important;
}
.tipsy-arrow {
  display: none;
}
.tipsy-n .tipsy-arrow {
  display: none;
}
.tipsy-nw .tipsy-arrow {
  display: none;
}
.tipsy-ne .tipsy-arrow {
  display: none;
}
.tipsy-s .tipsy-arrow {
  display: none;
}
.tipsy-sw .tipsy-arrow {
  display: none;
}
.tipsy-se .tipsy-arrow {
  display: none;
}
.tipsy-e .tipsy-arrow {
  display: none;
}
.tipsy-w .tipsy-arrow {
  display: none;
}

.jGrowl {
  z-index: 9999;
  color: #fff;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: fixed;
}
.jGrowl.top-left {
  left: 0;
  top: 0;
}
.jGrowl.top-right {
  right: 0;
  top: 0;
}
.jGrowl.bottom-left {
  left: 0;
  bottom: 0;
}
.jGrowl.bottom-right {
  right: 0;
  bottom: 0;
}
.jGrowl.center {
  top: 0;
  width: 50%;
  left: 25%;
}
.jGrowl.center .jGrowl-closer,
.jGrowl.center .jGrowl-notification {
  margin-left: auto;
  margin-right: auto;
}
.jGrowl-notification {
  background-color: #000;
  opacity: 0.9;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  zoom: 1;
  width: 250px;
  padding: 10px;
  margin: 10px;
  text-align: left;
  display: none;
  border-radius: 5px;
  min-height: 40px;
}
.jGrowl-notification .ui-state-highlight,
.jGrowl-notification .ui-widget-content .ui-state-highlight,
.jGrowl-notification .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}
.jGrowl-notification .jGrowl-header {
  font-weight: 700;
  font-size: 0.85em;
}
.jGrowl-notification .jGrowl-close {
  background-color: transparent;
  color: inherit;
  border: none;
  z-index: 99;
  float: right;
  font-weight: 700;
  font-size: 1em;
  cursor: pointer;
}
.jGrowl-closer {
  background-color: #000;
  opacity: 0.9;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  zoom: 1;
  width: 250px;
  padding: 10px;
  margin: 10px;
  display: none;
  border-radius: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  font-size: 0.9em;
  font-weight: 700;
  text-align: center;
}
.jGrowl-closer .ui-state-highlight,
.jGrowl-closer .ui-widget-content .ui-state-highlight,
.jGrowl-closer .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}
@media print {
  .jGrowl {
    display: none;
  }
}
.pun-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 100000;
}
.pun-modal .modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  z-index: 110000;
}
.pun-modal .modal-inner {
  width: 700px;
  max-width: 94%;
  height: auto;
  max-height: 44em;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 5px;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 120000;
  overflow: hidden;
}
.pun-modal h2,
.pun-modal h1 {
    max-width: 700px;
    margin: 0 !important;
    background-color: var(--body);
    padding: 5px;
}

.pun-modal .container {
  padding: 0.6em 1em;
  max-height: 40em;
  overflow: auto;
}
.pun-modal .closer {
  position: absolute;
  font-size: 1.5em !important;
  line-height: 0.8em;
  right: 0.4em;
  padding: 0.3em !important;
  margin: -0.3em !important;
  cursor: pointer;
  background: none 0 transparent !important;
}
.noscroll {
  overflow: hidden !important;
}

.notify-message.jg-notice,
.notify-message.jg-reputation,
.notify-message.jg-report,
.notify-message.jg-award {
  border-left: 12px solid transparent !important;
}

.jGrowl-notification .jGrowl-header,
.jGrowl-notification .jGrowl-message {
  font-weight: 600 !important;
  color: var(--doptext) !important;
  font-family: "Mulish" !important;
}

.jGrowl-notification .jGrowl-header a,
.jGrowl-notification .jGrowl-message a {
  font-weight: 700 !important;
  font-family: "Mulish" !important;
}

.jGrowl-notification .jGrowl-message a {
  color: var(--doptext) !important;
}

.jGrowl-notification .jGrowl-close {
  border: none !important;
  color: var(--doptext);
  padding: 2px 8px !important;
  font-size: 12px !important;
}

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

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

.social {
  background-image: url(/i/social.1.png);
  background-repeat: no-repeat;
  float: left;
  display: block;
  margin: 3px 5px;
  width: 16px;
  height: 16px;
}
.social-vkontakte {
  background-position: -130px 0;
}
.social-odnoklassniki {
  background-position: -78px 0;
}
.social-mailru {
  background-position: -52px 0;
}
.social-google {
  background-position: -26px 0;
}
.social-yandex {
  background-position: -156px 0;
}

.icons-pencil:before {
  content: "\270E";
} /* '' */

.hide-author .post-body {
  margin-left: 0px;
  margin-right: 0px;
  position: relative !important;
  padding: 10px 21px;
  box-sizing: border-box;
}

.hide-author .post-content {
  overflow: visible;
}

/*Регулировка размера шрифта в постах © Alex_63 */

.FNTslider {
    border-radius: 4px;
    position: absolute;
    z-index: 1000;
    background: #d1d0d0;
    width: 109px;
    height: 2px;
    margin: 4px 5px;
    border: solid 1px #d1d0d0;
    float: right;
    margin-right: 10%;
}

#pun-messages .FNTslider {
  margin-right: 20%;
}

.FNTslider .before {
    height: 2px;
    border: solid 1px transparent;
    border-right: none 0;
    border-radius: 4px 0 0 4px;
    position: absolute;
    background: var(--hovlink);
    margin-top: -1px;
    margin-left: -1px;
}

.FNTslider .thumb {
    width: 5px;
    height: 11px;
    border-radius: 3px;
    position: relative;
    top: -4.5px;
    background: var(--hovlink);
    cursor: pointer;
}pointer;
}

/* Подсказки */

#tooltip,
.tipsy-inner,
#unitip {
  z-index: 999999;
  padding: 6px;
  letter-spacing: 0.5px;
  border-radius: 5px;
  font: 700 10px var(--body-font);
  text-transform: lowercase;
}

#tooltip,
.tipsy-inner,
#respect figure .prof,
.tipsy-inner a,
#unitip {
  color:  var(--hovlink)!important;
  text-decoration: none !important;
  text-align: center;
  font: 700 9px var(--body-font);
  padding: 6px;
}

.spring #tooltip,
.spring .tipsy-inner,
.spring #respect figure .prof,
.spring .tipsy-inner a,
.spring #unitip {color:#CED2CB!important;}

#tooltip,
#unitip {
  position: absolute;
  max-width: 200px;
  display: none;
}

#tooltip,
.tipsy-inner,
.num_msg,
.bubble,
.jGrowl-notification,
.jGrowl .messag_theme,
#messages-list a.Author,
#unitip {
  z-index: 50;
      background: #222!important;
}


.tipsy .post-rating p,
.jGrowl .post-rating p,
.tooltipsy .post-rating p,
.tipsy-inner .post-rating p {
  left: -200px !important;
  margin-top: -300px !important;
}

.jGrowl .messag_theme {
  font-size: 10px !important;
  background: rgba(0, 0, 0, 0.75);
  padding: 0px 0 3px !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  font-family: Tahoma;
  width: 277px !important;
  min-height: 0 !important;
  opacity: 1 !important;
}

.jGrowl .messag_theme h2 {
  color: var(--proftext) !important;
}
.messag_theme .jGrowl-close {
  font-size: 15px !important;
  margin-top: 3px !important;
  margin-right: 2px !important;
}

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

ЛИЧНАЯ СТРАНИЧКА

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

.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #00000033;
  backdrop-filter: blur(25px);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
}

.reveal-modal {
  visibility: hidden;
  top: -160px;
  left: 50%;
  width: 900px;
  position: absolute;
  z-index: 101;
  padding: 1px 1px 1px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.reveal-modal.xlarge {
  width: 900px;
  margin-left: -440px;
}

.reveal-modal .close-reveal-modal {
    font-size: 30px;
    line-height: 0.5;
    position: absolute;
    width: 20px;
    height: 20px;
    background: #BEBEBE;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #AAAAAA;
    top: 27px;
    right: 130px;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.3s ease-in-out !important;
}

#character {
  opacity: 1;
  transform: translateY(-50%);
  z-index: 99999;
  position: fixed;
  top: 50% !important;
  box-shadow: none;
  background: transparent !important;
}

.modal_wrap {
    width: 900px;
    height: 650px;
    margin: 0 auto;
    background: var(--back);
background-position: center;
    box-sizing: border-box;
    padding: 37px 65px 28px;
    display: flex;
    box-shadow: 0px 0px 5px 0px #0000001a;
    border-radius: 10px;
}

.spring .modal_wrap {background-position: top center;}

.modal_wrap > div {
    display: flex;
    position: relative;
    border-radius: 10px;
    border: 1px solid #666666;
    background: #BEBEBE;
    flex-wrap: wrap;
    box-shadow: 0px 0px 5px 0px #0000001a;
    box-sizing: border-box;
    width: 770px;
    height: 585px;
    padding: 35px 20px 20px;
}

/* ------------вкладки---------------*/

#lstabs>input[type="radio"] { display: none; }
#lstabs>input[type="radio"]:checked+label {
    background: #A5A5A5;
    border: 1px solid #AAAAAA;
    box-shadow: 2px 2px 1px 0px #00000040 inset;
}

#lstabs>label {
    width: auto;
    padding: 0 15px;
    height: 22px;
    color: #313131;
    font: 500 9px var(--body-font);
    border-radius: 15px;
    cursor: pointer;
    background: #BEBEBE;
    border: 1px solid #AAA;
    position: absolute;
    top: -13px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background .3s ease-in-out;
}

#lstabs>label:hover {
    background: #A5A5A5;
    border: 1px solid #AAAAAA;
    box-shadow: 2px 2px 1px 0px #00000040 inset;
}

label[for="lstab1"] { left: 338px; }
label[for="lstab2"] { left: 488px; }
label[for="lstab3"] { left: 587px; }

#lstabs > div {
    display: none;
    flex-wrap: wrap;
    box-sizing: border-box;
    overflow: auto;
    align-content: baseline;
    z-index: 1;
}

#lstabs > div::-webkit-scrollbar-track,
#decor > div::-webkit-scrollbar-track {
   background-color: #1e191947 !important;
}

#lstab1:checked~#personal-main, #lstab2:checked~#achievements,
#lstab3:checked~#unlocked {  display: flex; }

#lstabs > div > div {
    border: 1px solid #AAAAAA;
    background: #BEBEBE;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    position: relative;
}

#personal-main h4 {
    width: 100%;
    margin: 0;
    text-align: center;
    font: 400 15px var(--fancy-font);
    margin-bottom: 20px;
    position: relative;
}

#personal-main h4:after {
    position: absolute;
    content: '';
    background: linear-gradient(90deg, #BEBEBE 0%, #AAAAAA 50%, #BEBEBE 100%);
    width: 120px;
    height: 1px;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
}

.personal_page-character {
    width: 210px;
    height: 229px;
    flex-direction: column;
    position: relative;
    margin: 10px 7px 0;
    align-items: center;
    padding: 10px;
    text-align: center;
}

.personal_page-character:before {
    content: '';
    position: absolute;
    width: calc(100% + 20px);
    height: calc(100% + 10px);
    left: -10px;
    top: -10px;
    border-radius: 10px;
    background: url(https://forumstatic.ru/files/001c/44/10/12939.png) 0px -955px no-repeat;
    background-color: #B4B4B4;
    z-index: -1;
    border: 1px solid #AAAAAA;
}

.page-name {
    font: 400 15px var(--fancy-font);
    text-transform: uppercase;
    margin-bottom: 18px;
    position: relative;
}

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

.page-desc {
    margin: 0px 0 10px;
    font: 500 9px var(--body-font);
}

.personal_page-character > img {
    max-width: 100px;
    max-height: 100px;
    object-fit: cover;
}

.personal_page-character > a {
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #AAAAAA;
    width: 30px;
    height: 30px;
    background: #BEBEBE;
    bottom: -16px;
    position: absolute;
    transition: none !important;
}

.personal_page-character > a img {
    width: 20px;
    height: 20px;
    object-fit: cover;
}

.personal_page-icons,
.personal_page-gifts,
.personal_page-findings {
    width: 150px;
    height: 230px;
    align-content: baseline;
    position: relative;
    margin-top: 10px;
}

.personal_page-icons:after {
    content: '';
    position: absolute;
    width: 482px;
    height: 238px;
    background: #B4B4B4;
    border: 1px solid #AAAAAA;
    border-radius: 10px;
    z-index: -1;
    top: -10px;
    left: -11px;
}

.personal_page-gifts,
.personal_page-findings {
    padding: 10px 10px 15px 15px;
    margin-left: 7px;
}

.personal_page-icons {
    padding: 10px 25px 20px 35px;
    margin-left: 30px;
}

.page-scrollbox {
    margin: 0!important;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
}

.personal_page-icons .page-scrollbox,
.personal_page-gifts .page-scrollbox,
.personal_page-findings .page-scrollbox {
    height: 155px;
    gap: 8px;
}

.personal_page-bgs,
.personal_page-banners {
    height: 231px;
    padding: 12px 11px 15px 13px;
    margin-top: 34px;
}

.personal_page-banners { width: 254px; }

.personal_page-bgs {
    width: 451px;
    margin: 34px 7px 0;
    position: relative;
}

.personal_page-bgs:before {
    content: '';
    position: absolute;
    width: 726px;
    height: 240px;
    background: #B4B4B4;
    border: 1px solid #AAAAAA;
    border-radius: 10px;
    z-index: -1;
    top: -10px;
    left: -8px;
}

.personal_page-bgs .page-scrollbox,
.personal_page-banners .page-scrollbox {
    height: 170px;
    gap: 5px;
    justify-content: center;
    align-content: baseline;
}

.personal_page-bgs .page-scrollbox img {
    width: 208px;
    height: 143px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.personal_page-banners .personal_banner { margin: 0!important; }
.personal_page-unlocked {
    height: 100%;
    width: 100%;
   background: #B4B4B4 !important;
}

.personal_page-unlocked .SteamCards {
    align-content: baseline;
    height: 530px;
    padding: 20px !important;
    box-sizing: border-box;
}

.personal_page-unlocked .SteamCards hr {
    margin: 6px 0 !important;
    border: transparent !important;
    height: 1px !important;
    width: 86%;
    background: linear-gradient(90deg, rgba(190, 190, 190, 0) 0%, #AAAAAA 50%, rgba(190, 190, 190, 0) 100%);
    opacity: 1;
}


#unlocked h4,
#achievements h4 {
    font: 400 14px var(--fancy-font);
    position: absolute;
    margin: 0 !important;
    border: 1px solid #AAAAAA;
    background: #BEBEBE;
    display: flex;
    border-radius: 5px;
    width: 212px;
    height: 30px;
    z-index: 1;
    align-items: center;
    padding-left: 20px;
    box-sizing: border-box;
    z-index: 3;
}

#unlocked h4 {  top: 16px; left: 20px;}

#achievements h4 {
    left: 0px;
    top: -16px;
}

.personal_page-awards_s { margin-top: 15px; }

#achievements > div {
    background: #B4B4B4 !important;
    width: 730px;
    height: 160px;
    justify-content: center;
    align-content: center;
}

.personal_page-awards_g,
.personal_page-awards_f {  margin-top: 25px !important; }

#achievements .page-scrollbox {
    width: 710px;
    height: 120px;
    justify-content: center;
    gap: 5px;
}

.ach {
    width: 220px;
    height: 50px;
    display: flex;
    flex-direction: column;
    padding: 12px 20px 12px 45px;
    box-sizing: border-box;
    background: #ACACAC;
    border-radius: 10px;
    border: 1px solid #AAAAAA;
    color: #CACACA;
    position: relative;
}

.ach_active {
    background: url(https://forumstatic.ru/files/001c/44/10/12939.png) 0 200px;
}

.ach > p {
    margin: 0;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.ach > p:before {content: '\f057';}
.ach_active > p:before { content: '\f058';}

.ach > p:before {
  position: absolute;
  font: 16px 'Font Awesome';
}

.ach > h5 {
    margin: 0;
    font: 600 11px / 100% var(--body-font);
}

.ach > span {
    font: 600 9px var(--body-font);
}

/* ------------- конец странички -----------------*/

.jGrowl-notification {
  transform: unset !important;
}
.jGrowl-notification,
.jGrowl-closer,
.notification-spoiler {
}
.jGrowl-notification .jGrowl-header,
.jGrowl-notification .jGrowl-message {
  color: var(--body-color) !important;
  text-shadow: 0 0 1px #000 !important;
}

/*************************
Стиль для Быстрой смены аккаунтов
Deff
*************************/
/*Cкрытие формы входа без клика*/
#pun-navlinks a:not(.NextShow) + span.odd {
  display: none !important;
}
#pun-navlinks #New-exit img {
  position: absolute;
  margin: 0;
  width: 22px;
  height: auto;
  opacity: 0.8;
}
#pun-navlinks #New-exit:hover {
  opacity: 0.4;
}
/*Стиль доп-иконки Выход!*/
.punbb #pun-navlinks a#New-exit {
  position: absolute;
  z-index: 100000 !important;
  margin-top: 0px !important;
  margin-left: 29px !important;
  float: none !important;
}
.punbb #pun-navlinks a#New-exit:before {
  content: none;
}
.punbb #pun-navlinks #form-login input {
  text-align: center;
  border: none !important;
  text-rendering: auto;
  margin-top: 4px !important;
  border-radius: 2px;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block !important;
  text-align: center;
  font: normal normal 400 11px / normal Arial !important;
  background-color: rgb(120 120 120 / 79%);
  box-shadow: none;
  border-radius: 3px;
  color: #0e0e0edb !important;
}

.punbb #pun-navlinks #form-login input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #626262 inset !important;
}

.punbb #form-login #fld1,
#form-login #fld2 {
  background-color: rgb(250, 255, 189);
}
.punbb #pun-navlinks #form-login input[type="submit"] {
  color: #787878 !important;
  font-weight: 700 !important;
  font-family: "Mulish" !important;
  border-radius: 3px !important;
  background-color: #62626212;
  border: var(--orange-border) !important;
}
/*Стиль формы входа*/
.punbb #pun-navlinks #form-login {
    display: block;
    font: normal normal 600 11px / normal var(--body-font);
    color: var(--t-body);
    text-transform: none;
    position: absolute !important;
    left: 0px;
    top: 14px;
    z-index: 1000000 !important;
    padding: 7px 12px;
    background: var(--body);
    box-shadow: 0px 0px 2px 0 #000;
    border-radius: 0px 20px 20px 0px;
    text-align: center;
}

#pun-navlinks #navlogin #form-login {
  margin-left: -35px; /*Подвижки формы влево от вход*/
  z-index: 100 !important;
}
#pun-navlinks #navlogout #form-login {
  margin-left: -35px; /*Подвижки формы влево от выход*/
  z-index: 100 !important;
}
.ismoderator #pun-navlinks #navlogout #form-login {
  margin-left: -35px !important; /*Подвижки формы влево от выход для АМС*/
  z-index: 100 !important;
}
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */
#pun-navlinks #form-login input[value="Войти"] + p {
  margin-bottom: 11px;
  margin-top: 11px;
}
.punbb #pun-navlinks #form-login a.Rega,
.punbb #pun-navlinks #form-login a.Forgot {
  position: relative;
  text-transform: none !important;
  z-index: 20;
  text-shadow: none;
  cursor: pointer;
  font: normal normal 400 10px / normal Tamota !important;
  letter-spacing: 0.5 !important;
}
.punbb #pun-navlinks #form-login a.Rega:before,
.punbb #pun-navlinks #form-login a.Forgot:before {
  content: none;
}
/* Помечаем красным незаполненные поля!*/
#form-login input.none {
  outline: red dashed 2px !important;
}
/*Форма слево(с Никами) */
#List-UserNames {
    position: absolute;
    margin-top: -8px;
    min-height: 90px;
    width: 220px;
    right: 138px;
    top: 8px;
    padding: 12px 19px 12px 17px;
    background: var(--body);
    box-shadow: 0 0 3px 0 #222;
    border-radius: 20px 0px 0px 20px;
    text-align: center;
    z-index: 100 !important;
}
/*Стиль контейнера под список Ников*/
.punbb #List-UserNames ul {
  padding: 0px;
  overflow: hidden;
  overflow-y: auto;
  min-height: 36px;
  z-index: 100 !important;
  border-radius: 5px;
}

.punbb #List-UserNames li {
  display: block !important;
  position: relative;
  background: none;
  text-align: left;
  padding-left: 5px !important;
  margin: 1px auto !important;
  font-family: "Mulish";
  padding: 2px 0;
  transition: 0.33s;
  z-index: 100 !important;
}
.punbb #List-UserNames li:hover {
  opacity: 0.84;
  /*background:#546a6b!important;*/
}
/*Стиль Ников*/
.punbb #List-UserNames li > b {
  cursor: pointer;
  opacity: 1;
}
.punbb #List-UserNames li > b:hover {
  opacity: 0.93;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
/*Скролл контейнера с никами*/
#List-UserNames ul::-webkit-scrollbar {
  width: 7px;
  height: 5px;
}
#List-UserNames ul::-webkit-scrollbar-track {
  background-color: #3e2a24;
  border: 1px solid #6a524b;
  box-shadow: none;
}
#List-UserNames ul::-webkit-scrollbar-thumb {
  background-color: #40302a;
  border: 1px solid #89766f;
  box-shadow: none;
}
/*Кнопки Удалить (правее ников)*/
#List-UserNames ul li > span {
    display: inline-block;
    padding: 0 3px;
    position: absolute;
    opacity: 0.88;
    cursor: pointer;
    top: 0;
    bottom: 0;
    right: 2px;
    font: normal normal 700 10.56px / normal Verdana;
    color: var(--hovlink);
}
/*Текст при отсутствии запомненных Ников!*/
#List-UserNames ul:empty:before {
  display: inline-block;
  content: "У Вас нет запомненных ников, введенных через форму справо, или через перенос ниже!";
}
/*Кнопка выход-2*/
#navlogin #exit-2 {
  display: none;
}
#navlogout .Rega,
#navlogout .Forgot {
  display: none;
}
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/
#List-UserNames ul + span {
  display: inline-block;
  padding: 6px 0 8px 0;
  text-align: left;
  font: normal normal 400 10.56px / normal Verdana;
}
/*Сам инпут*/
.punbb #List-UserNames input {
  background: rgb(42 26 21);
  border: 2px inset rgb(62 42 36) !important;
  border-radius: 2px;
  text-shadow: none !important;
  color: #3e2a24 !important;
  background-color: #342a23;
  font: normal normal 400 11px / normal Arial !important;
  box-shadow: inset 0px 0px 3px rgb(18 9 6);
  margin-top: 9px;
  padding: 2px !important;
  vertical-align: middle;
}
/*Стрелочки к инпуту*/
#List-UserNames ul + span b {
  font: normal normal 400 13px / normal Verdana;
  padding: 0 3px;
  color: #342d2c;
}
/*Кликалка слево, чуть выше инпута*/
#List-UserNames .a1-copy {
  display: inline-block !important;
  cursor: pointer;
  float: left;
}
/*Кликалка справо*/
#List-UserNames .a1-paste {
  cursor: pointer;
  display: inline-block !important;
  float: right;
}
/*Подсказки на кликалках*/
.tipsy.a11 {
  font: normal normal 400 11px / normal Tahoma !important;
  margin-top: -22px !important;
  margin-left: 148px !important;
  max-width: 170px;
}
/*************************
//Конец Стиля для Быстрой смены аккаунтов
*************************/
/*ЧАСТЬ 3. CSS-стили кастомизированного плеера*/
.player-wrapper {
    background: none;
    width: 0px;
    height: 40px;
    position: absolute;
    top: -16px;
    z-index: 1;
    left: 295px;
}

.custom_tag_podhead .player-wrapper {
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    left: 40px;
}

.pa-fld1 .player-wrapper { 
    top: 72px;
    right: 105%;
}

.play-pause.paused:before {
    content: "\f04b";
    position: absolute;
    font-size: 16px;
    font-family: Font Awesome;
    color: var(--body);
    top: 50%;
    left: 54%;
    transform: translateX(-50%) translateY(-50%);
}

.play-pause {
    padding: 0 !important;
    box-shadow: none !important;
    background: var(--t-body) !important;
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
    padding: 0;
    border: none !important;
    box-shadow: none !important;
}

.play-pause:before {
    content: "\f04c";
    position: absolute;
    font-size: 16px;
    font-family: Font Awesome;
    color: var(--body);
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.track, .volume{height: 100%; background: linear-gradient(0deg, transparent 0, transparent 50%, black 50%, transparent calc(50% + 1px), transparent); display: inline-block; margin-left: 10px; position: relative;}
.track {
    width: calc(80% - 60px);
}
.volume {
    width: 20%;
}
.thumb {
    height: 0px;
}

/* мелодия в профиле */

audio::-webkit-media-controls-panel {
  background: #3dbfda;
}
audio::-webkit-media-controls-play-button {
  color: #fff;
}


audio::-webkit-media-controls-mute-button,
audio::-webkit-media-controls-timeline-container,
audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display,
audio::-webkit-media-controls-timeline,
audio::-webkit-media-controls-volume-slider-container,
audio::-webkit-media-controls-volume-slider,
audio::-webkit-media-controls-seek-back-button,
audio::-webkit-media-controls-seek-forward-button,
audio::-webkit-media-controls-fullscreen-button,
audio::-webkit-media-controls-rewind-button,
audio::-webkit-media-controls-return-to-realtime-button,
audio::-webkit-media-controls-toggle-closed-captions-button {
  display: none!important;
}




.newtext { 
    width: 45px;
    display: inline-block; 
}
.newtext .bracket { display: none; }
.newtext a { font-size: 0px; position: relative; }
.newtext a:after {
    position: absolute;
    content: '[ new ]';
    font-size: 12px;
    width: 50px;
    font-weight: 700;
    left: -2px;
   color: var(--hovlink);
}

/* ---------------- СТИЛИЗАЦИЯ АДМИНКИ -------------------*/

.punbb-admin {
  position: relative;
  padding: 30px 40px 20px;
  font-family: "Raleway";
}

.punbb-admin .submitend input {
    background: url(https://forumstatic.ru/files/001c/44/10/44178.png) 0px -14px;
}

.punbb-admin .submitend input:hover {color:#934A99;}

.adformal h2,
#pun-adnav h2 {
  font-family: "Mulish";
  text-transform: uppercase;
  text-align: center;
  color: #302f2c !important;
  background-color: var(--forcol) !important;
  background: rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 0px #878e96 !important;
  border-radius: 6px;
  border: none !important;
}

#adnav-standard ul li {
  text-align: center;
  text-transform: none;
  padding: 4px 0;
  margin: 5px 5px;
  background: rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 0px #878e96;
  border-radius: 6px;
}

#adnav-standard ul li ul li {
  margin: 5px;
}

#pun-adnav a,
#adnav-standard ul li a {
  transition: all 0.3s ease-in-out;
}
#pun-adnav a:hover,
#adnav-standard ul li a:hover {
  color: var(--hovlink) !important;
}

#adnav-standard > ul {
  display: flex !important;
  flex-direction: column !important;
}

#adnav-standard ul .item1 {
  order: -5;
}

#adnav-standard ul .item6 {
  order: -4;
}

#adnav-standard ul .item-forms {
  order: -3;
  position: relative;
}

#adnav-standard ul .item-forms sup {
  display: none;
}

#adnav-standard ul .item15 {
  order: -2;
  position: relative;
}

#adnav-standard ul .item20 {
  order: -1;
}

#adnav-standard ul .item15:after,
#adnav-standard ul .item-forms:after {
  content: "\f02e";
  font-family: Font Awesome;
  position: absolute;
  font-size: 11px;
  left: 4px;
  top: 0;
  color: var(--hovlink);
}

#adnav-standard ul li::marker {
  color: transparent !important;
  font-size: 0 !important;
}

.adcontainer {
  border-style: unset !important;
}

.adminmain {
  padding-left: 155px;
  margin-bottom: 6px;
  margin-top: 70px;
}

#pun-admain legend span {
  padding: 4px 9px !important;
  margin: 0 0 0 -15px;
  background: var(--backcol) !important;
  border-radius: 5px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border: var(--bordin) !important;
  box-shadow: 0 0 3px 0.2px #00000017 !important;
}

#pun-admain fieldset {
  border-color: var(--forcol) !important;
}

.adformal {
  border-style: none !important;
}

#pun-admain fieldset .handle,
#pun-admain fieldset p {
  border-color: var(--forcol) !important;
  border-radius: 5px !important;
}

#pun-admain span[class="adinput"] input,
#pun-admain span[class="adinput"] label {
  max-width: 94% !important;
}

.punbb #pun-admain p.contains-textarea {
  border-left-width: 0px !important;
  border-left-style: none !important;
  background-color: transparent !important;
}

#chfont {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: -52px;
    right: 23px;
    text-align: center;
    line-height: 22px;
    z-index: 99;
    align-items: end;
}

.spring #chfont { top: -304px; right: 37px; }

#chfont.active select, #chfontsize  {
    background: #2b2c2c;
    color: #707070;
    border: 1px solid #707070 !important;
}

#chfontbut {
    width: 30px; /*ширина*/
    height: 30px; /*высота*/
    cursor: pointer;
    position: relative;
    border-radius: 50%;
    background: #2B2C2C;
    font-family: 'Mulish';
    color: #707070;
    border: 1px solid #707070
}

.spring #chfontbut {
    background: #B8BEB7B2;
    box-shadow: -3px 3px 0px 0px #00000026;
    border-radius: 0;
    color: #273028;
    border: none;
    height: 20px;
    width: 20px;
}

#chfontbut:after {
    position: absolute;
    content: '\f034';
    font: 12px 'Font Awesome';
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.spring #chfontbut:after {font: 10px 'Font Awesome';}

#chfont select {
    display: none;
    margin-bottom: 2px; /*отступ снизу*/
    cursor: pointer;
}
#chfontsize {
    width: 26px; /*ширина*/
    display: none;
}
#chfont.active select,
#chfont.active #chfontsize {
    display: flex;
    width: 100%;
    justify-content: center;
    border-radius: 6px 6px 0px 6px;
    margin-top: 2px;
    gap: 5px;
}

.spring #chfont.active select,
.spring #chfontsize {
    background: #B8BEB7B2;
    border-radius: 0!important;
    box-shadow: -3px 3px 0px 0px #00000026;
    color: var(--t-body);
    border: none !important;
    margin: 3px 0;
}

.fsizeplus,
.fsizeminus {/*кнопки плюса и минуса*/
    color: #a1a1a1;
    cursor: pointer;
}

.spring .fsizeplus, .spring .fsizeminus {color: var(--t-body);}

.fsizeplus { order: 1; }

.fsizeplus::after {
    content: '+';
}
.fsizeminus::after {
    content: '-';
}

.fsize {
}


#tuser {
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s ease-in-out;
}

#tuser:after {
    content: '\f002';
    position: absolute;
    font-family: 'Font Awesome';
    font-size: 12px;
    color: var(--t-body);
    pointer-events: none;
    top: -11%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-style: normal !important;
    transition: all .3s ease-in-out;
}


.punbb #profile-right li strong.GamePst2  {
    padding-right: 0!Important;
    color: #a09e95 !important;
}

#s-block {
    position: relative;
    right: 45px;
}

.isguest #s-block { display: none; }

#sTheme {
    background: rgba(0, 0, 0, 0.05);
       border-radius: 5px 0px 0px 0px;
    margin: 0 4px 0 0px;
    color: var(--t-body) !important;
}

#isk {
    background: rgba(0, 0, 0, 0.05);
    box-shadow: var(--topic-bxs);
    border-radius: px!important;
    border: none!important;
    position: relative;
}

#isk:after {
    content: '\f002';
    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 .3s ease-in-out;
    font-style: normal!important;
}

#sTheme, #isk {
    border: 1px solid #999 !important;
}

.spring #sTheme, .spring #isk {
    border: 1px solid #C2C4C0 !important;
}

#tuser { margin: 0!important; }

/*вкладки, (c) EMERAEL 2024*/
.hidden {
   height: 0;
   opacity: 0;
}

.custom_tag.custom_tag_tabtitle p {
    font-weight: 600;
    font-size: 10px !important;
    margin: 0;
    font-family: var(--body-font);
}

.custom_tag.custom_tag_tabtitle::-webkit-scrollbar-thumb:vertical { background-color:#eeeeee;border:solid 1px #e3e3e3;border-radius:0px; }

.custom_tag.custom_tag_tabtitle::-webkit-scrollbar { width:5px;background-color:transparent;border-radius:0px; }

.custom_tag.custom_tag_tab {
    overflow-y: auto;
    margin: 8px 0px 0px 0px;
    padding: 10px;
}

.tabsy {
    text-align: justify;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0px 5px;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

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

.custom_tag.custom_tag_tabtitle  {
    cursor: pointer;
    transition: all .3s linear 0s;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    margin: 0;
    background: #00000014;
    border: 1px solid #949494;
    padding: 3px 10px;
}

.custom_tag.custom_tag_tabtitle.active,
.custom_tag.custom_tag_tabtitle:hover {
   box-shadow: 2px 2px 1px 0px #00000040 inset;
}

.custom_tag.custom_tag_tab {
    margin: 0px;
    padding: 0;
}

   /* Добавляем плавность для вкладок */
    .custom_tag_tab {
        opacity: 0;
        transition: all .3s ease-in-out; /* плавный переход */
    }

    .custom_tag_tab:not(.hidden) {
        height: auto;
        opacity: 1;
    }

/* Блок с карточками */
.SteamCards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    padding: 0 !important;
    margin: 0 100px;
}

.SteamCards > p { display: none; }

/* Контейнер карточки */
.card3d {
  perspective: 500px;
   width: 220px;
    height: 130px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
background: var(--back) 400px;
}

.card3d * { margin: 0!important; }
.card3d h5 {
    font: 500 15px var(--fancy-font) !important;
    text-transform: uppercase;
    color: #CACACA;
}

.card3d > p {
    font: 600 9px / 150% var(--body-font);
    color: #CACACA;
}

/* Контейнер карточки при наведении */
.card3d:hover {
  z-index: 10;
  transform: scale(1.2);
}

/* Картинки карточек при наведении */
.card3d:hover {
    box-shadow: 0 16px 32px rgba(0 0 0 / .38);
}

/* Плавность анимации */
.card3d {
  transition: transform 250ms ease-out;
}

.stars {
    display: flex;
    gap: 8px;
}

.stars p {
    width: 22px;
    height: 20px;
    position: relative;
    color: #CACACA;
}

.stars p:after { content: '\f005'; font: 16px 'Font Awesome Regular'; }
.stars .filled:after { content: '\f005'; font-family: 'Font Awesome';}

.stars p:after,
.stars .filled:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

#p8 > button,
#p52639 > button { top: 96px!important; background-color: var(--hovlink) !important; }


#theme_switcher {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    position: absolute;
    right: -7px;
    top: -220px;
    z-index: 3;
    gap: 8px;
}

.dark #theme_switcher ,
.light #theme_switcher {
    right: 27px;
    top: -148px;
}

#theme_switcher li { font-size: 0; width: fit-content; }
#theme_switcher input {margin: 0;}

#theme_switcher li label {
    font-size: 0px;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    position: relative;
    box-shadow: none;
    border: 5px solid #E5E9E2;
}

.dark #theme_switcher li label,
.light #theme_switcher li label {
    border: 5px solid #2b2c2c;
    outline: 1px solid #707070;
}

label[for="dark"] {background: #68768E;}
label[for="light"] {background: #815F4A;}
label[for="spring"] {background: #907998;}

#theme_switcher li input {
    -webkit-appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border: none !important;
}


@media screen and (max-width: 1000px) {
.dark #theme_switcher, .light #theme_switcher {
    right: 27px;
    top: -248px!important;
}
}