[html]<div class="glossy-news">
  <style>
    /* === НОВОСТИ === */
    .glossy-news {
      --dark-beige: #B1977C;
      --powder-pink: #F2D5D5;
      --white: #FFFFFF;
      --gray: #EEEEEE;
      --dark-gray: #3C3C3C;
      --link-color: #B5655E;
      --link-hover: #8B4A42;

      font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
      font-size: 14px;
      line-height: 1.6;
      color: var(--dark-gray);
      background: var(--gray);
      max-width: 1000px;
      margin: 0 auto;
      padding: 25px 30px 20px;
      box-sizing: border-box;
      box-shadow: 0 4px 24px rgba(0,0,0,0.06);
      border-radius: 4px;
    }

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

    .glossy-news .journal-header {
      font-family: 'Viaoda Libre', cursive;
      font-weight: 400;
      font-size: 46px;
      letter-spacing: 3px;
      color: var(--dark-gray);
      text-align: center;
      margin: 0 0 8px;
      line-height: 1.2;
      text-transform: uppercase;
    }
    .glossy-news .journal-issue {
      display: block;
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 1px;
      color: var(--dark-beige);
      margin-top: 4px;
      text-transform: none;
      font-family: 'Playfair Display', Georgia, serif;
    }
    .glossy-news .journal-divider {
      width: 80px;
      height: 3px;
      background: var(--powder-pink);
      margin: 12px auto 28px;
      border-radius: 2px;
    }

    .glossy-news .block-title {
      font-family: 'Playfair Display', Georgia, serif;
      font-weight: 700;
      font-size: 26px;
      letter-spacing: 0.5px;
      color: var(--dark-gray);
      margin: 0 0 16px;
      padding-bottom: 8px;
      border-bottom: 2px solid var(--powder-pink);
      position: relative;
    }
    .glossy-news .block-title::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 50px;
      height: 2px;
      background: var(--dark-beige);
    }

    .glossy-news a {
      color: var(--link-color);
      text-decoration: none;
      font-weight: 600;
      transition: color 0.2s, border-bottom 0.2s;
      border-bottom: 1px solid transparent;
    }
    .glossy-news a:hover {
      color: var(--link-hover);
      border-bottom-color: var(--link-hover);
    }

    .glossy-news .row {
      display: flex;
      gap: 24px;
      margin-bottom: 28px;
      align-items: flex-start;
    }
    .glossy-news .row:last-child {
      margin-bottom: 0;
    }

    /* Блок 1: О главном */
    .glossy-news .main-story {
      flex: 1;
      background: var(--white);
      padding: 20px 24px;
      border: 1px solid var(--white);
      border-radius: 6px;
      min-height: 180px;
font-size: 12px;
      word-wrap: break-word;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
      overflow: hidden;
    }
    .glossy-news .main-story .main-image {
      float: left;
      width: 130px;
      height: 190px;
      object-fit: cover;
      margin: 0 18px 12px 0;
      border-radius: 6px;
      border: 1px solid var(--gray);
      background: var(--gray);
    }
    .glossy-news .main-story .story-text p {
      margin: 0 0 12px;
    }

    /* Блок 2: Автор */
    .glossy-news .author-block {
      width: 150px;
      flex-shrink: 0;
      text-align: center;
    }
    .glossy-news .author-avatar {
      width: 120px;
      height: 120px;
      border-radius: 50%;
      overflow: hidden;
      margin: 0 auto 10px;
      background: var(--gray);
      border: 3px solid var(--powder-pink);
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    }
    .glossy-news .author-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .glossy-news .author-name {
      font-family: 'Playfair Display', Georgia, serif;
      font-weight: 700;
      font-size: 20px;
      color: var(--dark-gray);
      margin: 0 0 2px;
      letter-spacing: 0.5px;
    }
    .glossy-news .author-title {
      font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
      font-size: 12px;
      font-weight: 400;
      color: var(--dark-gray);
      opacity: 0.45;
      margin: 0 0 8px;
      font-style: italic;
    }
    .glossy-news .author-quote {
      font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
      font-size: 14px;
      font-style: italic;
      color: var(--dark-beige);
      line-height: 1.4;
      margin: 0;
      opacity: 0.85;
    }

    /* Блок 3: Игровые итоги – ссылки увеличены до 16px */
    .glossy-news .game-results {
      flex: 0 0 160px;
      background: var(--white);
      padding: 20px 14px;
      border-radius: 6px;
      border: 1px solid var(--powder-pink);
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .glossy-news .results-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 6px;
      text-align: left;
    }
    .glossy-news .results-list li {
      font-size: 16px;          /* чтобы и скобки были того же размера */
    }
    .glossy-news .results-list li a {
      display: block;
      padding: 3px 0;
      font-size: 16px;          /* было 12px, теперь 16px */
      line-height: 1.3;
      border-bottom: 1px dotted var(--gray);
      text-align: left;
      font-weight: 500;
    }
    .glossy-news .results-list li:last-child a {
      border-bottom: none;
    }

    .glossy-news .reminders-awards-column {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 24px;
      min-width: 0;
    }

    .glossy-news .reminders {
      background: var(--powder-pink);
      padding: 20px 18px;
      border-radius: 6px;
      border: 1px solid var(--white);
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
    }
    .glossy-news .reminders p {
      margin: 0 0 12px;
    }
    .glossy-news .reminders .reminder-links {
      display: flex;
font-size: 12px;
      flex-direction: column;
      gap: 8px;
    }

    .glossy-news .awards {
      background: #EAE0D5;
      padding: 20px 18px;
      border-radius: 6px;
      border: 1px solid var(--white);
font-size: 12px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
      color: var(--dark-gray);
    }
    .glossy-news .awards p {
      margin: 0 0 12px;
    }
    .glossy-news .awards .award-links {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .glossy-news .awards .award-links a {
      color: var(--link-color);
    }
    .glossy-news .awards .award-links a:hover {
      color: var(--link-hover);
    }
    .glossy-news .awards .block-title {
      border-bottom-color: var(--powder-pink);
    }

    .glossy-news .voice-ny {
      flex: 1;
      background: var(--white);
      padding: 20px 18px;
      border-radius: 6px;
      border: 1px solid var(--white);
      overflow: hidden;
font-size: 12px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .glossy-news .voice-avatar {
      float: left;
      width: 70px;
      height: 70px;
      border-radius: 50%;
      overflow: hidden;
      margin-right: 14px;
      margin-bottom: 8px;
      background: var(--gray);
      border: 2px solid var(--dark-beige);
      shape-outside: circle(50%);
    }
    .glossy-news .voice-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .glossy-news .voice-text {
      text-align: justify;
    }

    .glossy-news .inspiration {
      flex: 1;
      background: var(--white);
      padding: 20px 12px 16px 18px;
      border-radius: 6px;
      border: 1px solid var(--white);
      min-width: 0;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .glossy-news .inspo-scroll {
      display: flex;
      gap: 14px;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 10px;
      scrollbar-width: thin;
      scrollbar-color: var(--dark-beige) var(--gray);
    }
    .glossy-news .inspo-scroll::-webkit-scrollbar {
      height: 6px;
    }
    .glossy-news .inspo-scroll::-webkit-scrollbar-track {
      background: var(--gray);
      border-radius: 3px;
    }
    .glossy-news .inspo-scroll::-webkit-scrollbar-thumb {
      background: var(--dark-beige);
      border-radius: 3px;
    }
    .glossy-news .page {
      scroll-snap-align: start;
      flex: 0 0 200px;
      background: var(--powder-pink);
      padding: 16px 14px;
      border-radius: 6px;
      border: 1px solid var(--white);
      white-space: normal;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    }
    .glossy-news .page-title {
      font-family: 'Playfair Display', serif;
      font-weight: 700;
      font-size: 18px;
      color: var(--dark-gray);
      margin-bottom: 6px;
      letter-spacing: 0.3px;
    }
    .glossy-news .page p {
      margin: 0 0 8px;
      font-size: 12px;
      line-height: 1.5;
    }
    .glossy-news .page a {
      align-self: flex-start;
      font-size: 13px;
    }

    .glossy-news .journal-footer {
      margin-top: 30px;
    }
    .glossy-news .footer-line {
      border: none;
      height: 2px;
      background: linear-gradient(to right, var(--powder-pink), var(--dark-beige), var(--powder-pink));
      margin: 0 0 12px;
      position: relative;
    }
    .glossy-news .footer-line::after {
      content: '◆';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background: var(--gray);
      color: var(--dark-beige);
      font-size: 16px;
      padding: 0 10px;
    }
    .glossy-news .footer-text {
      font-family: 'Playfair Display', Georgia, serif;
      font-style: italic;
      text-align: center;
      color: var(--dark-beige);
      font-size: 16px;
      letter-spacing: 1px;
      margin: 0;
    }

    @media (max-width: 750px) {
      .glossy-news .row {
        flex-direction: column;
      }
      .glossy-news .author-block {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 15px;
        text-align: left;
      }
      .glossy-news .author-avatar {
        width: 80px;
        height: 80px;
        margin: 0;
      }
      .glossy-news .game-results,
      .glossy-news .reminders-awards-column,
      .glossy-news .voice-ny,
      .glossy-news .inspiration {
        flex: unset;
        width: 100%;
      }
    }
  </style>

  <div class="journal-header">
    NEW YORK CONFIDENTIAL
    <span class="journal-issue">№4 · май 2026</span>
  </div>
  <div class="journal-divider"></div>

  <div class="row">
    <div class="main-story">
      <div class="block-title">О главном</div>
      <img src="https://upforme.ru/uploads/001c/1a/2f/357/792467.png?img=28" alt="Иллюстрация" class="main-image">
      <div class="story-text">
        <p>Это что, уже май? Надеюсь, что в прошлую пятницу вам удалось открыть шашлычный сезон (даже если это были фруктовые шашлычки в ресторане — всё равно считается). А я теперь, наконец-то, могу напевать одной девочке «крепче обнимай, май-май-май», не обращая внимания на её протесты. Итак, давайте пробежимся по событиям прошлой недели?</p>
        <p>Огромное спасибо <a href="https://nyc.f-rpg.me/profile.php?id=171"style="color: #616f8c;">Кристоферу</a> за солнечное обновление дизайна. Для вашего удобства есть несколько «режимов». Выбираем понравившийся и сидим на любимом форуме с ещё большим удовольствием. Не знаю, как вам, а мне после такого обновления сразу захотелось писать посты. Кстати, о птичках…</p>
        <p>Супер-пупер чемпионом по написанию постов в апреле становится <a href="https://nyc.f-rpg.me/profile.php?id=4"style="color: #616f8c;">Дэйв</a>! Целых <b>14 постов</b> за месяц. Восхищаемся и поздравляем от всей души. Мистер Эмерсон получает на свой личный счёт 1,000 $. К слову, красотка Алекс почти догнала своего алкомишку. Интересно, получится ли в этот раз у Дэйва сберечь свой кошелёк х)<br>
Все результаты аккуратно разложены по полочкам.
</p>
        <p>Вы уже наверняка заметили, что на форуме теперь появились коллекционные плашки. Что это такое и зачем — подробно описано в соответствующей теме (ссылочку найдёте ниже). Все купленные плашки помещаются на личную страницу. Если у вас её ещё нет, но вы тот ещё шопоголик, то самое время заполнить шаблон (ссылка тоже есть ниже). Кстати, надпись на нижней плашке «new york state of mind» можно совершенно бесплатно заменить на ваш текст.</p>
        <p>Вчера завершилась самая ленивая битва форума, с результатами которой можете ознакомиться ниже. Почему ленивая? Да потому, что от участников ничего сверхъестественного не требовалось. Приятно ведь флудить и получать за это денежки. Напоминаю, что участие всегда добровольное, а если какие-то из условий вам непонятны, то смело пишите в тему «вопросы к амс». Быстро всё разъясним\проясним\подскажем. Как вам такого рода движ? Второй сезон устраивать будем?</p>
        <p>Впереди готовится ещё много интересного. Хотелось бы дописать «далеко не уходим», но завершу этот выпуск по-другому: берегите себя и своих близких, больше гуляйте и кайфуйте. Ведь только в отдохнувшей голове рождаются самые прекрасные идеи и сюжеты.</p>
      </div>
    </div>

    <div class="author-block">
      <div class="author-avatar">
        <img src="https://upforme.ru/uploads/001c/1a/2f/357/413833.png?img=47" alt="Фото автора">
      </div>
      <p class="author-name">Elias Frost</p>
      <p class="author-title">журналист на полставки </p>
      <p class="author-quote">«Ещё один чудесный понедельник»</p>
    </div>
  </div>

  <div class="row">
    <div class="game-results">
      <div class="block-title">Итоги апреля (+84)</div>
      <ul class="results-list">
        <li><a href="https://nyc.f-rpg.me/profile.php?id=4"style="color: #616f8c;">Дэйв (14)</a> </li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=224"style="color: #616f8c;">Алекс (12)</a> </li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=329"style="color: #616f8c;">Като (10)</a></li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=277"style="color: #616f8c;">Джошуа (10)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=115"style="color: #616f8c;">Афина (4)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=380"style="color: #616f8c;">Грейс (4)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=116"style="color: #616f8c;">Роберт (3)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=419"style="color: #616f8c;">Алекс Ш. (3)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=302"style="color: #616f8c;">Тайлер (3)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=357"style="color: #616f8c;">Элай (3)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=384"style="color: #616f8c;">Ремус (2)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=414"style="color: #616f8c;">Чан (2)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=388"style="color: #616f8c;">Ник (2)</a> </li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=276"style="color: #616f8c;">Рэйн (2)</a> </li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=389"style="color: #616f8c;">Сэйдж (1)</a></li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=420"style="color: #616f8c;">Люк (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=418"style="color: #616f8c;">Эрик (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=425"style="color: #616f8c;">Иса(1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=402"style="color: #616f8c;">Ричард (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=403"style="color: #616f8c;">Гилберт (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=422"style="color: #616f8c;">Кейден (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=318"style="color: #616f8c;">Кира (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=3"style="color: #616f8c;">Сэт (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=413"style="color: #616f8c;">Киган (1)</a></li>
         </ul>
    </div>

    <div class="reminders-awards-column">
      <div class="reminders">
        <div class="block-title">Напоминаем</div>
        <p></p>
        <div class="reminder-links">
         <a href="https://nyc.f-rpg.me/viewtopic.php?id=1162&p=9"style="color: #616f8c;">вопросы к амс</a>
Завести личную страницу, задать любой вопрос — всё сюда.
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1400"style="color: #616f8c;">Паззломания 2.0</a>
Новая серия паззлов. На этот раз пройдёмся с вами по самым знаменитым туристическим местам США.
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1405#p251860"style="color: #616f8c;">Коллекционные плашки (лимитки)</a>
Всё про ограниченные серии плашек.
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1078&p=2#p251536"style="color: #616f8c;">плашки</a>
Очередная порция красоты от дяди Джеффа *__* Этот май обещает быть стильным.
        </div>
      </div>

      <div class="awards">
        <div class="block-title">Награждение</div>
        <p>Завершился первый сезон Ленивой битвы! Вы, ребят, просто огонь х) Столько нафлудить! Зато узнали друг друга лучше, что тоже большой плюс. Итак, победила команда под руководством Хомячишки. Всем участникам победившей команды уже начислены призовые 500$ (а кто-то их уже даже потратил, хих). </p>
<p><b>Героев надо знать в лицо:</b> Jang Cheol, Cayden Thorne-Cross, Gilbert Medina, Richard Snyder, Alex Sharm, Grace North, Kira Gray, Rachel Holt, Kato Genji, Jeff Warnke<br>
Помимо активности, ребята ещё взяли и числом. Размазали медвежат прям... Короче сильно очень х)</p>
           <div id="contest-results">
    <style>
        /* Шрифты для красоты (если форум их не грузит) */
        @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,500&family=Montserrat:wght@300;400;500;600&display=swap');

        #contest-results, #contest-results * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        #contest-results {
            max-width: 850px;
            margin: 0 auto;
            font-family: 'Montserrat', 'Cormorant Garamond', Georgia, serif;
        }
        #contest-results .result-block {
            display: flex;
            align-items: center;
            gap: 24px;
            background: linear-gradient(145deg, #fdf2f0, #f2ddd6); /* пудрово-розовый фон */
            border: 1px solid #e7cec3;
            border-radius: 8px;
            padding: 24px 28px;
            box-shadow: 0 8px 20px rgba(0,0,0,0.08);
            margin: 10px 0;
        }
        /* Если победитель — Панда, можно сменить класс на .panda-win (градиент поправить) */
        #contest-results .winner-avatar {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            border: 4px solid #f2e0d5;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            object-fit: cover;
            background: radial-gradient(circle at 30% 30%, #ffe9e2, #e7bba8);
            flex-shrink: 0;
        }
        #contest-results .congrat-text {
            font-size: 14px;
            line-height: 1.7;
            color: #4a3f38;
        }
        #contest-results .congrat-text h2 {
            font-family: 'Playfair Display', Georgia, serif;
            font-size: 22px;
            font-weight: 700;
            color: #5d4037;
            margin-bottom: 8px;
            letter-spacing: 0.3px;
            border-bottom: 2px dotted #c9a78b;
            display: inline-block;
            padding-bottom: 4px;
        }
        #contest-results .congrat-text p {
            margin: 6px 0;
        }
        #contest-results .congrat-text .winner-name {
            font-weight: 700;
            font-size: 16px;
            color: #b8745e;
        }
        @media (max-width: 600px) {
            #contest-results .result-block {
                flex-direction: column;
                text-align: center;
                gap: 16px;
            }
            #contest-results .winner-avatar {
                width: 80px;
                height: 80px;
            }
        }
    </style>

    <div class="result-block">
        <!-- Аватар победителя  -->
        <img src="https://upforme.ru/uploads/001c/1a/2f/357/453301.png"
             alt="Победитель"
             class="winner-avatar">
        <div class="congrat-text">
            <h2>🏆 Итоги ленивой битвы 🏆</h2>
            <p>
                <span class="winner-name">Шеф Хомяк «Запасливый Гурман»</span>
                одержал победу с результатом <strong>80%</strong> голосов!
            </p>
            <p>
                Ну что ж, запасливость и уютный хаос оказались сильнее бамбуковой медитации. Хомяки просто порвали медвежат х) Во-первых, взяли числом! А во-вторых, были какими-то нереально активными. Свои отзывы и пожелания можете писать ниже:)
            </p>
            <p style="font-style:italic; margin-top:10px;">
                Спасибо всем поварятам за участие! Каждое ваше сообщение было важным для Шефа. И в знак благодарности каждому участнику победившей команды начисляется по <b>500$ </b> призовых на личный счёт. <br>
                А Шеф Панда обещает выспаться и взять реванш в следующем соревновании!
            </p>
        </div>
    </div>
</div>   
</div>
    </div>
  </div>

  <div class="row">
    <div class="voice-ny">
      <div class="block-title">Голос Нью-Йорка</div>
      <div class="voice-avatar">
        <img src="https://upforme.ru/uploads/001c/1a/2f/357/281290.png?img=12" alt="Аватар Нью-Йорка">
      </div>
      <div class="voice-text">
        <p>07.05 в США отмечается день туризма. Готовьтесь к путешествию по самым красивым и необычным местам штатов. Бонусы и подарки за старания обеспечены.</p>
    </div>
    </div>

   <div class="inspiration">
      <div class="block-title">Вдохновение</div>
      <div class="inspo-scroll">
        <div class="page">
          <div>
            <div class="page-title">Новинки офф-Бродвея</div>
            <p>новая версия «Ромео и Джульетты» в театре Delacorte</p>
          </div>
          <a href="#"></a>
        </div>
<div class="page">
          <div>
            <div class="page-title">10 мая — День матери</div>
            <p>Воскресенье, 10 мая, в США отмечают День матери, поэтому по всему городу проходят тематические мероприятия</p>
          </div>
          <a href="#"></a>
        </div>
        <div class="page">
          <div>
            <div class="page-title">MLS: Columbus Crew at New York City FC</div>
            <p>На стадионе Yankee Stadium. Отличный повод провести день на бейсбольной арене, наблюдая за игрой в футбол</p>
          </div>
          <a href="#"></a>
        </div>
        <div class="page">
          <div>
            <div class="page-title">Whitney Biennial</div>
            <p>Главное событие в мире современного американского искусства в Whitney Museum of American Art. Биеннале покажет новые работы художников со всей страны. </p>
          </div>
          <a href="#"></a>
        </div>
         </div>
      <p style="font-size:12px; color: var(--dark-beige); margin-top: 8px; font-style: italic;">⟵ Листайте страницы ⟶</p>
    </div>
  </div>

  <div class="journal-footer">
    <div class="footer-line"></div>
    <p class="footer-text">до встречи через неделю</p>
  </div>
</div>[/html]
[hideprofile]

[html]<div class="glossy-news">
  <style>
    /* === НОВОСТИ === */
    .glossy-news {
      --dark-beige: #B1977C;
      --powder-pink: #F2D5D5;
      --white: #FFFFFF;
      --gray: #EEEEEE;
      --dark-gray: #3C3C3C;
      --link-color: #B5655E;
      --link-hover: #8B4A42;

      font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
      font-size: 14px;
      line-height: 1.6;
      color: var(--dark-gray);
      background: var(--gray);
      max-width: 1000px;
      margin: 0 auto;
      padding: 25px 30px 20px;
      box-sizing: border-box;
      box-shadow: 0 4px 24px rgba(0,0,0,0.06);
      border-radius: 4px;
    }

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

    .glossy-news .journal-header {
      font-family: 'Viaoda Libre', cursive;
      font-weight: 400;
      font-size: 46px;
      letter-spacing: 3px;
      color: var(--dark-gray);
      text-align: center;
      margin: 0 0 8px;
      line-height: 1.2;
      text-transform: uppercase;
    }
    .glossy-news .journal-issue {
      display: block;
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 1px;
      color: var(--dark-beige);
      margin-top: 4px;
      text-transform: none;
      font-family: 'Playfair Display', Georgia, serif;
    }
    .glossy-news .journal-divider {
      width: 80px;
      height: 3px;
      background: var(--powder-pink);
      margin: 12px auto 28px;
      border-radius: 2px;
    }

    .glossy-news .block-title {
      font-family: 'Playfair Display', Georgia, serif;
      font-weight: 700;
      font-size: 26px;
      letter-spacing: 0.5px;
      color: var(--dark-gray);
      margin: 0 0 16px;
      padding-bottom: 8px;
      border-bottom: 2px solid var(--powder-pink);
      position: relative;
    }
    .glossy-news .block-title::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 50px;
      height: 2px;
      background: var(--dark-beige);
    }

    .glossy-news a {
      color: var(--link-color);
      text-decoration: none;
      font-weight: 600;
      transition: color 0.2s, border-bottom 0.2s;
      border-bottom: 1px solid transparent;
    }
    .glossy-news a:hover {
      color: var(--link-hover);
      border-bottom-color: var(--link-hover);
    }

    .glossy-news .row {
      display: flex;
      gap: 24px;
      margin-bottom: 28px;
      align-items: flex-start;
    }
    .glossy-news .row:last-child {
      margin-bottom: 0;
    }

    /* Блок 1: О главном */
    .glossy-news .main-story {
      flex: 1;
      background: var(--white);
      padding: 20px 24px;
      border: 1px solid var(--white);
      border-radius: 6px;
      min-height: 180px;
font-size: 12px;
      word-wrap: break-word;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
      overflow: hidden;
    }
    .glossy-news .main-story .main-image {
      float: left;
      width: 130px;
      height: 190px;
      object-fit: cover;
      margin: 0 18px 12px 0;
      border-radius: 6px;
      border: 1px solid var(--gray);
      background: var(--gray);
    }
    .glossy-news .main-story .story-text p {
      margin: 0 0 12px;
    }

    /* Блок 2: Автор */
    .glossy-news .author-block {
      width: 150px;
      flex-shrink: 0;
      text-align: center;
    }
    .glossy-news .author-avatar {
      width: 120px;
      height: 120px;
      border-radius: 50%;
      overflow: hidden;
      margin: 0 auto 10px;
      background: var(--gray);
      border: 3px solid var(--powder-pink);
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    }
    .glossy-news .author-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .glossy-news .author-name {
      font-family: 'Playfair Display', Georgia, serif;
      font-weight: 700;
      font-size: 20px;
      color: var(--dark-gray);
      margin: 0 0 2px;
      letter-spacing: 0.5px;
    }
    .glossy-news .author-title {
      font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
      font-size: 12px;
      font-weight: 400;
      color: var(--dark-gray);
      opacity: 0.45;
      margin: 0 0 8px;
      font-style: italic;
    }
    .glossy-news .author-quote {
      font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
      font-size: 14px;
      font-style: italic;
      color: var(--dark-beige);
      line-height: 1.4;
      margin: 0;
      opacity: 0.85;
    }

    /* Блок 3: Игровые итоги – ссылки увеличены до 16px */
    .glossy-news .game-results {
      flex: 0 0 160px;
      background: var(--white);
      padding: 20px 14px;
      border-radius: 6px;
      border: 1px solid var(--powder-pink);
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .glossy-news .results-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 6px;
      text-align: left;
    }
    .glossy-news .results-list li {
      font-size: 16px;          /* чтобы и скобки были того же размера */
    }
    .glossy-news .results-list li a {
      display: block;
      padding: 3px 0;
      font-size: 16px;          /* было 12px, теперь 16px */
      line-height: 1.3;
      border-bottom: 1px dotted var(--gray);
      text-align: left;
      font-weight: 500;
    }
    .glossy-news .results-list li:last-child a {
      border-bottom: none;
    }

    .glossy-news .reminders-awards-column {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 24px;
      min-width: 0;
    }

    .glossy-news .reminders {
      background: var(--powder-pink);
      padding: 20px 18px;
      border-radius: 6px;
      border: 1px solid var(--white);
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
    }
    .glossy-news .reminders p {
      margin: 0 0 12px;
    }
    .glossy-news .reminders .reminder-links {
      display: flex;
font-size: 12px;
      flex-direction: column;
      gap: 8px;
    }

    .glossy-news .awards {
      background: #EAE0D5;
      padding: 20px 18px;
      border-radius: 6px;
      border: 1px solid var(--white);
font-size: 12px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
      color: var(--dark-gray);
    }
    .glossy-news .awards p {
      margin: 0 0 12px;
    }
    .glossy-news .awards .award-links {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .glossy-news .awards .award-links a {
      color: var(--link-color);
    }
    .glossy-news .awards .award-links a:hover {
      color: var(--link-hover);
    }
    .glossy-news .awards .block-title {
      border-bottom-color: var(--powder-pink);
    }

    .glossy-news .voice-ny {
      flex: 1;
      background: var(--white);
      padding: 20px 18px;
      border-radius: 6px;
      border: 1px solid var(--white);
      overflow: hidden;
font-size: 12px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .glossy-news .voice-avatar {
      float: left;
      width: 70px;
      height: 70px;
      border-radius: 50%;
      overflow: hidden;
      margin-right: 14px;
      margin-bottom: 8px;
      background: var(--gray);
      border: 2px solid var(--dark-beige);
      shape-outside: circle(50%);
    }
    .glossy-news .voice-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .glossy-news .voice-text {
      text-align: justify;
    }

    .glossy-news .inspiration {
      flex: 1;
      background: var(--white);
      padding: 20px 12px 16px 18px;
      border-radius: 6px;
      border: 1px solid var(--white);
      min-width: 0;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .glossy-news .inspo-scroll {
      display: flex;
      gap: 14px;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 10px;
      scrollbar-width: thin;
      scrollbar-color: var(--dark-beige) var(--gray);
    }
    .glossy-news .inspo-scroll::-webkit-scrollbar {
      height: 6px;
    }
    .glossy-news .inspo-scroll::-webkit-scrollbar-track {
      background: var(--gray);
      border-radius: 3px;
    }
    .glossy-news .inspo-scroll::-webkit-scrollbar-thumb {
      background: var(--dark-beige);
      border-radius: 3px;
    }
    .glossy-news .page {
      scroll-snap-align: start;
      flex: 0 0 200px;
      background: var(--powder-pink);
      padding: 16px 14px;
      border-radius: 6px;
      border: 1px solid var(--white);
      white-space: normal;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    }
    .glossy-news .page-title {
      font-family: 'Playfair Display', serif;
      font-weight: 700;
      font-size: 18px;
      color: var(--dark-gray);
      margin-bottom: 6px;
      letter-spacing: 0.3px;
    }
    .glossy-news .page p {
      margin: 0 0 8px;
      font-size: 12px;
      line-height: 1.5;
    }
    .glossy-news .page a {
      align-self: flex-start;
      font-size: 13px;
    }

    .glossy-news .journal-footer {
      margin-top: 30px;
    }
    .glossy-news .footer-line {
      border: none;
      height: 2px;
      background: linear-gradient(to right, var(--powder-pink), var(--dark-beige), var(--powder-pink));
      margin: 0 0 12px;
      position: relative;
    }
    .glossy-news .footer-line::after {
      content: '◆';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background: var(--gray);
      color: var(--dark-beige);
      font-size: 16px;
      padding: 0 10px;
    }
    .glossy-news .footer-text {
      font-family: 'Playfair Display', Georgia, serif;
      font-style: italic;
      text-align: center;
      color: var(--dark-beige);
      font-size: 16px;
      letter-spacing: 1px;
      margin: 0;
    }

    @media (max-width: 750px) {
      .glossy-news .row {
        flex-direction: column;
      }
      .glossy-news .author-block {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 15px;
        text-align: left;
      }
      .glossy-news .author-avatar {
        width: 80px;
        height: 80px;
        margin: 0;
      }
      .glossy-news .game-results,
      .glossy-news .reminders-awards-column,
      .glossy-news .voice-ny,
      .glossy-news .inspiration {
        flex: unset;
        width: 100%;
      }
    }
  </style>

  <div class="journal-header">
    NEW YORK CONFIDENTIAL
    <span class="journal-issue">№5 · май 2026</span>
  </div>
  <div class="journal-divider"></div>

  <div class="row">
    <div class="main-story">
      <div class="block-title">О главном</div>
      <img src="https://upforme.ru/uploads/001c/1a/2f/357/792467.png?img=28" alt="Иллюстрация" class="main-image">
      <div class="story-text">
        <p>Всем привет! В этот приятный свободный понедельник спешу к вам с очередной порцией новостей. Не буду напоминать про прогулки, уборку, грядки и шашлыки. Уверен, что за выходные вы со всем справились на ура. Перейдём сразу к делу.</p>
        <p>Новый месяц, а это значит, что у нас новый подсчёт ваших постов. Напоминаю, что по итогу месяца, самый активный постописец получит приятный бонус. Героем апреля стал Дэйв. А кто станет майским? Стартанули довольно неплохо. Рад, что помимо отдыха вы находите время порадовать своих драгоценных соигроков.</p>
        <p>Обновилась «Паззломания». На этой неделе у нас тема «деревья Нью-Йорка». Любителям паззлов и лёгких деньжат посвящается. Как обычно, три уровня. Вы можете собрать все три разом или по отдельности.<br>
Потерянная группа туристов в «Бродилке» уже почти на финишной прямой. Официально заявляю, что самый хитрый турист — Иса! Сперва сбила с толку Чан Чоля, а потом стащила из-под носа Дэйва рюкзак с припасами. Теперь добралась до Кейдена. Надеемся и верим, что хотя бы он не пострадает.
</p>
        <p>Обновилась тема «Коллекционных плашек». Предыдущий набор больше недоступен для покупки. Если вам понравилась плашка, но вы пока не хотите её надевать, то при покупке всегда можно указать «на личную страницу». Мы её аккуратненько положим на полку, чтобы вы потом могли переодеться в любой момент.</p>
        <p>Просьба пройтись по своим эпизодам, чтобы выявить среди них неактуальные (которые можно прибрать в коробку архива). Со всеми ссылочками ждём в теме «вопросы к амс».
Не забывайте отмечаться в теме «отсутствия», если вдруг вас взяли в огородное или рабочее рабство, чтобы мы и ваши соигроки не паниковали и не теряли вас.
</p>
        <p>Сегодня стартовал второй сезон «Ленивой битвы». Герои всё те же, а вот условия немного изменились. Теперь это уже не командный спорт, а каждый сам за себя. Но тем не менее, битва остаётся ленивой. Подсчёт производится ведущим. Вам остаётся только зарегистрироваться.<br>
На этом пока всё:) Через неделю вас ждёт новый пчелиный движ, не пропустите.
</p>
      </div>
    </div>

    <div class="author-block">
      <div class="author-avatar">
        <img src="https://upforme.ru/uploads/001c/1a/2f/357/413833.png?img=47" alt="Фото автора">
      </div>
      <p class="author-name">Elias Frost</p>
      <p class="author-title">журналист на полставки </p>
      <p class="author-quote">«Лучший понедельник — это выходной»</p>
    </div>
  </div>

  <div class="row">
    <div class="game-results">
      <div class="block-title">Итоги с 01.05 (+26)</div>
      <ul class="results-list">
        <li><a href="https://nyc.f-rpg.me/profile.php?id=4"style="color: #616f8c;">Дэйв (1)</a> </li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=224"style="color: #616f8c;">Алекс (2)</a> </li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=329"style="color: #616f8c;">Като (4)</a></li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=277"style="color: #616f8c;">Джошуа (6)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=115"style="color: #616f8c;">Афина (3)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=116"style="color: #616f8c;">Роберт (3)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=384"style="color: #616f8c;">Ремус (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=414"style="color: #616f8c;">Чан (2)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=420"style="color: #616f8c;">Люк (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=425"style="color: #616f8c;">Иса(1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=403"style="color: #616f8c;">Гилберт (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=248"style="color: #616f8c;">Рейчел (1)</a></li>
         </ul>
    </div>

    <div class="reminders-awards-column">
      <div class="reminders">
        <div class="block-title">Напоминаем</div>
        <p></p>
        <div class="reminder-links">
         <a href="https://nyc.f-rpg.me/viewtopic.php?id=1405#p252938"style="color: #616f8c;">коллекция четыре стихии</a>
Вторая коллекция посвящена четырём стихиям. Данная коллекция доступна для покупки до 18.05. Цвет нижней плашки по желанию выставляется в тон анимации (бесплатно).
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1405#p252946"style="color: #616f8c;">самый милый пак</a>
Третья коллекция родилась совершенно спонтанной. Эта милота доступна для покупки до 15.06. Обращаю ваше внимание, что цена на неё снижена. Вот допишу выпуск и пойду что-нибудь выберу *__*
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1400#p252913"style="color: #616f8c;">паззломания 2.0</a>
На этой неделе собираем красивые деревья Нью-Йорка.
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1409#p252924"style="color: #616f8c;">ленивая битва 2.0</a>
Второй сезон ленивой битвы. Отрадно видеть, что уже есть первые записавшиеся. На этот раз условия немного изменились. Каждому игроку предстоит отстаивать исключительно свои интересы. Но и призы изменились тоже. Теперь каждый участник гарантированно получит денежное вознаграждение, а победитель... Да что я вам тут рассказываю? Сходите и посмотрите сами:)
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1406"style="color: #616f8c;">бродилка в честь дня туризма</a>
Путешествие движется к своему завершению, но говорить о возможных победителях ещё рано. Отстающие ребята почти вырвались вперёд, покорив капризную даму — Удачу. Участие ещё можно принять (хотя бы соберёте немного бонусов). В комментариях просьба отметить как вам такого рода движуха и стоит ли делать путь более длинным и более богатым на подводные камни и бонусы.
        </div>
      </div>

      <div class="awards">
        <div class="block-title">Как заработать мильон</div>
        <p>Коротко пройдёмся по вашим возможностям:</p>
<p><b>1. Посты:</b> тут всё очень просто. Пишем посты, отмечаемся в банке, пополняем свой счёт. Цена зависит от объёма, частоты и скорости вашего ответа</p>
<p><b>2. Игровая активность:</b> любой новый открытый эпизод — повод получить денежку на счёт. За открытие (как и за завершение) денежное поощрение получают оба игрока.</p>           
<p><b>3. Тема из раздела «Вдохновение»:</b> внизу каждого выпуска новостей есть блок «Вдохновение», в котором отражены предстоящие мероприятия и события Нью-Йорка. Если берёте что-то из предложенного на отыгрыш или хотя бы упоминаете это в своём посте (например, ваш персонаж вспомнил, как в прошлом месяце смотрел постановку на Бродвее), то ваш пост становится дороже на 100$</p>
<p><b>4. Внефорумная активность:</b> установка нашего баннера в вашем профиле на Рено или ЛИЛе принесут дополнительную 1,000$ (как и отзывы в топах).</p>
<p><b>5. Движ:</b> участие в конкурсах, флешмобах, сборка паззлов тоже могут увеличить ваш счёт.</p> 
<p><b>6. Пиар:</b> данный пункт для самых безбашенных. Вам плюс, форуму плюс, нам приятно:)</p>
<p><b>7. Перевод:</b> слёзно просить друга перевести или занять (тут кому как удобнее) деньжат. Переводы осуществляются без комиссии.</p>
     </div>
      </div>
    </div>

  <div class="row">
    <div class="voice-ny">
      <div class="block-title">Голос Нью-Йорка</div>
      <div class="voice-avatar">
        <img src="https://upforme.ru/uploads/001c/1a/2f/357/281290.png?img=12" alt="Аватар Нью-Йорка">
      </div>
      <div class="voice-text">
        <p>На этой неделе активно обнимаемся с деревьями и готовимся к большому пчелиному событию.</p>
    </div>
    </div>

   <div class="inspiration">
      <div class="block-title">Вдохновение</div>
      <div class="inspo-scroll">
        <div class="page">
          <div>
            <div class="page-title">Ninth Avenue International Food Festival</div>
            <p>на Ninth Avenue в Hell's Kitchen пройдет один из старейших и крупнейших фестивалей еды в Нью-Йорке. Гостей ждут десятки ресторанов, ремесленные товары и живая музыка</p>
          </div>
          <a href="#"></a>
        </div>
<div class="page">
          <div>
            <div class="page-title">Queens International Night Market</div>
            <p>Этот популярный ночной рынок в парке Флашинг-Медоуз-Корона Park стартует с 16 мая. По субботам здесь можно попробовать блюда со всего мира по доступным ценам</p>
          </div>
          <a href="#"></a>
        </div>
        <div class="page">
          <div>
            <div class="page-title">Бродвейские мюзиклы</div>
            <p>Продолжается показ культовых постановок. Среди самых популярных — "Гамильтон" в Richard Rodgers Theatre, "Moulin Rouge!" в Al Hirschfeld Theatre и "The Lion King" в Minskoff Theatre</p>
          </div>
          <a href="#"></a>
        </div>
        <div class="page">
          <div>
            <div class="page-title">Frieze New York</div>
            <p>Самое престижное событие, которое пройдет в культурном центре The Shed в Hudson Yards. Ярмарка славится солидной программой и участием ведущих мировых галерей</p>
          </div>
          <a href="#"></a>
        </div>
         </div>
      <p style="font-size:12px; color: var(--dark-beige); margin-top: 8px; font-style: italic;">⟵ Листайте страницы ⟶</p>
    </div>
  </div>

  <div class="journal-footer">
    <div class="footer-line"></div>
    <p class="footer-text">до встречи через неделю</p>
  </div>
</div>
[/html]
[hideprofile]

[html]<div class="glossy-news">
  <style>
    /* === НОВОСТИ === */
    .glossy-news {
      --dark-beige: #B1977C;
      --powder-pink: #F2D5D5;
      --white: #FFFFFF;
      --gray: #EEEEEE;
      --dark-gray: #3C3C3C;
      --link-color: #B5655E;
      --link-hover: #8B4A42;

      font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
      font-size: 14px;
      line-height: 1.6;
      color: var(--dark-gray);
      background: var(--gray);
      max-width: 1000px;
      margin: 0 auto;
      padding: 25px 30px 20px;
      box-sizing: border-box;
      box-shadow: 0 4px 24px rgba(0,0,0,0.06);
      border-radius: 4px;
    }

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

    .glossy-news .journal-header {
      font-family: 'Viaoda Libre', cursive;
      font-weight: 400;
      font-size: 46px;
      letter-spacing: 3px;
      color: var(--dark-gray);
      text-align: center;
      margin: 0 0 8px;
      line-height: 1.2;
      text-transform: uppercase;
    }
    .glossy-news .journal-issue {
      display: block;
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 1px;
      color: var(--dark-beige);
      margin-top: 4px;
      text-transform: none;
      font-family: 'Playfair Display', Georgia, serif;
    }
    .glossy-news .journal-divider {
      width: 80px;
      height: 3px;
      background: var(--powder-pink);
      margin: 12px auto 28px;
      border-radius: 2px;
    }

    .glossy-news .block-title {
      font-family: 'Playfair Display', Georgia, serif;
      font-weight: 700;
      font-size: 26px;
      letter-spacing: 0.5px;
      color: var(--dark-gray);
      margin: 0 0 16px;
      padding-bottom: 8px;
      border-bottom: 2px solid var(--powder-pink);
      position: relative;
    }
    .glossy-news .block-title::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 50px;
      height: 2px;
      background: var(--dark-beige);
    }

    .glossy-news a {
      color: var(--link-color);
      text-decoration: none;
      font-weight: 600;
      transition: color 0.2s, border-bottom 0.2s;
      border-bottom: 1px solid transparent;
    }
    .glossy-news a:hover {
      color: var(--link-hover);
      border-bottom-color: var(--link-hover);
    }

    .glossy-news .row {
      display: flex;
      gap: 24px;
      margin-bottom: 28px;
      align-items: flex-start;
    }
    .glossy-news .row:last-child {
      margin-bottom: 0;
    }

    /* Блок 1: О главном */
    .glossy-news .main-story {
      flex: 1;
      background: var(--white);
      padding: 20px 24px;
      border: 1px solid var(--white);
      border-radius: 6px;
      min-height: 180px;
font-size: 12px;
      word-wrap: break-word;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
      overflow: hidden;
    }
    .glossy-news .main-story .main-image {
      float: left;
      width: 130px;
      height: 190px;
      object-fit: cover;
      margin: 0 18px 12px 0;
      border-radius: 6px;
      border: 1px solid var(--gray);
      background: var(--gray);
    }
    .glossy-news .main-story .story-text p {
      margin: 0 0 12px;
    }

    /* Блок 2: Автор */
    .glossy-news .author-block {
      width: 150px;
      flex-shrink: 0;
      text-align: center;
    }
    .glossy-news .author-avatar {
      width: 120px;
      height: 120px;
      border-radius: 50%;
      overflow: hidden;
      margin: 0 auto 10px;
      background: var(--gray);
      border: 3px solid var(--powder-pink);
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    }
    .glossy-news .author-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .glossy-news .author-name {
      font-family: 'Playfair Display', Georgia, serif;
      font-weight: 700;
      font-size: 20px;
      color: var(--dark-gray);
      margin: 0 0 2px;
      letter-spacing: 0.5px;
    }
    .glossy-news .author-title {
      font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
      font-size: 12px;
      font-weight: 400;
      color: var(--dark-gray);
      opacity: 0.45;
      margin: 0 0 8px;
      font-style: italic;
    }
    .glossy-news .author-quote {
      font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
      font-size: 14px;
      font-style: italic;
      color: var(--dark-beige);
      line-height: 1.4;
      margin: 0;
      opacity: 0.85;
    }

    /* Блок 3: Игровые итоги – ссылки увеличены до 16px */
    .glossy-news .game-results {
      flex: 0 0 160px;
      background: var(--white);
      padding: 20px 14px;
      border-radius: 6px;
      border: 1px solid var(--powder-pink);
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .glossy-news .results-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 6px;
      text-align: left;
    }
    .glossy-news .results-list li {
      font-size: 16px;          /* чтобы и скобки были того же размера */
    }
    .glossy-news .results-list li a {
      display: block;
      padding: 3px 0;
      font-size: 16px;          /* было 12px, теперь 16px */
      line-height: 1.3;
      border-bottom: 1px dotted var(--gray);
      text-align: left;
      font-weight: 500;
    }
    .glossy-news .results-list li:last-child a {
      border-bottom: none;
    }

    .glossy-news .reminders-awards-column {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 24px;
      min-width: 0;
    }

    .glossy-news .reminders {
      background: var(--powder-pink);
      padding: 20px 18px;
      border-radius: 6px;
      border: 1px solid var(--white);
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
    }
    .glossy-news .reminders p {
      margin: 0 0 12px;
    }
    .glossy-news .reminders .reminder-links {
      display: flex;
font-size: 12px;
      flex-direction: column;
      gap: 8px;
    }

    .glossy-news .awards {
      background: #EAE0D5;
      padding: 20px 18px;
      border-radius: 6px;
      border: 1px solid var(--white);
font-size: 12px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
      color: var(--dark-gray);
    }
    .glossy-news .awards p {
      margin: 0 0 12px;
    }
    .glossy-news .awards .award-links {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .glossy-news .awards .award-links a {
      color: var(--link-color);
    }
    .glossy-news .awards .award-links a:hover {
      color: var(--link-hover);
    }
    .glossy-news .awards .block-title {
      border-bottom-color: var(--powder-pink);
    }

    .glossy-news .voice-ny {
      flex: 1;
      background: var(--white);
      padding: 20px 18px;
      border-radius: 6px;
      border: 1px solid var(--white);
      overflow: hidden;
font-size: 12px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .glossy-news .voice-avatar {
      float: left;
      width: 70px;
      height: 70px;
      border-radius: 50%;
      overflow: hidden;
      margin-right: 14px;
      margin-bottom: 8px;
      background: var(--gray);
      border: 2px solid var(--dark-beige);
      shape-outside: circle(50%);
    }
    .glossy-news .voice-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .glossy-news .voice-text {
      text-align: justify;
    }

    .glossy-news .inspiration {
      flex: 1;
      background: var(--white);
      padding: 20px 12px 16px 18px;
      border-radius: 6px;
      border: 1px solid var(--white);
      min-width: 0;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .glossy-news .inspo-scroll {
      display: flex;
      gap: 14px;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 10px;
      scrollbar-width: thin;
      scrollbar-color: var(--dark-beige) var(--gray);
    }
    .glossy-news .inspo-scroll::-webkit-scrollbar {
      height: 6px;
    }
    .glossy-news .inspo-scroll::-webkit-scrollbar-track {
      background: var(--gray);
      border-radius: 3px;
    }
    .glossy-news .inspo-scroll::-webkit-scrollbar-thumb {
      background: var(--dark-beige);
      border-radius: 3px;
    }
    .glossy-news .page {
      scroll-snap-align: start;
      flex: 0 0 200px;
      background: var(--powder-pink);
      padding: 16px 14px;
      border-radius: 6px;
      border: 1px solid var(--white);
      white-space: normal;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    }
    .glossy-news .page-title {
      font-family: 'Playfair Display', serif;
      font-weight: 700;
      font-size: 18px;
      color: var(--dark-gray);
      margin-bottom: 6px;
      letter-spacing: 0.3px;
    }
    .glossy-news .page p {
      margin: 0 0 8px;
      font-size: 12px;
      line-height: 1.5;
    }
    .glossy-news .page a {
      align-self: flex-start;
      font-size: 13px;
    }

    .glossy-news .journal-footer {
      margin-top: 30px;
    }
    .glossy-news .footer-line {
      border: none;
      height: 2px;
      background: linear-gradient(to right, var(--powder-pink), var(--dark-beige), var(--powder-pink));
      margin: 0 0 12px;
      position: relative;
    }
    .glossy-news .footer-line::after {
      content: '◆';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background: var(--gray);
      color: var(--dark-beige);
      font-size: 16px;
      padding: 0 10px;
    }
    .glossy-news .footer-text {
      font-family: 'Playfair Display', Georgia, serif;
      font-style: italic;
      text-align: center;
      color: var(--dark-beige);
      font-size: 16px;
      letter-spacing: 1px;
      margin: 0;
    }

    @media (max-width: 750px) {
      .glossy-news .row {
        flex-direction: column;
      }
      .glossy-news .author-block {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 15px;
        text-align: left;
      }
      .glossy-news .author-avatar {
        width: 80px;
        height: 80px;
        margin: 0;
      }
      .glossy-news .game-results,
      .glossy-news .reminders-awards-column,
      .glossy-news .voice-ny,
      .glossy-news .inspiration {
        flex: unset;
        width: 100%;
      }
    }
  </style>

  <div class="journal-header">
    NEW YORK CONFIDENTIAL
    <span class="journal-issue">№6 · май 2026</span>
  </div>
  <div class="journal-divider"></div>

  <div class="row">
    <div class="main-story">
      <div class="block-title">О главном</div>
      <img src="https://upforme.ru/uploads/001c/1a/2f/357/792467.png?img=28" alt="Иллюстрация" class="main-image">
      <div class="story-text">
        <p>Для начала хочется сказать спасибо за поддержку — выпуск пришлось перенести по независящим от меня причинам, но вы всё равно там накидали лайков:) Ну всё, а теперь погнали подытоживать итоги!</p>
        <p>Май почти уже передал полномочия июню. Если честно, то глядя на свою «жару» за окном (шутка ли, целых +10!) даже не верится, что на следующей неделе уже лето. Надеюсь, что у вас ситуация с погодой получше и вы уже успели как следует прогреть свои косточки на жарком солнце.</p>
        <p>Вы так активно пишете *___* Моё сердешко ликует прям. В этом месяце побъём рекорд по общему количеству — 100%! А пока любуемся списком ваших достижений.<br>
Тема Паззломании этой недели посвящается прекрасным и грациозным скакунам в честь предстоящего дня конника (26.05) — «Дикая красота».  Вы можете собрать все три разом или по отдельности. Собираем, зарабатываем, тратим.
</p>
        <p>Туристическая «бродилка» завершилась победой Дэйва. Этот хитрец обошёл всех и свалил на вертолёте, заработав много денег. Поговаривают, что оставшихся туристов забрали не сразу. Ребят, обязательно проверьте себя и свои рюкзаки, чтобы не привезти кого-нибудь с собой случайно из леса…</p>
        <p>Там побродили, теперь бродим по жужжащей пасеке, помогая пчёлам добраться до медовой вечеринки. Присоединиться можно прям вот сейчас. Вы в любом случае получите баблишко + бонусы, если попадёте на нужную ячейку. Игровое поле обновляется ориентировочно в 19-20 по мск (в зависимости от того, насколько сильно я бессовестно себя веду и ломаю график отдыха:)
</p>
        <p>Вчера подвезли новую коллекцию плашек и ходят слухи, что скоро будет ещё одна. Четвёртый пак вышел стильно-медовым, а вот пятый… а это секрет.
</p>
<p>«Ленивая битва 2.0» продлена до 01 июня, так что любители поболтать ещё успевают присоединиться. Правила участия найдёте по ссылке ниже.
</p>
<p>На этом пока всё:) Удаляюсь в свой уголок, чтобы никто не уволок и активно грущу без Рейчел.
</p>
      </div>
    </div>

    <div class="author-block">
      <div class="author-avatar">
        <img src="https://upforme.ru/uploads/001c/1a/2f/357/413833.png?img=47" alt="Фото автора">
      </div>
      <p class="author-name">Elias Frost</p>
      <p class="author-title">журналист на полставки </p>
      <p class="author-quote">«Как так уже почти июнь?!»</p>
    </div>
  </div>

  <div class="row">
    <div class="game-results">
      <div class="block-title">Игровые итоги (+45)</div>
      <ul class="results-list">
        <li><a href="https://nyc.f-rpg.me/profile.php?id=4"style="color: #616f8c;">Дэйв (9)</a> </li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=224"style="color: #616f8c;">Алекс (10)</a> </li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=329"style="color: #616f8c;">Като (4)</a></li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=277"style="color: #616f8c;">Джошуа (6)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=115"style="color: #616f8c;">Афина (3)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=116"style="color: #616f8c;">Роберт (3)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=388"style="color: #616f8c;">Ник (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=380"style="color: #616f8c;">Грейс (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=302"style="color: #616f8c;">Тайлер (3)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=422"style="color: #616f8c;">Кейден (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=419"style="color: #616f8c;">Алекс Ш. (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=432"style="color: #616f8c;">Нора (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=387"style="color: #616f8c;">Кристал (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=402"style="color: #616f8c;">Ричард (1)</a></li>
         </ul>
    </div>

    <div class="reminders-awards-column">
      <div class="reminders">
        <div class="block-title">Напоминаем</div>
        <p></p>
        <div class="reminder-links">
         <a href="https://nyc.f-rpg.me/viewtopic.php?id=1405#p255132"style="color: #616f8c;">медовая коллекция</a>
Четвёртая коллекция посвящена медовой теме, завершая собой сладкую неделю. Доступна для покупки до 01.06. Цвет нижней плашки по желанию выставляется в тон выбранной плашки(бесплатно).
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1400#p255177"style="color: #616f8c;">паззломания 2.0</a>
На этой неделе собираем лошадок-лошадулечек. Есть очень красивый мульт «Спирит». Рекомендую всем любителям красивой анимации и музыкального сопровождения.
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1409#p252924"style="color: #616f8c;">ленивая битва 2.0</a>
Второй сезон ленивой битвы продолжается. Уже есть промежуточные итоги, но даже если вы присоединитесь только сейчас — впереди ещё целая неделя и вполне можно постараться обогнать болтушку Чоля:)
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1417"style="color: #616f8c;">бродилка в честь дня пчёл</a>
Участники только-только начали. Присоединяйтесь, если не боитесь, что будете потом весь день напевать песню про пчёл и пчеловодов. Алекс вон уже вовсю этим занимается во флуде, хих
        </div>
      </div>

      <div class="awards">
<div class="block-title">Добро пожаловать</div>
        <p>Приветствуем прекрасных дам. И не просто прекрасных, а ещё и активных — сразу же упали в игровые эпизоды. Девчата, обязательно загляните в тему <a href="https://nyc.f-rpg.me/viewtopic.php?id=1393"style="color: #616f8c;">беспроигрышной лотереи</a>, если ещё этого не сделали. Желаем вам приятной игры и крутых соигроков! Заглядывайте во флуд, чтобы мы могли вас узнать получше</p>
        <div class="award-links">
          <a href="https://nyc.f-rpg.me/profile.php?id=436"style="color: #616f8c;">Marta Holt</a>
          <a href="https://nyc.f-rpg.me/profile.php?id=432"style="color: #616f8c;">Nora Fletcher</a>
          </div>
</div>
      </div>
    </div>

  <div class="row">
    <div class="voice-ny">
      <div class="block-title">Голос Нью-Йорка</div>
      <div class="voice-avatar">
        <img src="https://upforme.ru/uploads/001c/1a/2f/357/281290.png?img=12" alt="Аватар Нью-Йорка">
      </div>
      <div class="voice-text">
        <p>На этой неделе активно разминаем пальчики и готовимся к движу, рассчитанному аж на три месяца. Да-да, на всё лето.</p>
    </div>
    </div>

   <div class="inspiration">
      <div class="block-title">Вдохновение</div>
      <div class="inspo-scroll">
        <div class="page">
          <div>
            <div class="page-title">JAPAN Fes New York</div>
            <p>Яркий гастрономический фестиваль японской уличной еды</p>
          </div>
          <a href="#"></a>
        </div>
<div class="page">
          <div>
            <div class="page-title">South Bronx Culture Festival</div>
            <p>Ежегодный уличный фестиваль искусств, объединяющий музыку, танцы и выступления локальных художников в парке St. Mary‘s Park</p>
          </div>
          <a href="#"></a>
        </div>
        <div class="page">
          <div>
            <div class="page-title">Home Goods Bazaar</div>
            <p>Маркет для тех, кто хочет обновить интерьер, — стильные предметы для дома от локальных мастеров на Гранд-Базаре</p>
          </div>
          <a href="#"></a>
        </div>
        <div class="page">
          <div>
            <div class="page-title">Marquee Skydeck at Edge</div>
            <p>Танцевальная вечеринка на высоте 100 этажей с панорамным видом на город — в эти выходные играют Gareth Emery и MK. Дресс-код и возрастное ограничение 21+</p>
          </div>
          <a href="#"></a>
        </div>
         </div>
      <p style="font-size:12px; color: var(--dark-beige); margin-top: 8px; font-style: italic;">⟵ Листайте страницы ⟶</p>
    </div>
  </div>

  <div class="journal-footer">
    <div class="footer-line"></div>
    <p class="footer-text">до встречи через неделю</p>
  </div>
</div>
[/html]
[hideprofile]

если вдруг у кого-то есть ко мне вопросы, личные сообщения открыты
но, подозреваю, до этого этапа обычно не доходит

[html]<div class="glossy-news">
  <style>
    /* === НОВОСТИ === */
    .glossy-news {
      --dark-beige: #B1977C;
      --powder-pink: #F2D5D5;
      --white: #FFFFFF;
      --gray: #EEEEEE;
      --dark-gray: #3C3C3C;
      --link-color: #B5655E;
      --link-hover: #8B4A42;

      font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
      font-size: 14px;
      line-height: 1.6;
      color: var(--dark-gray);
      background: var(--gray);
      max-width: 1000px;
      margin: 0 auto;
      padding: 25px 30px 20px;
      box-sizing: border-box;
      box-shadow: 0 4px 24px rgba(0,0,0,0.06);
      border-radius: 4px;
    }

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

    .glossy-news .journal-header {
      font-family: 'Viaoda Libre', cursive;
      font-weight: 400;
      font-size: 46px;
      letter-spacing: 3px;
      color: var(--dark-gray);
      text-align: center;
      margin: 0 0 8px;
      line-height: 1.2;
      text-transform: uppercase;
    }
    .glossy-news .journal-issue {
      display: block;
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 1px;
      color: var(--dark-beige);
      margin-top: 4px;
      text-transform: none;
      font-family: 'Playfair Display', Georgia, serif;
    }
    .glossy-news .journal-divider {
      width: 80px;
      height: 3px;
      background: var(--powder-pink);
      margin: 12px auto 28px;
      border-radius: 2px;
    }

    .glossy-news .block-title {
      font-family: 'Playfair Display', Georgia, serif;
      font-weight: 700;
      font-size: 26px;
      letter-spacing: 0.5px;
      color: var(--dark-gray);
      margin: 0 0 16px;
      padding-bottom: 8px;
      border-bottom: 2px solid var(--powder-pink);
      position: relative;
    }
    .glossy-news .block-title::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 50px;
      height: 2px;
      background: var(--dark-beige);
    }

    .glossy-news a {
      color: var(--link-color);
      text-decoration: none;
      font-weight: 600;
      transition: color 0.2s, border-bottom 0.2s;
      border-bottom: 1px solid transparent;
    }
    .glossy-news a:hover {
      color: var(--link-hover);
      border-bottom-color: var(--link-hover);
    }

    .glossy-news .row {
      display: flex;
      gap: 24px;
      margin-bottom: 28px;
      align-items: flex-start;
    }
    .glossy-news .row:last-child {
      margin-bottom: 0;
    }

    /* Блок 1: О главном */
    .glossy-news .main-story {
      flex: 1;
      background: var(--white);
      padding: 20px 24px;
      border: 1px solid var(--white);
      border-radius: 6px;
      min-height: 180px;
      font-size: 12px;
      word-wrap: break-word;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
      overflow: hidden;
    }
    .glossy-news .main-story .main-image {
      float: left;
      width: 130px;
      height: 190px;
      object-fit: cover;
      margin: 0 18px 12px 0;
      border-radius: 6px;
      border: 1px solid var(--gray);
      background: var(--gray);
    }
    .glossy-news .main-story .story-text p {
      margin: 0 0 12px;
    }

    /* Блок 2: Автор */
    .glossy-news .author-block {
      width: 150px;
      flex-shrink: 0;
      text-align: center;
    }
    .glossy-news .author-avatar {
      width: 120px;
      height: 120px;
      border-radius: 50%;
      overflow: hidden;
      margin: 0 auto 10px;
      background: var(--gray);
      border: 3px solid var(--powder-pink);
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    }
    .glossy-news .author-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .glossy-news .author-name {
      font-family: 'Playfair Display', Georgia, serif;
      font-weight: 700;
      font-size: 20px;
      color: var(--dark-gray);
      margin: 0 0 2px;
      letter-spacing: 0.5px;
    }
    .glossy-news .author-title {
      font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
      font-size: 12px;
      font-weight: 400;
      color: var(--dark-gray);
      opacity: 0.45;
      margin: 0 0 8px;
      font-style: italic;
    }
    .glossy-news .author-quote {
      font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
      font-size: 14px;
      font-style: italic;
      color: var(--dark-beige);
      line-height: 1.4;
      margin: 0;
      opacity: 0.85;
    }

    /* Блок 3: Игровые итоги – ссылки увеличены до 16px */
    .glossy-news .game-results {
      flex: 0 0 160px;
      background: var(--white);
      padding: 20px 14px;
      border-radius: 6px;
      border: 1px solid var(--powder-pink);
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .glossy-news .results-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 6px;
      text-align: left;
    }
    .glossy-news .results-list li {
      font-size: 16px;
    }
    .glossy-news .results-list li a {
      display: block;
      padding: 3px 0;
      font-size: 16px;
      line-height: 1.3;
      border-bottom: 1px dotted var(--gray);
      text-align: left;
      font-weight: 500;
    }
    .glossy-news .results-list li:last-child a {
      border-bottom: none;
    }

    .glossy-news .reminders-awards-column {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 24px;
      min-width: 0;
    }

    .glossy-news .reminders {
      background: var(--powder-pink);
      padding: 20px 18px;
      border-radius: 6px;
      border: 1px solid var(--white);
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
    }
    .glossy-news .reminders p {
      margin: 0 0 12px;
    }
    .glossy-news .reminders .reminder-links {
      display: flex;
      font-size: 12px;
      flex-direction: column;
      gap: 8px;
    }

    .glossy-news .awards {
      background: #EAE0D5;
      padding: 20px 18px;
      border-radius: 6px;
      border: 1px solid var(--white);
      font-size: 12px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
      color: var(--dark-gray);
    }
    .glossy-news .awards p {
      margin: 0 0 12px;
    }
    .glossy-news .awards .award-links {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .glossy-news .awards .award-links a {
      color: var(--link-color);
    }
    .glossy-news .awards .award-links a:hover {
      color: var(--link-hover);
    }
    .glossy-news .awards .block-title {
      border-bottom-color: var(--powder-pink);
    }

    .glossy-news .voice-ny {
      flex: 1;
      background: var(--white);
      padding: 20px 18px;
      border-radius: 6px;
      border: 1px solid var(--white);
      overflow: hidden;
      font-size: 12px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .glossy-news .voice-avatar {
      float: left;
      width: 70px;
      height: 70px;
      border-radius: 50%;
      overflow: hidden;
      margin-right: 14px;
      margin-bottom: 8px;
      background: var(--gray);
      border: 2px solid var(--dark-beige);
      shape-outside: circle(50%);
    }
    .glossy-news .voice-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .glossy-news .voice-text {
      text-align: justify;
    }

    .glossy-news .inspiration {
      flex: 1;
      background: var(--white);
      padding: 20px 12px 16px 18px;
      border-radius: 6px;
      border: 1px solid var(--white);
      min-width: 0;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .glossy-news .inspo-scroll {
      display: flex;
      gap: 14px;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 10px;
      scrollbar-width: thin;
      scrollbar-color: var(--dark-beige) var(--gray);
    }
    .glossy-news .inspo-scroll::-webkit-scrollbar {
      height: 6px;
    }
    .glossy-news .inspo-scroll::-webkit-scrollbar-track {
      background: var(--gray);
      border-radius: 3px;
    }
    .glossy-news .inspo-scroll::-webkit-scrollbar-thumb {
      background: var(--dark-beige);
      border-radius: 3px;
    }
    .glossy-news .page {
      scroll-snap-align: start;
      flex: 0 0 200px;
      background: var(--powder-pink);
      padding: 16px 14px;
      border-radius: 6px;
      border: 1px solid var(--white);
      white-space: normal;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    }
    .glossy-news .page-title {
      font-family: 'Playfair Display', serif;
      font-weight: 700;
      font-size: 18px;
      color: var(--dark-gray);
      margin-bottom: 6px;
      letter-spacing: 0.3px;
    }
    .glossy-news .page p {
      margin: 0 0 8px;
      font-size: 12px;
      line-height: 1.5;
    }
    .glossy-news .page a {
      align-self: flex-start;
      font-size: 13px;
    }

    .glossy-news .journal-footer {
      margin-top: 30px;
    }
    .glossy-news .footer-line {
      border: none;
      height: 2px;
      background: linear-gradient(to right, var(--powder-pink), var(--dark-beige), var(--powder-pink));
      margin: 0 0 12px;
      position: relative;
    }
    .glossy-news .footer-line::after {
      content: '◆';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background: var(--gray);
      color: var(--dark-beige);
      font-size: 16px;
      padding: 0 10px;
    }
    .glossy-news .footer-text {
      font-family: 'Playfair Display', Georgia, serif;
      font-style: italic;
      text-align: center;
      color: var(--dark-beige);
      font-size: 16px;
      letter-spacing: 1px;
      margin: 0;
    }

    @media (max-width: 750px) {
      .glossy-news .row {
        flex-direction: column;
      }
      .glossy-news .author-block {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 15px;
        text-align: left;
      }
      .glossy-news .author-avatar {
        width: 80px;
        height: 80px;
        margin: 0;
      }
      .glossy-news .game-results,
      .glossy-news .reminders-awards-column,
      .glossy-news .voice-ny,
      .glossy-news .inspiration {
        flex: unset;
        width: 100%;
      }
    }
  </style>

  <div class="journal-header">
    NEW YORK CONFIDENTIAL
    <span class="journal-issue">№8 · июль 2026</span>
  </div>
  <div class="journal-divider"></div>

  <div class="row">
    <div class="main-story">
      <div class="block-title">О главном</div>
      <img src="https://upforme.ru/uploads/001c/1a/2f/357/792467.png?img=28" alt="Иллюстрация" class="main-image">
      <div class="story-text">
        <p>Ну-ка, признавайтесь! Кто ещё соскучился по новостным выпускам? Надеюсь, в этом классе мы увидим настоящий лес рук, а не как обычно случается во время неожиданных вопросов:) Без долгих прелюдий переходим к новостям, которых скопилось много и все приятные.
</p>
        <p>Не так давно на форуме заработал «фонд форума». Это такая штука, с помощью которой любой желающий может поддержать форум. Под новостной лентой есть ссылка «помочь форуму». Жмякаем на неё и попадаем на страницу, где выбираем «помочь форуму кредитами». Напоминаю, что это исключительно по желанию.</p>
        <p>Далее. Планируется движ, основанный на информации о ваших персонажах. От вас требуется (по желанию!) эту самую информацию предоставить, чтобы во время проведения игры не возникло замечаний типа «это не про меня вообще». Если наберётся достаточное количество желающих поделиться, то будем думать над организацией.<br>
Для этого вам необходимо написать в ЛС @Elias Frost сообщение с пометкой «движ». В сообщении необходимо указать:<br>
* 3-6 фактов о вашем персонаже (можете расписать каждый факт парой предложений; целый пост выкатывать не нужно). Однако, постарайтесь, чтобы ваш персонаж был узнаваем.<br>
* 3-6 фактов о вас, как игроке (по желанию! то, чем вы делились во флуде с ребятами).<br>
Факт типа «я красавчик» не катит — вы все тут красавчики:)
        </p>
        <p>Летнее бинго продолжается. Впереди ещё целых два месяца, чтобы принять участие. И спасибо всем, кто уже это самое участие принимает.</p>
        <p>Тема Паззломании этой недели посвящается замечательному и нежному празднику Любви и верности. Настраиваемся на романтический лад, пишем своим соигрокам как они нам дороги и обнимаем близких. Вы можете собрать все три разом или по отдельности. Собираем, зарабатываем, тратим.
        </p>
        <p>На форуме несколько новых движух. Во-первых, это шоу-опрос «Следующий гость» по мотивам популярного шоу на Netflix. На прошлой неделе выбрали первого гостя — Kira Gray. Вы всё ещё успеваете её помучить эту девчонку до 08 июля включительно. Уже в четверг мы будем выбирать нового героя нашей студии.
        </p>
        <p>Драгоценные вы наши игроки, мы ценим не только вашу постовую активность, но и форумную, поэтому даём вам возможность заработать хрустящие форумные доллары. Тема «Копилка июля» ждёт ваших ежедневных отметок. Но помимо денежного бонуса, у вас есть возможность получить один из двух комплектов, выполняя простые задания, указанные в календаре. Все подробности в теме.
        </p>
        <p>И самое сладкое оставил напоследок. Только представьте, вы написали аж 104 поста за месяц. Уму непостижимо. А сможем в июне сделать больше? И кстати,  кто же у нас самый-самый активный постописец в этом месяце? Смотрим список и видим Джошуа:) Сердешно поздравляем и выписываем чек на 1,000 $. Так держать!
        </p>
        <p>Сегодня открылась новая лимитированная коллекция, которую можно приобрести по спеццене до 15.07. Заглядываем, выбираем, присматриваем. В ближайшем будущем планируем порадовать вас очередными красивостями для оформления профиля (речь не только о плашках, но пока тсс!).
        </p>
<p>И сладенькое оставили напоследок: по итогам июня вы написали 104 поста. Ровно столько же вы написали и в мае. Возможно, конечно, я ошибся в подсчётах, поскольку считалось это дело вприкуску с маминым пирогом, но ваши посты подсчитаны чётенько. Любуемся результатами в табличке и поздравляем мистера Фараго, который вновь стал постописцем месяца и заработал своей активностью 1,000$.</p>
<p>На этом всё, ребята. Вы как всегда прекрасны:)</p>

      </div>
    </div>

    <div class="author-block">
      <div class="author-avatar">
        <img src="https://upforme.ru/uploads/001c/1a/2f/357/413833.png?img=47" alt="Фото автора">
      </div>
      <p class="author-name">Elias Frost</p>
      <p class="author-title">журналист на полставки </p>
      <p class="author-quote">«Ужасно по вам соскучился»</p>
    </div>
  </div>

  <div class="row">
    <div class="game-results">
      <div class="block-title">Итоги июня (+104)</div>
      <ul class="results-list">
        <li><a href="https://nyc.f-rpg.me/profile.php?id=277"style="color: #616f8c;">Джошуа (15)</a></li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=224"style="color: #616f8c;">Алекс (9)</a> </li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=329"style="color: #616f8c;">Като (10)</a></li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=4"style="color: #616f8c;">Дэйв (7)</a> </li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=116"style="color: #616f8c;">Роберт (2)</a></li>   
        <li><a href="https://nyc.f-rpg.me/profile.php?id=115"style="color: #616f8c;">Афина (2)</a></li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=414"style="color: #616f8c;">Чоль (4)</a></li>     
        <li><a href="https://nyc.f-rpg.me/profile.php?id=302"style="color: #616f8c;">Тайлер (4)</a></li>     
        <li><a href="https://nyc.f-rpg.me/profile.php?id=436"style="color: #616f8c;">Марта (8)</a></li>       
        <li><a href="https://nyc.f-rpg.me/profile.php?id=422"style="color: #616f8c;">Кейден (4)</a></li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=418"style="color: #616f8c;">Эрик (5)</a></li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=432"style="color: #616f8c;">Нора (1)</a></li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=388"style="color: #616f8c;">Ник (1)</a></li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=380"style="color: #616f8c;">Грейс (5)</a></li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=387"style="color: #616f8c;">Кристал (3)</a></li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=402"style="color: #616f8c;">Ричард (1)</a></li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=403"style="color: #616f8c;">Гилберт (1)</a></li>
         <li><a href="https://nyc.f-rpg.me/profile.php?id=318"style="color: #616f8c;">Кира (1)</a></li>
         <li><a href="https://nyc.f-rpg.me/profile.php?id=434"style="color: #616f8c;">Лиллит (1)</a></li>
        <li><a href="https://nyc.f-rpg.me/profile.php?id=413"style="color: #616f8c;">Киган (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=276"style="color: #616f8c;">Рэйн (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=443"style="color: #616f8c;">Этель (5)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=389"style="color: #616f8c;">Сэйдж (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=440"style="color: #616f8c;">Маргарита (9)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=444"style="color: #616f8c;">Алиса (3)</a></li>

      </ul>
    </div>

    <div class="reminders-awards-column">
      <div class="reminders">
        <div class="block-title">Напоминаем</div>
        <p></p>
        <div class="reminder-links">
          <a href="https://nyc.f-rpg.me/viewtopic.php?id=1405#p262417"style="color: #616f8c;">подводная коллекция</a>
          Шестая освежающая коллекция. Доступна для покупки до 15.07. Цвет нижней плашки по желанию выставляется в тон выбранной верхней(бесплатно).
          <a href="https://nyc.f-rpg.me/viewtopic.php?id=1451"style="color: #616f8c;">июльская копилка</a>
          Отмечаемся — получаем денежки. Выполняем задания — получаем бесплатный уникальный наряд для своего профиля.
          <a href="https://nyc.f-rpg.me/viewtopic.php?id=1400&p=2#p262307"style="color: #616f8c;">паззломания 2.0</a>
          На этой неделе собираем паззлы, посвящённые прекрасному чувству — любви.
          <a href="https://nyc.f-rpg.me/viewtopic.php?id=1431"style="color: #616f8c;">летнее бинго «36 воспоминаний»</a>
          Один месяц позади. Выполняем задания и получаем плюшки-бонусы-подарки. Все условия найдёте в теме.
          <a href="https://nyc.f-rpg.me/viewtopic.php?id=1448"style="color: #616f8c;">«Следующий гость»: Kira Gray</a>
          Есть ещё два дня для каверзных вопросов для Киры:) Не упустите свой шанс.
        </div>
      </div>

      <div class="awards">
        <div class="block-title">Добро пожаловать</div>
        <p>Приветствуем новых звёздочек нашего форума, которые уже прошли паспортный контроль. Ребята, обязательно загляните в тему <a href="https://nyc.f-rpg.me/viewtopic.php?id=1393"style="color: #616f8c;">беспроигрышной лотереи</a>, если ещё этого не сделали. Желаем вам приятной игры и крутых соигроков! </p>
        <div class="award-links">
          <a href="https://nyc.f-rpg.me/profile.php?id=440"style="color: #616f8c;">Margarita Klimova</a>
          <a href="https://nyc.f-rpg.me/profile.php?id=443"style="color: #616f8c;">Ethel Anderson</a>
<a href="https://nyc.f-rpg.me/profile.php?id=444"style="color: #616f8c;">Alice Spencer</a>
<a href="https://nyc.f-rpg.me/profile.php?id=446"style="color: #616f8c;">Astraea Dubois</a>
<a href="https://nyc.f-rpg.me/profile.php?id=447"style="color: #616f8c;">Hunter Russell</a>
<a href="https://nyc.f-rpg.me/profile.php?id=448"style="color: #616f8c;">Marie Newton</a>
<a href="https://nyc.f-rpg.me/profile.php?id=449"style="color: #616f8c;">Richard Hawthorne</a>
<a href="https://nyc.f-rpg.me/profile.php?id=452"style="color: #616f8c;">Nathan Warner</a>
        </div>
      </div>

      <!-- НОВЫЙ БЛОК: точно такой же, как "Добро пожаловать" -->
      <div class="awards">
        <div class="block-title">Награждение</div>
        <p>Поздравляем <a href="https://nyc.f-rpg.me/profile.php?id=277"style="color: #616f8c;">Joshua Farago</a> с получением звания постописец месяца. На счёт уже прилетела 1,000 $</p>
       </div>
    </div>
  </div>

  <div class="row">
    <div class="voice-ny">
      <div class="block-title">Голос Нью-Йорка</div>
      <div class="voice-avatar">
        <img src="https://upforme.ru/uploads/001c/1a/2f/357/281290.png?img=12" alt="Аватар Нью-Йорка">
      </div>
      <div class="voice-text">
        <p>А давайте в июле сделаем 120?</p>
<p>Впереди нас ждёт новая бродилка, красивучие личные страницы и ещё одно нововведение (разумеется, это пока секрет)</p>
      </div>
    </div>

    <div class="inspiration">
      <div class="block-title">секретики Киры</div>
      <div class="inspo-scroll">
        <div class="page">
          <div>
            <div class="page-title">идеальный день</div>
            <p>Вставать не раньше 10 утра, неспешно пить кофе на веранде где-нибудь в красивых местах</p>
          </div>
          <a href="#"></a>
        </div>
        <div class="page">
          <div>
            <div class="page-title">Каких персонажей ты любишь играть больше всего?</div>
            <p>Чаще я играю 30-35 летних барышень, карьеристок</p>
          </div>
          <a href="#"></a>
        </div>
        <div class="page">
          <div>
            <div class="page-title">Зачем играешь?</div>
            <p> Ну ролки — это какой-то особый вайб, который не каждый может понять. И уйти с них, как мне кажется, невозможно. Рано или поздно возвращаешься вновь))</p>
          </div>
          <a href="#"></a>
        </div>
        <div class="page">
          <div>
            <div class="page-title">Как ты придумываешь имена своим героям?</div>
            <p>это какая-то особая философия для меня. Я всегда стараюсь выбирать какие-то красивые и редкие, необычные имена. Раньше вот частенько брала имя Ариадна</p>
          </div>
          <a href="#"></a>
        </div>
      </div>
      <p style="font-size:12px; color: var(--dark-beige); margin-top: 8px; font-style: italic;">⟵ Листайте страницы ⟶</p>
    </div>
  </div>

  <div class="journal-footer">
    <div class="footer-line"></div>
    <p class="footer-text">до встречи через неделю</p>
  </div>
</div>[/html]
[hideprofile]

Ну-ка, признавайтесь! Кто ещё соскучился по новостным выпускам? Надеюсь, в этом классе мы увидим настоящий лес рук, а не как обычно:)
Без долгих прелюдий переходим к новостям, которых скопилось много и все приятные. Приятные же?

[html]<div class="glossy-news">
  <style>
    /* === НОВОСТИ === */
    .glossy-news {
      --dark-beige: #B1977C;
      --powder-pink: #F2D5D5;
      --white: #FFFFFF;
      --gray: #EEEEEE;
      --dark-gray: #3C3C3C;
      --link-color: #B5655E;
      --link-hover: #8B4A42;

      font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
      font-size: 14px;
      line-height: 1.6;
      color: var(--dark-gray);
      background: var(--gray);
      max-width: 1000px;
      margin: 0 auto;
      padding: 25px 30px 20px;
      box-sizing: border-box;
      box-shadow: 0 4px 24px rgba(0,0,0,0.06);
      border-radius: 4px;
    }

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

    .glossy-news .journal-header {
      font-family: 'Viaoda Libre', cursive;
      font-weight: 400;
      font-size: 46px;
      letter-spacing: 3px;
      color: var(--dark-gray);
      text-align: center;
      margin: 0 0 8px;
      line-height: 1.2;
      text-transform: uppercase;
    }
    .glossy-news .journal-issue {
      display: block;
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 1px;
      color: var(--dark-beige);
      margin-top: 4px;
      text-transform: none;
      font-family: 'Playfair Display', Georgia, serif;
    }
    .glossy-news .journal-divider {
      width: 80px;
      height: 3px;
      background: var(--powder-pink);
      margin: 12px auto 28px;
      border-radius: 2px;
    }

    .glossy-news .block-title {
      font-family: 'Playfair Display', Georgia, serif;
      font-weight: 700;
      font-size: 26px;
      letter-spacing: 0.5px;
      color: var(--dark-gray);
      margin: 0 0 16px;
      padding-bottom: 8px;
      border-bottom: 2px solid var(--powder-pink);
      position: relative;
    }
    .glossy-news .block-title::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 50px;
      height: 2px;
      background: var(--dark-beige);
    }

    .glossy-news a {
      color: var(--link-color);
      text-decoration: none;
      font-weight: 600;
      transition: color 0.2s, border-bottom 0.2s;
      border-bottom: 1px solid transparent;
    }
    .glossy-news a:hover {
      color: var(--link-hover);
      border-bottom-color: var(--link-hover);
    }

    .glossy-news .row {
      display: flex;
      gap: 24px;
      margin-bottom: 28px;
      align-items: flex-start;
    }
    .glossy-news .row:last-child {
      margin-bottom: 0;
    }

    /* Блок 1: О главном */
    .glossy-news .main-story {
      flex: 1;
      background: var(--white);
      padding: 20px 24px;
      border: 1px solid var(--white);
      border-radius: 6px;
      min-height: 180px;
      font-size: 12px;
      word-wrap: break-word;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
      overflow: hidden;
    }
    .glossy-news .main-story .main-image {
      float: left;
      width: 130px;
      height: 190px;
      object-fit: cover;
      margin: 0 18px 12px 0;
      border-radius: 6px;
      border: 1px solid var(--gray);
      background: var(--gray);
    }
    .glossy-news .main-story .story-text p {
      margin: 0 0 12px;
    }

    /* Блок 2: Автор */
    .glossy-news .author-block {
      width: 150px;
      flex-shrink: 0;
      text-align: center;
    }
    .glossy-news .author-avatar {
      width: 120px;
      height: 120px;
      border-radius: 50%;
      overflow: hidden;
      margin: 0 auto 10px;
      background: var(--gray);
      border: 3px solid var(--powder-pink);
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    }
    .glossy-news .author-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .glossy-news .author-name {
      font-family: 'Playfair Display', Georgia, serif;
      font-weight: 700;
      font-size: 20px;
      color: var(--dark-gray);
      margin: 0 0 2px;
      letter-spacing: 0.5px;
    }
    .glossy-news .author-title {
      font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
      font-size: 12px;
      font-weight: 400;
      color: var(--dark-gray);
      opacity: 0.45;
      margin: 0 0 8px;
      font-style: italic;
    }
    .glossy-news .author-quote {
      font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
      font-size: 14px;
      font-style: italic;
      color: var(--dark-beige);
      line-height: 1.4;
      margin: 0;
      opacity: 0.85;
    }

    /* Блок 3: Игровые итоги – ссылки увеличены до 16px */
    .glossy-news .game-results {
      flex: 0 0 160px;
      background: var(--white);
      padding: 20px 14px;
      border-radius: 6px;
      border: 1px solid var(--powder-pink);
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .glossy-news .results-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 6px;
      text-align: left;
    }
    .glossy-news .results-list li {
      font-size: 16px;
    }
    .glossy-news .results-list li a {
      display: block;
      padding: 3px 0;
      font-size: 16px;
      line-height: 1.3;
      border-bottom: 1px dotted var(--gray);
      text-align: left;
      font-weight: 500;
    }
    .glossy-news .results-list li:last-child a {
      border-bottom: none;
    }

    .glossy-news .reminders-awards-column {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 24px;
      min-width: 0;
    }

    .glossy-news .reminders {
      background: var(--powder-pink);
      padding: 20px 18px;
      border-radius: 6px;
      border: 1px solid var(--white);
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
    }
    .glossy-news .reminders p {
      margin: 0 0 12px;
    }
    .glossy-news .reminders .reminder-links {
      display: flex;
      font-size: 12px;
      flex-direction: column;
      gap: 8px;
    }

    .glossy-news .awards {
      background: #EAE0D5;
      padding: 20px 18px;
      border-radius: 6px;
      border: 1px solid var(--white);
      font-size: 12px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
      color: var(--dark-gray);
    }
    .glossy-news .awards p {
      margin: 0 0 12px;
    }
    .glossy-news .awards .award-links {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .glossy-news .awards .award-links a {
      color: var(--link-color);
    }
    .glossy-news .awards .award-links a:hover {
      color: var(--link-hover);
    }
    .glossy-news .awards .block-title {
      border-bottom-color: var(--powder-pink);
    }

    .glossy-news .voice-ny {
      flex: 1;
      background: var(--white);
      padding: 20px 18px;
      border-radius: 6px;
      border: 1px solid var(--white);
      overflow: hidden;
      font-size: 12px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .glossy-news .voice-avatar {
      float: left;
      width: 70px;
      height: 70px;
      border-radius: 50%;
      overflow: hidden;
      margin-right: 14px;
      margin-bottom: 8px;
      background: var(--gray);
      border: 2px solid var(--dark-beige);
      shape-outside: circle(50%);
    }
    .glossy-news .voice-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .glossy-news .voice-text {
      text-align: justify;
    }

    .glossy-news .inspiration {
      flex: 1;
      background: var(--white);
      padding: 20px 12px 16px 18px;
      border-radius: 6px;
      border: 1px solid var(--white);
      min-width: 0;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .glossy-news .inspo-scroll {
      display: flex;
      gap: 14px;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 10px;
      scrollbar-width: thin;
      scrollbar-color: var(--dark-beige) var(--gray);
    }
    .glossy-news .inspo-scroll::-webkit-scrollbar {
      height: 6px;
    }
    .glossy-news .inspo-scroll::-webkit-scrollbar-track {
      background: var(--gray);
      border-radius: 3px;
    }
    .glossy-news .inspo-scroll::-webkit-scrollbar-thumb {
      background: var(--dark-beige);
      border-radius: 3px;
    }
    .glossy-news .page {
      scroll-snap-align: start;
      flex: 0 0 200px;
      background: var(--powder-pink);
      padding: 16px 14px;
      border-radius: 6px;
      border: 1px solid var(--white);
      white-space: normal;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    }
    .glossy-news .page-title {
      font-family: 'Playfair Display', serif;
      font-weight: 700;
      font-size: 18px;
      color: var(--dark-gray);
      margin-bottom: 6px;
      letter-spacing: 0.3px;
    }
    .glossy-news .page p {
      margin: 0 0 8px;
      font-size: 12px;
      line-height: 1.5;
    }
    .glossy-news .page a {
      align-self: flex-start;
      font-size: 13px;
    }

    .glossy-news .journal-footer {
      margin-top: 30px;
    }
    .glossy-news .footer-line {
      border: none;
      height: 2px;
      background: linear-gradient(to right, var(--powder-pink), var(--dark-beige), var(--powder-pink));
      margin: 0 0 12px;
      position: relative;
    }
    .glossy-news .footer-line::after {
      content: '◆';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background: var(--gray);
      color: var(--dark-beige);
      font-size: 16px;
      padding: 0 10px;
    }
    .glossy-news .footer-text {
      font-family: 'Playfair Display', Georgia, serif;
      font-style: italic;
      text-align: center;
      color: var(--dark-beige);
      font-size: 16px;
      letter-spacing: 1px;
      margin: 0;
    }

    @media (max-width: 750px) {
      .glossy-news .row {
        flex-direction: column;
      }
      .glossy-news .author-block {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 15px;
        text-align: left;
      }
      .glossy-news .author-avatar {
        width: 80px;
        height: 80px;
        margin: 0;
      }
      .glossy-news .game-results,
      .glossy-news .reminders-awards-column,
      .glossy-news .voice-ny,
      .glossy-news .inspiration {
        flex: unset;
        width: 100%;
      }
    }
  </style>

  <div class="journal-header">
    NEW YORK CONFIDENTIAL
    <span class="journal-issue">№11 · июль 2026</span>
  </div>
  <div class="journal-divider"></div>

  <div class="row">
    <div class="main-story">
      <div class="block-title">О главном</div>
      <img src="https://upforme.ru/uploads/001c/1a/2f/357/792467.png?img=28" alt="Иллюстрация" class="main-image">
      <div class="story-text">
        <p>Всем привет!
</p>
        <p>Что тут у нас? Снова новости. И по традиции без лишних слов переходим сразу к делу.</p>
        <p>1. Начну с самой главной новости — мы обновили дизайн личных страничек. Как она выглядит теперь, какие там разделы и как ей обзавестись, если её у вас ещё нет — можете почитать <a href="https://nyc.f-rpg.me/viewtopic.php?id=1483"style="color: #616f8c;">здесь</a>.<br>
Сразу оговорюсь, что данные странички создаются независимо от вашего желания ЕСЛИ вы получаете награду за участие в движе // приобретаете какой-нибудь элемент для профиля // вам дарят подарок или что-либо для профиля. <br>
Аватарку, цитата и прочее наполнение в шапке личной страницы менябельно.
</p>
        <p>2. Обращаю ваше внимание на наш <a href="https://nyc.f-rpg.me/viewtopic.php?id=107"style="color: #616f8c;">игровой магазин</a>. Там лежат разные красивости, которые вы можете дарить друг другу в виде подарочков, стикеров или иконок.<br>
А ещё знаете что? Всё-всё, что вы получаете в подарок будет озвучено в <a href="https://nyc.f-rpg.me/viewtopic.php?id=1482"style="color: #616f8c;">этой</a> теме. Точно не пропустите, обещаем:)
        </p>
        <p>3. Тема Паззломании этой недели посвящается шахматам. Играете? День шахмат как-никак. А ещё, пока собираете паззлы, можете включить фоном «Чемпион мира», «Жизнь короля», «Жертвуя пешкой».. да много есть фильмов про этот потрясающий спорт. Вы всё знаете, но всё равно напомню: можете собрать все три разом или по отдельности. Собираем, зарабатываем, тратим.</p>
        <p>4. На прошлой неделе мы активно допрашивали Рейчел Холт, девочку, которая знает всё. Есть ещё пара дней, чтобы задать интересующие вопросы, а потом всё. Потом только у меня привилегия доставать её вопросами:)) В карусели в конце выпуска новостей вы сможете увидеть порцию секретиков Рейчел.
        </p>
        <p>5. Июль ещё идёт и «Копилка июля» ещё открыта — ждёт ваших ежедневных отметок. Напомню, что помимо денежного бонуса, у вас есть возможность получить один из двух комплектов, выполняя простые задания, указанные в календаре. Все подробности в теме.
        </p>
        <p>6. Запустили на пробу новый конкурс «Секретный код», но вы такие деловые, конечно, взяли и быстро всё разгадали! Следующую серию сделаем посложнее, уговорили:)
        </p>
<p>На этом мы завершаем выпуск. Все актуальные ссылки найдёте ниже. Замечательной недели вам и роскошной летней погоды:)</p>

      </div>
    </div>

    <div class="author-block">
      <div class="author-avatar">
        <img src="https://upforme.ru/uploads/001c/1a/2f/357/413833.png?img=47" alt="Фото автора">
      </div>
      <p class="author-name">Elias Frost</p>
      <p class="author-title">журналист на полставки </p>
      <p class="author-quote">«продолжаем проживать это лето»</p>
    </div>
  </div>

  <div class="row">
    <div class="game-results">
      <div class="block-title">Игровые итоги (+21)</div>
      <ul class="results-list">
<li><a href="https://nyc.f-rpg.me/profile.php?id=4"style="color: #616f8c;">Дэйв (2)</a> </li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=402"style="color: #616f8c;">Ричард (2)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=389"style="color: #616f8c;">Сэйдж (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=388"style="color: #616f8c;">Ник (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=224"style="color: #616f8c;">Алекс (2)</a> </li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=447"style="color: #616f8c;">Хантер (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=444"style="color: #616f8c;">Алиса (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=277"style="color: #616f8c;">Джошуа (3)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=440"style="color: #616f8c;">Маргарита (2)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=281"style="color: #616f8c;">Рейна (2)</a></li>       
<li><a href="https://nyc.f-rpg.me/profile.php?id=413"style="color: #616f8c;">Киган (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=248"style="color: #616f8c;">Рейчел (1)</a></li>
<li><a href="https://nyc.f-rpg.me/profile.php?id=116"style="color: #616f8c;">Роберт (1)</a></li>       
<li><a href="https://nyc.f-rpg.me/profile.php?id=414"style="color: #616f8c;">Чоль (1)</a></li>         
      </ul>
    </div>

    <div class="reminders-awards-column">
      <div class="reminders">
        <div class="block-title">Напоминаем</div>
        <p></p>
        <div class="reminder-links">
          <a href="https://nyc.f-rpg.me/viewtopic.php?id=1480"style="color: #616f8c;">«Секретный код» (до 01.08)</a>
         Привычные буквы уходят в отпуск, а ваши экраны превращаются в инструменты для настоящей интеллектуальной магии. Предметы, явления, крылатые фразы, фильмы и известные личности — всё это спрятано в трёх-четырёх значках. Ваша задача — заглянуть за грань пиктограмм и дать правильный ответ
          <a href="https://nyc.f-rpg.me/viewtopic.php?id=1405#p262819"style="color: #616f8c;">коллекция «Нежная»</a>
          Для самых красивых и нежных. Доступна для покупки до 10.08. Цвет нижней плашки по желанию выставляется в тон выбранной верхней(бесплатно).
         <a href="https://nyc.f-rpg.me/viewtopic.php?id=1405#p262840"style="color: #616f8c;">коллекция «Сильная»</a>
          Для самых выносливых и неукротимых. Доступна для покупки до 10.08. Цвет нижней плашки по желанию выставляется в тон выбранной верхней(бесплатно).
          <a href="https://nyc.f-rpg.me/viewtopic.php?id=1451"style="color: #616f8c;">июльская копилка</a>
          Отмечаемся — получаем денежки. Выполняем задания — получаем бесплатный уникальный наряд для своего профиля.
          <a href="https://nyc.f-rpg.me/viewtopic.php?id=1400&p=2#p264922"style="color: #616f8c;">паззломания 2.0</a>
          На этой неделе собираем паззлы шахматной тематики.
          <a href="https://nyc.f-rpg.me/viewtopic.php?id=1431"style="color: #616f8c;">летнее бинго «36 воспоминаний»</a>
          Выполняем задания и получаем плюшки-бонусы-подарки. Все условия найдёте в теме.
          <a href="https://nyc.f-rpg.me/viewtopic.php?id=1473"style="color: #616f8c;">«Следующий гость»: Rachel Holt</a>
          Ещё есть время для каверзных и не очень вопросов:)
        </div>
      </div>

      <div class="awards">
        <div class="block-title">Добро пожаловать</div>
        <p>По традиции приветствуем новых игроков нашего форума, которые уже прошли паспортный контроль.Обязательно загляните в тему <a href="https://nyc.f-rpg.me/viewtopic.php?id=1393"style="color: #616f8c;">беспроигрышной лотереи</a>, если ещё этого не сделали. Желаем вам приятной игры и крутых сюжетов! </p>
        <div class="award-links">
          <a href="https://nyc.f-rpg.me/profile.php?id=456"style="color: #616f8c;">Johann Kahn</a>
         <a href="https://nyc.f-rpg.me/profile.php?id=419"style="color: #616f8c;">Anthony Larsen</a>
        </div>
      </div>
<!-- НОВЫЙ БЛОК: точно такой же, как "Добро пожаловать" -->
      <div class="awards">
        <div class="block-title">Время обновлений</div>
        <p><a href="https://nyc.f-rpg.me/viewtopic.php?id=1483"style="color: #616f8c;">Личные страницы и оформление профиля</a><br>
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1405"style="color: #616f8c;">Коллекционные плашки</a><br>
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1078"style="color: #616f8c;">Плашки</a><br>
<a href="https://nyc.f-rpg.me/viewtopic.php?id=107"style="color: #616f8c;">Fifth Avenue [ игровой магазин ]</a><br>
</p>
       </div>
    </div>
     
  </div>

  <div class="row">
    <div class="voice-ny">
      <div class="block-title">Голос Нью-Йорка</div>
      <div class="voice-avatar">
        <img src="https://upforme.ru/uploads/001c/1a/2f/357/281290.png?img=12" alt="Аватар Нью-Йорка">
      </div>
      <div class="voice-text">
        <p>А теперь вперёд покупать всякое для своих профилей:) Вы только посмотрите, как это шикарно смотрится на ваших страничках</p>
      </div>
    </div>

    <div class="inspiration">
      <div class="block-title">секретики Рейчел</div>
      <div class="inspo-scroll">
        <div class="page">
          <div>
            <div class="page-title">Что привлекло в ролках, что ты так надолго в них зависла?</div>
            <p>это было в бородатые годы, когда молодая и наивная Рейчел верила в светлое будущее и видела потрясающих игроков. А потом...</p>
          </div>
          <a href="#"></a>
        </div>
        <div class="page">
          <div>
            <div class="page-title">Самый твой безбашенный поступок?</div>
            <p>почувствовала себя Человеком-пауком и, держась за гвоздики от ковра, который когда-то висел в комнате, поясом, "ходила" по стене, как скалолаз. Один из гвоздиков не удержал моего энтузиазма, и я рухнула спиной на пол. Было больно, но страха больше — признаться родителям в своем идиотизме х)</p>
          </div>
          <a href="#"></a>
        </div>
        <div class="page">
          <div>
            <div class="page-title">Как ты обычно планируешь дни/вечера, чтобы выделить время на игру?</div>
            <p> Выходные или рабочие перед выходными. Я ночной житель, моя деятельность начинается ночью, тогда и идут посты) мне нужна тишина и просто огромное количество времени)</p>
          </div>
          <a href="#"></a>
        </div>
        <div class="page">
          <div>
            <div class="page-title">Что тебя бесит в создании анкеты?</div>
            <p>я ужасно не люблю прописывать все в кучу) для меня надо так: сказали биография, значит будет биография. сказали характер, значит тут — характер) а внешность — это запредельное. по картинке увидите хд</p>
          </div>
          <a href="#"></a>
        </div>
      </div>
      <p style="font-size:12px; color: var(--dark-beige); margin-top: 8px; font-style: italic;">⟵ Листайте страницы ⟶</p>
    </div>
  </div>

  <div class="journal-footer">
    <div class="footer-line"></div>
    <p class="footer-text">до встречи через неделю</p>
  </div>
</div>[/html]
[hideprofile]