[html]<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/b3/55/15/b3551554cf44b0031631642035ee680c.jpg"></span>
<p class="from-me">
<dat>17.02.25 20:20</dat>
кхм-кхм! эй, первопроходцы! сегодня важный день!
</p></div>[/html]

[html]<div class="imessage"><span class="tav">
<img src="https://upforme.ru/uploads/001c/6a/04/2/838855.png"></span>
<p class="from-them">
<dat>17.02.25 20:21</dat>
сегодня день независимости звездного экспресса?
</p> </div>[/html]

[html]<div class="imessage"><span class="tav">
<img src="https://upforme.ru/uploads/001c/6a/04/2/47646.png"></span>
<p class="from-them">
<dat>16.02.25 20:22</dat>
день рождения пом-пом?
</p> </div>[/html]

[html]<div class="imessage"><span class="tav">
<img src="https://upforme.ru/uploads/001c/6a/04/2/90124.png"></span>
<p class="from-them">
<dat>16.02.25 20:23</dat>
день, когда мы наконец откроем вагон с баром?
</p> </div>[/html]

[html]<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/b3/55/15/b3551554cf44b0031631642035ee680c.jpg"></span>
<p class="from-me">
<dat>17.02.25 20:24</dat>
нет! сегодня официально стартуют <a href="https://player.rusff.me/viewtopic.php?id=20">ежедневные отметки</a>, <a href="https://player.rusff.me/viewtopic.php?id=22">марафон</a>, а еще можно собрать <a href="https://player.rusff.me/viewtopic.php?id=23">пазлы</a> в вагоне для отдыха!
</p></div>[/html]

[html]<div class="imessage"><span class="tav">
<img src="https://upforme.ru/uploads/001c/6a/04/2/553649.png"></span>
<p class="from-them">
<dat>16.02.25 20:25</dat>
лучше б был вагон с баром...
</p> </div>[/html]
[hideprofile]

[html]<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/b3/55/15/b3551554cf44b0031631642035ee680c.jpg"></span>
<p class="from-me">
<dat>22.02.25 22:20</dat>
внимание, говорит пом-пом, ваш уважаемый проводник! уже завтра в 20:00 по мск мы совершим гиперпрыжок в профилактику! длительность профилактики составит примерно 2-3 часа, для приятного времяпрепровождения во время ожидания будет организован просмотр фильма! соблюдайте правила экспресса и постарайтесь не злить проводника.
</p></div>[/html]
[hideprofile]

[html]<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/71/73/78/71737865c34f74cd1a326e623a0c0e09.jpg"></span>
<p class="from-me">
<dat>23.04.25 21:40</dat>
Первопроходцы, говорит Пом-Пом!
</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/71/73/78/71737865c34f74cd1a326e623a0c0e09.jpg"></span>
<p class="from-me">
<dat>23.04.25 21:40</dat>
Сегодня у нас важная дата - наш астральный экспресс находится в пути уже целых два месяца! Проводник Пом-Пом и экипаж астрального экспресса от всей души поздравляет вас с этой датой, желает вдохновения, потрясающих персонажей и хорошего настроения!
</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/71/73/78/71737865c34f74cd1a326e623a0c0e09.jpg"></span>
<p class="from-me">
<dat>23.04.25 21:40</dat>
В честь этой даты вы можете покрутить баннер <a href="https://player.rusff.me/viewtopic.php?id=409#p77316">призыв судьбы</a> и получить памятные оформления в профиль.
</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/71/73/78/71737865c34f74cd1a326e623a0c0e09.jpg"></span>
<p class="from-me">
<dat>23.04.25 21:40</dat>
Ну и без подарков ваш любимый проводник Пом-Пом вас не оставила, вы можете выбрать любую из этих плашек на выбор и забрать её в <a href="https://player.rusff.me/viewtopic.php?id=7">связи с амс</a>!
</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/71/73/78/71737865c34f74cd1a326e623a0c0e09.jpg"></span>
<p class="from-me">
<dat>23.04.25 21:40</dat>

</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/71/73/78/71737865c34f74cd1a326e623a0c0e09.jpg"></span>
<p class="from-me">
<dat>23.04.25 21:40</dat>

</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/71/73/78/71737865c34f74cd1a326e623a0c0e09.jpg"></span>
<p class="from-me">
<dat>23.04.25 21:40</dat>
Спасибо, что остаётесь с нами! 
</p></div>[/html]
[hideprofile]

[html]<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/71/73/78/71737865c34f74cd1a326e623a0c0e09.jpg"></span>
<p class="from-me">
<dat>23.05.25 18:40</dat>
Первопроходцы, на связи Пом-Пом!
</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/71/73/78/71737865c34f74cd1a326e623a0c0e09.jpg"></span>
<p class="from-me">
<dat>23.05.25 18:40</dat>
Проводник Пом-Пом и экипаж экспресса поздравляют вас с этой маленькой датой и желают вдохновения, побольше интригующих историй, потрясающих персонажей, волнительных снс и увлекательного флуда!
</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/71/73/78/71737865c34f74cd1a326e623a0c0e09.jpg"></span>
<p class="from-me">
<dat>23.05.25 18:40</dat>
В честь трёх месяцев онлайна мы дарим вам небольшой подарочек! Вы можете выбрать любую из этих плашек на выбор и забрать её в <a href="https://player.rusff.me/viewtopic.php?id=7">связи с амс</a>!
</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/71/73/78/71737865c34f74cd1a326e623a0c0e09.jpg"></span>
<p class="from-me">
<dat>23.05.25 18:40</dat>

</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/71/73/78/71737865c34f74cd1a326e623a0c0e09.jpg"></span>
<p class="from-me">
<dat>23.05.25 18:40</dat>

</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/71/73/78/71737865c34f74cd1a326e623a0c0e09.jpg"></span>
<p class="from-me">
<dat>23.04.25 21:40</dat>
Спасибо вам за активность, за ваших прекрасных персонажей, за ваши истории, за посты и за то, что остаётесь с нами! 
</p></div>[/html]
[hideprofile]

[html]<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/71/73/78/71737865c34f74cd1a326e623a0c0e09.jpg"></span>
<p class="from-me">
<dat>23.06.25 19:40</dat>
Первопроходцы, говорит Пом-Пом!
</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/71/73/78/71737865c34f74cd1a326e623a0c0e09.jpg"></span>
<p class="from-me">
<dat>23.06.25 19:41</dat>
Астральный экспресс находится в пути уже целых 4 месяца! Пом-Пом поздравляет экипаж и подготовила подарки!
</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/71/73/78/71737865c34f74cd1a326e623a0c0e09.jpg"></span>
<p class="from-me">
<dat>23.06.25 19:41</dat>
Спасибо вам за вашу активность, за ваши вдохновляющие посты, за ваши захватывающие истории! Мы безмерно рады, что вы продолжаете с нами это путешествие, несмотря на взлёты и падения, и поддерживаете нас 
</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/71/73/78/71737865c34f74cd1a326e623a0c0e09.jpg"></span>
<p class="from-me">
<dat>23.06.25 19:41</dat>

</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/71/73/78/71737865c34f74cd1a326e623a0c0e09.jpg"></span>
<p class="from-me">
<dat>23.06.25 19:41</dat>

</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/71/73/78/71737865c34f74cd1a326e623a0c0e09.jpg"></span>
<p class="from-me">
<dat>23.06.25 19:41</dat>
Одну из этих плашек вы традиционно можете забрать в <a href="https://player.rusff.me/viewtopic.php?id=7">связи с амс</a>. Вперёд к вершинам и звёздам! 
</p></div>[/html]
[hideprofile]

[html]<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/b3/55/15/b3551554cf44b0031631642035ee680c.jpg"></span>
<p class="from-me">
<dat>13.07.25 15:46</dat>
Первопроходцы! На связи Пом-Пом.
</p></div>
<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/b3/55/15/b3551554cf44b0031631642035ee680c.jpg"></span>
<p class="from-me">
<dat>13.07.25 15:46</dat>
Для вас важное объявление. Составу амс нашего большего экипажа требуется ещё один помощник, готовый помогать развивать и поддерживать наш дом, заниматься организацией и конкурсами, помогать делать наш домик ещё уютнее. Если у тебя есть желание и время, то ждём в ЛС или в <a href="https://player.rusff.me/viewtopic.php?id=7"><b>связи с амс</b></a>.
</p></div>[/html]
[hideprofile]

[html]<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/29/5e/bf/295ebf38ab4f30c0e9c9641cfd913b7b.jpg"></span>
<p class="from-me">
<dat>23.08.25 18:30</dat>
первопроходцы, Пом-Пом у микрофона! вы помните, какой сегодня день?
</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/29/5e/bf/295ebf38ab4f30c0e9c9641cfd913b7b.jpg"></span>
<p class="from-me">
<dat>23.08.25 18:30</dat>
ровно 6 месяцев назад астральный экспресс официально открыл свои двери для первопроходцев, желающих покорять миры и идти по пути освоения. Пом-Пом помнит этот день так, словно он случился вчера: тогда мы ещё даже не представляли, сколько звёзд засияет на горизонте, какие планеты будут покорены, какие истории будут записаны
</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/29/5e/bf/295ebf38ab4f30c0e9c9641cfd913b7b.jpg"></span>
<p class="from-me">
<dat>23.08.25 18:30</dat>
но сегодня особенный день, потому что Пом-Пом и другие первопроходцы, что держат курс, крепко держась за рычаги и пульт управления, хотят подарить каждому, кто остаётся с нами, несмотря на возможные трудности, особый подарок. мы выражаем вам безмерную благодарность за то, что вы с нами, за вашу активность, за участие во всех наших ивентах, за ваших персонажей, истории и вдохновение, которые вы дарите нашему астральному экспрессу на ежедневной основе. и мы искренне надеемся, что проложенный нами путь освоения будет продолжать быть путеводной звездой на небосводе вместе с вами
</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/29/5e/bf/295ebf38ab4f30c0e9c9641cfd913b7b.jpg"></span>
<p class="from-me">
<dat>23.08.25 18:30</dat>
в честь шести месяцев мы дарим вам этот профиль, который вы традиционно можете забрать в <a href="https://player.rusff.me/viewtopic.php?id=7">связи с амс</a>. пусть ваши путеводные звёзды всегда указывают вам верный путь
</p></div>

    <div class="skin">
        <img src="https://upforme.ru/uploads/001c/6a/04/5/953263.gif" alt="background">
        <div class="ico"><img src="https://upforme.ru/uploads/001c/6a/04/5/193078.png" alt="icon"></div>
        <div class="skin-name">star</div>
        <div class="skinava"><img src="https://upforme.ru/uploads/001c/6a/04/5/986449.png" alt="avatar"></div>
        <div class="skin-text">tell your wishes, what you dream of from night to sunrise, I’ll be there</div>
        <div class="skinplash"><img src="https://upforme.ru/uploads/001c/6a/04/5/663212.png" alt="plaque"></div>
    </div>
<hr>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/29/5e/bf/295ebf38ab4f30c0e9c9641cfd913b7b.jpg"></span>
<p class="from-me">
<dat>23.08.25 18:30</dat>
вперёд к вершинам и звёздам, первопроходцы!
</p></div>

<style>
.skin {
    position: relative;
    background: var(--bgclr2);
    width: 100%;
    max-width: 210px;
    aspect-ratio: 210/188;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 auto;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.skin > img {
    width: 100%;
    height: auto;
    display: block;
}
.ico {
    position: absolute;
    width: 25px;
    height: 25px;
    left: 50%;
    top: 18px;
    transform: translateX(-50%);
    background: var(--bgclr2);
    border-radius: 50%;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ico img {
    width: 17px;
    height: 17px;
}
.skin-name {
    position: absolute;
    width: 190px;
    top: 30px;
    left: 10px;
    background:var(--bgclr2);
    border-radius: 10px;
    font-family: 'Verdana', sans-serif;
    font-size: 12px;
    color: #333;
    font-weight: bold;
    text-align: center;
    text-transform: lowercase;
    padding-top: 10px;
    z-index: 2;
}
.skin-text {
    position: absolute;
    width: 90%;
    bottom: 40px;
    left: 2%;
    text-align: center;
    font-family: "Verdana", sans-serif;
    font-size: 10px;
    color: #1b1b1b;
    z-index: 2;
    padding: 5px;
}
.skinplash {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.skinplash img {
    width: 100%;
    height: auto;
    display: block;
}
.skinava {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 60px;
    transform: translateX(-50%);
    overflow: hidden;
    z-index: 1;
    border-radius: 10px;
}
.skinava img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 600px) {
    .skins-container {
        flex-direction: column;
        align-items: center;
    }
    .skin {
        max-width: 100%;
        margin-bottom: 20px;
    }
    .text {
        font-size: 13px;
    }
}
</style>

<script>
document.querySelectorAll('.skin>img, .ico>img, .skinplash>img').forEach(i => {
    i.onclick = function() {
        const temp = document.createElement('textarea');
        temp.value = `<img src="${this.src}">`;
        document.body.appendChild(temp);
        temp.select();
        document.execCommand('copy');
        document.body.removeChild(temp);
       
        const notice = document.createElement('div');
        notice.textContent = 'скопировано!';
        notice.style.cssText = 'position:absolute;top:10px;left:50%;transform:translateX(-50%);background:var(--btclr3);color:#fff;padding:5px 10px;border-radius:3px;z-index:9999;font-size:12px';
       
        this.closest('.skin').appendChild(notice);
        setTimeout(() => notice.remove(), 1500);
    };
    i.style.cursor = 'pointer';
});
</script>[/html]
[hideprofile]

[html]<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/b3/55/15/b3551554cf44b0031631642035ee680c.jpg"></span>
<p class="from-me">
<dat>01.10.25 17:27</dat>
внимание-внимание! первопроходцы, приготовили свои лучшие костюмы для встречи самого мистического месяца на астральном экспрессе? нет? в таком случае готовьтесь, мы отправляемся в мыльнотопию в 18:00 по мск. генеральная репетиция к самому жуткому празднику в году продлится ориентировочно час. всем фокус-покус!
</p></div>[/html]
[hideprofile]

[html]<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/7f/54/fc/7f54fc4a6231081baf7ec5afee1a2ef9.jpg"></span>
<p class="from-me">
<dat>23.10.25 17:50</dat>
первопроходцы! Пом-Пом вещает!
</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/7f/54/fc/7f54fc4a6231081baf7ec5afee1a2ef9.jpg"></span>
<p class="from-me">
<dat>23.10.25 17:50</dat>
наш астральный экспресс находится в путешествии уже целых 8 месяцев! в связи с этим, экипаж астрального экспресса хочет поздравить вас, наших прекрасных первопроходцев, поздравить с этой датой! мы благодарим вас за то, что вы остаётесь с нами и желаем вам нескончаемого вдохновения, потрясающих персонажей, захватывающих игр!
</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/7f/54/fc/7f54fc4a6231081baf7ec5afee1a2ef9.jpg"></span>
<p class="from-me">
<dat>23.10.25 17:50</dat>
и конечно же пожарки! наш экипаж дарит вам памятный подарок, который вы традиционно можете забрать в <a href="https://player.rusff.me/viewtopic.php?id=7">связи с амс</a>!
</p></div>

    <div class="skin">
        <img src="https://upforme.ru/uploads/001c/6a/04/2/699712.png" alt="background">
        <div class="ico"><img src="https://upforme.ru/uploads/001c/6a/04/2/208592.png" alt="icon"></div>
        <div class="skin-name">red apple</div>
        <div class="skinava"><img src="https://upforme.ru/uploads/001c/6a/04/2/978673.png" alt="avatar"></div>
        <div class="skin-text">tell your wishes, what you dream of from night to sunrise, I’ll be there</div>
        <div class="skinplash"><img src="https://upforme.ru/uploads/001c/6a/04/2/624017.png" alt="plaque"></div>
    </div>
<hr>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/7f/54/fc/7f54fc4a6231081baf7ec5afee1a2ef9.jpg"></span>
<p class="from-me">
<dat>23.10.25 17:50</dat>
вперёд к вершинам и звёздам, первопроходцы!
</p></div>

<style>
.skin {
    position: relative;
    background: var(--bgclr2);
    width: 100%;
    max-width: 210px;
    aspect-ratio: 210/188;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 auto;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.skin > img {
    width: 100%;
    height: auto;
    display: block;
}
.ico {
    position: absolute;
    width: 25px;
    height: 25px;
    left: 50%;
    top: 18px;
    transform: translateX(-50%);
    background: var(--bgclr2);
    border-radius: 50%;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ico img {
    width: 17px;
    height: 17px;
}
.skin-name {
    position: absolute;
    width: 190px;
    top: 30px;
    left: 10px;
    background:var(--bgclr2);
    border-radius: 10px;
    font-family: 'Verdana', sans-serif;
    font-size: 12px;
    color: #333;
    font-weight: bold;
    text-align: center;
    text-transform: lowercase;
    padding-top: 10px;
    z-index: 2;
}
.skin-text {
    position: absolute;
    width: 90%;
    bottom: 40px;
    left: 2%;
    text-align: center;
    font-family: "Verdana", sans-serif;
    font-size: 10px;
    color: #1b1b1b;
    z-index: 2;
    padding: 5px;
}
.skinplash {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.skinplash img {
    width: 100%;
    height: auto;
    display: block;
}
.skinava {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 60px;
    transform: translateX(-50%);
    overflow: hidden;
    z-index: 1;
    border-radius: 10px;
}
.skinava img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 600px) {
    .skins-container {
        flex-direction: column;
        align-items: center;
    }
    .skin {
        max-width: 100%;
        margin-bottom: 20px;
    }
    .text {
        font-size: 13px;
    }
}
</style>

<script>
document.querySelectorAll('.skin>img, .ico>img, .skinplash>img').forEach(i => {
    i.onclick = function() {
        const temp = document.createElement('textarea');
        temp.value = `<img src="${this.src}">`;
        document.body.appendChild(temp);
        temp.select();
        document.execCommand('copy');
        document.body.removeChild(temp);
       
        const notice = document.createElement('div');
        notice.textContent = 'скопировано!';
        notice.style.cssText = 'position:absolute;top:10px;left:50%;transform:translateX(-50%);background:var(--btclr3);color:#fff;padding:5px 10px;border-radius:3px;z-index:9999;font-size:12px';
       
        this.closest('.skin').appendChild(notice);
        setTimeout(() => notice.remove(), 1500);
    };
    i.style.cursor = 'pointer';
});
</script>[/html]
[hideprofile]

[html]<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/b3/55/15/b3551554cf44b0031631642035ee680c.jpg"></span>
<p class="from-me">
<dat>31.10.25 22:35</dat>
первопроходцы! На связи Пом-Пом! Хотим обратить ваше внимание, что у нас произошли небольшие изменения в <a href="https://player.rusff.me/viewtopic.php?id=10">правилах</a>. Просим ознакомиться.
</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/b3/55/15/b3551554cf44b0031631642035ee680c.jpg"></span>
<p class="from-me">
<dat>31.10.25 22:35</dat>
вперёд к вершинам и звёздам, первопроходцы!
</p></div>[/html]
[hideprofile]

[html]<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/7f/54/fc/7f54fc4a6231081baf7ec5afee1a2ef9.jpg"></span>
<p class="from-me">
<dat>23.12.25 19:45</dat>
кхм-кхм, первопроходцы!
</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/7f/54/fc/7f54fc4a6231081baf7ec5afee1a2ef9.jpg"></span>
<p class="from-me">
<dat>23.12.25 19:45</dat>
наш астральный экспресс мчится по звёздным рельсам уже 10 месяцев! это целых 300 дней новых планет, встреч и удивительных историй, которые вы пишете вместе с нами! пом-пом так радуется! от имени всего экипажа, и особенно от проводника пом-пом, — огромное спасибо вам, наши самые важные путешественники! именно ваша поддержка, активность и ваши смелые персонажи задают курс нашему поезду. экипаж желает вам, чтобы вдохновение било фонтаном, как безалкогольное шампанское в буфетном вагоне! чтобы ваши персонажи росли и развивались сюжетно! чтобы каждая ваша игровая сессия была ярче, чем вид из окна при прыжке через гипертоннель! спасибо, что выбрали наш астральный экспресс для своего путешествия. наш экипаж будет и дальше стараться, чтобы вам было уютно! следующая остановка — ещё больше приключений!
</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/7f/54/fc/7f54fc4a6231081baf7ec5afee1a2ef9.jpg"></span>
<p class="from-me">
<dat>23.12.25 19:45</dat>
в честь этого события наш экипаж дарит вам памятный подарок, который вы традиционно можете забрать в <a href="https://player.rusff.me/viewtopic.php?id=802">связи с амс</a>!
</p></div>

    <div class="skin">
        <img src="https://upforme.ru/uploads/001c/6a/04/5/30282.png" alt="background">
        <div class="ico"><img src="https://upforme.ru/uploads/001c/6a/04/5/130030.png" alt="icon"></div>
        <div class="skin-name">The Chase</div>
        <div class="skinava"><img src="https://upforme.ru/uploads/001c/6a/04/5/153945.png" alt="avatar"></div>
        <div class="skin-text">tell your wishes, what you dream of from night to sunrise, I’ll be there</div>
        <div class="skinplash"><img src="https://upforme.ru/uploads/001c/6a/04/5/962345.png" alt="plaque"></div>
    </div>
<hr>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/7f/54/fc/7f54fc4a6231081baf7ec5afee1a2ef9.jpg"></span>
<p class="from-me">
<dat>23.12.25 19:45</dat>
вперёд к вершинам и звёздам, первопроходцы!
</p></div>

<style>
.skin {
    position: relative;
    background: var(--bgclr2);
    width: 100%;
    max-width: 210px;
    aspect-ratio: 210/188;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 auto;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.skin > img {
    width: 100%;
    height: auto;
    display: block;
}
.ico {
    position: absolute;
    width: 25px;
    height: 25px;
    left: 50%;
    top: 18px;
    transform: translateX(-50%);
    background: var(--bgclr2);
    border-radius: 50%;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ico img {
    width: 17px;
    height: 17px;
}
.skin-name {
    position: absolute;
    width: 190px;
    top: 30px;
    left: 10px;
    background:var(--bgclr2);
    border-radius: 10px;
    font-family: 'Verdana', sans-serif;
    font-size: 12px;
    color: #333;
    font-weight: bold;
    text-align: center;
    text-transform: lowercase;
    padding-top: 10px;
    z-index: 2;
}
.skin-text {
    position: absolute;
    width: 90%;
    bottom: 40px;
    left: 2%;
    text-align: center;
    font-family: "Verdana", sans-serif;
    font-size: 10px;
    color: #1b1b1b;
    z-index: 2;
    padding: 5px;
}
.skinplash {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.skinplash img {
    width: 100%;
    height: auto;
    display: block;
}
.skinava {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 60px;
    transform: translateX(-50%);
    overflow: hidden;
    z-index: 1;
    border-radius: 10px;
}
.skinava img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 600px) {
    .skins-container {
        flex-direction: column;
        align-items: center;
    }
    .skin {
        max-width: 100%;
        margin-bottom: 20px;
    }
    .text {
        font-size: 13px;
    }
}
</style>

<script>
document.querySelectorAll('.skin>img, .ico>img, .skinplash>img').forEach(i => {
    i.onclick = function() {
        const temp = document.createElement('textarea');
        temp.value = `<img src="${this.src}">`;
        document.body.appendChild(temp);
        temp.select();
        document.execCommand('copy');
        document.body.removeChild(temp);
       
        const notice = document.createElement('div');
        notice.textContent = 'скопировано!';
        notice.style.cssText = 'position:absolute;top:10px;left:50%;transform:translateX(-50%);background:var(--btclr3);color:#fff;padding:5px 10px;border-radius:3px;z-index:9999;font-size:12px';
       
        this.closest('.skin').appendChild(notice);
        setTimeout(() => notice.remove(), 1500);
    };
    i.style.cursor = 'pointer';
});
</script>[/html]
[hideprofile]

[html]<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/7f/54/fc/7f54fc4a6231081baf7ec5afee1a2ef9.jpg"></span>
<p class="from-me">
<dat>23.01.26 19:45</dat>
первопроходцы, говорит пом-пом!
</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/7f/54/fc/7f54fc4a6231081baf7ec5afee1a2ef9.jpg"></span>
<p class="from-me">
<dat>23.01.26 19:45</dat>
экипаж астрального экспресса торжественно объявляет, что сегодня нам исполняется 11 месяцев! уже целых 11 месяцев мы находимся в этом прекрасном путешествии, знакомимся с новыми первопроходцами, рассказываем новые истории и веселимся в вагоне для вечеринок под блистательные беседы во флуде! а ещё сегодняшний день - это очередной повод сказать вам огромное спасибо за всю ту поддержку, которую вы нам оказываете. спасибо вам за ваших персонажей, за ваши истории, за ваши эпизоды, за ваши шутки и мемы во флуде. мы очень ценим каждого из вас, поэтому стараемся всегда прислушиваться к вашей обратной связи и привносить в астральный экспресс всё больше и больше нового и интересного! спасибо, что продолжаете вдохновлять нас на подвиги
</p></div>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/7f/54/fc/7f54fc4a6231081baf7ec5afee1a2ef9.jpg"></span>
<p class="from-me">
<dat>23.01.26 19:45</dat>
в честь 11 месяцев наш экипаж дарит вам памятный подарок, который вы традиционно можете забрать в <a href="https://player.rusff.me/viewtopic.php?id=802">связи с амс</a>!
</p></div>

    <div class="skin">
        <img src="https://upforme.ru/uploads/001c/6a/04/5/611581.png" alt="background">
        <div class="ico"><img src="https://upforme.ru/uploads/001c/6a/04/5/894368.png" alt="icon"></div>
        <div class="skin-name">stranger</div>
        <div class="skinava"><img src="https://upforme.ru/uploads/001c/6a/04/5/689269.png" alt="avatar"></div>
        <div class="skin-text">tell your wishes, what you dream of from night to sunrise, I’ll be there</div>
        <div class="skinplash"><img src="https://upforme.ru/uploads/001c/6a/04/5/852596.png" alt="plaque"></div>
    </div>
<hr>

<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/7f/54/fc/7f54fc4a6231081baf7ec5afee1a2ef9.jpg"></span>
<p class="from-me">
<dat>23.01.26 19:45</dat>
вперёд к вершинам и звёздам, первопроходцы!
</p></div>

<style>
.skin {
    position: relative;
    background: var(--bgclr2);
    width: 100%;
    max-width: 210px;
    aspect-ratio: 210/188;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 auto;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.skin > img {
    width: 100%;
    height: auto;
    display: block;
}
.ico {
    position: absolute;
    width: 25px;
    height: 25px;
    left: 50%;
    top: 18px;
    transform: translateX(-50%);
    background: var(--bgclr2);
    border-radius: 50%;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ico img {
    width: 17px;
    height: 17px;
}
.skin-name {
    position: absolute;
    width: 190px;
    top: 30px;
    left: 10px;
    background:var(--bgclr2);
    border-radius: 10px;
    font-family: 'Verdana', sans-serif;
    font-size: 12px;
    color: #333;
    font-weight: bold;
    text-align: center;
    text-transform: lowercase;
    padding-top: 10px;
    z-index: 2;
}
.skin-text {
    position: absolute;
    width: 90%;
    bottom: 40px;
    left: 2%;
    text-align: center;
    font-family: "Verdana", sans-serif;
    font-size: 10px;
    color: #1b1b1b;
    z-index: 2;
    padding: 5px;
}
.skinplash {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.skinplash img {
    width: 100%;
    height: auto;
    display: block;
}
.skinava {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 60px;
    transform: translateX(-50%);
    overflow: hidden;
    z-index: 1;
    border-radius: 10px;
}
.skinava img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 600px) {
    .skins-container {
        flex-direction: column;
        align-items: center;
    }
    .skin {
        max-width: 100%;
        margin-bottom: 20px;
    }
    .text {
        font-size: 13px;
    }
}
</style>

<script>
document.querySelectorAll('.skin>img, .ico>img, .skinplash>img').forEach(i => {
    i.onclick = function() {
        const temp = document.createElement('textarea');
        temp.value = `<img src="${this.src}">`;
        document.body.appendChild(temp);
        temp.select();
        document.execCommand('copy');
        document.body.removeChild(temp);
       
        const notice = document.createElement('div');
        notice.textContent = 'скопировано!';
        notice.style.cssText = 'position:absolute;top:10px;left:50%;transform:translateX(-50%);background:var(--btclr3);color:#fff;padding:5px 10px;border-radius:3px;z-index:9999;font-size:12px';
       
        this.closest('.skin').appendChild(notice);
        setTimeout(() => notice.remove(), 1500);
    };
    i.style.cursor = 'pointer';
});
</script>[/html]
[hideprofile]

[html]<div class="imessage"><span class="mav">
<img src="https://i.pinimg.com/736x/b3/55/15/b3551554cf44b0031631642035ee680c.jpg"></span>
<p class="from-me">
<dat>31.01.26 15:15</dat>
первопроходцы! экипаж астрального экспресса уведомляет вас о том, что сегодня, 31 января, в районе 21:00-22:00 по мск астральный экспресс отправляется в мыльнотопию. так как в этот раз нас ждут некоторые обновления, то генеральная уборка может занять до 4 часов.
</p></div>[/html]
[hideprofile]