[hideprofile][html]
<style>
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');

.news-wrap{
  width:900px;
  margin:0 auto 80px;
  font-family:'Manrope', sans-serif;
  color:#111;
}

.news-main{
  position:relative;
  padding:22px 0 100px;
}

.news-band{
  position:absolute;
  right:0;
  top:82px;
  width:450px;
  height:620px;
  z-index:1;
  background:url('https://i.pinimg.com/1200x/88/f8/7e/88f87ea498e2699cc83f137290d3c426.jpg') center center / cover no-repeat;
  border:1px solid #111;
  box-sizing:border-box;
}

.news-top{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:620px 250px;
  gap:12px;
  align-items:start;
}

.news-hero{
  position:relative;
  border:1px solid #2a2a2a;
  background:#111;
  padding:8px;
  box-sizing:border-box;
}

.news-hero img{
  display:block;
  width:100%;
  height:220px;
  object-fit:cover;
  filter:none;
}

.news-overlay{
  position:absolute;
  left:8px;
  bottom:24px;
  max-width:430px;
}

.news-num{
  display:inline-block;
  background:#111;
  color:#f2f2f2;
  font-family:'Manrope', sans-serif;
  font-size:9px;
  font-weight:800;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:1.2px;
  padding:7px 8px;
  margin:0 0 8px 0;
  border:1px solid rgba(255,255,255,.08);
}

.news-title{
  display:inline-block;
  background:#111;
  color:#fff;
  font-family:'Dela Gothic One', sans-serif;
  font-size:23px;
  line-height:1.02;
  text-transform:uppercase;
  padding:10px 12px;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.08);
}

.news-side{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.news-admin,
.news-info-box{
  width:250px;
  background:
    linear-gradient(rgba(20,20,20,.96), rgba(20,20,20,.96)),
    url('https://i.pinimg.com/1200x/88/f8/7e/88f87ea498e2699cc83f137290d3c426.jpg') center center / cover no-repeat;
  border:1px solid #2a2a2a;
  padding:10px;
  box-sizing:border-box;
}

.news-admin-title,
.news-line-title,
.news-ep-title{
  display:inline-block;
  background:#efefef;
  color:#111;
width: 110px;
  font-family:'Dela Gothic One', sans-serif;
  font-size:10px;
  line-height:1.1;
  text-transform:lowercase;
  padding:7px 8px;
  margin:0 0 8px -10px;
  text-decoration:none;
}

.news-box-title{
  display:inline-block;
  background:#111;
  color:#efefef;
  font-family:'Dela Gothic One', sans-serif;
  font-size:10px;
  line-height:1.1;
  text-transform:lowercase;
  padding:7px 8px;
  margin:0 0 8px -12px;
  text-decoration:none;
}

.news-admin-inner{
  display:flex;
  gap:10px;
  align-items:center;
}

.news-admin img{
  width:48px;
  height:48px;
  object-fit:cover;
  display:block;
  border:1px solid #3a3a3a;
}

.news-admin-meta{
  line-height:1.2;
}

.news-admin-label{
  display:block;
  font-size:8px;
  text-transform:uppercase;
  color:#8d8d8d;
  letter-spacing:.8px;
  font-weight:800;
  margin-bottom:2px;
}

.news-admin-name{
  display:block;
  font-size:12px;
  font-weight:800;
  color:#f2f2f2;
}

.news-admin-note{
  margin-top:8px;
  font-size:10px;
  line-height:1.35;
  color:#c8c8c8;
}

.news-body{
  position:relative;
  z-index:3;
  margin-top:12px;
  display:grid;
  grid-template-columns:620px 250px;
  gap:12px;
  align-items:start;
}

.news-textbox{
  position:relative;
  background:
    linear-gradient(rgba(239,239,239,.97), rgba(239,239,239,.97)),
    url('https://i.pinimg.com/1200x/88/f8/7e/88f87ea498e2699cc83f137290d3c426.jpg') center center / cover no-repeat;
  border:1px solid #2a2a2a;
  padding:12px 12px 12px 0;
  box-sizing:border-box;
  min-height:355px;
}

.news-scroll{
  max-height:330px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:0 6px 0 12px;
  box-sizing:border-box;
  scrollbar-width:thin;
  scrollbar-color:#4a4a4a transparent;
}

.news-scroll::-webkit-scrollbar{ width:4px; }
.news-scroll::-webkit-scrollbar-track{ background:transparent; }
.news-scroll::-webkit-scrollbar-thumb{ background:#4a4a4a; border:none; border-radius:0; }
.news-scroll::-webkit-scrollbar-button{ display:none; width:0; height:0; }

.news-text{
  font-size:11px;
  line-height:1.55;
  color:#3b3b3b;
}

.news-text b{
  font-weight:800;
  color:#111;
}

.news-text a:hover{
  color:#111!important;
  border-bottom-color:#111;
}

.news-info-box{
  position:relative;
  z-index:4;
  margin-top:-20px;
}

.news-episode{
  margin-bottom:10px;
}

.news-ep-title{
  margin-bottom:8px;
}

.news-episode-pic{
  position:relative;
  display:block;
  width:100%;
  height:100px;
  margin-bottom:8px;
}

.news-episode-pic img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border:1px solid #3a3a3a;
  filter:none;
}

.news-ep-name {
  display:block;
  margin-bottom:10px;
  text-decoration:none;
  font-family:'Dela Gothic One', sans-serif;
  font-size:15px;
  line-height:1.1;
  text-transform:lowercase;
  color: var(--accent-color, #b1d836) !important;
}

.news-ep-name hover{
  color: #000000 !important;
}

.news-text a{
  color:#72b400!important; /* ЦВЕТ ВСЕХ ССЫЛОК*/
  text-decoration:none;
  font-weight:700;
}

.news-tip{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  background:rgba(17,17,17,.90);
  color:#fff;
  font-size:9px;
  line-height:1.3;
  padding:6px 7px;
  box-sizing:border-box;
  opacity:0;
  visibility:hidden;
  transition:.2s;
  pointer-events:none;
  z-index:20;
}

.news-tip b{
  display:block;
  color:#efefef;
  margin-bottom:2px;
}

.news-episode-pic:hover .news-tip,
.news-face:hover .news-tip{
  opacity:1;
  visibility:visible;
}

.news-line + .news-line{
  margin-top:10px;
}

.news-faces{
  display:flex;
  flex-wrap:nowrap;
  gap:4px;
}

.news-face{
  position:relative;
  width:53px;
  height:53px;
  display:block;
  flex:0 0 53px;
}

.news-face img{
  width:53px;
  height:53px;
  object-fit:cover;
  display:block;
  border:1px solid #3a3a3a;
}

.news-face .news-tip{
  left:0;
  bottom:57px;
  width:120px;
}

.news-ghost{
  position:absolute;
  left:644px;
  top:150px;
  z-index:2;
  font-family:'Dela Gothic One', sans-serif;
  font-size:66px;
  line-height:.9;
  text-transform:uppercase;
  color:#ffffff;
  opacity:1;
  letter-spacing:2px;
  pointer-events:none;
  user-select:none;
}

.news-dots{
  position:absolute;
  right:320px;
  bottom:5px;
  z-index:4;
  display:flex;
  gap:7px;
}

.news-dot.is-black{
  background:#000000;
}

.news-dot{
  width:85px;
  height:85px;
  border-radius:50%;
  background:var(--accent-color, #b1d836);
  display:block;

}
</style>

<div class="news-wrap">
  <div class="news-main">
    <div class="news-band"></div>

    <div class="news-top">
      <div class="news-hero">
        <img src="https://i.pinimg.com/736x/91/59/f2/9159f239813fa8cdbe11e5412b1e694f.jpg">
        <div class="news-overlay">
          <div class="news-num">news 01</div><br>
          <div class="news-title">алло, фатум?<br>да-да, судьба</div>
        </div>
      </div>

      <div class="news-side">
        <div class="news-admin">
          <div class="news-admin-title">с вами дерьмодемон</div>
          <div class="news-admin-inner">
            <img src="https://upforme.ru/uploads/001c/b4/bc/7/827779.png">
            <div class="news-admin-meta">
              <span class="news-admin-label">или в простонародье</span>
              <span class="news-admin-name">валера</span>
            </div>
          </div>
          <div class="news-admin-note">
           честно сказать, я хуй клала на эти новости и ваще хочу пива, а не рассказывать, кто где соснул хуйца, но раз уж так вышло, то готовьте жопы, сейчас будет расширение территории.
          </div>
        </div>
      </div>
    </div>

    <div class="news-ghost">NEWS<br>NEWS</div>

    <div class="news-body">
      <div class="news-textbox">
        <div class="news-box-title">новости форума</div>
        <div class="news-scroll">
          <div class="news-text">
           поздравляем всех с открытием форума!..
          <br><br>
       ну, если вы за две недели не успели заметить, что двери в наш дурдом оказались недостаточно надёжно заперты. мы не рассчитывали справиться так быстро — думали, откроемся к июню, но на дворе 14 мая и актив проекта уже перевалил за 40 человек. во-первых, вау. во-вторых, кажется, у нас вышло создать что-то клёвое.

          <br><br>
можно написать длинную простыню о том, как мы пришли к мысли создать фатум и снова попытать удачу в таком нелёгком деле, как администрирование проекта. обойдусь одним предложением: у нас голоса в голове и они говорят «бе-бе-бе-бе-бе-бе». ладно, кроме шуток, всё вышло довольно спонтанно, от чистого сердца и потока бредовых идей, ведь амс фатума шизофрению не лечат — она у нас не болит. кстати, про амс — дайте нам небольшую минуту славы! вдруг вы ещё с кем-то не знакомы, успели нас забыть или вообще никогда раньше не знали. <br><br>
          джет — наш генератор идей. изначальная идея создать форум в подобном сеттинге принадлежит именно ему — на фундаменте его предложения и наших пожеланий мы построили фатум. джет написал для вас демонов, охотников, законы и всё о способностях в нашем судьбоносном мире — горящим пером, не иначе. он разработал классификацию и, как демиург, поставил на карте мира первые охотничьи штабы. если вы мало видите джета, это значит, что он весь в работе: читает и принимает ваши анкеты, заполняет списки и красивые личные страницы. ведите себя хорошо и стабильно пишите посты, иначе лейтенанту вонгу придётся обратить руку в пушку и отправить вас прямиком к границе разлома во время чистки.
          <br><br>
         пикси — наша интернет-фея. вся красота, что вы видите на форуме — от дизайна до каждой таблички — создана его руками и кропотливым трудом. весь удобный функционал проекта — тоже заслуга пикси. пикси написал для вас все группировки — рамус, хэйлун и симбиот. ему принадлежит самая популярная акция на проекте — она же «стая». если у кого-то ещё остались сомнения касательно одержимости паскаля цифровым демоном, то мы заявляем твёрдо и однозначно: симукляр вселился в него ещё до того, как мы придумали этот вид существ с той стороны разлома. любите и хвалите пикси — форум не превратился в набор сломанных кодов только потому, что именно он чинит его после моих сокрушительных визитов в хтмл-таблицы. все плашки, графика в рекламе да и вообще форум подчистую — работа пикси.
          <br><br>
        вивитт — наша тамада. с интересными конкурсами и серьёзным бэкграундом за плечами. вы мало видите вивитт, потому что она усердно учится и работает — с таким же усердием охотник уэно корпела над созданием проекта. она рассказала вам про гонконг, написала медицину, технологии, безопасность и задала гонконгу новый культурный код. вы уже получили свои первые призы из лотереи, познакомились с коллекциями и начали сдавать тест на знание матчасти — это тоже труды вивитт. в будущем вас ждёт куча классных ивентов и развлекух. именно благодаря вивитт у нашего проекта есть оттенки и ощущение, что фатум — не просто ужасный мир, наполненный демонами, а мир, в котором люди всё ещё продолжают жить.     <br><br>

валера — ваш ночной кошмар. о, это я, получается. я написала для вас сюжет, религию, аномалии, все перечни часто задаваемых вопросов, нииэд и проект «эдем». в миру я попугай, который летает от плеча к плечу своих соадминов: проверяю анкеты с джетом и пишу послесловия, предлагаю вивитт идеи для будущих ивентов, кричу пикси, что я всё сломала. в хорошем настроении я — ваша энциклопедия. в плохом — гейм-мастер. <br><br>

конечно, всё перечисленное не ограничивается работой только одного человека — практически все моменты лора и матчасти мы придумывали вместе. что-то появилось из шутки, что-то родилось из фантазии и наших личных желаний. например, артефакты писала вивитт, но собирали мы их буквально с миру по нитке. мы вместе писали акции — да, каждый админ. мы коллективный разум, не сомневайтесь. мы вместе придумывали банк и вместе бегали с горящими задницами, когда каторга черновика стала невыносимой. любите и уважайте каждого администратора проекта — все без исключения внесли свою лепту в его создание и ежедневно поддерживают весь функционал фатума. <br><br>

планы впереди грандиозные, друзья — сюжет расписан, всем занять боевые позиции! мы надеемся, что вы реализуете всё задуманное и напишите эту историю. куда нас приведёт этот путь, покажет только время — и судьба.<br><br>
          <br><br>
          важное:
          <br> <br>
    так, ладно, а теперь о более важных вещах! да, мы чутка поторопились, но, возможно, это к лучшему — посмотрев на вас, почитав ваши вопросы и анкеты, мы начали постепенно править некоторые моменты и расширять информацию, которая для многих стала необходимой. давайте посмотрим, что мы изменили и немного доработали, опираясь на ваши предложения и комментарии: <br> <br>
         ✶ двойники — теперь подвид. в статье <a href="https://fatumiunget.rusff.me/viewtopic.php?id=8">о демонах</a> вы можете заметить, что вид двойников теперь обозначается как подвид вместе с роевыми демонами. мы посидели, почесали репу и поняли, что придумать чистых двойников — сложно и сильно сужает сам концепт демона. как это теперь будет работать? вот так: рукотворный демон-двойник «долл», древний демон-двойник «амальгама». двойники — это те демоны, которые не имитируют людей, а копируют их, рождая липкое ощущение страха, что перед тобой — не человек.<br><br>

✶аура. мы поняли, что вы не поняли. про ауру говорилось изначально, но очень расплывчато: эффект каори, демонический фон, демоническая энергия. всё это — тождественные понятия. теперь в факе статьи <a href="https://fatumiunget.rusff.me/viewtopic.php?id=8">о демонах</a> есть два новых вопроса, раскрывающих этот момент — есть ли у демонов аура и как ей можно управлять одержимым и контрактникам.<br><br>

✶ ментальные способности и усиление чужих контрактов. <a href="https://fatumiunget.rusff.me/viewtopic.php?id=2#p2">в общем факе</a>, в разделе о способностях появилось четыре ответа на интимные вопросы: как ментальные способности действуют на контрактников и одержимых, можно ли получать усиления при помощи сил чужого контракта и можно ли заблокировать другого пользователя демонических сил. пожалуйста, ознакомьтесь, чтобы не запнуться в квесте. мы честно прописали это практически сразу, но в обилии всей информации просто упустили на момент переноса. осознали ошибку, когда начали читать ментальные контракты — сели в лужу, каемся, исправляемся. всех чмок в щеки;<br><br>

✶ оформление профиля. пикси сделал вам удобную штуку для кастомизации профиля — теперь в шапке <a href="https://fatumiunget.rusff.me/viewtopic.php?id=17#p34">темы</a> можно подставить все штучки и посмотреть, как оно будет выглядеть. ваш профиль подтягивается автоматически, все заполняете, нажимаете и любуетесь на попытку собрать себе красивое.<br><br>

✶ у демонов есть карточки. вы просили, а пикси сделал быстрее, чем кто-либо мог подумать. теперь в <a href="https://fatumiunget.rusff.me/viewtopic.php?id=46#p63">бестиарии</a> все демоны красиво разбиты по классам, чтобы никто не запутался. под спойлерами по нажатию можно посмотреть информацию о них и точно так же скрыть<br><br>

✶ иконки профилей можно попросить тоже у пикси. присылайте ему в лс. просьба: если это не стикер из тг, фон должен быть строго прозрачным. в остальном можете излагать ему все свои пожелания лично. <br><br>
          <br><br>
          вы — лучшие <br><br>
теперь давайте поговорим о том, чего мы достигли за две недели благодаря вашему интересу к фатуму!   <br><br>

✶ запущены три миссии. в разделе сюжета вы можете почитать первые подвиги наших героев в демоническом гонконге. мэйжень и шэн борются с «ангелами» в миссии <a href="https://fatumiunget.rusff.me/viewtopic.php?id=94">«молчанка»</a>. локи и пикси расследуют дело о пропаже людских сердец в миссии <a href="https://fatumiunget.rusff.me/viewtopic.php?id=93">«детка, послушай»</a>. старший охотник мацусима, уборщица-молдованка и блогерша-охотница на фрилансе бросают вызов горам мусора в миссии <a href="https://fatumiunget.rusff.me/viewtopic.php?id=124">«царь горы»</a> . читайте и наслаждайтесь, следите за событиями и руками! миссии — это один из простейших способов взаимодействия с демонами в сюжете.  <br><br>

✶принято 26 анкет. вивитт скоро запишет меня и джета на приём, но мы очень рады всем вам! спасибо, что пришли, и отдельный поклон тем, кто уже обзавёлся твинками. надеемся, вам будет интересно постепенно раскрывать для себя новые грани мира фатума.  <br><br>

✶ доигран первый эпизод. мэйжень и янлин успевают везде — они уже успели закрыть одну игру и открыли следующую! потрясающе, поздравляем наших   первопроходцев. <br><br>

✶ с момента открытия было написано 111 постов . без комментариев. я в ахуе.  <br><br>

✶ в бестиарии появились новые демоны. ваши друзья из анкет. спасибо, что проявляете инициативу и оживляете лор проекта. эти ребята сыграют ещё не одну роль в сюжете, так что можете гордиться — старания не пропадут зря.  <br><br>

✶ убито 13 флудов. вы болтаете, а мы просто счастливы. продолжайте.  <br><br>  <br><br>

постописцы и активисты <br><br>

давайте посмотрим, кто у нас бьёт рекорды по активу и написанию постов.<br><br>

шэн написал в сумме 40 постов — за, собственно, <a href="https://fatumiunget.rusff.me/profile.php?id=8">шэна</a> и джони додэпа. то есть, <a href="https://fatumiunget.rusff.me/profile.php?id=9">локи</a>. его догоняет <a href="https://fatumiunget.rusff.me/profile.php?id=10">мэйжень</a> и её 20 единоличные постов на одном профиле. ай, какие молодцы! нраица. подгоняет ребят наша технофея <a href="https://fatumiunget.rusff.me/profile.php?id=7">пикси</a> — у него 13 постов. следом идёт наш баловень судьбы <a href="https://fatumiunget.rusff.me/profile.php?id=25">кай</a> и его золотая цифра — 9 постов. ребята, ну вы звёзды, что тут ещё скажешь? умоляю, продолжайте в том же духе. мы решили, что нужно подвести итоги этой недели и показать форуму особенно активных игроков, чтобы вы порадовались за интерес к проекту вместе с нами!<br><br>

кто у нас тут баловался? ага-а-а. строит детишек в шеренгу и пишет посты после долгого перерыва великолепная <a href="https://fatumiunget.rusff.me/profile.php?id=33">рейна</a>. следом за ней, сгорбившись, ковыляет каланча в широких штанах — не для денег, в карманах — приёмные дети рамуса. это я про <a href="https://fatumiunget.rusff.me/profile.php?id=14">милоша</a>, который возглавляет детский сад беспризорников на базе жнецов. планирует убийство своего контрактного демона и восхваляет идеологию моод <a href="https://fatumiunget.rusff.me/profile.php?id=24">виорика</a>, и я не могу не сказать вам про <a href="https://fatumiunget.rusff.me/profile.php?id=28">чака</a>, который написал самую смешную анкету, которую я читала в жизни, одел всех своих форумных друзей, открыл игру и первым пошёл забирать элементы коллекции! <br><br>
<br><br>

ивенты<br><br>

✶ а давайте сразу о <a href="https://fatumiunget.rusff.me/viewtopic.php?id=47">коллекциях</a>. вивитт решила — и мы с ней согласны полностью — что лут достижений нужно разнообразить. в своих личных страницах вы можете найти раздел с эмблемами и коллекциями. что это такое в сути своей? вы выполняете задания — игровые и внеигровые. за них — получаете кусочки печатей или готовые объекты тематических коллекций. это просто прикольно и весело, как собирать ачивки в играх, поэтому заглядывайте туда почаще! коллекции сезонные, тематика будет меняться, когда выйдет срок действия. успевайте!<br><br>

✶ в <a href="https://fatumiunget.rusff.me/viewtopic.php?id=48">лотерее</a>ещё остались бесхозные лоты, поэтому те, кто ещё не подал первой анкеты — торопитесь, демоническая еда с пылу с жару! под каждой есть какая-то плюшка. бесплатная. кто вам ещё даст что-то бесплатное, ну правда? тока пиздюль, но с этим разберусь уже я в миссиях.<br><br>

✶у нас есть <a href="https://fatumiunget.rusff.me/viewtopic.php?id=102">тест на знание матчасти</a> — доставайте ручки и двойные листочки, мы начинаем экзамен! в квизе первооткрывателя собраны вопросы о мире фатума. за участие можно заработать денюжки и проверить, насколько хорошо вы ознакомились со вселенной демонов. <br><br>

а теперь о приятном и красивом... о пикси, конечно же, но не только о нём! эпизодом недели объявляется одна из первых открытых игр — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=67#p13884">douceur</a> авторства паскаля и локи. знаете про пикми-палочку? паскаль придумал! а локи не сразу догадался... ладно, кроме шуток — в эпизоде ребята затрагивают довольно тяжелую тему, принимая друг друга. у этого союза большое будущее — не только для них. но и для всего симбиота.<br><br>
          </div>
        </div>
      </div>

      <div class="news-info-box">
        <div class="news-episode">
          <div class="news-ep-title">эпизод недели</div>

          <a href="#" class="news-episode-pic">
            <img src="https://upforme.ru/uploads/001c/b4/bc/7/858836.png">
            <span class="news-tip"><b>ты в платье. но у тебя член.</b>«можешь ударить, если станет легче»</span>
          </a>

          <a href="https://fatumiunget.rusff.me/viewtopic.php?id=67" class="news-ep-name"  style="--accent-color: #9fd001;">DOUCEUR</a>
        </div>

        <div class="news-line">
          <div class="news-line-title">активисты</div>
          <div class="news-faces">
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/7/534509.png">
              <span class="news-tip"><b>рейна</b>3 кофе, 0 завтраков</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/7/371143.png">
              <span class="news-tip"><b>милош</b>ваша новая мама</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/7/721905.png">
              <span class="news-tip"><b>виорика</b>контракт с демоном хуесосом</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/7/548544.png">
              <span class="news-tip"><b>чак</b>алло, стройка? да-да, таджики!</span>
            </a>
          </div>
        </div>

        <div class="news-line">
          <div class="news-line-title">постописцы</div>
          <div class="news-faces">
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/7/431536.png">
              <span class="news-tip"><b>шэн</b>не щадит клавиатуру</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/7/786297.png">
              <span class="news-tip"><b>мэйжень</b>посты как образ жизни</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/7/102177.png">
              <span class="news-tip"><b>пикси</b>виртуальная реальность наяву</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/7/119501.png">
              <span class="news-tip"><b>чжоу</b>сын фортуны</span>
            </a>
          </div>
        </div>

     
     
      </div>
    </div>
   <div class="news-dots" style="--accent-color: #9fd001;">
      <span class="news-dot "></span>
      <span class="news-dot "></span>
      <span class="news-dot"></span>
      <span class="news-dot is-black"></span>
      <span class="news-dot is-black"></span>
    </div>
  </div>
</div>
[/html][hideprofile]

[hideprofile][html]
<style>
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');

.news-wrap{
  width:900px;
  margin:0 auto 80px;
  font-family:'Manrope', sans-serif;
  color:#111;
}

.news-main{
  position:relative;
  padding:22px 0 100px;
}

.news-band{
  position:absolute;
  right:0;
  top:82px;
  width:450px;
  height:620px;
  z-index:1;
  background:url('https://i.pinimg.com/1200x/88/f8/7e/88f87ea498e2699cc83f137290d3c426.jpg') center center / cover no-repeat;
  border:1px solid #111;
  box-sizing:border-box;
}

.news-top{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:620px 250px;
  gap:12px;
  align-items:start;
}

.news-hero{
  position:relative;
  border:1px solid #2a2a2a;
  background:#111;
  padding:8px;
  box-sizing:border-box;
}

.news-hero img{
  display:block;
  width:100%;
  height:220px;
  object-fit:cover;
  filter:none;
}

.news-overlay{
  position:absolute;
  left:8px;
  bottom:24px;
  max-width:430px;
}

.news-num{
  display:inline-block;
  background:#111;
  color:#f2f2f2;
  font-family:'Manrope', sans-serif;
  font-size:9px;
  font-weight:800;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:1.2px;
  padding:7px 8px;
  margin:0 0 8px 0;
  border:1px solid rgba(255,255,255,.08);
}

.news-title{
  display:inline-block;
  background:#111;
  color:#fff;
  font-family:'Dela Gothic One', sans-serif;
  font-size:23px;
  line-height:1.02;
  text-transform:uppercase;
  padding:10px 12px;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.08);
}

.news-side{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.news-admin,
.news-info-box{
  width:250px;
  background:
    linear-gradient(rgba(20,20,20,.96), rgba(20,20,20,.96)),
    url('https://i.pinimg.com/1200x/88/f8/7e/88f87ea498e2699cc83f137290d3c426.jpg') center center / cover no-repeat;
  border:1px solid #2a2a2a;
  padding:10px;
  box-sizing:border-box;
}

.news-admin-title,
.news-line-title,
.news-ep-title{
  display:inline-block;
  background:#efefef;
  color:#111;
width: 110px;
  font-family:'Dela Gothic One', sans-serif;
  font-size:10px;
  line-height:1.1;
  text-transform:lowercase;
  padding:7px 8px;
  margin:0 0 8px -10px;
  text-decoration:none;
}

.news-box-title{
  display:inline-block;
  background:#111;
  color:#efefef;
  font-family:'Dela Gothic One', sans-serif;
  font-size:10px;
  line-height:1.1;
  text-transform:lowercase;
  padding:7px 8px;
  margin:0 0 8px -12px;
  text-decoration:none;
}

.news-admin-inner{
  display:flex;
  gap:10px;
  align-items:center;
}

.news-admin img{
  width:48px;
  height:48px;
  object-fit:cover;
  display:block;
  border:1px solid #3a3a3a;
}

.news-admin-meta{
  line-height:1.2;
}

.news-admin-label{
  display:block;
  font-size:8px;
  text-transform:uppercase;
  color:#8d8d8d;
  letter-spacing:.8px;
  font-weight:800;
  margin-bottom:2px;
}

.news-admin-name{
  display:block;
  font-size:12px;
  font-weight:800;
  color:#f2f2f2;
}

.news-admin-note{
  margin-top:8px;
  font-size:10px;
  line-height:1.35;
  color:#c8c8c8;
}

.news-body{
  position:relative;
  z-index:3;
  margin-top:12px;
  display:grid;
  grid-template-columns:620px 250px;
  gap:12px;
  align-items:start;
}

.news-textbox{
  position:relative;
  background:
    linear-gradient(rgba(239,239,239,.97), rgba(239,239,239,.97)),
    url('https://i.pinimg.com/1200x/88/f8/7e/88f87ea498e2699cc83f137290d3c426.jpg') center center / cover no-repeat;
  border:1px solid #2a2a2a;
  padding:12px 12px 12px 0;
  box-sizing:border-box;
  min-height:355px;
}

.news-scroll{
  max-height:330px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:0 6px 0 12px;
  box-sizing:border-box;
  scrollbar-width:thin;
  scrollbar-color:#4a4a4a transparent;
}

.news-scroll::-webkit-scrollbar{ width:4px; }
.news-scroll::-webkit-scrollbar-track{ background:transparent; }
.news-scroll::-webkit-scrollbar-thumb{ background:#4a4a4a; border:none; border-radius:0; }
.news-scroll::-webkit-scrollbar-button{ display:none; width:0; height:0; }

.news-text{
  font-size:11px;
  line-height:1.55;
  color:#3b3b3b;
}

.news-text b{
  font-weight:800;
  color:#111;
}

.news-text a:hover{
  color:#111!important;
  border-bottom-color:#111;
}

.news-info-box{
  position:relative;
  z-index:4;
  margin-top:-20px;
}

.news-episode{
  margin-bottom:10px;
}

.news-ep-title{
  margin-bottom:8px;
}

.news-episode-pic{
  position:relative;
  display:block;
  width:100%;
  height:100px;
  margin-bottom:8px;
}

.news-episode-pic img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border:1px solid #3a3a3a;
  filter:none;
}

.news-ep-name {
  display:block;
  margin-bottom:10px;
  text-decoration:none;
  font-family:'Dela Gothic One', sans-serif;
  font-size:15px;
  line-height:1.1;
  text-transform:lowercase;
  color: var(--accent-color, #b1d836) !important;
}

.news-ep-name hover{
  color: #000000 !important;
}

.news-text a{
  color:#555!important;
  text-decoration:none;
  font-weight:700;
}

.news-tip{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  background:rgba(17,17,17,.90);
  color:#fff;
  font-size:9px;
  line-height:1.3;
  padding:6px 7px;
  box-sizing:border-box;
  opacity:0;
  visibility:hidden;
  transition:.2s;
  pointer-events:none;
  z-index:20;
}

.news-tip b{
  display:block;
  color:#efefef;
  margin-bottom:2px;
}

.news-episode-pic:hover .news-tip,
.news-face:hover .news-tip{
  opacity:1;
  visibility:visible;
}

.news-line + .news-line{
  margin-top:10px;
}

.news-faces{
  display:flex;
  flex-wrap:nowrap;
  gap:4px;
}

.news-face{
  position:relative;
  width:53px;
  height:53px;
  display:block;
  flex:0 0 53px;
}

.news-face img{
  width:53px;
  height:53px;
  object-fit:cover;
  display:block;
  border:1px solid #3a3a3a;
}

.news-face .news-tip{
  left:0;
  bottom:57px;
  width:120px;
}

.news-ghost{
  position:absolute;
  left:644px;
  top:150px;
  z-index:2;
  font-family:'Dela Gothic One', sans-serif;
  font-size:66px;
  line-height:.9;
  text-transform:uppercase;
  color:#ffffff;
  opacity:1;
  letter-spacing:2px;
  pointer-events:none;
  user-select:none;
}

.news-dots{
  position:absolute;
  right:320px;
  bottom:5px;
  z-index:4;
  display:flex;
  gap:7px;
}

.news-dot.is-black{
  background:#000000;
}

.news-dot{
  width:85px;
  height:85px;
  border-radius:50%;
  background:var(--accent-color, #b1d836);
  display:block;

}
</style>

<div class="news-wrap">
  <div class="news-main">
    <div class="news-band"></div>

    <div class="news-top">
      <div class="news-hero">
        <img src="https://upforme.ru/uploads/001c/b4/bc/5/623748.png">
        <div class="news-overlay">
          <div class="news-num">news 03</div><br>
          <div class="news-title">раз, два, три?<br>полет нормальный!</div>
        </div>
      </div>

      <div class="news-side">
        <div class="news-admin">
          <div class="news-admin-title">с вами сеструха-борцуха</div>
          <div class="news-admin-inner">
            <img src="https://upforme.ru/uploads/001c/b4/bc/5/345105.png">
            <div class="news-admin-meta">
              <span class="news-admin-label">или просто уебите эту</span>
              <span class="news-admin-name">вивитт</span>
            </div>
          </div>
          <div class="news-admin-note">
           админ шрёдингера ин да хаус. да-да, я все еще жива и периодически готова выползать, чтобы рассказать вам, что ж там произошло-то за неделю минувшую. проснулись-улыбнулись, поехали.
          </div>
        </div>
      </div>
    </div>

    <div class="news-ghost">NEWS<br>NEWS</div>

    <div class="news-body">
      <div class="news-textbox">
        <div class="news-box-title">новости форума</div>
        <div class="news-scroll">
          <div class="news-text">
           солнышко мое, вставай! настало лето, жаркое лето...
          <br><br>
       во-первых, поздравляю всех с началом нового сезона! надеюсь, что каждый из вас успеет насладиться жаркими деньками, потягивать джус и понежиться на солнышке.

          <br><br>
во-вторых, мы уже совсем большие. казалось, еще недавно только хватались за головы и пили противотревожные, пока открывали детище, и вот уже празднуем с вами итоги месяца. восторг? восторг! конечно, ничего этого не было бы без вас, дорогие. спасибо вам за ваш активный интерес, за ваш актив и помощь, которую оказываете для процветания нашего дома. вы все пуськи, давайте и дальше так двигаться. <br><br>

все основные новости пикси осветил уже в предыдущих новостях, поэтому я сегодня кратенько и по делу пробегусь по основным штукам, а потом мы перейдем к вишенке на торте.<br><br>
          <br><br>
          важное:
          <br> <br>
         ✶ спасибо всем тем, кто замечает какие-то косячки / недоделки и прочие корявости и приносит их в <a href="https://fatumiunget.rusff.me/viewtopic.php?id=8">вопросы к амс</a>. мы очень это ценим и стараемся становиться лучше!<br><br>

✶шок-камтент! у нас на форуме завершилась первая миссия! да, вот так вот, вроде недавно начали, а уже окак! паскаль, локи и gm в лице валеры огромные молодцы! а какой там финал... ну просто РАЗРЫВНАЯ! а если вы еще не читали, то крайне рекомендую скорее ознакомиться: <a href="https://fatumiunget.rusff.me/viewtopic.php?id=93">сезон #1, миссия №7 [09.03.2030] детка, послушай</a>, вы вот вообще не пожалеете об этом.<br><br> 

✶вы не поверите, но за этот месяц на форуме было написано 271 пост. в шоке ли я? безусловно! какие же вы машины, я не можу. <br><br>

ивенты<br><br>

✶ в  <a href="https://fatumiunget.rusff.me/viewtopic.php?id=48&p=3">вэлком-лотерее</a> остался последний несъеденный слот! если вы не успели посетить заведение,  то скорее! иначе лавочка закроется до лучших едальных времен!<br><br>

✶ начался новый сезон, а вместе с ним и новые развлечения! мы подготовили для вас очень крутую и яркую штуку, которой, как я надеюсь, вы сможете насладиться сполна! подключайте своего внутреннего эстетика и бегом в <a href="https://fatumiunget.rusff.me/viewtopic.php?id=198#p25184">цвета лета</a> ловить невероятные кадры и настроение.<br><br>

✶одним ивентом сыт не будешь! а потому мы сразу подаем вам и второе блюдо в виде  <a href="https://fatumiunget.rusff.me/viewtopic.php?id=199#p25185">фуршета</a>, в котором каждый из ваших демонов останется сыт, доволен и удовлетворен. а вы за это получите крутые плюшки. <br><br><br><br>

постописцы и активисты <br><br>

моя любимая рубрика, в которой я неистово нахваливаю вас за ваши буковки. поехали.<br><br>

<a href="https://fatumiunget.rusff.me/profile.php?id=8">шэн</a> аки многорукий шива написал 84 поста за своих скрепышей — жесть, братишка, откуда столько топлива. отлей, мне оно тоже нужно.  а следует за ним женщина-мечта, женщина-огонь  — <a href="https://fatumiunget.rusff.me/profile.php?id=10">мэйжень</a> и её 45 чудесных постов. ну вы посмотрите на эти золотые ручки, ну что она творит. отряд тьяньфа  — так держать. слышите-слышите, как пиксели заскрипели и зашевелились? это наша технофея <a href="https://fatumiunget.rusff.me/profile.php?id=7">пикси</a>  прорывается в топ-3 и несет нам свои 28 достойных поста. ну, какова красота, ну что за стайл, что за фэбрик и дитейлс. знаете что? не одним тьяньфа гордиться должен моод, потому что гордое и почетное место в постописцах заняла еще и наша невероятная коричная булочка и настоящее персональное открытие для меня этого сезона  <a href="https://fatumiunget.rusff.me/profile.php?id=38">дженис</a> и её — 25 постов. вы все невероятные молодцы, так держать, братия и сестрия! <br><br>

а-ага, а теперь время посмотреть на тех, у кого язык без костей. вернее, тех, кто радует нас своим активом 24/7  и демонстрирует чудеса социализации. она медленно разгонялась, но зато потом ка-ак втопила! да-да, речь именно о тебе,  <a href="https://fatumiunget.rusff.me/profile.php?id=20">мелисса</a>. мы все надеемся, что он будет весело прибухивать и отдыхать, радуя нас во флуде и дальше, а работа не погребет его заживо, да, все о тебе,  <a href="https://fatumiunget.rusff.me/profile.php?id=56">харуто</a>.  а следом идет наш главный ценитель достойных внешек и просто очаровашка  <a href="https://fatumiunget.rusff.me/profile.php?id=44">чжанцзя</a>, готовый показывать нам прекрасное раз за разом. последний в списке, но далеко не последний в наших сердцах - все еще <a href="https://fatumiunget.rusff.me/profile.php?id=7">пикси</a>. технофея успевает бдить за всеми, так что шалите посильнее.  <br><br>
<br><br>

а теперь давайте поговорим о рекомендациях к прочтению! и на повестке дня у нас история о том, как начинается переход из позиции пешки в ту, кто (возможно) впервые в жизни получает право выбора — с ясным пониманием цены. время бежать и знакомиться с эпизодом недели, коим стал  — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=145">are you with me?</a>, в котором рейн получает предложение от карлоса, от которого невозможно отказаться, но и страшно согласиться.<br><br>
          </div>
        </div>
      </div>

      <div class="news-info-box">
        <div class="news-episode">
          <div class="news-ep-title">эпизод недели</div>

          <a href="#" class="news-episode-pic">
            <img src="https://upforme.ru/uploads/001c/b4/bc/5/890134.png">
            <span class="news-tip"><b>не думаю, что мои желания имеют значение</b>но раз ты спрашиваешь…</span>
          </a>

          <a href="https://fatumiunget.rusff.me/viewtopic.php?id=145" class="news-ep-name"  style="--accent-color: #b55050;">are you with me?</a>
        </div>

        <div class="news-line">
          <div class="news-line-title">активисты</div>
          <div class="news-faces">
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/5/380043.png">
              <span class="news-tip"><b>мелисса</b>хоба, как могу</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/5/982403.png">
              <span class="news-tip"><b>харуто</b>боже поможи</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/5/658422.png">
              <span class="news-tip"><b>чжанцзя</b>смотри, что покажу</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/5/136217.png">
              <span class="news-tip"><b>пикси</b>супер-пальчики</span>
            </a>
          </div>
        </div>

        <div class="news-line">
          <div class="news-line-title">постописцы</div>
          <div class="news-faces">
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/5/279278.png">
              <span class="news-tip"><b>шэн</b>я только начал</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/5/356475.png">
              <span class="news-tip"><b>мэйжень</b>а мы и не заканчивали</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/5/136217.png">
              <span class="news-tip"><b>пикси</b>подвиньтесь, щенки</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/5/42458.png">
              <span class="news-tip"><b>дженис</b>сама вас подвину</span>
            </a>
          </div>
        </div>

     
     
      </div>
    </div>
   <div class="news-dots" style="--accent-color: #a04747;">
      <span class="news-dot "></span>
      <span class="news-dot "></span>
      <span class="news-dot"></span>
      <span class="news-dot is-black"></span>
      <span class="news-dot is-black"></span>
    </div>
  </div>
</div>
[/html][hideprofile]

[hideprofile][html]
<style>
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');

.news-wrap{
  width:900px;
  margin:0 auto 80px;
  font-family:'Manrope', sans-serif;
  color:#111;
}

.news-main{
  position:relative;
  padding:22px 0 100px;
}

.news-band{
  position:absolute;
  right:0;
  top:82px;
  width:450px;
  height:620px;
  z-index:1;
  background:url('https://i.pinimg.com/1200x/88/f8/7e/88f87ea498e2699cc83f137290d3c426.jpg') center center / cover no-repeat;
  border:1px solid #111;
  box-sizing:border-box;
}

.news-top{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:620px 250px;
  gap:12px;
  align-items:start;
}

.news-hero{
  position:relative;
  border:1px solid #2a2a2a;
  background:#111;
  padding:8px;
  box-sizing:border-box;
}

.news-hero img{
  display:block;
  width:100%;
  height:220px;
  object-fit:cover;
  filter:none;
}

.news-overlay{
  position:absolute;
  left:8px;
  bottom:24px;
  max-width:430px;
}

.news-num{
  display:inline-block;
  background:#111;
  color:#f2f2f2;
  font-family:'Manrope', sans-serif;
  font-size:9px;
  font-weight:800;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:1.2px;
  padding:7px 8px;
  margin:0 0 8px 0;
  border:1px solid rgba(255,255,255,.08);
}

.news-title{
  display:inline-block;
  background:#111;
  color:#fff;
  font-family:'Dela Gothic One', sans-serif;
  font-size:23px;
  line-height:1.02;
  text-transform:uppercase;
  padding:10px 12px;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.08);
}

.news-side{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.news-admin,
.news-info-box{
  width:250px;
  background:
    linear-gradient(rgba(20,20,20,.96), rgba(20,20,20,.96)),
    url('https://i.pinimg.com/1200x/88/f8/7e/88f87ea498e2699cc83f137290d3c426.jpg') center center / cover no-repeat;
  border:1px solid #2a2a2a;
  padding:10px;
  box-sizing:border-box;
}

.news-admin-title,
.news-line-title,
.news-ep-title{
  display:inline-block;
  background:#efefef;
  color:#111;
width: 110px;
  font-family:'Dela Gothic One', sans-serif;
  font-size:10px;
  line-height:1.1;
  text-transform:lowercase;
  padding:7px 8px;
  margin:0 0 8px -10px;
  text-decoration:none;
}

.news-box-title{
  display:inline-block;
  background:#111;
  color:#efefef;
  font-family:'Dela Gothic One', sans-serif;
  font-size:10px;
  line-height:1.1;
  text-transform:lowercase;
  padding:7px 8px;
  margin:0 0 8px -12px;
  text-decoration:none;
}

.news-admin-inner{
  display:flex;
  gap:10px;
  align-items:center;
}

.news-admin img{
  width:48px;
  height:48px;
  object-fit:cover;
  display:block;
  border:1px solid #3a3a3a;
}

.news-admin-meta{
  line-height:1.2;
}

.news-admin-label{
  display:block;
  font-size:8px;
  text-transform:uppercase;
  color:#8d8d8d;
  letter-spacing:.8px;
  font-weight:800;
  margin-bottom:2px;
}

.news-admin-name{
  display:block;
  font-size:12px;
  font-weight:800;
  color:#f2f2f2;
}

.news-admin-note{
  margin-top:8px;
  font-size:10px;
  line-height:1.35;
  color:#c8c8c8;
}

.news-body{
  position:relative;
  z-index:3;
  margin-top:12px;
  display:grid;
  grid-template-columns:620px 250px;
  gap:12px;
  align-items:start;
}

.news-textbox{
  position:relative;
  background:
    linear-gradient(rgba(239,239,239,.97), rgba(239,239,239,.97)),
    url('https://i.pinimg.com/1200x/88/f8/7e/88f87ea498e2699cc83f137290d3c426.jpg') center center / cover no-repeat;
  border:1px solid #2a2a2a;
  padding:12px 12px 12px 0;
  box-sizing:border-box;
  min-height:355px;
}

.news-scroll{
  max-height:330px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:0 6px 0 12px;
  box-sizing:border-box;
  scrollbar-width:thin;
  scrollbar-color:#4a4a4a transparent;
}

.news-scroll::-webkit-scrollbar{ width:4px; }
.news-scroll::-webkit-scrollbar-track{ background:transparent; }
.news-scroll::-webkit-scrollbar-thumb{ background:#4a4a4a; border:none; border-radius:0; }
.news-scroll::-webkit-scrollbar-button{ display:none; width:0; height:0; }

.news-text{
  font-size:11px;
  line-height:1.55;
  color:#3b3b3b;
}

.news-text b{
  font-weight:800;
  color:#111;
}

.news-text a{
  color:#555!important;
  text-decoration:none;
  font-weight:700;
  border-bottom:1px solid #999;
}

.news-text a:hover{
  color:#111!important;
  border-bottom-color:#111;
}

.news-info-box{
  position:relative;
  z-index:4;
  margin-top:-20px;
}

.news-episode{
  margin-bottom:10px;
}

.news-ep-title{
  margin-bottom:8px;
}

.news-episode-pic{
  position:relative;
  display:block;
  width:100%;
  height:100px;
  margin-bottom:8px;
}

.news-episode-pic img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border:1px solid #3a3a3a;
  filter:none;
}

.news-ep-name {
  display:block;
  margin-bottom:10px;
  text-decoration:none;
  font-family:'Dela Gothic One', sans-serif;
  font-size:15px;
  line-height:1.1;
  text-transform:lowercase;
  color: var(--accent-color, #b1d836) !important;
}

.news-ep-name hover{
  color: #b1d836!important;
}

.news-tip{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  background:rgba(17,17,17,.90);
  color:#fff;
  font-size:9px;
  line-height:1.3;
  padding:6px 7px;
  box-sizing:border-box;
  opacity:0;
  visibility:hidden;
  transition:.2s;
  pointer-events:none;
  z-index:20;
}

.news-tip b{
  display:block;
  color:#efefef;
  margin-bottom:2px;
}

.news-episode-pic:hover .news-tip,
.news-face:hover .news-tip{
  opacity:1;
  visibility:visible;
}

.news-line + .news-line{
  margin-top:10px;
}

.news-faces{
  display:flex;
  flex-wrap:nowrap;
  gap:4px;
}

.news-face{
  position:relative;
  width:53px;
  height:53px;
  display:block;
  flex:0 0 53px;
}

.news-face img{
  width:53px;
  height:53px;
  object-fit:cover;
  display:block;
  border:1px solid #3a3a3a;
}

.news-face .news-tip{
  left:0;
  bottom:57px;
  width:120px;
}

.news-ghost{
  position:absolute;
  left:644px;
  top:150px;
  z-index:2;
  font-family:'Dela Gothic One', sans-serif;
  font-size:66px;
  line-height:.9;
  text-transform:uppercase;
  color:#ffffff;
  opacity:1;
  letter-spacing:2px;
  pointer-events:none;
  user-select:none;
}

.news-dots{
  position:absolute;
  right:320px;
  bottom:5px;
  z-index:4;
  display:flex;
  gap:7px;
}

.news-dot.is-black{
  background:#000000;
}

.news-dot{
  width:85px;
  height:85px;
  border-radius:50%;
  background:var(--accent-color, #b1d836);
  display:block;

}
</style>

<div class="news-wrap">
  <div class="news-main">
    <div class="news-band"></div>

    <div class="news-top">
      <div class="news-hero">
        <img src="https://upforme.ru/uploads/001c/b4/bc/12/896837.png">
        <div class="news-overlay">
          <div class="news-num">news 05</div><br>
          <div class="news-title">Тяжесть — это хорошо Тяжесть — это надежно</div>
        </div>
      </div>

      <div class="news-side">
        <div class="news-admin">
          <div class="news-admin-title">с вами пуля низкого полета</div>
          <div class="news-admin-inner">
            <img src="https://upforme.ru/uploads/001c/b4/bc/12/540527.png">
            <div class="news-admin-meta">
              <span class="news-admin-label">а вообще какой-то</span>
              <span class="news-admin-name">джет</span>
            </div>
          </div>
          <div class="news-admin-note">
... так говорил Борис Бритва и мне сейчас очень тяжело, тяжко, тяжеленно, я не понимаю как писать эти ваши новости, которые в последний раз из под моего пера исходили лет 7-8 назад... но теперече, как изрек джейсон ленин уинстон конфуций, любишь админить, люби и новости рожать. летс го эврибади

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

    <div class="news-ghost">NEWS<br>NEWS</div>

    <div class="news-body">
      <div class="news-textbox">
        <div class="news-box-title">новости форума</div>
        <div class="news-scroll">
          <div class="news-text">
           а с жарой приходит и прожарка
          <br><br>
офигеть, это что, новости реально пишет джет? мы думали он тут типа как талисман с приколами. да! я полноценный, но не полноразмерный админ и теперь обязан с вам общаться вот таким образом. будем знакомы! как хорошо, что в этот раз у меня не обрубило свет, иначе валера казнила бы меня на месте путем насильственного трогания за ляжку. б-р-р. страшно.
          <br><br>
так вот, как переносите июньскую жару? поднимите руки, кто идентифицирует себя плавленым сырком дружба? да, я тоже. ничего, мы ролевики, а значит лишнюю влагу с нашего организма уберем в свои посты! к-х-х-х. что-то я расшутился, поехали о важном.         
          <br><br>
           важное:
<br><br>
✶ так, че там в шпаргалке валери... ой, вот это оказия, я спалился (надо не забыть удалить). а у нас в квартире газ обновился<a href="https://fatumiunget.rusff.me/viewtopic.php?id=19"> банк</a>! новые позиции, свежие предложения и сезонные впечатления! cпешите залутать ништяки, пока местные олигархи все не разобрали!
          <br><br>
✶ кстати о любителях скупить все позиции в банке! cегодня у нас объявлен наурыз, а это значит что? на базаре раздают расходники и артефакты:  4 порции в одни руки! теперь у нас новое ограничительное правило позволяющее менее расторопным покупателям забрать что-нибудь прикольненькое. отныне раз в неделю можно взять только 4 позиции в неделю одному игроку. да-да, твинками обойти систему не получится. расходники можно купить только себе любимому! Дарение запрещено, даже если принесете справку из пнд, что вы не психбольной для нотариуса. вот такие дела.
          <br><br>
✶ в банке изменились цены, инфляция не щадит даже нас, так что платить теперь придется больше!
          <br><br>
✶админы продолжают буйствовать! бешеный принтер заработал на полную и стал клепать репрессивные законы! что на этот раз??
у нас ограничение для твинков. теперь для того, чтобы взять в банке нового персонажа, нужно чтобы на текущих профилях было написано минимум три поста соответствующий пункт внесён в свод <a href="https://fatumiunget.rusff.me/viewtopic.php?id=2#p3">правил </a> проекта.
          <br> <br>
✶ соскучились по гачам? я тоже! вот бы щас стать боссом качалки... ой, это не те гачи. в банке появилась возможность заказа артефакта, но конечный результат может быть рандомным. все как вы знаете и, наверное, любите. я даже придумал слоган. заказ артефакта: превратите свой желанный всё режущий нож в чесалку для жопы с откатом раз в неделю!
             <br> <br>
✶ выкуп внешности теперь разделился на две позиции. ценник в них разный. в одном случае вы можете выкупить внешность для себя, а в другом выкупить для готовой акции, чтобы никакой супостат не забрал личико вашей вайфочки!
          <br><br>
✶ заканчивается ивент <a href="https://fatumiunget.rusff.me/viewtopic.php?id=137#p14114">плейлист </a> персонажа. cпасибо вам за крутой вайб и не менее крутые песни! итоги будут в конце месяца, когда наш массовик-затейник вивитт вернется из кектая.
          <br><br>
✶  у нас все еще действует срок участия в <a href="https://fatumiunget.rusff.me/viewtopic.php?id=177#p22754">филворде</a>, если вдруг кто-то не успевает, шанс еще остается!
<br><br>
✶  пока Джет работает, микрофон перехватывает Валера для важного объявления. мы снова столкнулись с лимитом символов в <a href="https://fatumiunget.rusff.me/viewtopic.php?id=46">бестиарии</a>, поэтому был изменён шаблон для добавления демонов. внимательно его изучайте и с той же внимательностью заполняйте. процесс добавления демонов усложнился, так что будьте аккуратны - достаточно одной меня, которая всё переломает;
<br><br>
✶  в <a href="https://fatumiunget.rusff.me/viewtopic.php?id=2#p3">правила</a> добавлен новый пункт об условиях для твинов. уведомляем. те, кто успел купить купон на второго-третьего твинка до ввода данного правила могут написать нового персонажа без необходимости иметь 3 поста в счётчиках остальных профилей.
<br><br>

в эфире телепередача «в мире сдвг»:
<br><br>
ну вы просто посмотрите на этого <a href="https://fatumiunget.rusff.me/profile.php?id=7">пикси</a>! вот сколько в нем энергии и красоту наводить, и во флуде флудить, и посты писать, ну на все руки крученный верченый! не отстает от него и наша прекрасная <a href="https://fatumiunget.rusff.me/profile.php?id=20">альва</a>. посмотрите, опять ехидничает да кокетничает, а ну не кокетничай, я же щас влюблюсь! а это что? вы слышите вой? а? обратиться к врачу? ну уж нет! это <a href="https://fatumiunget.rusff.me/profile.php?id=26">гоу</a> переполняет псовая сила, на которой он ворвался в топ чарты флуда и не собирается никому уступать! камбек недели же совершила <a href="https://fatumiunget.rusff.me/profile.php?id=31">cиэль</a>. признавайся, затаилась, чтобы мы потеряли бдительность, да как начала баловаться, что всем баловням на зависть. продолжай в том же духе!
<br><br>
✶ ✶ ✶
<br><br>
бесят тухлые вечера, да? скука смертная, заняться нечем, нужно что-нибудь придумать  и срочно, иначе рискуешь остаться столь же тухлым вонючим. вот и троица из симбиота решила, что так дело не пойдет. еак насчет таких запрещенных веществ, от которых башню срывает лучше, чем ракету со стартовой площадки спейс икс? если локи и нашел свой сорт героина в лице или на лице пикси, то инферно все еще находится в поиске идеального наркотика. что из этого выйдет читайте в <a href="https://fatumiunget.rusff.me/viewtopic.php?id=187">каждый день — праздник</a>

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

      <div class="news-info-box">
        <div class="news-episode">
          <div class="news-ep-title">эпизод недели</div>

          <a href="#" class="news-episode-pic">
            <img src="https://upforme.ru/uploads/001c/b4/bc/12/129246.png">
            <span class="news-tip"><b>три сорванные башни</span>
          </a>

          <a href="https://fatumiunget.rusff.me/viewtopic.php?id=187" class="news-ep-name" style="--accent-color: #f2f2f2;">каждый день — праздник</a>
        </div>

        <div class="news-line">
          <div class="news-line-title">активисты</div>
          <div class="news-faces">
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/12/98050.png">
              <span class="news-tip"><b>пикси</b> боб</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/12/153688.png">
              <span class="news-tip"><b>летс</b>гоу</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/12/232011.png">
              <span class="news-tip"><b>приноСИ</b>эль</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/12/359940.png">
              <span class="news-tip"><b>альва</b>матер</span>
            </a>
          </div>
        </div>
<br><br>

     
     
      </div>
    </div>
   <div class="news-dots " style="--accent-color: #4160c3;">
      <span class="news-dot "></span>
      <span class="news-dot "></span>
      <span class="news-dot"></span>
      <span class="news-dot is-black"></span>
      <span class="news-dot is-black"></span>
    </div>
  </div>
</div>
[/html]

[html]
<style>
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');

.news-wrap{
  width:900px;
  margin:0 auto 80px;
  font-family:'Manrope', sans-serif;
  color:#111;
}

.news-main{
  position:relative;
  padding:22px 0 100px;
}

.news-band{
  position:absolute;
  right:0;
  top:82px;
  width:450px;
  height:620px;
  z-index:1;
  background:url('https://i.pinimg.com/1200x/88/f8/7e/88f87ea498e2699cc83f137290d3c426.jpg') center center / cover no-repeat;
  border:1px solid #111;
  box-sizing:border-box;
}

.news-top{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:620px 250px;
  gap:12px;
  align-items:start;
}

.news-hero{
  position:relative;
  border:1px solid #2a2a2a;
  background:#111;
  padding:8px;
  box-sizing:border-box;
}

.news-hero img{
  display:block;
  width:100%;
  height:220px;
  object-fit:cover;
  filter:none;
}

.news-overlay{
  position:absolute;
  left:8px;
  bottom:24px;
  max-width:430px;
}

.news-num{
  display:inline-block;
  background:#111;
  color:#f2f2f2;
  font-family:'Manrope', sans-serif;
  font-size:9px;
  font-weight:800;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:1.2px;
  padding:7px 8px;
  margin:0 0 8px 0;
  border:1px solid rgba(255,255,255,.08);
}

.news-title{
  display:inline-block;
  background:#111;
  color:#fff;
  font-family:'Dela Gothic One', sans-serif;
  font-size:23px;
  line-height:1.02;
  text-transform:uppercase;
  padding:10px 12px;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.08);
}

.news-side{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.news-admin,
.news-info-box{
  width:250px;
  background:
    linear-gradient(rgba(20,20,20,.96), rgba(20,20,20,.96)),
    url('https://i.pinimg.com/1200x/88/f8/7e/88f87ea498e2699cc83f137290d3c426.jpg') center center / cover no-repeat;
  border:1px solid #2a2a2a;
  padding:10px;
  box-sizing:border-box;
}

.news-admin-title,
.news-line-title,
.news-ep-title{
  display:inline-block;
  background:#efefef;
  color:#111;
width: 110px;
  font-family:'Dela Gothic One', sans-serif;
  font-size:10px;
  line-height:1.1;
  text-transform:lowercase;
  padding:7px 8px;
  margin:0 0 8px -10px;
  text-decoration:none;
}

.news-box-title{
  display:inline-block;
  background:#111;
  color:#efefef;
  font-family:'Dela Gothic One', sans-serif;
  font-size:10px;
  line-height:1.1;
  text-transform:lowercase;
  padding:7px 8px;
  margin:0 0 8px -12px;
  text-decoration:none;
}

.news-admin-inner{
  display:flex;
  gap:10px;
  align-items:center;
}

.news-admin img{
  width:48px;
  height:48px;
  object-fit:cover;
  display:block;
  border:1px solid #3a3a3a;
}

.news-admin-meta{
  line-height:1.2;
}

.news-admin-label{
  display:block;
  font-size:8px;
  text-transform:uppercase;
  color:#8d8d8d;
  letter-spacing:.8px;
  font-weight:800;
  margin-bottom:2px;
}

.news-admin-name{
  display:block;
  font-size:12px;
  font-weight:800;
  color:#f2f2f2;
}

.news-admin-note{
  margin-top:8px;
  font-size:10px;
  line-height:1.35;
  color:#c8c8c8;
}

.news-body{
  position:relative;
  z-index:3;
  margin-top:12px;
  display:grid;
  grid-template-columns:620px 250px;
  gap:12px;
  align-items:start;
}

.news-textbox{
  position:relative;
  background:
    linear-gradient(rgba(239,239,239,.97), rgba(239,239,239,.97)),
    url('https://i.pinimg.com/1200x/88/f8/7e/88f87ea498e2699cc83f137290d3c426.jpg') center center / cover no-repeat;
  border:1px solid #2a2a2a;
  padding:12px 12px 12px 0;
  box-sizing:border-box;
  min-height:355px;
}

.news-scroll{
  max-height:330px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:0 6px 0 12px;
  box-sizing:border-box;
  scrollbar-width:thin;
  scrollbar-color:#4a4a4a transparent;
}

.news-scroll::-webkit-scrollbar{ width:4px; }
.news-scroll::-webkit-scrollbar-track{ background:transparent; }
.news-scroll::-webkit-scrollbar-thumb{ background:#4a4a4a; border:none; border-radius:0; }
.news-scroll::-webkit-scrollbar-button{ display:none; width:0; height:0; }

.news-text{
  font-size:11px;
  line-height:1.55;
  color:#3b3b3b;
}

.news-text b{
  font-weight:800;
  color:#111;
}

.news-text a:hover{
  color:#111!important;
  border-bottom-color:#111;
}

.news-info-box{
  position:relative;
  z-index:4;
  margin-top:-20px;
}

.news-episode{
  margin-bottom:10px;
}

.news-ep-title{
  margin-bottom:8px;
}

.news-episode-pic{
  position:relative;
  display:block;
  width:100%;
  height:100px;
  margin-bottom:8px;
}

.news-episode-pic img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border:1px solid #3a3a3a;
  filter:none;
}

.news-ep-name {
  display:block;
  margin-bottom:10px;
  text-decoration:none;
  font-family:'Dela Gothic One', sans-serif;
  font-size:15px;
  line-height:1.1;
  text-transform:lowercase;
  color: var(--accent-color, #b1d836) !important;
}

.news-ep-name hover{
  color: #000000 !important;
}

.news-text a{
  color:#72b400!important;
  text-decoration:none;
  font-weight:700;
}

.news-tip{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  background:rgba(17,17,17,.90);
  color:#fff;
  font-size:9px;
  line-height:1.3;
  padding:6px 7px;
  box-sizing:border-box;
  opacity:0;
  visibility:hidden;
  transition:.2s;
  pointer-events:none;
  z-index:20;
}

.news-tip b{
  display:block;
  color:#efefef;
  margin-bottom:2px;
}

.news-episode-pic:hover .news-tip,
.news-face:hover .news-tip{
  opacity:1;
  visibility:visible;
}

.news-line + .news-line{
  margin-top:10px;
}

.news-faces{
  display:flex;
  flex-wrap:nowrap;
  gap:4px;
}

.news-face{
  position:relative;
  width:53px;
  height:53px;
  display:block;
  flex:0 0 53px;
}

.news-face img{
  width:53px;
  height:53px;
  object-fit:cover;
  display:block;
  border:1px solid #3a3a3a;
}

.news-face .news-tip{
  left:0;
  bottom:57px;
  width:120px;
}

.news-ghost{
  position:absolute;
  left:644px;
  top:150px;
  z-index:2;
  font-family:'Dela Gothic One', sans-serif;
  font-size:66px;
  line-height:.9;
  text-transform:uppercase;
  color:#ffffff;
  opacity:1;
  letter-spacing:2px;
  pointer-events:none;
  user-select:none;
}

.news-dots{
  position:absolute;
  right:320px;
  bottom:5px;
  z-index:4;
  display:flex;
  gap:7px;
}

.news-dot.is-black{
  background:#000000;
}

.news-dot{
  width:85px;
  height:85px;
  border-radius:50%;
  background:var(--accent-color, #b1d836);
  display:block;

}
</style>

<div class="news-wrap">
  <div class="news-main">
    <div class="news-band"></div>

    <div class="news-top">
      <div class="news-hero">
        <img src="https://upforme.ru/uploads/001c/b4/bc/5/956154.png">
        <div class="news-overlay">
          <div class="news-num">news 07</div><br>
          <div class="news-title">ну, где же ручки?<br>где же ваши ручки?</div>
        </div>
      </div>

      <div class="news-side">
        <div class="news-admin">
          <div class="news-admin-title">нихао, епты</div>
          <div class="news-admin-inner">
            <img src="https://upforme.ru/uploads/001c/b4/bc/5/928316.png">
            <div class="news-admin-meta">
              <span class="news-admin-label">с вами сибирская гопота</span>
              <span class="news-admin-name">вивитт</span>
            </div>
          </div>
          <div class="news-admin-note">
           я вернулась из кектая, кто следил за моими приключениями - тот молодец, остальным соболезную, потеряли много камтента. но вот я снова с вами, скоро буду в заебе, так что ловите меня, ловите момент, и погнали!
          </div>
        </div>
      </div>
    </div>

    <div class="news-ghost">NEWS<br>NEWS</div>

    <div class="news-body">
      <div class="news-textbox">
        <div class="news-box-title">новости форума</div>
        <div class="news-scroll">
          <div class="news-text">
           та-ак, сейчас, я уберу свое пиво, достану шпаргалку с текстом и... ого, ничего себе.
          <br><br>
       я уверена, что вы веселились и развлекались как не в себя, судя по тем результатам, что я щедро опишу вам ниже! ого-го, вы не представляете, как приятно видеть вашу заинтересованность и активность! душа радуется, сердце поет... а, постойте, кажется, я начинаю  трезветь. ха-ха, шутка! конечно, я радуюсь вашим подвигам и начинаниям. но прежде, чем перейти к моей любимой рубрике, давайте коротенечко пробежимся по апдейтам.

          <br><br>
          важное:
          <br> <br>
         ✶ пацаны и пацанессы, поздравляю! на форуме прошла первая <a href="https://fatumiunget.rusff.me/viewtopic.php?id=21#p35370">ежемесячная чистка</a>, спасибо джетиксу родному за это. с результатами вы можете ознакомиться по ссылочке. но не спешите расстраиваться, рвать на себе волосы и паниковать! иначе я впиндюрю вам укол с успокоительным прямо в ваши очаровательные, нежные задницы! если ваше имя засветилось на доске позора - вы еще можете его стереть в течение недели. все условия описаны все в той же чистке, читайте внимательно!<br>
         ✶ а что, собственно, делать, чтобы не попадать на эту доску позора? будьте активными и пишите посты, дорогие. если вы забыли, то я ласково напоминаю вам правила для вашего безопасного нахождения на нашем демоническом курорте: пишите хотя бы 1 пост в месяц, пишите хотя бы 1 сообщение во внеигровых темах. даже банальное "привет, пупки-залупки" уже спасет вас. <br>
         ✶ мась, ну, а если вот совсем-совсем не успеваю? ах, ты мой маленький искатель не багов, а фич! для тебя у нас тоже есть выход. только не злоупотребляй им слишком сильно: если вот совсем-совсем реал схватил за жопу и времени не было то, во-первых, оформи лоу, во-вторых, купи в <a href="https://fatumiunget.rusff.me/viewtopic.php?id=19">банке</a> иммунитет, который спасет тебя ровно на одну чистку. <br><br>
<br><br>

постописцы и активисты <br><br>

✶ жесть, вы че творите-то вообще... нет, ну вы видели? видели?? ВЫ НАПИСАЛИ 232 ПОСТА! жесть, вот это я понимаю, продуктивное начало лета... героев нужно знать в лицо.<br><br>

я не знаю, как его остановить. <a href="https://fatumiunget.rusff.me/profile.php?id=8">шэн</a> давал вам фору, сходил в отпуск, а все равно настрочил аж  43 поста за своих микрочелликсов. жесть, братан, иди поспи... откуда столько энергии? гордую цифру в 17 постов выдал еще один потрясающий человече, что не перестает нас удивлять своими золотыми руками и балдежным слогом. этот парниша, я уверена, еще только разгоняется и впереди нас ждет не меньшая лавина прекрасных постов. о ком же я? да разумеется о <a href="https://fatumiunget.rusff.me/profile.php?id=79">дженеле</a>! давай в том же духе. а теперь давайте посмотрим на тех, кому чувство умеренности знакомо: следущей за нашим мутантом идет не девушка, а мечта, роковая красавица и разбивательница моего дряхлого сердца (шучу), а еще настоящая выездная отрезвительница выпивох и руководитель детского садика в моод - потрясающая <a href="https://fatumiunget.rusff.me/profile.php?id=38">дженис</a> и её 16 постов. не останавливайся, надеемся видеть тебя в этой рубрике чаще. такую же . не отстает от них и еще одна роковая сладость с эффектом неожиданности как от васаби в ириске - <a href="https://fatumiunget.rusff.me/profile.php?id=65">дестени</a> и ее четкие 15 постов. вот что значит - нащупать свою нишу, вдохновиться до кончиков пальцев и показать всем, насколько быстры и ловки эти самые пальчики. продолжаем желать дестени такого же неиссякаемого потока вдохновения, надеемся, что это только начало твоего постописецкого пути!<br><br>

✶ но не одними постописцами фатум богат. не забывайте, что у нас еще есть те, кто заряжает наш форум бешеной энергией своим активом! именно о них сейчас и поговорим: <br><br>
иногда мне кажется, что <a href="https://fatumiunget.rusff.me/profile.php?id=7">пикси</a>  - это ии, потому что иначе я не могу объяснить, как он успевает столько активничать и при этом сохранять силы и энергию. в чем твоя магия, маленькая фея с приколом? проведи мастер-класс, я хочу такой же веб-продуктив.  но ладно, оставим молодежь в покое... вы знаете, из-за кого появилась колонка анекдотов в газетах? да-да, вы не ослышались, в активистах недели наш невероятный и потрясающий <a href="https://fatumiunget.rusff.me/profile.php?id=6">джетикс</a>. я в восторге с этого нескончаемого заряда хохм, не останавливайся.  знаете фразу: в тихом омуте черти водятся? так вот, я хочу, чтобы эти черти танцевали все так же активно, слышишь меня, <a href="https://fatumiunget.rusff.me/profile.php?id=20">альва</a>??? крайне приятно и радостно видеть тебя в числе активистов. надеюсь, ты хорошо проведешь отпуск и вернешься к нам снова покорять чарты! нет, ну вы посмотрите на него! <a href="https://fatumiunget.rusff.me/profile.php?id=79">дженел</a> решил, аки многорукий шива, успеть и тут и там. а мы и рады! располагайся во всех чартах, дорогой, и не останавливайся, вари-вари-вари! ты творишь историю своими ручками не только в постах, но и во внеигровом пространстве. <br><br>
<br><br>

ивенты<br><br>

✶ слышите этот звук? это звук обновления <a href="https://fatumiunget.rusff.me/viewtopic.php?id=47#p69">сезонной коллекции</a>. я рада, что некоторые люди собрали тома и джерри, а кто не успел - придется задержаться на форуме подольше, потому что однажды наступит реран. а когда? не скажу. но теперь давайте о новинке: да-да, снова по мультикам. но зато по каким! там очень прикольные эмблемки, а задания не такие сложные, так что агитирую вас всех обязательно попробовать собрать всё! вы ж за это еще и деньгу получите...ну... пожалуйста? давайте собирать коллекции...<br><br>

✶ я наконец-то раздала все свои долги не только в коллекциях, но и в уже прошедшем <a href="https://fatumiunget.rusff.me/viewtopic.php?id=137&p=6#p35496">плейлисте персонажа</a>. всех участников прошу проверить свои профили, награды уже лежат там. а если кому-то чего-то не досталось, то милости прошу ко мне в лс/тг/отправите телеграмму голубями.<br><br>

✶новый месяц - новые ивенты! помимо уже действующих длительных увеселений захотелось сделать для вас что-то легкое, простое и коротенькое. или это начало истории о том, как весь фатум сопьется в <a href="https://fatumiunget.rusff.me/viewtopic.php?id=275#p35702">коктейльной карте</a> — ничего сложного, приключение на 5 минут. задания легкие, короткие, считайте, проще дейликов в гача-игре. зато награды крайне приятные! <br><br>

а читаем мы сегодня  — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=184"> здесь все выжжено</a> за авторством химены и мелиссы. этот эпизод показывает, как в рамусе выстраивается доверие между «своими» — через еду, бытовые разговоры и готовность не давить, а просто быть рядом. здесь видно, что даже у самых диковатых и травмированных новичков есть шанс найти общий язык с теми, кто уже прошёл через подобное, и что в организации есть место не только для бойцов, но и для «кураторов», которые лечат не оружием, а вниманием.<br><br>
          </div>
        </div>
      </div>

      <div class="news-info-box">
        <div class="news-episode">
          <div class="news-ep-title">эпизод недели</div>

          <a href="#" class="news-episode-pic">
            <img src="https://upforme.ru/uploads/001c/b4/bc/5/476457.png">
            <span class="news-tip"><b>я не лезу в твою голову</b> я просто принесла бургеры</span>
          </a>

          <a href="https://fatumiunget.rusff.me/viewtopic.php?id=184" class="news-ep-name"  style="--accent-color: #bb5037;"> здесь все выжжено</a>
        </div>

        <div class="news-line">
          <div class="news-line-title">активисты</div>
          <div class="news-faces">
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/5/308703.png">
              <span class="news-tip"><b>пикси</b>это все магическая пыльца</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/5/676254.png">
              <span class="news-tip"><b>джетикс</b>вот это прикол, приколи?</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/5/462667.png">
              <span class="news-tip"><b>альва</b>милая, но могу и уебать</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/5/73323.png">
              <span class="news-tip"><b>дженел</b>одна нога тут, другая там</span>
            </a>
          </div>
        </div>

        <div class="news-line">
          <div class="news-line-title">постописцы</div>
          <div class="news-faces">
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/5/805784.png">
              <span class="news-tip"><b>шэн</b>киборг-убица</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/5/401657.png">
              <span class="news-tip"><b>дженел</b>опа, че могу</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/5/581407.png">
              <span class="news-tip"><b>дженис</b>не спать, косить-косить</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/5/810469.png">
              <span class="news-tip"><b>дестени</b>покажет мастер-класс</span>
            </a>
          </div>
        </div>

     
     
      </div>
    </div>
   <div class="news-dots" style="--accent-color: #bb5037;">
      <span class="news-dot "></span>
      <span class="news-dot "></span>
      <span class="news-dot"></span>
      <span class="news-dot is-black"></span>
      <span class="news-dot is-black"></span>
    </div>
  </div>
</div>
[/html][hideprofile]

[hideprofile][html]
<style>
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');

.news-wrap{
  width:900px;
  margin:0 auto 80px;
  font-family:'Manrope', sans-serif;
  color:#111;
}

.news-main{
  position:relative;
  padding:22px 0 100px;
}

.news-band{
  position:absolute;
  right:0;
  top:82px;
  width:450px;
  height:620px;
  z-index:1;
  background:url('https://i.pinimg.com/1200x/88/f8/7e/88f87ea498e2699cc83f137290d3c426.jpg') center center / cover no-repeat;
  border:1px solid #111;
  box-sizing:border-box;
}

.news-top{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:620px 250px;
  gap:12px;
  align-items:start;
}

.news-hero{
  position:relative;
  border:1px solid #2a2a2a;
  background:#111;
  padding:8px;
  box-sizing:border-box;
}

.news-hero img{
  display:block;
  width:100%;
  height:220px;
  object-fit:cover;
  filter:none;
}

.news-overlay{
  position:absolute;
  left:8px;
  bottom:24px;
  max-width:430px;
}

.news-num{
  display:inline-block;
  background:#111;
  color:#f2f2f2;
  font-family:'Manrope', sans-serif;
  font-size:9px;
  font-weight:800;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:1.2px;
  padding:7px 8px;
  margin:0 0 8px 0;
  border:1px solid rgba(255,255,255,.08);
}

.news-title{
  display:inline-block;
  background:#111;
  color:#fff;
  font-family:'Dela Gothic One', sans-serif;
  font-size:23px;
  line-height:1.02;
  text-transform:uppercase;
  padding:10px 12px;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.08);
}

.news-side{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.news-admin,
.news-info-box{
  width:250px;
  background:
    linear-gradient(rgba(20,20,20,.96), rgba(20,20,20,.96)),
    url('https://i.pinimg.com/1200x/88/f8/7e/88f87ea498e2699cc83f137290d3c426.jpg') center center / cover no-repeat;
  border:1px solid #2a2a2a;
  padding:10px;
  box-sizing:border-box;
}

.news-admin-title,
.news-line-title,
.news-ep-title{
  display:inline-block;
  background:#efefef;
  color:#111;
width: 110px;
  font-family:'Dela Gothic One', sans-serif;
  font-size:10px;
  line-height:1.1;
  text-transform:lowercase;
  padding:7px 8px;
  margin:0 0 8px -10px;
  text-decoration:none;
}

.news-box-title{
  display:inline-block;
  background:#111;
  color:#efefef;
  font-family:'Dela Gothic One', sans-serif;
  font-size:10px;
  line-height:1.1;
  text-transform:lowercase;
  padding:7px 8px;
  margin:0 0 8px -12px;
  text-decoration:none;
}

.news-admin-inner{
  display:flex;
  gap:10px;
  align-items:center;
}

.news-admin img{
  width:48px;
  height:48px;
  object-fit:cover;
  display:block;
  border:1px solid #3a3a3a;
}

.news-admin-meta{
  line-height:1.2;
}

.news-admin-label{
  display:block;
  font-size:8px;
  text-transform:uppercase;
  color:#8d8d8d;
  letter-spacing:.8px;
  font-weight:800;
  margin-bottom:2px;
}

.news-admin-name{
  display:block;
  font-size:12px;
  font-weight:800;
  color:#f2f2f2;
}

.news-admin-note{
  margin-top:8px;
  font-size:10px;
  line-height:1.35;
  color:#c8c8c8;
}

.news-body{
  position:relative;
  z-index:3;
  margin-top:12px;
  display:grid;
  grid-template-columns:620px 250px;
  gap:12px;
  align-items:start;
}

.news-textbox{
  position:relative;
  background:
    linear-gradient(rgba(239,239,239,.97), rgba(239,239,239,.97)),
    url('https://i.pinimg.com/1200x/88/f8/7e/88f87ea498e2699cc83f137290d3c426.jpg') center center / cover no-repeat;
  border:1px solid #2a2a2a;
  padding:12px 12px 12px 0;
  box-sizing:border-box;
  min-height:355px;
}

.news-scroll{
  max-height:330px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:0 6px 0 12px;
  box-sizing:border-box;
  scrollbar-width:thin;
  scrollbar-color:#4a4a4a transparent;
}

.news-scroll::-webkit-scrollbar{ width:4px; }
.news-scroll::-webkit-scrollbar-track{ background:transparent; }
.news-scroll::-webkit-scrollbar-thumb{ background:#4a4a4a; border:none; border-radius:0; }
.news-scroll::-webkit-scrollbar-button{ display:none; width:0; height:0; }

.news-text{
  font-size:11px;
  line-height:1.55;
  color:#3b3b3b;
}

.news-text b{
  font-weight:800;
  color:#111;
}

.news-text a{
  color:#555!important;
  text-decoration:none;
  font-weight:700;
  border-bottom:1px solid #999;
}

.news-text a:hover{
  color:#111!important;
  border-bottom-color:#111;
}

.news-info-box{
  position:relative;
  z-index:4;
  margin-top:-20px;
}

.news-episode{
  margin-bottom:10px;
}

.news-ep-title{
  margin-bottom:8px;
}

.news-episode-pic{
  position:relative;
  display:block;
  width:100%;
  height:100px;
  margin-bottom:8px;
}

.news-episode-pic img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border:1px solid #3a3a3a;
  filter:none;
}

.news-ep-name {
  display:block;
  margin-bottom:10px;
  text-decoration:none;
  font-family:'Dela Gothic One', sans-serif;
  font-size:15px;
  line-height:1.1;
  text-transform:lowercase;
  color: var(--accent-color, #b1d836) !important;
}

.news-ep-name hover{
  color: #b1d836!important;
}

.news-tip{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  background:rgba(17,17,17,.90);
  color:#fff;
  font-size:9px;
  line-height:1.3;
  padding:6px 7px;
  box-sizing:border-box;
  opacity:0;
  visibility:hidden;
  transition:.2s;
  pointer-events:none;
  z-index:20;
}

.news-tip b{
  display:block;
  color:#efefef;
  margin-bottom:2px;
}

.news-episode-pic:hover .news-tip,
.news-face:hover .news-tip{
  opacity:1;
  visibility:visible;
}

.news-line + .news-line{
  margin-top:10px;
}

.news-faces{
  display:flex;
  flex-wrap:nowrap;
  gap:4px;
}

.news-face{
  position:relative;
  width:53px;
  height:53px;
  display:block;
  flex:0 0 53px;
}

.news-face img{
  width:53px;
  height:53px;
  object-fit:cover;
  display:block;
  border:1px solid #3a3a3a;
}

.news-face .news-tip{
  left:0;
  bottom:57px;
  width:120px;
}

.news-ghost{
  position:absolute;
  left:644px;
  top:150px;
  z-index:2;
  font-family:'Dela Gothic One', sans-serif;
  font-size:66px;
  line-height:.9;
  text-transform:uppercase;
  color:#ffffff;
  opacity:1;
  letter-spacing:2px;
  pointer-events:none;
  user-select:none;
}

.news-dots{
  position:absolute;
  right:320px;
  bottom:5px;
  z-index:4;
  display:flex;
  gap:7px;
}

.news-dot.is-black{
  background:#000000;
}

.news-dot{
  width:85px;
  height:85px;
  border-radius:50%;
  background:var(--accent-color, #b1d836);
  display:block;

}
</style>

<div class="news-wrap">
  <div class="news-main">
    <div class="news-band"></div>

    <div class="news-top">
      <div class="news-hero">
        <img src="https://upforme.ru/uploads/001c/b4/bc/7/517552.png">
        <div class="news-overlay">
          <div class="news-num">news 09</div><br>
          <div class="news-title">случилось интеллектуальное дтп</div>
        </div>
      </div>

      <div class="news-side">
        <div class="news-admin">
          <div class="news-admin-title">улюлю</div>
          <div class="news-admin-inner">
            <img src="https://i.pinimg.com/736x/f8/09/d9/f809d9b7cea9145eee7121d2c18db78f.jpg">
            <div class="news-admin-meta">
              <span class="news-admin-label">хоспаде, да чё сразу</span>
              <span class="news-admin-name">пикси 🌸</span>
            </div>
          </div>
          <div class="news-admin-note">
           мы как в том меме: дрались с джеттом за возможность написать вам новости. я победил, как видите.
          </div>
        </div>
      </div>
    </div>

    <div class="news-ghost">NEWS<br>NEWS</div>

    <div class="news-body">
      <div class="news-textbox">
        <div class="news-box-title">новости форума</div>
        <div class="news-scroll">
          <div class="news-text">
           разгоняюсь до 360 км/ч и вылетаю на встречку
          <br><br>
ПАУ! кароче новости будут такие типа ниче супер важного не произошло, просто пробежимся по всяким темкам, туда-сюда, расслабьтесь и получайте удовольствие кто-то же должен. это валера любит быть грозной мамми и держать всех за причиндалы.
          <br><br>

           чем похвастаемся?:
<br><br>

           ЛАДНО Я НАПИЗДЕЛ, ЧТО НИЧЕГО ВАЖНОГО НЕ БУДЕТ. в последнюю минуту мы решили, что в жизни и так слишком много интриги и лишнюю на форуме тянуть не будем. поэтому...
<br><br>

✶ у <a href="https://fatumiunget.rusff.me/viewtopic.php?id=10#p13">симбиота</a> произошел глобальный апдейт. как каноничное событие одним тихим вечером локи завалился с ахуительной идеей.... а на следующий день, собственно, все уже было готово. <br>
-  если коротко: симбиот решил перестать отсиживаться в стороне и войной пошел на изенгард решил, что они тоже могут что-то сделать в этой борьбе с демонами. на данный момент рагнарёк бета, по факту является бета-версией для ознакомления новой фичи. <br>
- если вы спросите, какое до этого дело какому-нибудь челу из рамуса или хэйлуна то... напомню, что симбиот не просто так симбиот и на данный момент примерно 30% зарегистрированных в термите являются членами других организаций. так что участие не ограничено местной кейпоп-тусовкой. <br>
- в общем, задел на будущее мы уже придумали, будет смешно (нет). система заданий и наград пока формируется и продумывается чтобы адаптировать в сюжет и бла бла бла
<br><br>
<HR>
✶ банк обновился! в этот раз артефактов в дропе не будет, только расходники. а так же обновлений банка до конца лета не планируется. так что запасайтесь расходниками, намекаю, что пора крафтить плюшки и готовиться к сюжетной арке...<br><br>

✶ <a href="https://fatumiunget.rusff.me/viewtopic.php?id=286#p38247">парад двойников</a> чета типа на финишной прямой, следим пока остальные дописывают свои шедевры. до 21го числа еще есть время, так что ждем, читаем, лайкаем. если кто-то не может нащупать концепт, переоценили свои возможности, нет времени или еще какие-то причины, то не бойтесь отказаться, акцию подхватят другие лапки. лучше посрать и опоздать, чем прийти и обосраться. ауф <br><br>

✶ не забываем про <a href="https://fatumiunget.rusff.me/viewtopic.php?id=199#p25185">фуршет</a>. на изи полутать плашечки от шикарных демоняк за посты которые вы и так пишите. <br><br>

✶ в <a href="https://fatumiunget.rusff.me/viewtopic.php?id=198#p25184">цветах лета</a> у нас уже фиолетовая неделя. пастельную все еще можно нагнать, так что врывайтесь. те кто присоединился к нам позже и не успел на первые недели - не расстраивайтесь. основные призы идут за кол-во выполненных недель. даже если не успеете забрать за выполнение всех, то за часть уж точно можно отхватить наград. <br><br>

✶в остальном ничего масштабного больше не было! вдох-выдох. не забывайте отписываться в миссии, осталось полтора месяца. а они, помимо того, что дают возможность пощупать мир, так еще и неплохо так бустят приколы для будущей сюжетной арке, что поможет в будущем всем нам и вам.<br><br>
<br><br>
          звезды недели:
<br><br>
как грица нет ничего более стабильного, чем список пиздунов на форуме. вот они, слева направо: <a href="https://fatumiunget.rusff.me/profile.php?id=31">сиэль</a> стабильно появляется каждый вечер. в этот раз у дамочки два ножа, яб ходил и оглядывался. <a href="https://fatumiunget.rusff.me/profile.php?id=39">мурка</a> в целом  со всех своих персов не дает заскучать. на это неделе радует в основном пикми леоном, пёрфект. <a href="https://fatumiunget.rusff.me/profile.php?id=106">яне</a> лунная призма дала похуизма. детка просто космос, как и всегда! ну и <a href="https://fatumiunget.rusff.me/profile.php?id=7">пикси</a>, да, я и что.
<br><br>
✶ ✶ ✶
<br><br>изначально парочка исследует заброшенный отель, заросший светящимися грибами. джудит проваливается сквозь пол, леопольд ловит её и несёт в медпункт из-за заражения спорами. утром джудит находит спящего спасителя, приносит чай и пытается поблагодарить... а дальше пародийный школьный сёдзё-эпизод про прекрасного принца с чаем, грибное королевство и внезапное сердечное испытание...<a  href="https://fatumiunget.rusff.me/viewtopic.php?id=262">come closer and see</a>
          </div>
        </div>
      </div>

      <div class="news-info-box">
        <div class="news-episode">
          <div class="news-ep-title">эпизод недели</div>

          <a href="#" class="news-episode-pic">
            <img src="https://upforme.ru/uploads/001c/b4/bc/7/619020.png">
            <span class="news-tip"><b>нанюхались грибов, а теперь бедокурят</span>
          </a>

          <a href="https://fatumiunget.rusff.me/viewtopic.php?id=262" class="news-ep-name" style="--accent-color: #f7b8cb;">come closer and see</a>
        </div>

        <div class="news-line">
          <div class="news-line-title">активисты</div>
          <div class="news-faces">
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/7/579981.png">
              <span class="news-tip"><b>сиэль</b>малыха опусти нож</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/7/757296.png">
              <span class="news-tip"><b>мурка</b> пикми атака мурчалова</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/7/662641.png">
              <span class="news-tip"><b>яна</b>призма полна похуизма</span>
            </a>
            <a href="#" class="news-face">
              <img src="https://upforme.ru/uploads/001c/b4/bc/7/988727.png">
              <span class="news-tip"><b>пикси</b>в 5 метрах от вас</span>
            </a>
          </div>
        </div>
<br><br>

     
     
      </div>
    </div>
   <div class="news-dots " style="--accent-color: #f7b8cb;">
      <span class="news-dot "></span>
      <span class="news-dot "></span>
      <span class="news-dot"></span>
      <span class="news-dot is-black"></span>
      <span class="news-dot is-black"></span>
    </div>
  </div>
</div>
[/html]