/* -------------- НАВИГАЦИЯ ---------------*/
.spirit_nav-wrap {
  position: relative;
  align-self: flex-start;
}

.nav_button {
  cursor: pointer;
  transition: all .4s linear 0s;
  color: #fefefe
}

.nav_button.map:hover span {
  color: var(--link-hover); /
}

.nav_button.i_active {
 
}

.nav_block {
    display: none;
    background: rgba(255, 252, 245, 0.9);
    position: absolute;
    top: calc(100% + 5px);
    border-radius: 10px;
    width: 220px;
    font-family: var(--font-family);
    font-size: 10px;
    margin: -30px 0px 0px -25px;
    z-index: 2;
}

.nav_block_quests {
    display: none;
    background: rgba(255, 252, 245, 0.9);
    position: absolute;
    border-radius: 10px;
    width: 220px;
    height: fit-content;
    font-family: var(--gothic-family);
    color: var(--textcolor);
    padding: 10px;
    font-size: 10px;
    z-index: 2;
    text-align: center;
    line-height: 1.7em;
    font-weight: 400;
        top: calc(100% + 5px);
}

.nav_button:hover span {
  color: var(--link-hover);
}

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

.nav_block .link a {
  color: var(--pun-bg);
  background: var(--link);
  border-radius: 8px;
  padding: 5px 10px;
  transition: all .4s linear 0s;
    font-weight: 700;
}


.nav_block .link a:hover {
    background: var(--link-hover);
    color: var(--pun-bg);
}


/* Form Buttons © max, the murderer!
----------------------------------------------------------------------- */

/* General */

#form-buttons table {
    width: 100% !important;
}

#form-buttons table tr {
    display: flex;
    justify-content: space-between; /* выравнивание кнопок в ряду */
    gap: 4px;
    margin-bottom: 4px;
}

#form-buttons td {
    position: relative;
    background: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px; /* ширина кнопки */
    height: 24px; /* высота кнопки */
    margin-bottom: 4px;
}

#form-buttons td::before {
    font-family: 'Font Awesome 6 Pro';
    font-size: 13px; /* размер иконки */
    font-weight: 400; /* стиль иконки */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 1;
}

#form-buttons td:hover::before {
    color: var(--link-hover); /* цвет при наведении */
}


/* Icons */

#button-font::before {
    content: '\f031';
}

#button-size::before {
    content: '\f894';
}

#button-bold::before {
    content: '\f032';
}

#button-italic::before {
    content: '\f033';
}

#button-underline::before {
    content: '\f0cd';
}

#button-strike::before {
    content: '\f0cc';
}

#button-indent::before {
    content: '\f03c';
}

#button-left::before {
    content: '\f036';
}

#button-right::before {
    content: '\f038';
}

#button-center::before {
    content: '\f037';
}

#button-link::before {
    content: '\f0c1';
}

#button-spoiler::before {
    content: '\f518';
}

#button-image::before {
    content: '\f302';
}

#button-video::before {
    content: '\f144';
}

#button-hide::before {
    content: '\f30d';
}

#button-quote::before {
    content: '\f27a';
}

#button-code::before {
    content: '\f121';
}

#button-color::before {
    content: '\f53f';
}

#button-table::before {
    content: '\f009';
}

#button-smile::before {
    content: '\f118';
}

#button-keyboard::before {
    content: '\f11c';
}

#button-addition::before {
    content: '\f0d7';
}


/* Icons */

#button-font::before {
    content: '\f031';
}

#button-ChangeCase::before {
    content: '\e099';
}

#button-size::before {
    content: '\f894';
}

#button-bold::before {
    content: '\f032';
}

#button-italic::before {
    content: '\f033';
}

#button-underline::before {
    content: '\f0cd';
}

#button-strike::before {
    content: '\f0cc';
}

#button-indent::before {
    content: '\f878';
}

#button-left::before {
    content: '\f036';
}

#button-right::before {
    content: '\f038';
}

#button-center::before {
    content: '\f037';
}

#button-justify::before {
    content: '\f039';
}

#button-link::before {
    content: '\f0c1';
}

#button-spoiler::before {
    content: '\f518';
}

#button-image::before {
    content: '\f302';
}

#form-buttons #button-image ~ #button-image::before {
    content: '\f03e' !important;
}

#button-video::before {
    content: '\f144';
}

#button-hide::before {
    content: '\f30d';
}

#button-quote::before {
    content: '\f27a';
}

#button-code::before {
    content: '\f121';
}

#button-color::before {
    content: '\f53f';
}

#button-table::before {
    content: '\f009';
}

#button-smile::before {
    content: '\f118';
}

#button-sticker::before {
    content: '\f6fe';
}

#button-keyboard::before {
    content: '\f11c';
}

#button-addition::before {
    content: '\f0d7';
}

#button-files_rusff::before {
    content: '\f15b';
}

#button-graffiti_rusff::before {
    content: '\f5a9';
}

#button-mask::before {
    content: '\f630';
}

#button-dice::before {
    content: '\f522';
}


/* Announcements
------------------------------------------------------------------ */

#announcements {
    display: flex;
    position: relative;
    justify-content: center;
}

#announcements .inner {
    display: flex;
    overflow: auto hidden;
    gap: 10px;
    padding-bottom: 5px;
justify-content: center;
}

#announcements .inner::-webkit-scrollbar {
    height: 2px;
}

.announcement {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    box-sizing: border-box;
    background: var(--sec-bg);
    border-radius: 1rem;
    overflow: hidden;
    flex-shrink: 0;
    color: var(--link);
    border: none;
}

.announcement .column {
    overflow: hidden;
    padding: 0 5px;
}

.announcement em {
    font: 600 1rem/110% roboto;
      font-size: 28px;
    text-transform: lowercase;
    display: block;
    height: 1lh;
    max-width: 15ch;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: var(--textcolor);
}

.announcement em:hover {color: var(--link-hover);}

.announcement span {
    font: 300 0.8rem/130% helvetica;
   font-size: 20px;
    height: 1lh;
    max-width: 25ch;
    text-transform: lowercase;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.announcement .date {
    margin-right: 10px;
       font: 800 1rem / 150% roboto;
    font-size: 14px; 
    background: var(--link);
    color: var(--sec-bg);
    padding: 3px 4px;
    box-sizing: border-box;
    height: 100%;
    border-radius: 0.8rem;
  }

.announcement:hover {
    cursor: pointer;
}

.announcement:hover {
    background: var(--pun-bg);
    color: var(--link);
}

.announcement:hover .date {
    background: var(--link-hover);
    color: var(--sec-bg);
}

/*ссылки в подфорумах*/
.lens {
text-align: center;
    font-family: helvetica;
    font-size: 9px;
    letter-spacing: 0.1em;
    margin: 3px 0 3px 0 !important;
      padding: 8px;
border-radius: 10px 10px 10px 10px;
background: var(--sec-bg);
}

/*кастомные кнопки*/
.custom-button {
  display: inline-block;
  line-height: 18px;
  font-size: 20px;
  font-family: var(--second-family);
    color: var(--pun-bg);
text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-left: 20px;
  margin-bottom: 0px;
}

.custom-button:hover {
 color: var(--link-hover); /* Цвет при наведении */
}

/*реакции*/
.reactions-container {
    display: flex;
    gap: 4px;
    margin-left: 20px;
    background: var(--pun-bg);
margin-top: 10px;
}


 /* шаблон гостевой (с) astaarus */
  .guest-template-container {
    margin: 0 auto;
    background: var(--bg-html);
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Легкая тень */
    position: relative;
    overflow: hidden;
    color: var(--textcolor);
    margin-bottom: 15px !important;
  }

  .guest-header {
    background: var(--bg-html);
    background-size: cover;
    color: white;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
   border: var(--br-opacity);
    position: relative;
  }
  
  .guest-header h1 {
    margin: 0;
    font-size: 32px;
    font-family: var(--second-family);
  }

  .guest-header p {
    font-size: 11px;
    font-family: var(--gothic-family);
    opacity: 0.8;
       text-align: center;
  }

  .guest-header p a:hover {color: var(--link-hover);}
  
.guest-section-title {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase;
    color: var(--link);
    letter-spacing: 2px;
    animation: fadeIn 1.5s ease-in-out;
    background: var(--sec-bg);
    padding: 10px 10px !important;
    border-radius: 10px;
        opacity: 0.9;
}

  .guest-column-container {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
        opacity: 0.9;
  }

.guest-column {
    width: 49%;
    background: var(--pun-bg);
    border-radius: 10px;
    padding: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    .post-content p {
    margin: 0;
    padding: 0 0 12px 12px;
    line-height: 100%;
    text-align: center;
        opacity: 0.9;
}
}

.guest-column h3 {
    font-size: 10px;
    color: var(--link);
    text-transform: uppercase;
    padding: 10px;
    margin: 0;
    border-bottom: var(--br-opacity);
    position: sticky;
    top: 0;
    z-index: 2;
    text-align: center;
    letter-spacing: 2px;
        opacity: 0.9;
}

  /* Стиль прокрутки для контейнера с элементами */
.guest-item-container {
    padding: 10px;
    max-height: 190px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #f9fcf8 #f0f3ec;
}

  /* Для Chrome, Safari, Edge */
  .guest-item-container::-webkit-scrollbar {
    width: 8px;
  }

  .guest-item-container::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 10px;
    border: 2px solid #f4f4f4;
  }

  .guest-item-container::-webkit-scrollbar-track {
    background: #f4f4f4;
    border-radius: 10px;
  }

   /* Нижний цветной фон с динамикой */
.guest-footer {
    color: var(--textcolor);
    font-size: 11px;
    background: var(--sec-bg);
    background-size: 300% 300%;
    padding: 12px;
    text-align: justify;
    margin-top: 10px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
        opacity: 0.9;
}

.guest-item-text {
  text-align: center;       
  margin: 5px 0;          
  padding: 0 10px;       
  line-height: 1.5;       
      opacity: 0.9;
}

/* соо гостевая */
.texttable {
width: 100%; 
    padding: 10px;
    margin: auto;
    background: #d6d6d6;
border-radius: 10px 10px 10px 10px;    
border-top: 6px solid #9997ff;
}
.ttable {width: 100%;background: #000000b3;color:#e0e0e0;border-radius: 0px 10px 0px 10px;padding: 10px;margin: auto;text-align: center;}


.textact {
width: 100%;
    padding: 10px;
    margin: auto;
    background: #d6d6d6;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #bdbdbd;
}

/* соо гостевой */

.hst{
/*width: 100%;*/
    padding: 25px;
    margin: auto;
 background: #6b8f69; 
 background-image: url("https://i.pinimg.com/originals/1e/f1/f1/1ef1f16a698da88566bd88135daaed67.jpg");
    opacity: 0.8;
    border-radius: 10px 10px 10px 10px;
    border-top: 6px solid #6b8f69;
 
}

.hsttext {
width: 100%;
background: #f6f6f6;
color: #1c1b1d;
border-radius: 0px 10px 0px 10px;
padding: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

/* сюжет под чистовик */
.plot {
width: 600px;
    padding: 25px;
    margin: auto;
 background: #6b8f69;
 background-image: url("https://upforme.ru/uploads/001b/07/0d/2/199579.jpg");
    opacity: 0.8;
    border-radius: 10px 10px 0px 0px;
    border-top: 6px solid #6b8f69;
 
}

.plottext {
width: 570px;
background: #f6f6f6;
color: #1c1b1d;
border-radius: 0px 10px 0px 10px;
padding: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

/*  твиттер */
.twitter {
width: 550px;
    padding: 20px;
    margin: auto;
    background: #657786;
    border-radius: 0px 10px 0px 10px;
    border: 1px solid #bdbdbd;
}
.twittername {
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding: 5px;
margin: auto;
font-weight: bold;
color:#F5F8FA;
font-size: 20px;
text-align:left;
}

/*новости темные*/

.newsdark {
display: block;
    background-color: #2c2c2c;
    text-align: center;
    width: 140px;
    height: 40px!important;
    outline-offset: 3px;
    display: inline-block;
    margin: 0px 7px!important;
    padding: 5px 0px 5px 0px;
    border: 0px solid #5a554e21;
    border-radius: 0px 15px 0px 15px;

}

.newsdark bt {
display: inline-block;
font-size: 15px
font-family: Mak;
color:#1fad25;
    font-size:10px;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding-bottom: 3px;
border-bottom: 1px solid currentColor;
}

.newsdark bt a {
font-size: 15px!important;
font-family: Mak!important;
color:#1fad25!important;
    font-size:10px;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.newsdark st {
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
color:#f0f0f0;
}

/*индивидуальные фоны*/
#pun-viewtopic .post[data-user-id="13"] .post-author {
  background: url(https://forumstatic.ru/files/0014/d2/5e/46767.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="6"] .post-author {
  background: url(https://upforme.ru/uploads/001b/07/0d/2/72125.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="4"] .post-author {
  background: url(https://upforme.ru/uploads/001c/3b/dd/4/315704.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="5"] .post-author {
  background: url(https://upforme.ru/uploads/001c/3b/dd/5/856265.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="30"] .post-author {
  background: url(https://upforme.ru/uploads/001c/3b/dd/5/597402.jpg) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="153"] .post-author {
  background: url(https://forumstatic.ru/files/001c/3b/dd/23045.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="192"] .post-author {
  background: url(https://upforme.ru/uploads/001c/3b/dd/27/635034.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="203"] .post-author {
  background: url(https://forumstatic.ru/files/001a/74/84/96287.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="212"] .post-author {
  background: url(https://forumstatic.ru/files/001c/3b/dd/15745.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="27"] .post-author {
  background: url(https://forumstatic.ru/files/0014/d2/5e/27982.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="43"] .post-author {
  background: url(https://upforme.ru/uploads/001c/3b/dd/153/59504.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="237"] .post-author {
  background: url(https://forumstatic.ru/files/001c/3b/dd/17103.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="263"] .post-author {
  background: url(https://forumstatic.ru/files/001c/3b/dd/50057.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="207"] .post-author {
  background: url(https://upforme.ru/uploads/001c/3b/dd/5/717030.jpg) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="226"] .post-author {
  background: url(https://forumstatic.ru/files/001c/3b/dd/24646.png) no-repeat bottom center;
}
#pun-viewtopic .post[data-user-id="161"] .post-author {
  background: url(https://upforme.ru/uploads/001c/3b/dd/161/920793.png) no-repeat bottom center;
}
#pun-viewtopic .post[data-user-id="169"] .post-author {
  background: url(https://upforme.ru/uploads/001c/3b/dd/161/322463.png) no-repeat bottom center;
}
#pun-viewtopic .post[data-user-id="232"] .post-author {
  background: url(https://forumstatic.ru/files/001c/3b/dd/42150.png) no-repeat bottom center;
}
#pun-viewtopic .post[data-user-id="215"] .post-author {
  background: url(https://forumstatic.ru/files/001c/3b/dd/17727.png) no-repeat bottom center;
}
#pun-viewtopic .post[data-user-id="259"] .post-author {
  background: url(https://forumstatic.ru/files/001c/3b/dd/61451.png) no-repeat bottom center;
}

<!-- Анти-в-строчку для Сообщений и Репутации © deff -->
<script type="text/javascript">
function changeS(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
   changeS('.pa-posts','Сообщений:','mess.<br>');
   changeS('.pa-respect','Уважение</a>:','rep.</a><br>');
   changeS('.pa-respect','Уважение:','rep.<br>');
   changeS('.pa-fld2','cash:','cash<br>');
</script>



<!-- репутация на лайки -->
<script type="text/javascript"> 
var nWRD="rep."; 
function setRespecNew(){ 
$(".pa-respect a[href^='/respect.php?']").each(function (){ 
$(this).html(nWRD);});} 
function TestRespect(){ 
if($(".pa-respect:contains('Репутация')").length){setRespecNew();return; 
}else {timerID = setTimeout("TestRespect()",110);return;} 
}TestRespect() 
</script>

<!-- Индикатор активности пользователя © Alex_63, мод. max, the murderer! -->
<style>
.indOnline, .indOffline {
  position: absolute;
  display: inline-block;
  margin-bottom: 1px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  right: 10px;
}

.indOnline {
  background-color: var(--link);
}

.indOnline:hover {
  background-color: var(--link-hover);
}

.indOffline {
  background-color: #d1d1d1;
}
</style>
<script type="text/javascript">
$('.post-author:not(.online)').find('.pa-author>a').addClass('offline');
$('.post-author.online').find('.pa-author>a').addClass('online');
$('.post').each(function(){
  var lastVisit = $(this).find('.pa-last-visit').text().split('Последний визит:')[1];
  var activeTime = $(this).find('.pa-online').text().split('Активен')[1];
  $(this).find('.pa-author>a.online').after('<span class="indOnline" title="Онлайн '+activeTime+'"></span>');
  $(this).find('.pa-author>a.offline').after('<span class="indOffline" title="Был(а) онлайн '+lastVisit+'"></span>');
});
</script>

<! -- скрипт навигации от духа --> 
<script type="text/javascript" src="https://forumstatic.ru/files/001a/08/74/57494.js"></script>

<!-- описание категории -->
<script type="text/javascript">
    makeDescription(1, "And the crashes are heaven for a sinner like me
But the arms of the ocean delivered me")
    makeDescription(2, "And the crashes are heaven for a sinner like me
But the arms of the ocean delivered me")

    function makeDescription(id, txt){
    var div = document.getElementsByClassName("catleft")
    var idN = id-1;
    div[idN].nextSibling.innerHTML+="<div class=categoryLine></div><span class=categoryTool>"+txt+"</span>"
    }
    </script>
<!-------------------------------------------------------->

<!--Кнопки вверх вниз-->
<div class="go-up" id='ToTop'><div class="custom-button">UP</div>
</div>
<div class="go-down" id='OnBottom'><div class="custom-button">down</div></div>
<script type="text/javascript">
 $(function () {
  if ($(window).scrollTop() >= "250") $("#ToTop").fadeIn("slow")
  $(window).scroll(function () {
   if ($(window).scrollTop() <= "250") $("#ToTop").fadeOut("slow")
   else $("#ToTop").fadeIn("slow")
  });
  if ($(window).scrollTop() <= $(document).height() - "999") $("#OnBottom").fadeIn("slow")
  $(window).scroll(function () {
   if ($(window).scrollTop() >= $(document).height() - "999") $("#OnBottom").fadeOut("slow")
   else $("#OnBottom").fadeIn("slow")
  });
  $("#ToTop").click(function () { $("html,body").animate({ scrollTop: 0 }, "slow") })
  $("#OnBottom").click(function () { $("html,body").animate({ scrollTop: $(document).height() }, "slow") })
 });
</script>



<!-- ТЕГ абзаца - [indent] © Deff -->
<style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style>
<script type="text/javascript">(function(){ var b = '[indent]';
$("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif"  onclick="smile(\''+b+'\')"></td>');
var indent = '<span style="display:inline-block;margin:1em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>

<!-- скрипт всплывающей подсказки © Домовой -->
<script type="text/javascript" src="https://forumstatic.ru//files/001b/95/a1/53719.js"></script>

<!-- запятая после ника -->
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>

<!-- Исключение из "Цитировать" подписи и "отредактировано" © Deff -->
<script type="text/javascript"> (function(){    var p =[];
  $('.post').find('.pl-quote').click(function(){
    p[0] = $(this).parents('.post').find('.lastedit');
    p[1] = $(this).parents('.post').find('.post-sig');
    p[2] = p[0].html();p[3] = p[1].html();
    p[0].html('');p[1].html('');
    setTimeout(function(){p[0].html(p[2]);p[1].html(p[3])},600);});
}());
</script>

<!-- Мгновенный предпросмотр сообщения © Alex_63 -->
<script type="text/javascript">
var PPREV = {};
PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
</script>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script>

<!-- Дополнение: мгновенный предпросмотр в ЛС -->
<script type="text/javascript">if($('#pun-messages').length){var pprevcont='<fieldset id="post-preview"><legend><span>предпросмотр</span></legend><div class="fs-box"><div class="post-box"><div class="post-content"></div></div></div></fieldset>';if(document.URL.indexOf('&p')!=-1){if(PPREV.position==0 || PPREV.position==2) {$('#post').prepend(pprevcont);}if(PPREV.position==1){$('#post').append(pprevcont);}}else if(document.URL.indexOf('?action=new')!=-1){if(PPREV.position==0 || PPREV.position==2){$('#profile fieldset:first').before(pprevcont);}if(PPREV.position==1){$('#profile fieldset:first').after(pprevcont);}}if($('#post-preview').text().length<1){$('#post-preview').hide();}else{$('#post-preview').show();ParseContent();}var sTim;$('#main-reply:first').live('input',function(){ParseContent();});$('#form-buttons img,div[id$="-area"] *').click(function(){sTim=setTimeout(function(){clearTimeout(sTim);ParseContent();},40);});}</script>

<!-- Дополнение: кнопка отключения мгновенного предпросмотра -->
<style>#togglePreview{float:right;margin-top:-32px}</style>
<script type="text/javascript">(function (){
  var a='предпросмотр on';
  var b='предпросмотр off';
  var d='_PreviewToggle';
  setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
  getCookiePPrev=function(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;}
  $('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').insertAfter('#post fieldset:last legend');
  var x = ParseContent;
  window.togglePreview = function(sel){//alert(sel.value);
    if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return}
    if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return}
  }; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()};
}())
</script>

<!-- баннеры -->
<div class="banners"><div class="container">
   <a href="https://imagiart.ru/" target="_blank"> <img src="https://i.imgur.com/poQI688.gif" title="photoshop: Renaissance" border="0" alt="photoshop: Renaissance"></a> 
   <a href="https://mayak.f-rpg.me/?utm_medium=banner88forum"><img src="https://forumstatic.ru/files/001b/ff/2a/15151.gif" title="Маяк. Сообщество ролевиков и дизайнеров" alt="Маяк. Сообщество ролевиков и дизайнеров"></a>  
    <a href="http://rialan.rusff.me" target="_blank"> <img src="https://upforme.ru/uploads/001c/52/36/19/859610.png" title="RIALAN: doomed to die"></a>
   <a href="https://hpbreakthewall.rusff.me" target=_blank><img src="https://upforme.ru/uploads/001c/6a/ec/5/154854.png" title="HP: Break the wall. Стена между мирами разрушена."></a> 
   <a href="https://btwn.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001b/73/d1/4/801476.png" width="88" height="31"></a>
   <a href="https://hpexile.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/7b/06/30559.jpg" title="HP: Exile. ГП 2 поколение, 1997-1998. Школа и не только. Активная игра"></a>  
<a href="https://thehaze.rusff.me/" target="_blank"><img src='https://upforme.ru/uploads/001b/d4/18/243/512735.gif' title="городская мистика в эврика-спрингс" /></a>
<a href="https://burndown.rusff.me/" title="гп, 1983 год, полный пиздец" target="_blank"><img src="https://upforme.ru/uploads/0019/b7/cb/2/928605.png" width="88" height="31" border="0"></a> 
<a href="https://faceinless.ru" target=_blank><img src="https://upforme.ru/uploads/001b/dc/dc/130/209358.png" title="TVD: FACELESS"></a>
   <a href="https://thegoodplace.rusff.me/" target=_blank><img src="https://forumstatic.ru/files/001c/03/d1/66972.png" title=“the good place /// визардинг ворлд без постирония“></a>
   <a href="https://prophecy.rolbb.me"><IMG alt=" Magic War. Prophecy" src="https://upforme.ru/uploads/001b/e6/91/6/157746.gif" border ></a>
   <a href="https://morsmordremortis.rusff.me" target="_blank"> <img src="https://upforme.ru/uploads/001b/b9/c5/99/786898.gif" title="MORSMORDRE: MORTIS REQUIEM" border="0" alt="MORSMORDRE: MORTIS REQUIEM"></a>
   <a href="https://sinistrum.f-rpg.me" target="_blank"><img src="https://forumstatic.ru/files/001b/ea/09/12797.png" alt="sinistrum"></a>
<a href="https://karma.f-rpg.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/14/5b/324/370542.png" title="karma cross" border="0" width="88" height="31"></a>
   <a href="https://trt.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/2b/59/2/733959.png" width="88px" height="31px"></a>
   <a href="https://theraven.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/00/4d/5/220581.gif" title="THE RAVEN"></a> 
   <a href="https://wolveslife.bbok.ru" target="_blank"><img src="https://forumstatic.ru/files/0001/bf/9c/79365.gif" title="Волки. Инстинкт зовет!"></a> 
   <a href="https://notacross.ru/" target="_blank"> <img src="https://forumstatic.ru/files/001c/57/ad/89952.gif" title="notacross" border="0" alt="notacross"></a> 
   <a href="https://miamiclub.ru" target="_blank"> <img src="https://forumstatic.ru/files/001b/c7/a6/71089.gif" title="MIAMI CLUB" border="0" alt="MIAMI CLUB"></a> 
<a href="https://supremumvale.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/84/ca/11325.jpg" title="перси джексон ♥ мифология"></a>
   <a href="https://drinkbutterbeer.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/001a/2e/af/91806.png" title="у нас наливают"></a>
   <a href="https://bostoncrazzy.rusff.me/" target="blank"><img src="https://i.imgur.com/MW1p42w.gif"  title="BOSTON"></a><a href="https://wolfauf.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/03/d0/90324.gif" title="мистицизм без рас" width="88" height="31"></a>
   <a href="https://oddinar.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/38/af/3/919889.png" title="oddinary" border="0" alt="oddinary"></a>
   <a href="https://happyhouse.rusff.me/"><img src="https://upforme.ru/uploads/001c/52/80/5/764708.jpg"></a> 
   <a href="https://thenextdoor.rusff.me//" target="_blank"><img src="https://i.imgur.com/JaUDgww.png" title="next door = south korea"></a>
   <a href="https://crystalcage.rusff.me/" title="Wizarding World, 1980, Dark!Ay, тоталитаризм" target=_blank><img src="https://forumstatic.ru/files/001c/76/cd/52012.png"></a>
     <a href="https://homey.rusff.me/" target=_blank><img src="https://upforme.ru/uploads/001c/7a/06/38/608994.png" title="scotland vibe, multilocation"></a>
<a href="https://subline.rusff.me/" title="Subline " target="_blank"><img src="https://upforme.ru/uploads/001b/86/08/2/t439588.jpg" width="88" height="31" border="0"> 
<a href="https://tempusmagicae.rusff.me/" title="Tempus Magicae" target=_blank><img src="https://upforme.ru/uploads/001c/71/c5/2/877956.png"></a>
<a href="https://obscura.rusff.me/"><img src="https://upforme.ru/uploads/001c/7d/10/2/923944.gif"></a>
<a href="https://yourworld.f-rpg.me/"><img src="https://forumstatic.ru/files/001c/60/80/70356.jpg?v=1" title="Whisper" alt="Whisper"></a>
<a href="https://crushcross.rusff.me/" title="крашкросс" target="_blank"><img src="https://upforme.ru/uploads/001c/78/94/3/961692.jpg"></a>
<a href="https://flashback.f-rpg.me/" target="_blank" title="flashback"><img src="https://forumstatic.ru/files/001c/7d/4f/43385.jpg" border="0" width="88" height="31"></a>
</div></div>

<div class="acknowledgements">кодовая основа: бродяга & emei</div>

   <!--Переключение регистра выделенного текста -->
   <style>#button-ChangeCase{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="http://forum.mybb.ru/i/blank.gif" title="Смена регистра" \
   onclick="bbcode(\'[Upper-Lower]\',\'[/Upper-Lower]\');UpperLower();"/>';
   $("#button-font").after('<td id=button-ChangeCase>'+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>

<!--смена имиджа-->
<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['— crooked kingdom', '— a few good men', '— bring it on', '— catch me if you can', '— oh, bless my heart', '— soak up the sun', '— atlas of dreams', '— reckless abandon', '— a kiss before dying'],
    forumAccessExtended: {
        '— crooked kingdom': ['newcomers', 'our babies'],
        '— a few good men': ['newcomers', 'our babies'],
        '— bring it on': ['newcomers', 'our babies'],
        '— catch me if you can': ['newcomers', 'our babies'],
        '— oh, bless my heart': ['newcomers', 'our babies'],
        '— soak up the sun': ['newcomers', 'our babies'],
        '— atlas of dreams': ['newcomers', 'our babies'],
        '— reckless abandon': ['newcomers', 'our babies'],
        '— a kiss before dying': ['newcomers', 'our babies']
    },
    changeList: {
        'pafld1': {
            title: 'статус крови',
            description: '',
            tag: 'caste',
            class: 'pa-fld5',
            defaultCode: '',
            type: 'text'
        },
        'pafld2': {
            title: 'имя и возраст',
            description: '',
            tag: 'name',
            class: 'pa-fld1',
            defaultCode: '',
            type: 'html'
        },
        'pafld3': {
            title: 'описание',
            description: '',
            tag: 'lz',
            class: 'pa-fld2',
            defaultCode: '',
            type: 'html'
        }
    },
    userFields: ['pa-online', 'pa-author', 'pa-title', 'pa-fld5', 'pa-avatar', 'pa-fld1', 'pa-fld4', 'pa-fld2', 'pa-fld6', 'pa-posts', 'pa-respect', 'pa-fld3']
});
</script>

      <!-- Поиск игровых постов по Нику в Указанных форумах -->
   <script>FORUM.forumSarr_ = [15,16,9,19,25]; //Форумы поиска сообщений;
   if([15,16,9,19,25,2].indexOf(+FORUM.topic.forum_id)!=-1){//id форумов отображения скрипта
   document.write('<script type="text/javascript" src="https://forumstatic.ru/files/001b/2a/da/69978.js"><\/script>');}
   </script>
   

      <!-- запятая после ника -->
   <script type="text/javascript">
   function to(username)
   {insert('[b]' + username + '[/b]' + ', ');}
   </script>
   <!--конец-->


<!--Отключить функцию "Поделиться"-->
   <script type="text/javascript">
   RusffCore.sets.share = false;
   </script>

   
   <!-- Кликабельность ника в постах Гостя -->
   <script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>
   <!-- Конец -->

<!-- Аватар по умолчанию / Deff, Alex_63 -->
<script type="text/javascript">
var DefAvtr = 'https://upforme.ru/uploads/0014/d2/5e/2/822873.png'; //Ссылка на аватар по умолчанию
var GuestAvtr = 'https://upforme.ru/uploads/0014/d2/5e/2/822873.png'; //Ссылка на аватар для Гостя

$('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
  var b = DefAvtr;if($(this).text()=='Гость'){b = GuestAvtr;}
  var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
  if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
});$('#profile-left strong:contains("Нет аватара")')
.parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>

<script type="text/javascript">
$('div.post-author ul').find('li[class^="pa-fld4"]').map(function(){ 
var Dop=$(this).html();
if(Dop=='undefined'||Dop==null){return false;};
var Virez=Dop.slice(Dop.indexOf(":")+1);
$(this).html(Virez);
});
</script>

<script type="text/javascript">
$('div.post-author ul').find('li[class^="pa-fld2"]').map(function(){ 
var Dop=$(this).html();
if(Dop=='undefined'||Dop==null){return false;};
var Virez=Dop.slice(Dop.indexOf(":")+1);
$(this).html(Virez);
});
</script>

<script>
<!--
greet="Приветствуем, "
str = document.getElementById("pun-status").innerHTML
pos = str.indexOf("Привет")
document.getElementById("pun-status").innerHTML=str.substring(0,pos)+greet+str.substring(pos+8,str.length-1) 

visit="Ты прибыл: "
str = document.getElementById("pun-status").innerHTML
if( (pos=str.indexOf("Ваш последний визит")) != -1 )
   document.getElementById("pun-status").innerHTML=str.substring(0,pos)+visit+str.substring(pos+21,str.length-1)
-->
</script>


<script><!--Универсальный скрипт замены. -->
  function UniverСhange(selektor,changed,substitute){
  $(selektor).each(function(){if ($(this).parent().html()!=null){if($(this).parent().html().indexOf(changed)!=-1){
  $(this).parent().html($(this).parent().html().replace(changed,substitute));};};});}

    UniverСhange("li#navindex","Форум","forum");
    UniverСhange("li#navuserlist","Участники","people");
    UniverСhange("li#navsearch","Поиск","search");
    UniverСhange("li#navprofile","Профиль","profile");
    UniverСhange("li#navpm","Сообщения","messages");
    UniverСhange("li#navadmin","Администрирование","admins");
    UniverСhange("li#navlogout","Выход","logout");
    UniverСhange("li#navlogin","Войти","login");
    UniverСhange("li#navregister","Регистрация","registration");

</script>


<!--// Разделение ников пользователей в теме запятой © Alex_63 //-->
<script>$('#topic-users-in a').prev('a').after(',');</script>



<!--// Введение новых тегов //-->
 <script>
    function addMod(str,from,internal){
    var pos=0,pos2=0,newpos=0
    if((pos=str.indexOf("[mod]",from))==-1) return str;
    if((pos2=str.indexOf("[/mod]"),pos+5)==-1) return str;
    newpos=str.indexOf("[mod]",pos+5)
    if(newpos<pos2 && newpos!=-1) str=addMod(str,pos+5,true)
    if((pos2=str.indexOf("[/mod]",pos+5))==-1) return str;
    str=str.substring(0,pos)+makeMod(str.substring(pos+5,pos2))+str.substring(pos2+6,str.length)
    if( str.indexOf("[mod]")!=-1 && internal==false) str=addMod(str,0,false)
    return str}
     
    function makeMod(txt){
    txt="<div id=\"form-post\">"+txt+"</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=addMod(post.innerHTML,0,false)}}
    </script>

    <script>
    function addEx(str,from,internal){
    var pos=0,pos2=0,newpos=0
    if((pos=str.indexOf("[ex]",from))==-1) return str;
    if((pos2=str.indexOf("[/ex]"),pos+4)==-1) return str;
    newpos=str.indexOf("[ex]",pos+4)
    if(newpos<pos2 && newpos!=-1) str=addEx(str,pos+4,true)
    if((pos2=str.indexOf("[/ex]",pos+4))==-1) return str;
    str=str.substring(0,pos)+makeEx(str.substring(pos+4,pos2))+str.substring(pos2+5,str.length)
    if( str.indexOf("[ex]")!=-1 && internal==false) str=addEx(str,0,false)
    return str}
     
    function makeEx(txt){
    txt="<div id=\"form-box\">"+txt+"</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=addEx(post.innerHTML,0,false)}}
    </script>


<!--Вставка картинки как раньше -->
<script>
var oldIMG="<td id=\"button-image\" title=\"Быстрая вставка картинки\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>


<!--Отключение кнопки Жалоба в сообщениях -->
<script type="text/javascript">
RusffCore.sets.show_reportBtn = 0;
</script>
<!--Отключить функцию "Поделиться" -->
<script type="text/javascript">
RusffCore.sets.share = false;
</script>
<!--Отключить функцию "Это интересно" -->
<script type="text/javascript">
rusffLive.enable = false;
</script>


<!--ФОРМА ОТВЕТА ВЫРАВНИВАНИЕ ТЕКСТА ПО ШИРИНЕ-->
<style>
#button-mybb {background-image:url('http://icons.iconarchive.com/icons/famfamfam/silk/16/text-align-justify-icon.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(8).innerHTML="<img src='/i/blank.gif' id='button-mybb' onclick=\"bbcode('[align=justify]', '[/align]');\"/>"
</script>


<script type="text/javascript">
function show_new() { if(GroupID == 3) return;
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');} show_new();
</script>



<!-- СОКРЫТИЕ МОДЕРАТОРОВ 
<style>
.intd .tclcon .modlist{
display: none;
}
</style> -->


<!-- счетчик символов -->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").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>



<!-- Регулировка размера шрифта в постах © Alex_63 -->
<style>
.FNTslider {
    border-radius: 10px;
    position: relative;
    z-index: 1000;
    background: var(--pun-bg);
    width: 110px;
    height: 5px;
    margin: 3px 5px;
    border: solid 0px;
    float: right;
    margin-top: 4px;
    margin-right: 7%;
}

.FNTslider .before {
    height: 6px;
    border: solid 0px transparent;
    border-right: none 0;
    border-radius: 10px 0px 0px 10px;
    position: absolute;
    background: var(--link);
    margin-top: -1px;
    box-shadow: 0px 0px 2px 0px rgb(203, 176, 120) inset;
}

.FNTslider .thumb {
    width: 10px;
    height: 10px;
    border: 1px solid var(--body-bg);
    border-radius: 10px;
    position: relative;
    top: -4px;
    background: var(--link-hover);
    cursor: pointer;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>
<!-- Конец -->





<!-- Правка глюка Репы при  отсутствии скриптов  руссфф  v2-->
<script> if($('#pun-viewtopic').length)$(window).load(function () {
if(!$('#pun-reputation').length)FORUM.PartnerVote = function() { return true; };
});
</script>

<!-- шрифты от бланш-->
<script type="text/javascript"> 
if ($('#pun-viewtopic,#pun-post,#pun-edit,#pun-poll,#pun-messages').length) {
var ft; var i; var ft_f; var j = ""; 
ft = document.getElementById("font-area"); 
var ft_f = new Array(); 
ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); 
ft_f.push('— л а т и н и ц а —');
ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); 
ft_f.push('Abril Fatface'); 
ft_f.push('Agoka Family'); 
ft_f.push('Allegate'); 
ft_f.push('Amanda'); 
ft_f.push('Angelic Bonques'); 
ft_f.push('Antifont'); 
ft_f.push('Antosan'); 
ft_f.push('Argue'); 
ft_f.push('Ariel Script'); 
ft_f.push('Arthead'); 
ft_f.push('Avriella'); 
ft_f.push('Baskerville Old Face'); 
ft_f.push('Baysoir'); 
ft_f.push('Baysoir Sans'); 
ft_f.push('Beatrix Signature'); 
ft_f.push('Bigilla'); 
ft_f.push('Bitter Mind'); 
ft_f.push('Birch'); 
ft_f.push('Bleinheim Signature'); 
ft_f.push('Bloc Kursiv'); 
ft_f.push('Bodonian Script'); 
ft_f.push('Botaky'); 
ft_f.push('Breital'); 
ft_f.push('Brilliant Signature'); 
ft_f.push('Brioche');
ft_f.push('Broadway'); 
ft_f.push('Brooke Smith Script'); 
ft_f.push('Bw Vivant'); 
ft_f.push('Caities'); 
ft_f.push('Caledo'); 
ft_f.push('Californian'); 
ft_f.push('Cantique'); 
ft_f.push('Chequers'); 
ft_f.push('Clovvo'); 
ft_f.push('Coastine Font'); 
ft_f.push('Crystal Vibes'); 
ft_f.push('Cyrano'); 
ft_f.push('Elegant Dragon'); 
ft_f.push('Enough'); 
ft_f.push('Erotique Alternate'); 
ft_f.push('Fashionable'); 
ft_f.push('Finches'); 
ft_f.push('Fright Night'); 
ft_f.push('Gravity'); 
ft_f.push('Hello Paris');
ft_f.push('Hello Paris Script'); 
ft_f.push('Hermes'); 
ft_f.push('Hullist'); 
ft_f.push('Katulamp'); 
ft_f.push('Laginchy'); 
ft_f.push('Liquido'); 
ft_f.push('Madegra'); 
ft_f.push('Masquerouge'); 
ft_f.push('Old English'); 
ft_f.push('Parchment'); 
ft_f.push('Peter Jhons'); 
ft_f.push('Pink Script'); 
ft_f.push('Pistilli'); 
ft_f.push('Prestige Signature'); 
ft_f.push('Quake Love'); 
ft_f.push('Recorda Script'); 
ft_f.push('Renith'); 
ft_f.push('Rhesmanisa'); 
ft_f.push('Rise'); 
ft_f.push('Rosgart'); 
ft_f.push('Rotherland'); 
ft_f.push('Sage'); 
ft_f.push('Sail'); 
ft_f.push('Salty Feathers'); 
ft_f.push('Salve Script'); 
ft_f.push('Saonara'); 
ft_f.push('Shutter Stone'); 
ft_f.push('Signerica');  
ft_f.push('Smooth Stone');  
ft_f.push('Soothing');  
ft_f.push('Specials');  
ft_f.push('Stay Classy');  
ft_f.push('Swash Line');  
ft_f.push('Tamira');  
ft_f.push('The Monse');  
ft_f.push('Tiffany Script');  
ft_f.push('Valkyrie');  
ft_f.push('Vanity');  
ft_f.push('Verona Lotte');  
ft_f.push('Wata');  
ft_f.push('Port Vintage');
ft_f.push('PortVintage');
ft_f.push('Valky');
ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push('');
ft_f.push('— к и р и л л и ц а —');
ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push('');  ft_f.push(''); ft_f.push('');
ft_f.push('Alegreya Sans SC'); 
ft_f.push('Alter Biom');   
ft_f.push('Baron Neue'); 
ft_f.push('Basis'); 
ft_f.push('Borntod'); 
ft_f.push('Bradobrei'); 
ft_f.push('Calama'); 
ft_f.push('Calypso'); 
ft_f.push('Cheque'); 
ft_f.push('Code Pro'); 
ft_f.push('Cyrillic Goth');
ft_f.push('Cuprum');
ft_f.push('Curator');
ft_f.push('Dita Sweet');
ft_f.push('Doppelganger'); 
ft_f.push('Galatea Gothic');
ft_f.push('Gunny Rewritten');
ft_f.push('Helvetica Neue'); 
ft_f.push('Journalism');
ft_f.push('Lighthaus'); 
ft_f.push('Mak Light'); 
ft_f.push('Shlapak Script'); 
ft_f.push('The Artist Script'); 
ft_f.push('Yeseva One'); 
for (i in ft_f) { 
j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] + "</span><img src='/i/blank.gif' onclick=\"bbcode('["; 
j += "font=" + ft_f[i]; 
j += "]','[/font]')\" /></div>"; 
ft.innerHTML += j; 
}} 
</script>

<!-- Восстановление последнего поста при утере by Человек-Шаман -->
<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">
    PiarNik="postman"; 
    PiarPas="1111";
    var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
    <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
    <fieldset>\
    <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
    <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
    <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
    <input type=\"submit\" class=\"button\" name=\"login\"/>\
    </fieldset>\
    </form>\
    </div>\
    <li id=\"navpiar\"><a onclick=\"PiarIn()\"><span style=\"cursor:pointer\">   PR-Master</span></a></li>";
    if($("#navlogin").html()!=null){
    $("#navlogin").append(L); //navlogin
    function PiarIn () { $("#PR_loginDiv #fld1").val(PiarNik);$("#PR_loginDiv #fld2").val(PiarPas);$("#PR_loginDiv input[type='submit']").click();}
    }
    </script>

<script type="text/javascript">
(function(){function rep(str, p1,offset, s){
  return '>'+p1.replace(/"([^ "][^"]+?)"/gm,'«$1»')+'<';}
$('.post-content p').each(function(){
  $(this).html(('</>'+$(this).html()+'</>').replace(/>([^<>]+)</gm, rep));
});}());
</script>

<div class="container"><script type="text/javascript">
var nWRD="<b>rsp</b>";
function setRespecNew(){
$(".post .pa-respect a[href^='/respect.php?']").each(function (){
 $(this).html(nWRD);});}
function TestRespect(){
if($(".post .pa-respect:contains('Репутация')").length){setRespecNew();return;
}else {timerID = setTimeout("TestRespect()",110);return;}
}TestRespect()
</script>


<script type="text/javascript">
li=document.getElementsByTagName("li")
f=0
while(li[++f]){
s=li[f].innerHTML
if((p=s.indexOf("Сообщений")) != -1) li[f].innerHTML=s.substring(0,p)+"msg"+s.substring(p+9)}
</script>

  <!-- Dice Roller BEGIN (c) Spiritus Tergi, ч2 в хтмл-низ -->
   <template id="dice-box-template">
   <div class="dice-box">
       <p>
       <span class="roll-dice"></span>
       <span class="roll-value"></span>
       </p>
       <p class="roll-reason"></p>
       <p class="roll-result"></p>
   </div>
   </template>
   
   <script src="//cdnjs.cloudflare.com/ajax/libs/seedrandom/2.4.4/seedrandom.min.js"></script>
   <script>
       diceResults = [
{'max' : 1,    'result' : 'удача, желаемое действие состоялось без последствий'},
       {'max' : 2,    'result' : 'неудача, действие не состоялось, последствий нет'},
   {'max' : 3,    'result' : 'неудача, действие не состоялось, последствий нет'},
{'max' : 4,    'result' : 'частичная удача,  действие состоялось, но заклинание отклонилось от желаемой траектории движения'},
{'max' : 5,    'result' : 'удача, желаемое действие состоялось, физическая отдача заклинания на заклинателя'},
{'max' : 6,    'result' : 'частичная удача, незначительная ошибка в инкантации, заклинание слишком сильное, рикошет на заклинателя'},
{'max' : 8,    'result' : 'удача, желаемое действие состоялось без последствий'},
       {'max' : 15,    'result' : 'неудача, ошибка в инкантации заклинания'},
       {'max' : 30,    'result' : 'частичная удача, незначительная ошибка в инкантации, что приводит к поверхностному ранению заклинателя'},
       {'max' : 37,    'result' : 'удача, желаемое действие состоялось без последствий'},
       {'max' : 47,    'result' : 'неудача, действие не состоялось, последствия - рикошет на заклинателя'},
     {'max' : 60,    'result' : 'частичная удача, действие состоялось, но заклинание отклонилось от желаемой траектории движения'},
         {'max' : 65,    'result' : 'частичная удача, незначительная ошибка в инкантации, заклинание средней силы'},
   {'max' : 74,    'result' : 'частичная удача, незначительная ошибка в инкантации, заклинание средней силы'},
       {'max' : 85,    'result' : 'удача, желаемое действие состоялось без последствий'},
   {'max' : 90,    'result' : 'удача, желаемое действие состоялось без последствий'},
   {'max' : 100,    'result' : 'удача, желаемое действие состоялось без последствий, поцелуй от админа бонусом'},
       {'max' : 140,    'result' : 'двойная удача, заклинание достигает нескольких целей, поцелуй от админа бонусом'},
   ]

   isTagged = (document.querySelector('#pun').innerHTML.indexOf('[dice]') >= 0)
   
   if (isTagged) {
       diceRoller = new DiceRoller(diceResults)
       diceRoller.initDiceBoxes()
   }
   </script>
   <!-- Dice Roller END -->
   
   
   <!-- Dice Roller Form BEGIN -->
   <form id="dice-form" class="hidden" autocomplete="off">
   <div>
       <label><span>#Кубиков</span> <input type="text" name="count" maxlength="3" value="1"></label>
       <label><span>#Граней</span>    <input type="text" name="sides" maxlength="3" value="100"></label>
       <label><span>Бонус</span>    <input type="text" name="bonus" maxlength="3" value="0"></label>
   </div>
   <div>
       <label><span>Действие</span>    <textarea name="reason" cols="10" rows="5"></textarea></label>
   </div>
   <button type="submit">Вставить</button>
   </form>
   
   <script>
   replyForm = document.getElementById('post')
   diceForm = document.getElementById('dice-form')
   diceButtonString = '<td id="button-dice" title="Форма Кубиков" class="hidden"><img src="/i/blank.gif"></td>'
   
   function handleDiceFormSubmit(event) {
       event.preventDefault()
       let tagArguments = []
   
       for(let control of event.target.elements)
       if (control.tagName != 'BUTTON')
           tagArguments.push(control.name + ' = ' + control.value)
   
       replyForm['main-reply'].value += '\n[dice]' + tagArguments.join(' | ') + '[/dice]'
   }
   
   function handleDiceButtonClick(event) {
       diceForm.classList.toggle('hidden')
   }
   
   if (replyForm != null) {
       replyForm.querySelector('.fs-box.hashelp').insertAdjacentElement('beforeend', diceForm)
       diceForm.addEventListener('submit', handleDiceFormSubmit)
   
       let row = replyForm.querySelector('#form-buttons tr')
       row.innerHTML += diceButtonString
   
       let diceButton = document.getElementById('button-dice')
       diceButton.classList.remove('hidden')
       diceButton.addEventListener('click', handleDiceButtonClick)
   }
   </script>
   <!-- Dice Roller Form END --></div>
   
   <!-- Снять автоматическую галочку удаления всех сообщений © Duka -->
<script type="text/javascript">
if (document.getElementById('pun-deleteuser')) {
    document.querySelector('input[name=delete_posts]').checked = false;
}
</script>

<!-- Ссылка на авторский пост в цитате // v.3 © Alex_63, мод. max, the murderer! -->
<script type="text/javascript">
$('.quote-box>cite:contains("#")').each(function() {
  var cntq = $(this).text(), pid = cntq.split(',')[0], lnkq = '<a class="qc-post-link" href="';
  if($('.post'+pid).length){$(this).html(lnkq+pid+'">'+cntq.match(/([^,]*),(.*)/)[2]+'</a>');}
  else{$(this).html(lnkq+'/viewtopic.php?pid='+pid.split('#p')[1]+pid+'">'+cntq.match(/([^,]*),(.*)/)[2]+'</a>');}
});$('#pun-viewtopic .pl-quote>a').each(function() {
  $(this).attr('href',$(this).attr('href').replace('(\'','(\'#'+$(this).parents('.post').attr('id')+','));
});
</script>

<!------Дополнительные наборы смайлов в отдельном окне------><script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script>
<script>
$(document).ready(function() {
  hvStickerPack.init("https://forumstatic.ru/files/001c/04/27/32016.txt?v=4");
});
</script>
<style>
.post-content img[alt="smile"] {
    max-width: 80px!important;
}
.hvStickerPackModal {
  border: solid 1px #вашцвет;
  background: #f1ede0;
  -webkit-box-shadow: 0 3px 6px #вашцвет, 0 3px 6px #вашцвет;
  box-shadow: 0 3px 6px #вашцвет, 0 3px 6px #вашцвет;
}
.hvStickerPackModalContent img {
background: #f1ede0;
}
</style>
<!--конец-->

/* -------------- НАВИГАЦИЯ ---------------*/
.spirit_nav-wrap {
    position: absolute;
    margin: auto;
    width: 300px;
    z-index: 9;
    margin-top: -162px;
    margin-left: 56px;
}

.spirit_nav-wrap_quests {
    position: absolute;
    margin: auto;
    width: 300px;
    z-index: 9;
    margin-top: -162px;
    margin-left: 131px;
}

.nav_button {
     background: var(--extra-bg);
    font: 700 8px var(--extra-family);
    text-align: center;
    padding: 2px 7px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .4s linear 0s;
    color: var(--paletext);
    width: 60px;
border-radius:10px 0 0 10px;
border-right: 1px solid var(--paletext)
}

.nav_button:hover {color: var(--paletext);
    background-color: var(--sec-bg);}
.nav_button_quests:hover {color: var(--paletext);
    background-color: var(--sec-bg);
}

.nav_button_quests {
     background: var(--extra-bg);
    font: 700 8px var(--extra-family);
    text-align: center;
    padding: 2px 7px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .4s linear 0s;
    color: var(--paletext);
    width: 60px;
border-radius: 0 10px 10px 0;
border: none;
}


.nav_block {
  display: none;
  background: var(--body-bg);
    position: absolute;
    top: calc(100% + 5px);
    border-radius: 10px;
    font: 400 8px var(--extra-family);
    width: 70%;
    margin-left: -136px;
}

.nav_block_quests {
      display: none;
      background: var(--body-bg);
    position: absolute;
    top: calc(100% + 5px);
    border-radius: 10px;
    font: 400 8px var(--extra-family);
            margin-left: -2px;
            width: 70%;
}

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

.nav_block .link a {
  color: var(--pun-bg);
  background: var(--sec-bg);
  border-radius: 8px;
  padding: 5px 10px;
  transition: all .4s linear 0s;
    font-weight: 700;
}

.nav_block .link a:hover {
    background: var(--extra-bg);
    color: var(--paletext);
}



/* -------------- смена аккаунтов ---------------*/
#navprofiles {
  position: relative;
  z-index: 999;
}

#pun-navlinks.section .multiacc-profilemenu {
  position: absolute;
  top: 20px;
  right: 0px;
  width: max-content;
  height: auto;
  background: var(--pun-bg)!important;
  border-radius: 20px;
  border-inline: 1px solid var(--pale-bg)!important;
  color: var(--textcolor)!important;
}

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

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

.multiacc-profilemenu li:first-child {
  background-color: var(--pun-bg)!important;
  font-weight: 700;
}

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

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

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

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

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

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

.multiacc-dialog {
  z-index: 9999;
  padding: 10px;
  font-size: 0.8rem;
  background: var(--pun-bg) !important;
  border: 1px solid var(--pale-bg);
  color: var(--textcolor);
}

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

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

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

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




/* Form Buttons © max, the murderer!
----------------------------------------------------------------------- */

/* General */

#form-buttons table {
    width: 100% !important;
}

#form-buttons table tr {
    display: flex;
    justify-content: space-between; 
    gap: 4px;
    margin-bottom: 4px;
}

#form-buttons td {
    position: relative;
    background: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px; 
    height: 24px; 
    margin-bottom: 4px;
}

#form-buttons td::before {
    font-family: 'Font Awesome 6 Pro';
    font-size: 13px; 
    font-weight: 400; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 1;
}

#form-buttons td:hover::before {
    color: var(--body-bg); 
}


/* Icons */

#button-font::before {
    content: '\f031';
}

#button-size::before {
    content: '\f894';
}

#button-bold::before {
    content: '\f032';
}

#button-italic::before {
    content: '\f033';
}

#button-underline::before {
    content: '\f0cd';
}

#button-strike::before {
    content: '\f0cc';
}

#button-indent::before {
    content: '\f03c';
}

#button-left::before {
    content: '\f036';
}

#button-right::before {
    content: '\f038';
}

#button-center::before {
    content: '\f037';
}

#button-link::before {
    content: '\f0c1';
}

#button-spoiler::before {
    content: '\f518';
}

#button-image::before {
    content: '\f302';
}

#button-video::before {
    content: '\f144';
}

#button-hide::before {
    content: '\f30d';
}

#button-quote::before {
    content: '\f27a';
}

#button-code::before {
    content: '\f121';
}

#button-color::before {
    content: '\f53f';
}

#button-table::before {
    content: '\f009';
}

#button-smile::before {
    content: '\f118';
}

#button-keyboard::before {
    content: '\f11c';
}

#button-addition::before {
    content: '\f0d7';
}


/* Icons */

#button-font::before {
    content: '\f031';
}

#button-ChangeCase::before {
    content: '\e099';
}

#button-size::before {
    content: '\f894';
}

#button-bold::before {
    content: '\f032';
}

#button-italic::before {
    content: '\f033';
}

#button-underline::before {
    content: '\f0cd';
}

#button-strike::before {
    content: '\f0cc';
}

#button-indent::before {
    content: '\f878';
}

#button-left::before {
    content: '\f036';
}

#button-right::before {
    content: '\f038';
}

#button-center::before {
    content: '\f037';
}

#button-justify::before {
    content: '\f039';
}

#button-link::before {
    content: '\f0c1';
}

#button-spoiler::before {
    content: '\f518';
}

#button-image::before {
    content: '\f302';
}

#form-buttons #button-image ~ #button-image::before {
    content: '\f03e' !important;
}

#button-video::before {
    content: '\f144';
}

#button-hide::before {
    content: '\f30d';
}

#button-quote::before {
    content: '\f27a';
}

#button-code::before {
    content: '\f121';
}

#button-color::before {
    content: '\f53f';
}

#button-table::before {
    content: '\f009';
}

#button-smile::before {
    content: '\f118';
}

#button-sticker::before {
    content: '\f6fe';
}

#button-keyboard::before {
    content: '\f11c';
}

#button-addition::before {
    content: '\f0d7';
}

#button-files_rusff::before {
    content: '\f15b';
}

#button-graffiti_rusff::before {
    content: '\f5a9';
}

#button-mask::before {
    content: '\f630';
}

#button-dice::before {
    content: '\f522';
}


/* Announcements
------------------------------------------------------------------ */

#announcements {
    display: flex;
    position: relative;
    justify-content: center;
    padding: 5px;
}

#announcements .inner {
    display: flex;
    overflow: auto hidden;
    gap: 5px;
    padding-bottom: 5px;
justify-content: center;
}

#announcements .inner::-webkit-scrollbar {
    height: 2px;
}

.announcement {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px;
    box-sizing: border-box;
    background: var(--body-bg);
    border-radius: 1rem;
    overflow: hidden;
    flex-shrink: 0;
    color: var(--sec-bg);
    border-radius: 20px;
  height: 36px;
}

.announcement .column {
    overflow: hidden;
    padding: 5px;
    margin-left: -7px;
}

.announcement em {
    font-family: var(--extra-family);
      font-size: 10px;
    text-transform: uppercase;
    display: block;
    height: 1lh;
      white-space: nowrap;
    overflow: hidden;
    color: var(--paletext);
        letter-spacing: 0.1em;
 }

.announcement em:hover {color: var(--body-bg);}

.announcement span {
    font-family: var(--extra-family);
   font-size: 8px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    margin-top: -4px;
    color: #b0aba7;
    letter-spacing: 0.2em;
}

.announcement .date {
margin-right: 10px;
    font-family: var(--font-family);
    font-size: 10px;
    background: var(--extra-bg);
    color: var(--paletext);
    padding-top: 10px;
text-align: center;
    box-sizing: border-box;
    height: 30px;
    border-radius: 30px;
    width: 30px;
  }

.announcement:hover {
    cursor: pointer;
}

.announcement:hover {
    background: var(--sec-bg);
    color: var(--paletext);
}



/*ссылки в подфорумах*/
.podforum {
    text-align: center;
    font-family: var(--old-family);
    font-size: 7px!important;
    font-weight: 200;
    letter-spacing: 0.1em;
    margin: 5px 0 7px 0 !important;
    padding: 4px;
    border-radius: 10px 10px 10px 10px;
    background: var(--sec-bg);
}

.podforum a {color: var(--paletext)!important;
    font-weight: 200;
        font-size: 10px!important;
}

.podforum a:hover {color: var(--body-bg)!important}

/*кастомные кнопки*/
.custom-button {
  display: inline-block;
  line-height: 18px;
  font-size: 20px;
  font-family: var(--second-family);
    color: var(--pun-bg);
text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-left: 10px;
  margin-bottom: 0px;
}

.custom-button:hover {
 color: var(--body-bg); 
}

/*реакции*/
.reactions-container {
    display: flex;
    gap: 4px;
    margin-left: 20px;
        margin-top: 5px;
    background: var(--pun-bg);
}
.reactions-root button, .reactions-root [type=button], .reactions-root [type=reset], .reactions-root [type=submit] {
    -webkit-appearance: button;
        border: none !important;
    background-color: var(--pale-bg) !important;
}

.reaction-chip.reaction-chip--clicked {
    border: none !important;
    background-color: var(--pale-bg) !important;
}

.reactions-root .emoji-mart-category-label span {background: var(--pale-bg)!important}
.reactions-root .emoji-mart {background: var(--pale-bg)!important;
   border: 1px solid #36332D!important;
}
.reactions-root .emoji-mart-search input, .reactions-root .emoji-mart-search input::-webkit-search-decoration, .reactions-root .emoji-mart-search input::-webkit-search-cancel-button, .reactions-root .emoji-mart-search input::-webkit-search-results-button, .reactions-root .emoji-mart-search input::-webkit-search-results-decoration {background: var(--paletext)!important}

.reactions-root .emoji-mart, .reactions-root .emoji-mart {background: var(--pun-bg)!important}

 /* шаблон гостевой (с) astaarus */
  .guest-template-container {
    margin: 0 auto;
    background: var(--bg-html);
    border-radius: 12px;
    padding: 30px;
    position: relative;
    overflow: hidden;
    color: var(--textcolor);
    margin-bottom: 15px !important;
  }

  .guest-header {
background: var(--textcolor);
    background-size: cover;
    color: var(--sec-bg);
    padding: 10px;
    text-align: center;
    border-radius: 20px;
    position: relative;
    font-family: var(--extra-family);
    font-size: 9px;
  }
  
  .guest-header h1 {
    margin: 0;
    font-size: 24px;
    font-family: var(--second-family);
    font-weight: 400;
    color: var(--sec-bg);
  }

  .guest-header p {
    font-size: 11px;
    font-family: var(--gothic-family);
    opacity: 0.8;
       text-align: center;
  }

  .guest-header p a:hover {color: var(--body-bg);}
  
.guest-section-title {
    font-size: 10px;
    font-weight: 700;
    font-family: var(--extra-family);
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase;
    color: var(--sec-bg);
    letter-spacing: 2px;
    animation: fadeIn 1.5s ease-in-out;
    background: rgba(71, 74, 63, 0.9);
    padding: 10px 10px !important;
    border-radius: 10px;
}

  .guest-column-container {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }

.guest-column {
width: 49%;
    background: rgba(71, 74, 63, 0.5);
    border-radius: 20px;
    padding: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    top: 15px;
    position: relative;
}
  
.guest-column h3 {
font-size: 9px;
    font-weight: 200;
    color: var(--textcolor);
    font-family: var(--extra-family);
    text-transform: uppercase;
    padding: 5px 10px;
    margin: 0 0 5px 0;
    background: var(--sec-bg);
    border-radius: 20px 20px 0 0;
    position: relative;
    z-index: 2;
    text-align: center;
    letter-spacing: 2px;
    opacity: 1;
    width: 120px;
    height: 10px;
    left: 25%;
    top: -20px;
}

.guest-picture {
    width: 61px;
    height: 81px;
    position: absolute; 
    top: 20px;          
    left: 10%;         
    transform: translateX(-50%);
    z-index: 10;       
}

.guest-template-container {
    position: relative;
}


.guest-picture img {width: 61px;
    height: 81px;
}

.guest-ams {    background: var(--extra-bg);
    width: fit-content;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 5px 20px 5px 20px;
    font-size: 10px;
    text-transform: uppercase;
    color: var(--sec-bg);
    position: absolute;
    left: 35%;
    top: 120px;
    font-family: var(--second-family);
  }
  
  .guest-ams a {color: var(--paletext)}

.guest-item-container {
    max-height: 190px;
    overflow-y: auto;
    scrollbar-width: thin;
    margin-top: -20px;
}

  /* Для Chrome, Safari, Edge */
  .guest-item-container::-webkit-scrollbar {
    width: 8px;
  }

  .guest-item-container::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 10px;
    border: 2px solid #f4f4f4;
  }

  .guest-item-container::-webkit-scrollbar-track {
    background: #f4f4f4;
    border-radius: 10px;
    margin-top: -20px;
  }

  .guest-footer {
color: var(--paletext);
    background: var(--body-bg);
    padding: 12px;
    text-align: justify;
    margin-top: 10px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    font-weight: 200;
    font-family: var(--extra-family)!important;
    top: 6px;
}

.guest-item-text {
  text-align: center;       
  margin: 5px 0;          
  padding: 0 10px;       
  line-height: 1.5;       
  color: var(--paletext);
}

.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 140px;
    height: auto;
    background-color: var(--body-bg);
    color: var(--paletext);
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    bottom: 130%;
    left: 50%;
    z-index: 999;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.5s;
    font-size: 7px;
    font-family: var(--extra-family);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
    line-height: 1.4;
    overflow: hidden;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/*новости*/
.news-post {
  position: relative;
  background: var(--bg-html);
  background-size: cover;
  padding: 30px;
  border-radius: 15px;
  overflow: hidden;
  color: white;
  max-width: 700px;
  margin: 20px auto;
}

.news-overlay {
  background: rgba(54, 51, 45, 0.7);
  padding: 20px;
  border-radius: 10px;
color: var(--paletext);
    font-family: var(--font-family);
}

.news-overlay a {color: var(--paletext);
font-weight: 600;}
.news-overlay a:hover {color: #b0aba7;
font-weight: 600;}

.news-overlay h3 {
  margin-top: 0;
  font-size: 28px;
  text-transform: uppercase;
  padding-bottom: 5px;
font-family: var(--second-family);
background: transparent;
text-align: center;
}

.news-overlay p {
  line-height: 1.6;
  margin-bottom: 1em;
}

.news-img {
  float: left;
  margin: 0 15px 15px 0;
  width: 150px;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
filter: grayscale(100%);
  border: 1px solid var(--sec-bg);
}


.act {  margin: 0 15px 15px 0;
  width: 80px;
  height: 80px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
filter: grayscale(100%);
  border: 1px solid var(--sec-bg);}


/* старые новости */
.texttable {
width: 100%; 
    padding: 10px;
    margin: auto;
    background: #d6d6d6;
border-radius: 10px 10px 10px 10px;    
border-top: 6px solid #9997ff;
}
.ttable {width: 100%;background: #000000b3;color:#e0e0e0;border-radius: 0px 10px 0px 10px;padding: 10px;margin: auto;text-align: center;}


.textact {
width: 100%;
    padding: 10px;
    margin: auto;
    background: #d6d6d6;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #bdbdbd;
}

.hst{
/*width: 100%;*/
    padding: 25px;
    margin: auto;
 background: #6b8f69; 
 background-image: url("https://i.pinimg.com/originals/1e/f1/f1/1ef1f16a698da88566bd88135daaed67.jpg");
    opacity: 0.8;
    border-radius: 10px 10px 10px 10px;
    border-top: 6px solid #6b8f69;
 
}

.hsttext {
width: 100%;
background: #f6f6f6;
color: #1c1b1d;
border-radius: 0px 10px 0px 10px;
padding: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}


/* неигровые профили */
#pun-viewtopic .post-author.no-avatar {
    background: transparent;
}

#pun-viewtopic .post[data-user-id="2"] .post-author {
    background: transparent;
}
#pun-viewtopic .post[data-user-id="3"] .post-author {
    background: transparent;
}

#pun-viewtopic .post[data-user-id="2"] .post-author ul {
    background: url('https://forumstatic.ru/files/0014/d2/5e/80133.png') no-repeat center center;
    background-size: cover;
}

#pun-viewtopic .post[data-user-id="3"] .post-author ul {
    background: url('https://forumstatic.ru/files/0014/d2/5e/80133.png') no-repeat center center;
    background-size: cover;
}
#pun-viewtopic .post-author.no-avatar ul {
    background: url('https://forumstatic.ru/files/0014/d2/5e/80133.png') no-repeat center center;
    background-size: cover;
}


/*индивидуальные фоны*/
#pun-viewtopic .post[data-user-id="215"] .post-author {
  background: url(https://forumstatic.ru/files/001c/3b/dd/80925.png) no-repeat bottom center;
height: 220px;
}
#pun-viewtopic .post[data-user-id="161"] .post-author {
  background: url(https://upforme.ru/uploads/0014/d2/5e/14/274730.png) no-repeat bottom center;
}
 
#pun-viewtopic .post[data-user-id="192"] .post-author {
  background: url(https://forumstatic.ru/files/0014/d2/5e/30965.jpg) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="5"] .post-author {
  background: url(https://forumstatic.ru/files/0014/d2/5e/16234.png) no-repeat bottom center;
}
#pun-viewtopic .post[data-user-id="237"] .post-author {
  background: url(https://forumstatic.ru/files/001c/3b/dd/73677.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="203"] .post-author {
  background: url(https://upforme.ru/uploads/0014/d2/5e/14/42031.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="302"] .post-author {
  background: url(https://upforme.ru/uploads/0014/d2/5e/14/42031.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="242"] .post-author {
  background: url(https://upforme.ru/uploads/0014/d2/5e/14/651406.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="210"] .post-author {
  background: url(https://forumstatic.ru/files/001c/3b/dd/30422.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="250"] .post-author {
  background: url(https://forumstatic.ru/files/0014/d2/5e/96720.jpg) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="151"] .post-author {
  background: url(https://upforme.ru/uploads/001c/3b/dd/151/340906.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="164"] .post-author {
  background: url(https://upforme.ru/uploads/0014/d2/5e/14/892320.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="264"] .post-author {
  background: url(https://upforme.ru/uploads/0014/d2/5e/14/670857.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="199"] .post-author {
  background: url(https://upforme.ru/uploads/0014/d2/5e/14/765061.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="267"] .post-author {
  background: url(https://upforme.ru/uploads/0014/d2/5e/14/987601.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="212"] .post-author {
  background: url(https://upforme.ru/uploads/0014/d2/5e/14/607677.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="297"] .post-author {
  background: url(https://upforme.ru/uploads/0014/d2/5e/14/896057.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="169"] .post-author {
  background: url(https://upforme.ru/uploads/0014/d2/5e/14/423973.png) no-repeat bottom center;
}

#pun-viewtopic .post[data-user-id="317"] .post-author {
  background: url(https://upforme.ru/uploads/0014/d2/5e/14/764691.png) no-repeat bottom center;
}

<! -- скрипт навигации от духа --> 
<script type="text/javascript" src="https://forumstatic.ru/files/0014/d2/5e/54897.js"></script>

<!-- Анти-в-строчку для Сообщений и Репутации © deff -->
<script type="text/javascript">
function changeS(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
   changeS('.pa-posts','Сообщений:','mess.<br>');
   changeS('.pa-respect','Уважение</a>:','rep.</a><br>');
   changeS('.pa-respect','Уважение:','rep.<br>');
   changeS('.pa-fld2','cash:','cash<br>');
</script>



<!-- репутация на лайки -->
<script type="text/javascript"> 
var nWRD="rep."; 
function setRespecNew(){ 
$(".pa-respect a[href^='/respect.php?']").each(function (){ 
$(this).html(nWRD);});} 
function TestRespect(){ 
if($(".pa-respect:contains('Репутация')").length){setRespecNew();return; 
}else {timerID = setTimeout("TestRespect()",110);return;} 
}TestRespect() 
</script>

<!-- Индикатор активности пользователя © Alex_63, мод. max, the murderer! -->
<style>
.indOnline, .indOffline {
  position: absolute;
  display: inline-block;
  margin-bottom: 1px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  right: 10px;
  top: 26px;
}

.indOnline {
  background-color: var(--sec-bg);
}

.indOnline:hover {
  background-color: var(--pun-bg);
}

.indOffline {
  background-color: var(--body-bg);
}
</style>
<script type="text/javascript">
$('.post-author:not(.online)').find('.pa-author>a').addClass('offline');
$('.post-author.online').find('.pa-author>a').addClass('online');
$('.post').each(function(){
  var lastVisit = $(this).find('.pa-last-visit').text().split('Последний визит:')[1];
  var activeTime = $(this).find('.pa-online').text().split('Активен')[1];
  $(this).find('.pa-author>a.online').after('<span class="indOnline" title="Онлайн '+activeTime+'"></span>');
  $(this).find('.pa-author>a.offline').after('<span class="indOffline" title="Был(а) онлайн '+lastVisit+'"></span>');
});
</script>

<! -- скрипт навигации от духа --> 
<script type="text/javascript" src="https://forumstatic.ru/files/001a/08/74/57494.js"></script>


<!--Кнопки вверх вниз-->
<div class="go-up" id='ToTop'><div class="custom-button"><img src="https://forumstatic.ru/files/0014/d2/5e/12610.png"></div>
</div>
<div class="go-down" id='OnBottom'><div class="custom-button"><img src="https://forumstatic.ru/files/0014/d2/5e/12610.png"></div></div>
<script type="text/javascript">
 $(function () {
  if ($(window).scrollTop() >= "250") $("#ToTop").fadeIn("slow")
  $(window).scroll(function () {
   if ($(window).scrollTop() <= "250") $("#ToTop").fadeOut("slow")
   else $("#ToTop").fadeIn("slow")
  });
  if ($(window).scrollTop() <= $(document).height() - "999") $("#OnBottom").fadeIn("slow")
  $(window).scroll(function () {
   if ($(window).scrollTop() >= $(document).height() - "999") $("#OnBottom").fadeOut("slow")
   else $("#OnBottom").fadeIn("slow")
  });
  $("#ToTop").click(function () { $("html,body").animate({ scrollTop: 0 }, "slow") })
  $("#OnBottom").click(function () { $("html,body").animate({ scrollTop: $(document).height() }, "slow") })
 });
</script>



<!-- ТЕГ абзаца - [indent] © Deff -->
<style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style>
<script type="text/javascript">(function(){ var b = '[indent]';
$("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif"  onclick="smile(\''+b+'\')"></td>');
var indent = '<span style="display:inline-block;margin:1em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>

<!-- скрипт всплывающей подсказки © Домовой -->
<script type="text/javascript" src="https://forumstatic.ru//files/001b/95/a1/53719.js"></script>

<!-- Исключение из "Цитировать" подписи и "отредактировано" © Deff -->
<script type="text/javascript"> (function(){    var p =[];
  $('.post').find('.pl-quote').click(function(){
    p[0] = $(this).parents('.post').find('.lastedit');
    p[1] = $(this).parents('.post').find('.post-sig');
    p[2] = p[0].html();p[3] = p[1].html();
    p[0].html('');p[1].html('');
    setTimeout(function(){p[0].html(p[2]);p[1].html(p[3])},600);});
}());
</script>

<!-- Счётчик символов в форме ответа © Deff -->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").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>

<!-- Мгновенный предпросмотр сообщения © Alex_63 -->
<script type="text/javascript">
var PPREV = {};
PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
</script>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script>

<!-- Дополнение: мгновенный предпросмотр в ЛС -->
<script type="text/javascript">if($('#pun-messages').length){var pprevcont='<fieldset id="post-preview"><legend><span>предпросмотр</span></legend><div class="fs-box"><div class="post-box"><div class="post-content"></div></div></div></fieldset>';if(document.URL.indexOf('&p')!=-1){if(PPREV.position==0 || PPREV.position==2) {$('#post').prepend(pprevcont);}if(PPREV.position==1){$('#post').append(pprevcont);}}else if(document.URL.indexOf('?action=new')!=-1){if(PPREV.position==0 || PPREV.position==2){$('#profile fieldset:first').before(pprevcont);}if(PPREV.position==1){$('#profile fieldset:first').after(pprevcont);}}if($('#post-preview').text().length<1){$('#post-preview').hide();}else{$('#post-preview').show();ParseContent();}var sTim;$('#main-reply:first').live('input',function(){ParseContent();});$('#form-buttons img,div[id$="-area"] *').click(function(){sTim=setTimeout(function(){clearTimeout(sTim);ParseContent();},40);});}</script>

<!-- Дополнение: кнопка отключения мгновенного предпросмотра -->
<style>#togglePreview{float:right;margin-top:-32px; margin-right: -32px}</style>
<script type="text/javascript">(function (){
  var a='предпросмотр on';
  var b='предпросмотр off';
  var d='_PreviewToggle';
  setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
  getCookiePPrev=function(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;}
  $('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').insertAfter('#post fieldset:last legend');
  var x = ParseContent;
  window.togglePreview = function(sel){//alert(sel.value);
    if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return}
    if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return}
  }; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()};
}())
</script>

<!-- баннеры -->
<div class="banners"><div class="container">
   <a href="https://imagiart.ru/" target="_blank"> <img src="https://i.imgur.com/poQI688.gif" title="photoshop: Renaissance" border="0" alt="photoshop: Renaissance"></a> 
   <a href="https://mayak.f-rpg.me/?utm_medium=banner88forum"><img src="https://forumstatic.ru/files/001b/ff/2a/15151.gif" title="Маяк. Сообщество ролевиков и дизайнеров" alt="Маяк. Сообщество ролевиков и дизайнеров"></a>  
 <a href="http://worldofgoliath.ru" target="_blank"> <img src="https://forumstatic.ru/files/001c/52/36/97696.gif" title="GOLIATH. WORLDS COLLIDE"></a>
   <a href="https://hpbreakthewall.rusff.me" target=_blank><img src="https://forumstatic.ru/files/001c/6a/ec/63967.png" style="max-width:88px;" title="гп, 3 поколение, отмена Статута"></a>
   <a href="https://btwn.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001b/73/d1/4/683130.png" width="88" height="31"></a>
   <a href="https://hpexile.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/7b/06/30559.jpg" title="HP: Exile. ГП 2 поколение, 1997-1998. Школа и не только. Активная игра"></a>  
<a href="https://thehaze.rusff.me/" target="_blank"><img src='https://upforme.ru/uploads/001b/d4/18/624/512735.png' title="городская мистика в эврика-спрингс" /></a>
<a href="https://faceinless.ru" target=_blank><img src="https://upforme.ru/uploads/0010/90/43/2/358629.png" title="TVD: FACELESS">
   <a href="https://thegoodplace.rusff.me/" target=_blank><img src="https://forumstatic.ru/files/001c/03/d1/66972.png" title=“the good place /// визардинг ворлд без постирония“></a>
   <a href="https://prophecy.rolbb.me"><IMG alt=" Magic War. Prophecy" src="https://upforme.ru/uploads/001b/e6/91/6/157746.gif" border ></a>
   <a href="https://morsmordremortis.rusff.me" target="_blank"> <img src="https://upforme.ru/uploads/001b/b9/c5/99/786898.gif" title="MORSMORDRE: MORTIS REQUIEM" border="0" alt="MORSMORDRE: MORTIS REQUIEM"></a>
   <a href="https://sinistrum.f-rpg.me" target="_blank"><img src="https://forumstatic.ru/files/001b/ea/09/12797.png" alt="sinistrum"></a>
<a href="https://karma.f-rpg.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/14/5b/7/856572.png" title="karma cross" border="0" width="88" height="31"></a>
   <a href="https://trt.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/2b/59/2/733959.png" width="88px" height="31px"></a>
   <a href="https://theraven.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/00/4d/5/220581.gif" title="THE RAVEN"></a> 
   <a href="https://wolveslife.bbok.ru" target="_blank"><img src="https://forumstatic.ru/files/0001/bf/9c/79365.gif" title="Волки. Инстинкт зовет!"></a> 
   <a href="https://notacross.ru/" target="_blank"> <img src="https://forumstatic.ru/files/001c/57/ad/89952.gif" title="notacross" border="0" alt="notacross"></a> 
   <a href="https://miamiclub.ru" target="_blank"> <img src="https://forumstatic.ru/files/001b/c7/a6/71089.gif" title="MIAMI CLUB" border="0" alt="MIAMI CLUB"></a> 
<a href="https://supremumvale.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/52/68/4/208118.png" title="перси джексон ♥ мифология"></a>
   <a href="https://drinkbutterbeer.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/001a/2e/af/91806.png" title="у нас наливают"></a>
   <a href="https://bostoncrazzy.rusff.me/" target="blank"><img src="https://i.imgur.com/MW1p42w.gif"  title="BOSTON"></a>
   <a href="https://oddinar.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/38/af/3/919889.png" title="oddinary" border="0" alt="oddinary"></a>
   <a href="https://happyhouse.rusff.me/"><img src="https://upforme.ru/uploads/001c/52/80/5/764708.jpg"></a> 
<a href="https://thenextdoor.rusff.me//" target="_blank"><img src="https://i.imgur.com/7ok9BWS.png" title="next door = south korea"></a>
    <a href="https://homey.rusff.me/" target=_blank><img src="https://upforme.ru/uploads/001c/7a/06/38/138681.png" title="scotland vibe, multilocation"></a>
<a href="https://tempusmagicae.rusff.me/" title="Tempus Magicae" target=_blank><img src="https://upforme.ru/uploads/001c/71/c5/2/265170.png"></a>
<a href="https://obscura.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/7d/10/34555.png" title="9:46 Dragon Age" border="0" width="88" height="31"></a>
<a href="https://marauderschoice.rusff.me" title="Marauders: Your Choice" target="_blank"><img src="https://forumstatic.ru/files/001c/85/8d/59661.gif"></a>
<a href="https://separation.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/0019/b7/cb/35659.gif" title="separation: hp, 3d generation"></a> 
<a href="https://hsww.rusff.me/"><img src="https://forumstatic.ru/files/001c/76/8c/76768.gif" title="Школа Чародейства и Волшебства Хогвартс" alt="Школа Чародейства и Волшебства Хогвартс"></a>
<a href="https://allfleshrots.rusff.me" target="_blank"> <img src="https://upforme.ru/uploads/001c/92/89/4/337928.png" title="all flesh rots"></a>
</div></div>

<div class="acknowledgements">дизайн и верстка: white whale & storyteller<br>
image: dorota piotrowiak</div>
<div class="acknowledgements-flower"><img src="https://forumstatic.ru/files/0014/d2/5e/65531.png"></div>

   <!--Переключение регистра выделенного текста -->
   <style>#button-ChangeCase{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="http://forum.mybb.ru/i/blank.gif" title="Смена регистра" \
   onclick="bbcode(\'[Upper-Lower]\',\'[/Upper-Lower]\');UpperLower();"/>';
   $("#button-font").after('<td id=button-ChangeCase>'+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>

<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['— crooked kingdom', '— a few good men', '— bring it on', '— catch me if you can', '— oh, bless my heart', '— soak up the sun', '— atlas of dreams', '— reckless abandon', '— a kiss before dying', '— mission accomplished'],
        forumAccessExtended: {
        '— crooked kingdom': ['newcomers', 'our babies'],
        '— a few good men': ['newcomers', 'our babies'],
        '— bring it on': ['newcomers', 'our babies'],
        '— catch me if you can': ['newcomers', 'our babies'],
        '— oh, bless my heart': ['newcomers', 'our babies'],
        '— soak up the sun': ['newcomers', 'our babies'],
        '— atlas of dreams': ['newcomers', 'our babies'],
        '— reckless abandon': ['newcomers', 'our babies'],
        '— a kiss before dying': ['newcomers', 'our babies'],
        '— mission accomplished': ['newcomers', 'our babies']
    },
    changeList: {
        'pafld5': {
            title: 'статус крови',
            description: '',
            tag: 'caste',
            class: 'pa-fld5',
            defaultCode: '',
            type: 'text'
        },
        'pafld1': {
            title: 'имя и возраст',
            description: '',
            tag: 'name',
            class: 'pa-fld1',
            defaultCode: '',
            type: 'text'
        },
        'pafld2': {
            title: 'описание',
            description: '',
            tag: 'lz',
            class: 'pa-fld2',
            defaultCode: '',
            type: 'html'
        }
    },
    userFields: ['pa-online', 'pa-author', 'pa-title', 'pa-fld5', 'pa-avatar', 'pa-fld1', 'pa-fld4', 'pa-fld2', 'pa-fld6', 'pa-posts', 'pa-respect', 'pa-fld3']
});
</script>

      <!-- запятая после ника -->
   <script type="text/javascript">
   function to(username)
   {insert('[b]' + username + '[/b]' + ', ');}
   </script>
   <!--конец-->


<!--Отключить функцию "Поделиться"-->
   <script type="text/javascript">
   RusffCore.sets.share = false;
   </script>

   
   <!-- Кликабельность ника в постах Гостя -->
   <script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>
   <!-- Конец -->

<!-- Аватар по умолчанию / Deff, Alex_63 -->
<script type="text/javascript">
var DefAvtr = 'https://upforme.ru/uploads/0014/d2/5e/2/783374.jpg'; //Ссылка на аватар по умолчанию
var GuestAvtr = 'https://upforme.ru/uploads/0014/d2/5e/2/783374.jpg'; //Ссылка на аватар для Гостя

$('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
  var b = DefAvtr;if($(this).text()=='Гость'){b = GuestAvtr;}
  var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
  if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
});$('#profile-left strong:contains("Нет аватара")')
.parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>

<script type="text/javascript">
$('div.post-author ul').find('li[class^="pa-fld4"]').map(function(){ 
var Dop=$(this).html();
if(Dop=='undefined'||Dop==null){return false;};
var Virez=Dop.slice(Dop.indexOf(":")+1);
$(this).html(Virez);
});
</script>

<script type="text/javascript">
$('div.post-author ul').find('li[class^="pa-fld2"]').map(function(){ 
var Dop=$(this).html();
if(Dop=='undefined'||Dop==null){return false;};
var Virez=Dop.slice(Dop.indexOf(":")+1);
$(this).html(Virez);
});
</script>


<!--смена имиджа-->



<script>
<!--
greet="Приветствуем, "
str = document.getElementById("pun-status").innerHTML
pos = str.indexOf("Привет")
document.getElementById("pun-status").innerHTML=str.substring(0,pos)+greet+str.substring(pos+8,str.length-1) 

visit="Ты прибыл: "
str = document.getElementById("pun-status").innerHTML
if( (pos=str.indexOf("Ваш последний визит")) != -1 )
   document.getElementById("pun-status").innerHTML=str.substring(0,pos)+visit+str.substring(pos+21,str.length-1)
-->
</script>


<script><!--Универсальный скрипт замены. -->
  function UniverСhange(selektor,changed,substitute){
  $(selektor).each(function(){if ($(this).parent().html()!=null){if($(this).parent().html().indexOf(changed)!=-1){
  $(this).parent().html($(this).parent().html().replace(changed,substitute));};};});}

    UniverСhange("li#navindex","Форум","forum");
    UniverСhange("li#navuserlist","Участники","people");
    UniverСhange("li#navsearch","Поиск","search");
    UniverСhange("li#navprofile","Профиль","profile");
    UniverСhange("li#navpm","Сообщения","messages");
    UniverСhange("li#navadmin","Администрирование","admins");
    UniverСhange("li#navlogout","Выход","logout");
    UniverСhange("li#navlogin","Войти","login");
    UniverСhange("li#navregister","Регистрация","registration");

</script>


<!--// Разделение ников пользователей в теме запятой © Alex_63 //-->
<script>$('#topic-users-in a').prev('a').after(',');</script>



<!--// Введение новых тегов //-->
 <script>
    function addMod(str,from,internal){
    var pos=0,pos2=0,newpos=0
    if((pos=str.indexOf("[mod]",from))==-1) return str;
    if((pos2=str.indexOf("[/mod]"),pos+5)==-1) return str;
    newpos=str.indexOf("[mod]",pos+5)
    if(newpos<pos2 && newpos!=-1) str=addMod(str,pos+5,true)
    if((pos2=str.indexOf("[/mod]",pos+5))==-1) return str;
    str=str.substring(0,pos)+makeMod(str.substring(pos+5,pos2))+str.substring(pos2+6,str.length)
    if( str.indexOf("[mod]")!=-1 && internal==false) str=addMod(str,0,false)
    return str}
     
    function makeMod(txt){
    txt="<div id=\"form-post\">"+txt+"</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=addMod(post.innerHTML,0,false)}}
    </script>

    <script>
    function addEx(str,from,internal){
    var pos=0,pos2=0,newpos=0
    if((pos=str.indexOf("[ex]",from))==-1) return str;
    if((pos2=str.indexOf("[/ex]"),pos+4)==-1) return str;
    newpos=str.indexOf("[ex]",pos+4)
    if(newpos<pos2 && newpos!=-1) str=addEx(str,pos+4,true)
    if((pos2=str.indexOf("[/ex]",pos+4))==-1) return str;
    str=str.substring(0,pos)+makeEx(str.substring(pos+4,pos2))+str.substring(pos2+5,str.length)
    if( str.indexOf("[ex]")!=-1 && internal==false) str=addEx(str,0,false)
    return str}
     
    function makeEx(txt){
    txt="<div id=\"form-box\">"+txt+"</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=addEx(post.innerHTML,0,false)}}
    </script>


<!--Вставка картинки как раньше -->
<script>
var oldIMG="<td id=\"button-image\" title=\"Быстрая вставка картинки\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>


<!--Отключение кнопки Жалоба в сообщениях -->
<script type="text/javascript">
RusffCore.sets.show_reportBtn = 0;
</script>
<!--Отключить функцию "Поделиться" -->
<script type="text/javascript">
RusffCore.sets.share = false;
</script>
<!--Отключить функцию "Это интересно" -->
<script type="text/javascript">
rusffLive.enable = false;
</script>


<!--ФОРМА ОТВЕТА ВЫРАВНИВАНИЕ ТЕКСТА ПО ШИРИНЕ-->
<style>
#button-mybb {background-image:url('http://icons.iconarchive.com/icons/famfamfam/silk/16/text-align-justify-icon.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(8).innerHTML="<img src='/i/blank.gif' id='button-mybb' onclick=\"bbcode('[align=justify]', '[/align]');\"/>"
</script>


<script type="text/javascript">
function show_new() { if(GroupID == 3) return;
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');} show_new();
</script>



<!-- СОКРЫТИЕ МОДЕРАТОРОВ 
<style>
.intd .tclcon .modlist{
display: none;
}
</style> -->

<!-- Регулировка размера шрифта в постах © Alex_63 -->
<style>
.FNTslider {
    border-radius: 10px;
    position: relative;
    z-index: 1000;
    background: var(--pun-bg);
    width: 110px;
    height: 5px;
    margin: 3px 5px;
    border: solid 0px;
    float: right;
    margin-top: 4px;
    margin-right: 7%;
}

.FNTslider .before {
    height: 6px;
    border: solid 0px transparent;
    border-right: none 0;
    border-radius: 10px 0px 0px 10px;
    position: absolute;
    background: var(--sec-bg);
    margin-top: -1px;
    box-shadow: 0px 0px 2px 0px rgb(203, 176, 120) inset;
}

.FNTslider .thumb {
    width: 10px;
    height: 10px;
    border: 1px solid var(--body-bg);
    border-radius: 10px;
    position: relative;
    top: -4px;
    background: var(--sec-bg);
    cursor: pointer;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>
<!-- Конец -->





<!-- Правка глюка Репы при  отсутствии скриптов  руссфф  v2-->
<script> if($('#pun-viewtopic').length)$(window).load(function () {
if(!$('#pun-reputation').length)FORUM.PartnerVote = function() { return true; };
});
</script>

<!-- шрифты от бланш-->
<script type="text/javascript"> 
if ($('#pun-viewtopic,#pun-post,#pun-edit,#pun-poll,#pun-messages').length) {
var ft; var i; var ft_f; var j = ""; 
ft = document.getElementById("font-area"); 
var ft_f = new Array(); 
ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); 
ft_f.push('— л а т и н и ц а —');
ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); 
ft_f.push('Abril Fatface'); 
ft_f.push('Agoka Family'); 
ft_f.push('Allegate'); 
ft_f.push('Amanda'); 
ft_f.push('Angelic Bonques'); 
ft_f.push('Antifont'); 
ft_f.push('Antosan'); 
ft_f.push('Argue'); 
ft_f.push('Ariel Script'); 
ft_f.push('Arthead'); 
ft_f.push('Avriella'); 
ft_f.push('Baskerville Old Face'); 
ft_f.push('Baysoir'); 
ft_f.push('Baysoir Sans'); 
ft_f.push('Beatrix Signature'); 
ft_f.push('Bigilla'); 
ft_f.push('Bitter Mind'); 
ft_f.push('Birch'); 
ft_f.push('Bleinheim Signature'); 
ft_f.push('Bloc Kursiv'); 
ft_f.push('Bodonian Script'); 
ft_f.push('Botaky'); 
ft_f.push('Breital'); 
ft_f.push('Brilliant Signature'); 
ft_f.push('Brioche');
ft_f.push('Broadway'); 
ft_f.push('Brooke Smith Script'); 
ft_f.push('Bw Vivant'); 
ft_f.push('Caities'); 
ft_f.push('Caledo'); 
ft_f.push('Californian'); 
ft_f.push('Cantique'); 
ft_f.push('Chequers'); 
ft_f.push('Clovvo'); 
ft_f.push('Coastine Font'); 
ft_f.push('Crystal Vibes'); 
ft_f.push('Cyrano'); 
ft_f.push('Elegant Dragon'); 
ft_f.push('Enough'); 
ft_f.push('Erotique Alternate'); 
ft_f.push('Fashionable'); 
ft_f.push('Finches'); 
ft_f.push('Fright Night'); 
ft_f.push('Gravity'); 
ft_f.push('Hello Paris');
ft_f.push('Hello Paris Script'); 
ft_f.push('Hermes'); 
ft_f.push('Hullist'); 
ft_f.push('Katulamp'); 
ft_f.push('Laginchy'); 
ft_f.push('Liquido'); 
ft_f.push('Madegra'); 
ft_f.push('Masquerouge'); 
ft_f.push('Old English'); 
ft_f.push('Parchment'); 
ft_f.push('Peter Jhons'); 
ft_f.push('Pink Script'); 
ft_f.push('Pistilli'); 
ft_f.push('Prestige Signature'); 
ft_f.push('Quake Love'); 
ft_f.push('Recorda Script'); 
ft_f.push('Renith'); 
ft_f.push('Rhesmanisa'); 
ft_f.push('Rise'); 
ft_f.push('Rosgart'); 
ft_f.push('Rotherland'); 
ft_f.push('Sage'); 
ft_f.push('Sail'); 
ft_f.push('Salty Feathers'); 
ft_f.push('Salve Script'); 
ft_f.push('Saonara'); 
ft_f.push('Shutter Stone'); 
ft_f.push('Signerica');  
ft_f.push('Smooth Stone');  
ft_f.push('Soothing');  
ft_f.push('Specials');  
ft_f.push('Stay Classy');  
ft_f.push('Swash Line');  
ft_f.push('Tamira');  
ft_f.push('The Monse');  
ft_f.push('Tiffany Script');  
ft_f.push('Valkyrie');  
ft_f.push('Vanity');  
ft_f.push('Verona Lotte');  
ft_f.push('Wata');  
ft_f.push('Port Vintage');
ft_f.push('PortVintage');
ft_f.push('Valky');
ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push('');
ft_f.push('— к и р и л л и ц а —');
ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push('');  ft_f.push(''); ft_f.push('');
ft_f.push('Alegreya Sans SC'); 
ft_f.push('Alter Biom');   
ft_f.push('Baron Neue'); 
ft_f.push('Basis'); 
ft_f.push('Borntod'); 
ft_f.push('Bradobrei'); 
ft_f.push('Calama'); 
ft_f.push('Calypso'); 
ft_f.push('Cheque'); 
ft_f.push('Code Pro'); 
ft_f.push('Cyrillic Goth');
ft_f.push('Cuprum');
ft_f.push('Curator');
ft_f.push('Dita Sweet');
ft_f.push('Doppelganger'); 
ft_f.push('Galatea Gothic');
ft_f.push('Gunny Rewritten');
ft_f.push('Helvetica Neue'); 
ft_f.push('Journalism');
ft_f.push('Lighthaus'); 
ft_f.push('Mak Light'); 
ft_f.push('Shlapak Script'); 
ft_f.push('The Artist Script'); 
ft_f.push('Yeseva One'); 
for (i in ft_f) { 
j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] + "</span><img src='/i/blank.gif' onclick=\"bbcode('["; 
j += "font=" + ft_f[i]; 
j += "]','[/font]')\" /></div>"; 
ft.innerHTML += j; 
}} 
</script>

<!-- Восстановление последнего поста при утере by Человек-Шаман -->
<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">
    PiarNik="postman"; 
    PiarPas="1111";
    var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
    <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
    <fieldset>\
    <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
    <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
    <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
    <input type=\"submit\" class=\"button\" name=\"login\"/>\
    </fieldset>\
    </form>\
    </div>\
    <li id=\"navpiar\"><a onclick=\"PiarIn()\"><span style=\"cursor:pointer\">   PR-Master</span></a></li>";
    if($("#navlogin").html()!=null){
    $("#navlogin").append(L); //navlogin
    function PiarIn () { $("#PR_loginDiv #fld1").val(PiarNik);$("#PR_loginDiv #fld2").val(PiarPas);$("#PR_loginDiv input[type='submit']").click();}
    }
    </script>

<script type="text/javascript">
(function(){function rep(str, p1,offset, s){
  return '>'+p1.replace(/"([^ "][^"]+?)"/gm,'«$1»')+'<';}
$('.post-content p').each(function(){
  $(this).html(('</>'+$(this).html()+'</>').replace(/>([^<>]+)</gm, rep));
});}());
</script>

<div class="container"><script type="text/javascript">
var nWRD="<b>rsp</b>";
function setRespecNew(){
$(".post .pa-respect a[href^='/respect.php?']").each(function (){
 $(this).html(nWRD);});}
function TestRespect(){
if($(".post .pa-respect:contains('Репутация')").length){setRespecNew();return;
}else {timerID = setTimeout("TestRespect()",110);return;}
}TestRespect()
</script>


<script type="text/javascript">
li=document.getElementsByTagName("li")
f=0
while(li[++f]){
s=li[f].innerHTML
if((p=s.indexOf("Сообщений")) != -1) li[f].innerHTML=s.substring(0,p)+"msg"+s.substring(p+9)}
</script>

  <!-- Dice Roller BEGIN (c) Spiritus Tergi, ч2 в хтмл-низ -->
   <template id="dice-box-template">
   <div class="dice-box">
       <p>
       <span class="roll-dice"></span>
       <span class="roll-value"></span>
       </p>
       <p class="roll-reason"></p>
       <p class="roll-result"></p>
   </div>
   </template>
   
   <script src="//cdnjs.cloudflare.com/ajax/libs/seedrandom/2.4.4/seedrandom.min.js"></script>
   <script>
       diceResults = [
{'max' : 1,    'result' : 'удача, желаемое действие состоялось без последствий'},
       {'max' : 2,    'result' : 'неудача, действие не состоялось, последствий нет'},
   {'max' : 3,    'result' : 'неудача, действие не состоялось, последствий нет'},
{'max' : 4,    'result' : 'частичная удача,  действие состоялось, но заклинание отклонилось от желаемой траектории движения'},
{'max' : 5,    'result' : 'удача, желаемое действие состоялось, физическая отдача заклинания на заклинателя'},
{'max' : 6,    'result' : 'частичная удача, незначительная ошибка в инкантации, заклинание слишком сильное, рикошет на заклинателя'},
{'max' : 8,    'result' : 'удача, желаемое действие состоялось без последствий'},
       {'max' : 15,    'result' : 'неудача, ошибка в инкантации заклинания'},
       {'max' : 30,    'result' : 'частичная удача, незначительная ошибка в инкантации, что приводит к поверхностному ранению заклинателя'},
       {'max' : 37,    'result' : 'удача, желаемое действие состоялось без последствий'},
       {'max' : 47,    'result' : 'неудача, действие не состоялось, последствия - рикошет на заклинателя'},
     {'max' : 60,    'result' : 'частичная удача, действие состоялось, но заклинание отклонилось от желаемой траектории движения'},
         {'max' : 65,    'result' : 'частичная удача, незначительная ошибка в инкантации, заклинание средней силы'},
   {'max' : 74,    'result' : 'частичная удача, незначительная ошибка в инкантации, заклинание средней силы'},
       {'max' : 85,    'result' : 'удача, желаемое действие состоялось без последствий'},
   {'max' : 90,    'result' : 'удача, желаемое действие состоялось без последствий'},
   {'max' : 100,    'result' : 'удача, желаемое действие состоялось без последствий, поцелуй от админа бонусом'},
       {'max' : 140,    'result' : 'двойная удача, заклинание достигает нескольких целей, поцелуй от админа бонусом'},
   ]

   isTagged = (document.querySelector('#pun').innerHTML.indexOf('[dice]') >= 0)
   
   if (isTagged) {
       diceRoller = new DiceRoller(diceResults)
       diceRoller.initDiceBoxes()
   }
   </script>
   <!-- Dice Roller END -->
   
   
   <!-- Dice Roller Form BEGIN -->
   <form id="dice-form" class="hidden" autocomplete="off">
   <div>
       <label><span>#Кубиков</span> <input type="text" name="count" maxlength="3" value="1"></label>
       <label><span>#Граней</span>    <input type="text" name="sides" maxlength="3" value="100"></label>
       <label><span>Бонус</span>    <input type="text" name="bonus" maxlength="3" value="0"></label>
   </div>
   <div>
       <label><span>Действие</span>    <textarea name="reason" cols="10" rows="5"></textarea></label>
   </div>
   <button type="submit">Вставить</button>
   </form>
   
   <script>
   replyForm = document.getElementById('post')
   diceForm = document.getElementById('dice-form')
   diceButtonString = '<td id="button-dice" title="Форма Кубиков" class="hidden"><img src="/i/blank.gif"></td>'
   
   function handleDiceFormSubmit(event) {
       event.preventDefault()
       let tagArguments = []
   
       for(let control of event.target.elements)
       if (control.tagName != 'BUTTON')
           tagArguments.push(control.name + ' = ' + control.value)
   
       replyForm['main-reply'].value += '\n[dice]' + tagArguments.join(' | ') + '[/dice]'
   }
   
   function handleDiceButtonClick(event) {
       diceForm.classList.toggle('hidden')
   }
   
   if (replyForm != null) {
       replyForm.querySelector('.fs-box.hashelp').insertAdjacentElement('beforeend', diceForm)
       diceForm.addEventListener('submit', handleDiceFormSubmit)
   
       let row = replyForm.querySelector('#form-buttons tr')
       row.innerHTML += diceButtonString
   
       let diceButton = document.getElementById('button-dice')
       diceButton.classList.remove('hidden')
       diceButton.addEventListener('click', handleDiceButtonClick)
   }
   </script>
   <!-- Dice Roller Form END --></div>
   
   <!-- Снять автоматическую галочку удаления всех сообщений © Duka -->
<script type="text/javascript">
if (document.getElementById('pun-deleteuser')) {
    document.querySelector('input[name=delete_posts]').checked = false;
}
</script>

<!-- Ссылка на авторский пост в цитате // v.3 © Alex_63, мод. max, the murderer! -->
<script type="text/javascript">
$('.quote-box>cite:contains("#")').each(function() {
  var cntq = $(this).text(), pid = cntq.split(',')[0], lnkq = '<a class="qc-post-link" href="';
  if($('.post'+pid).length){$(this).html(lnkq+pid+'">'+cntq.match(/([^,]*),(.*)/)[2]+'</a>');}
  else{$(this).html(lnkq+'/viewtopic.php?pid='+pid.split('#p')[1]+pid+'">'+cntq.match(/([^,]*),(.*)/)[2]+'</a>');}
});$('#pun-viewtopic .pl-quote>a').each(function() {
  $(this).attr('href',$(this).attr('href').replace('(\'','(\'#'+$(this).parents('.post').attr('id')+','));
});
</script>

<script>
document.addEventListener("DOMContentLoaded", () => {
  document.querySelectorAll('.seal-avatar').forEach(avatar => {
    avatar.addEventListener('mouseenter', () => {
      avatar.src = avatar.dataset.gif;
    });
    avatar.addEventListener('mouseleave', () => {
      avatar.src = avatar.dataset.static;
    });
  });
});
</script>