написали Katie Bell & Morag MacDougal преодолевая от границ и до преград
написал Baekseju
Детектив позволяет помочь себе добраться до кухни без привычного "я сам", которое обычно является не столько вопросом физической возможности, сколько принципиальной жизненной позицией. Сегодня он совсем не принципиальный, можно сказать, почти беспринципный. И не гордый. Пожалуй, тот момент, когда он разбил собой окно второго этажа, определенное количество достоинства уже осталось где-то среди осколков. Можно не пытаться подобрать все обратно. По крайней мере, не сейчас.
It's where your excuses come to die and your real self shows up—late, loud, and usually wrong.
And we love it.
наливай, пей, пиши посты
Crossbar

Crossbar

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Crossbar » funko-bar! » pop-news!


pop-news!

Сообщений 1 страница 7 из 7

1

[html]<div style="max-width:860px;margin:0 auto;position:relative;background:
radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--accent) 35%, transparent), transparent 45%),
radial-gradient(circle at 95% 15%, color-mix(in srgb, var(--accent2) 55%, transparent), transparent 40%),
radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--accent2) 50%, var(--base-bg2)), var(--base-bg2) 60%);
border-radius:var(--b-radius);padding:4px;overflow:hidden;">

<div style="position:absolute;top:-30px;right:-30px;width:110px;height:110px;border-radius:50%;background:color-mix(in srgb, var(--accent2) 40%, transparent);"></div>
<div style="position:absolute;bottom:-40px;left:-20px;width:130px;height:130px;border-radius:50%;background:color-mix(in srgb, var(--accent) 20%, transparent);"></div>

<div style="position:relative;padding:26px 24px 22px;">

<div style="display:flex;justify-content:center;margin-bottom:10px;">
<div style="background:var(--dark-bord);color:var(--light-text);font-size:10px;font-weight:700;letter-spacing:2px;padding:5px 14px;border-radius:20px;text-transform:uppercase;">то, что делает бар любимым</div>
</div>

<div style="text-align:center;">
<div style="font-size:28px;font-weight:700;color:var(--text);letter-spacing:1px;">ФАНКО-БАР</div>
<div style="display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;">
<div style="width:16px;height:1.5px;background:var(--link-acc);"></div>
<div style="font-size:11.5px;color:var(--link-acc);letter-spacing:0.5px;">всё самое важное</div>
<div style="width:16px;height:1.5px;background:var(--link-acc);"></div>
</div>
</div>

<div style="background:var(--base-bg2);border-radius:16px;padding:16px 18px;margin-top:20px;font-size:13px;line-height:1.6;color:var(--text);box-shadow:0 8px 18px rgba(0,0,0,0.1);">
Фанко-бар — это возможность провести время на любимом форуме, собрав фигурки как своих персонажей, так и персонажей своих игроков именно в том виде, в котором их и задумали игроки! У вашего Тони Старка свой фанкаст? Ваш персонаж не существует в природе, потому что он оригинальный? Студию фанко-бара это не волнует! Для каждого из вас мы реализуем свою фигурку и возможность её получить!
</div>

<div style="display:flex;align-items:center;justify-content:center;gap:8px;margin:22px 0 16px;">
<div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 25%, transparent);"></div>
<div style="width:6px;height:6px;background:var(--accent);border-radius:50%;"></div>
<div style="font-size:15px;font-weight:700;color:var(--text);white-space:nowrap;">Как это работает</div>
<div style="width:6px;height:6px;background:var(--accent);border-radius:50%;"></div>
<div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 25%, transparent);"></div>
</div>

<div style="position:relative;">
<div style="position:absolute;left:19px;top:10px;bottom:10px;width:2px;background:color-mix(in srgb, var(--accent) 40%, transparent);"></div>

<div style="display:flex;align-items:flex-start;gap:14px;padding:10px 0;position:relative;">
<div style="width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px rgba(0,0,0,0.15);z-index:1;">1</div>
<div style="background:var(--base-bg2);border-radius:14px;padding:10px 14px;font-size:12.5px;color:var(--text);line-height:1.5;flex:1;box-shadow:0 4px 10px rgba(0,0,0,0.08);">Для начала каждый желающий должен создать себе полку — как именно это сделать, можно узнать в теме «Личная полка».</div>
</div>

<div style="display:flex;align-items:flex-start;gap:14px;padding:10px 0;position:relative;">
<div style="width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px rgba(0,0,0,0.15);z-index:1;">2</div>
<div style="background:var(--base-bg2);border-radius:14px;padding:10px 14px;font-size:12.5px;color:var(--text);line-height:1.5;flex:1;box-shadow:0 4px 10px rgba(0,0,0,0.08);">После создания своей полки игрок может купить/заработать/получить фигурку в подарок — делается это через тему «Витрина».</div>
</div>

<div style="display:flex;align-items:flex-start;gap:14px;padding:10px 0;position:relative;">
<div style="width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px rgba(0,0,0,0.15);z-index:1;">3</div>
<div style="background:var(--base-bg2);border-radius:14px;padding:10px 14px;font-size:12.5px;color:var(--text);line-height:1.5;flex:1;box-shadow:0 4px 10px rgba(0,0,0,0.08);">При желании отлить свою фигурку нужно обратиться в мастерскую — через тему «Мастерская». Наш скульптор постарается сделать её в кратчайшие сроки!</div>
</div>
</div>

<div style="text-align:center;margin-top:18px;background:color-mix(in srgb, var(--dark-bord) 8%, transparent);border-radius:14px;padding:10px 16px;font-size:11.5px;color:var(--link-acc);font-style:italic;">Тут будут новости — не упускайте их из виду!</div>

</div>
</div>[/html]

+5

2

Код:
<!--HTML--><div style="max-width:780px;margin:20px auto;position:relative;background:var(--base-bg2);border-radius:var(--b-radius);overflow:hidden;box-shadow:0 20px 42px rgba(0,0,0,0.22);">

<div style="position:absolute;top:-50px;right:-50px;width:160px;height:160px;border-radius:50%;background:color-mix(in srgb, var(--accent2) 32%, transparent);pointer-events:none;"></div>
<div style="position:absolute;bottom:-60px;left:-40px;width:170px;height:170px;border-radius:50%;background:color-mix(in srgb, var(--accent) 16%, transparent);pointer-events:none;"></div>

<div style="position:relative;padding:28px 30px 26px;">

<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;">
<div style="background:var(--dark-bord);color:var(--light-text);font-size:10.5px;font-weight:700;letter-spacing:1.8px;padding:6px 15px;border-radius:20px;text-transform:uppercase;">микро-новость</div>
<div style="display:flex;align-items:center;gap:6px;font-size:11px;color:var(--link-acc);font-weight:700;letter-spacing:0.3px;">
<span style="width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;"></span>
17.08
</div>
</div>

<div style="font-size:21px;font-weight:800;color:var(--text);line-height:1.3;margin-bottom:16px;">🙃 Слишком много всего поменялось — сами разберётесь</div>

<div style="background:color-mix(in srgb, var(--dark-bord) 6%, var(--base-bg2));border-radius:16px;padding:18px 20px;font-size:13.5px;line-height:1.75;color:var(--text);box-shadow:inset 0 2px 8px rgba(0,0,0,0.08);">
С момента запуска поменялось слишком много всего, так что теперь придётся просто изучать это самим — расписывать каждый мув, который я провернул за последние девять часов сплошного кодинга, я категорически отказываюсь.
<br><br>
Давайте просто порадуемся, что Фанко-бар запущен и стабильно работает!
</div>

<div style="display:flex;align-items:center;gap:10px;margin:26px 0 18px;">
<div style="width:7px;height:7px;background:var(--accent);border-radius:50%;flex-shrink:0;"></div>
<div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 22%, transparent);"></div>
<div style="font-size:12px;font-weight:700;color:var(--link-acc);text-transform:uppercase;letter-spacing:0.6px;white-space:nowrap;">а вы знали?</div>
<div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 22%, transparent);"></div>
<div style="width:7px;height:7px;background:var(--accent);border-radius:50%;flex-shrink:0;"></div>
</div>

<div style="display:flex;align-items:flex-start;gap:16px;background:color-mix(in srgb, var(--dark-bord) 6%, var(--base-bg2));border-radius:16px;padding:16px 18px;box-shadow:inset 0 2px 8px rgba(0,0,0,0.08);">
<div style="width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:19px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 14px rgba(0,0,0,0.18);">📰</div>
<div style="font-size:13px;line-height:1.7;color:var(--text);padding-top:4px;">У Фанко-бара есть своя <b>лента</b> — туда сами собой падают все новые фигурки игроков! А во вкладке «Барвито» — все фигурки, которые сейчас можно обменять, купить или получить в подарок.</div>
</div>

<div style="text-align:center;margin-top:20px;background:color-mix(in srgb, var(--accent) 16%, var(--base-bg2));border:1.5px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:16px;padding:14px 18px;font-size:13px;font-weight:700;color:var(--text);line-height:1.5;">
👆 Открыть ленту — кнопка «Фанко-бар» прямо под названием форума в шапке
</div>

</div>
</div>

+9

3

Код:
<!--HTML--><div style="max-width:820px;margin:20px auto;position:relative;background:
radial-gradient(circle at 6% 0%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 45%),
radial-gradient(circle at 96% 12%, color-mix(in srgb, var(--accent2) 45%, transparent), transparent 40%),
var(--base-bg2);border-radius:var(--b-radius);overflow:hidden;box-shadow:0 20px 42px rgba(0,0,0,0.22);">

<div style="position:absolute;top:-50px;right:-40px;width:150px;height:150px;border-radius:50%;background:color-mix(in srgb, var(--accent2) 30%, transparent);pointer-events:none;"></div>
<div style="position:absolute;bottom:-60px;left:-40px;width:170px;height:170px;border-radius:50%;background:color-mix(in srgb, var(--accent) 16%, transparent);pointer-events:none;"></div>

<div style="position:relative;padding:28px 30px 26px;">

<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;">
<div style="background:var(--dark-bord);color:var(--light-text);font-size:10.5px;font-weight:700;letter-spacing:1.8px;padding:6px 15px;border-radius:20px;text-transform:uppercase;">сводка · день 2</div>
<div style="display:flex;align-items:center;gap:6px;font-size:11px;color:var(--link-acc);font-weight:700;letter-spacing:0.3px;">
<span style="width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;"></span>
18.08
</div>
</div>

<div style="font-size:22px;font-weight:800;color:var(--text);line-height:1.3;margin-bottom:14px;">📢 Второй день прогремел не тише первого</div>

<div style="background:color-mix(in srgb, var(--dark-bord) 6%, var(--base-bg2));border-radius:16px;padding:16px 20px;font-size:13.5px;line-height:1.75;color:var(--text);box-shadow:inset 0 2px 8px rgba(0,0,0,0.08);margin-bottom:24px;">
Дорогие коллекционеры! За сутки снова накопилась куча мелких опций — слишком мелководных и частых, чтобы разбирать каждую отдельной новостью. Поэтому сегодня только о значимом.
</div>

<!-- 1. Чёрный рынок -->
<div style="display:flex;align-items:flex-start;gap:14px;padding:14px 0;">
<div style="width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 14px rgba(0,0,0,0.18);">1</div>
<div style="flex:1;background:color-mix(in srgb, var(--dark-bord) 6%, var(--base-bg2));border-radius:16px;padding:14px 18px;box-shadow:inset 0 2px 8px rgba(0,0,0,0.08);">
<div style="font-size:14.5px;font-weight:700;color:var(--text);margin-bottom:6px;">🕶️ Чёрный рынок</div>
<div style="font-size:13px;line-height:1.65;color:var(--text);">Там за большие деньги доступны к покупке фигурки, которые официально закончились на витрине из-за небольших тиражей. А помимо ушедших с витрины дизайнов там могут появляться и такие, которые на витрине не были и не будут никогда — просто в своё время не подошли официальному дистрибьютору по тем или иным параметрам. Все подробности в самой теме.</div>
<div style="margin-top:12px;"><a href="https://barcross.ru/viewtopic.php?id=11862" style="display:inline-block;font-size:12.5px;font-weight:700;color:var(--light-text);background:var(--dark-bord);padding:8px 16px;border-radius:20px;text-decoration:none;">Открыть «Чёрный рынок» →</a></div>
</div>
</div>

<!-- 2. Твинки -->
<div style="display:flex;align-items:flex-start;gap:14px;padding:14px 0;">
<div style="width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 14px rgba(0,0,0,0.18);">2</div>
<div style="flex:1;background:color-mix(in srgb, var(--dark-bord) 6%, var(--base-bg2));border-radius:16px;padding:14px 18px;box-shadow:inset 0 2px 8px rgba(0,0,0,0.08);">
<div style="font-size:14.5px;font-weight:700;color:var(--text);margin-bottom:6px;">👥 Мэйн и твинки — теперь семья</div>
<div style="font-size:13px;line-height:1.65;color:var(--text);">Раньше всё нужно было делать с мэйна, а твинки участвовали только в отчётности. Теперь покупать фигурки и управлять полкой можно с любого профиля своего форумного семейства, в том числе оставлять комментарии от нужного профиля! У каждой «чужой» фигурки (не той, что купил создатель полки) теперь виден владелец прямо на самой фигурке.</div>
</div>
</div>

<!-- 3. Не засоряйте админку -->
<div style="display:flex;align-items:flex-start;gap:14px;padding:14px 0;">
<div style="width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 14px rgba(0,0,0,0.18);">3</div>
<div style="flex:1;background:color-mix(in srgb, var(--dark-bord) 6%, var(--base-bg2));border-radius:16px;padding:14px 18px;box-shadow:inset 0 2px 8px rgba(0,0,0,0.08);">
<div style="font-size:14.5px;font-weight:700;color:var(--text);margin-bottom:6px;">🧹 Пожалуйста, не засоряйте админку</div>
<div style="font-size:13px;line-height:1.65;color:var(--text);">Все ваши действия так или иначе сохраняются в админских логах. Даже если вы не нажали кнопку «отправить», заявка уже сформирована. Будьте чуть внимательнее: вычищая мисклики, я могу случайно снести и вполне рабочую заявку.</div>
</div>
</div>

<!-- 4. Лимиты -->
<div style="display:flex;align-items:flex-start;gap:14px;padding:14px 0;">
<div style="width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 14px rgba(0,0,0,0.18);">4</div>
<div style="flex:1;background:color-mix(in srgb, var(--dark-bord) 6%, var(--base-bg2));border-radius:16px;padding:14px 18px;box-shadow:inset 0 2px 8px rgba(0,0,0,0.08);">
<div style="font-size:14.5px;font-weight:700;color:var(--text);margin-bottom:6px;">😔 О грустном — лимиты Мастерской</div>
<div style="font-size:13px;line-height:1.65;color:var(--text);">Вы неадекватные. Поэтому у первого поколения появился лимит: <b>30 заявок на всех</b> и <b>по 3 на одного игрока</b>. В следующих поколениях лимиты будут ещё жёстче — <b>20 всего</b> и <b>по 2 на юзера</b>.</div>
</div>
</div>

<!-- 5. Эксклюзив -->
<div style="display:flex;align-items:flex-start;gap:14px;padding:14px 0;">
<div style="width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 14px rgba(0,0,0,0.18);">5</div>
<div style="flex:1;background:color-mix(in srgb, var(--dark-bord) 6%, var(--base-bg2));border-radius:16px;padding:14px 18px;box-shadow:inset 0 2px 8px rgba(0,0,0,0.08);">
<div style="font-size:14.5px;font-weight:700;color:var(--text);margin-bottom:6px;">💎 Эксклюзив</div>
<div style="font-size:13px;line-height:1.65;color:var(--text);">Эксклюзив настолько эксклюзивен, что не попадает даже на чёрный рынок после распродажи. Стоит дороже обычного и покупается <b>только за шоты</b>, никаких других способов оплаты. Всего <b>5 штук на позицию</b>, и это по-настоящему навсегда.</div>

<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;">
<div style="background:var(--base-bg2);border-radius:14px;padding:10px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,0.08);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:8px;">
<img src="https://barfiles.ru/js/funko/images/wine.png" alt="wine" style="width:100%;height:100%;object-fit:contain;">
<div style="position:absolute;top:6px;right:6px;background:linear-gradient(135deg, var(--accent), var(--link-acc));color:var(--light-text);font-size:8.5px;font-weight:700;letter-spacing:0.5px;padding:3px 7px;border-radius:10px;text-transform:uppercase;">эксклюзив</div>
</div>
<div style="font-size:12.5px;font-weight:700;color:var(--text);">wine</div>
</div>
<div style="background:var(--base-bg2);border-radius:14px;padding:10px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,0.08);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:8px;">
<img src="https://barfiles.ru/js/funko/images/beer.png" alt="beer" style="width:100%;height:100%;object-fit:contain;">
<div style="position:absolute;top:6px;right:6px;background:linear-gradient(135deg, var(--accent), var(--link-acc));color:var(--light-text);font-size:8.5px;font-weight:700;letter-spacing:0.5px;padding:3px 7px;border-radius:10px;text-transform:uppercase;">эксклюзив</div>
</div>
<div style="font-size:12.5px;font-weight:700;color:var(--text);">beer</div>
</div>
</div>

<div style="font-size:12px;color:var(--link-acc);margin-top:10px;">Первыми на этот пьедестал восходят звёзды из твиттера. Успейте их купить!</div>
</div>
</div>

<div style="text-align:center;margin-top:22px;font-size:12px;color:var(--link-acc);font-weight:600;">
На этом сводка закончена, спасибо за внимание!
</div>

</div>
</div>

+7

4

Код:
<!--HTML--><div style="max-width:780px;margin:20px auto;position:relative;background:var(--base-bg2);border-radius:var(--b-radius);overflow:hidden;box-shadow:0 20px 42px rgba(0,0,0,0.22);">

<div style="position:absolute;top:-50px;right:-50px;width:160px;height:160px;border-radius:50%;background:color-mix(in srgb, var(--accent2) 32%, transparent);pointer-events:none;"></div>
<div style="position:absolute;bottom:-60px;left:-40px;width:170px;height:170px;border-radius:50%;background:color-mix(in srgb, var(--accent) 16%, transparent);pointer-events:none;"></div>

<div style="position:relative;padding:28px 30px 26px;">

<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;">
<div style="background:var(--dark-bord);color:var(--light-text);font-size:10.5px;font-weight:700;letter-spacing:1.8px;padding:6px 15px;border-radius:20px;text-transform:uppercase;">большое обновление</div>
<div style="display:flex;align-items:center;gap:6px;font-size:11px;color:var(--link-acc);font-weight:700;letter-spacing:0.3px;">
<span style="width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;"></span>
19.08
</div>
</div>

<div style="font-size:21px;font-weight:800;color:var(--text);line-height:1.3;margin-bottom:16px;">🌙 Пу-пу-пу! Третий день позади — пускаюсь во все тяжкие</div>

<div style="background:color-mix(in srgb, var(--dark-bord) 6%, var(--base-bg2));border-radius:16px;padding:18px 20px;font-size:13.5px;line-height:1.75;color:var(--text);box-shadow:inset 0 2px 8px rgba(0,0,0,0.08);">
Третий день отгремел, страсти наконец самую малость поутихли — самое время накидать вам сразу три больших перемены.
</div>

<div style="display:flex;align-items:center;gap:10px;margin:26px 0 16px;">
<div style="width:7px;height:7px;background:var(--accent);border-radius:50%;flex-shrink:0;"></div>
<div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 22%, transparent);"></div>
<div style="font-size:12px;font-weight:700;color:var(--link-acc);text-transform:uppercase;letter-spacing:0.6px;white-space:nowrap;">🚪 полки стали комнатами</div>
<div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 22%, transparent);"></div>
<div style="width:7px;height:7px;background:var(--accent);border-radius:50%;flex-shrink:0;"></div>
</div>

<div style="background:color-mix(in srgb, var(--dark-bord) 6%, var(--base-bg2));border-radius:16px;padding:18px 20px;font-size:13.5px;line-height:1.75;color:var(--text);box-shadow:inset 0 2px 8px rgba(0,0,0,0.08);">
Полки, как и наши прошедшие покемоны, эволюционировали — теперь это целые <b>комнаты</b>! Дело в том, что у вас есть не только полка, но и настоящие <b>шкафы</b>. Вы сами решаете, какой шкаф будет «главным» первым в вашей теме, сами раскладываете фигурки по шкафам и придумываете им названия. Обустраивайте свои комнаты с удовольствием!
</div>

<div style="display:flex;align-items:center;gap:10px;margin:26px 0 16px;">
<div style="width:7px;height:7px;background:var(--accent);border-radius:50%;flex-shrink:0;"></div>
<div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 22%, transparent);"></div>
<div style="font-size:12px;font-weight:700;color:var(--link-acc);text-transform:uppercase;letter-spacing:0.6px;white-space:nowrap;">🛍️ витрина обновилась</div>
<div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 22%, transparent);"></div>
<div style="width:7px;height:7px;background:var(--accent);border-radius:50%;flex-shrink:0;"></div>
</div>

<div style="background:color-mix(in srgb, var(--dark-bord) 6%, var(--base-bg2));border-radius:16px;padding:18px 20px;font-size:13.5px;line-height:1.75;color:var(--text);box-shadow:inset 0 2px 8px rgba(0,0,0,0.08);">
Логика приобретения осталась та же, что и прежде, а вот функционал я сменил — проще один раз заглянуть самим, чем читать три абзаца моего описания. В ближайшее время ждите обновлений и на самих полках витрины, ведь мы...
</div>

<div style="display:flex;align-items:center;gap:10px;margin:26px 0 16px;">
<div style="width:7px;height:7px;background:var(--accent);border-radius:50%;flex-shrink:0;"></div>
<div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 22%, transparent);"></div>
<div style="font-size:12px;font-weight:700;color:var(--link-acc);text-transform:uppercase;letter-spacing:0.6px;white-space:nowrap;">🎭 зрительские симпатии</div>
<div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 22%, transparent);"></div>
<div style="width:7px;height:7px;background:var(--accent);border-radius:50%;flex-shrink:0;"></div>
</div>

<div style="background:color-mix(in srgb, var(--dark-bord) 6%, var(--base-bg2));border-radius:16px;padding:18px 20px;font-size:13.5px;line-height:1.75;color:var(--text);box-shadow:inset 0 2px 8px rgba(0,0,0,0.08);">
...перешли к фигуркам по зрительским симпатиям! По моей же глупости я на пару часов оставил тему без всяких ограничений на растерзание вам, мои дорогие коллекционеры. Теперь она подчиняется тем же правилам, что и остальные темы Фанко-бара (да здравствует диктатура Мастера и Барыги Рикки!). Но я правда очень рад, что вы так тепло приняли саму идею такой инициативы!
</div>

<div style="text-align:center;margin-top:22px;font-size:13px;font-weight:700;color:var(--text);line-height:1.5;">
На этом пока всё, всем приятной ночи! 🌙
</div>


</div>
</div>

+11

5

Код:
<!--HTML--><div style="max-width:820px;margin:20px auto;position:relative;background:
radial-gradient(circle at 6% 0%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 45%),
radial-gradient(circle at 96% 12%, color-mix(in srgb, var(--accent2) 45%, transparent), transparent 40%),
var(--base-bg2);border-radius:var(--b-radius);overflow:hidden;box-shadow:0 20px 42px rgba(0,0,0,0.22);">

<div style="position:absolute;top:-50px;right:-40px;width:150px;height:150px;border-radius:50%;background:color-mix(in srgb, var(--accent2) 30%, transparent);pointer-events:none;"></div>
<div style="position:absolute;bottom:-60px;left:-40px;width:170px;height:170px;border-radius:50%;background:color-mix(in srgb, var(--accent) 16%, transparent);pointer-events:none;"></div>

<div style="position:relative;padding:28px 30px 26px;">

<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;">
<div style="background:var(--dark-bord);color:var(--light-text);font-size:10.5px;font-weight:700;letter-spacing:1.8px;padding:6px 15px;border-radius:20px;text-transform:uppercase;">важное объявление</div>
<div style="display:flex;align-items:center;gap:6px;font-size:11px;color:var(--link-acc);font-weight:700;letter-spacing:0.3px;">
<span style="width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;"></span>
04.09
</div>
</div>

<div style="font-size:22px;font-weight:800;color:var(--text);line-height:1.3;margin-bottom:14px;">🚨 ВИТРИНА ЗАКРЫВАЕТСЯ</div>

<div style="background:color-mix(in srgb, var(--dark-bord) 6%, var(--base-bg2));border-radius:16px;padding:16px 20px;font-size:13.5px;line-height:1.75;color:var(--text);box-shadow:inset 0 2px 8px rgba(0,0,0,0.08);margin-bottom:24px;">
И теперь, когда ваше внимание привлечено, сообщаю: на данный момент произошли реформы! <b>Витрина</b>, ровно как и <b>Отчётность</b>, переехали на свои страницы на форуме.
</div>

<!-- 1. Удобство -->
<div style="display:flex;align-items:flex-start;gap:14px;padding:14px 0;">
<div style="width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 14px rgba(0,0,0,0.18);">1</div>
<div style="flex:1;background:color-mix(in srgb, var(--dark-bord) 6%, var(--base-bg2));border-radius:16px;padding:14px 18px;box-shadow:inset 0 2px 8px rgba(0,0,0,0.08);">
<div style="font-size:14.5px;font-weight:700;color:var(--text);margin-bottom:6px;">📐 Больше пространства, больше воздуха, больше фич</div>
<div style="font-size:13px;line-height:1.65;color:var(--text);">Теперь на Витрине можно купить больше пяти фигурок за один раз (устал я от ваших постоянных пятёрок, ненасытные вы мои). Появился фильтр «Показывать цену в» — можно смотреть цену не только в шотах, но и в постах/сообщениях/репутации/уважении. И это только начало.</div>
<div style="margin-top:12px;"><a href="https://barcross.ru/pages/vitrina" style="display:inline-block;font-size:12.5px;font-weight:700;color:var(--light-text);background:var(--dark-bord);padding:8px 16px;border-radius:20px;text-decoration:none;">Открыть Витрину →</a></div>
</div>
</div>

<!-- 2. Внешний вид -->
<div style="display:flex;align-items:flex-start;gap:14px;padding:14px 0;">
<div style="width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 14px rgba(0,0,0,0.18);">2</div>
<div style="flex:1;background:color-mix(in srgb, var(--dark-bord) 6%, var(--base-bg2));border-radius:16px;padding:14px 18px;box-shadow:inset 0 2px 8px rgba(0,0,0,0.08);">
<div style="font-size:14.5px;font-weight:700;color:var(--text);margin-bottom:6px;">🎨 Новый внешний вид</div>
<div style="font-size:13px;line-height:1.65;color:var(--text);">Меньше духа фанко, больше визуального удобства! Отчётность теперь тоже своя страница — заходите под своим профилем, никакого «зафиксируйся один раз и жди» больше не нужно.</div>
<div style="margin-top:12px;"><a href="https://barcross.ru/pages/otchetnost" style="display:inline-block;font-size:12.5px;font-weight:700;color:var(--light-text);background:var(--dark-bord);padding:8px 16px;border-radius:20px;text-decoration:none;">Открыть Отчётность →</a></div>
</div>
</div>

<!-- 3. Нагрузка -->
<div style="display:flex;align-items:flex-start;gap:14px;padding:14px 0;">
<div style="width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 14px rgba(0,0,0,0.18);">3</div>
<div style="flex:1;background:color-mix(in srgb, var(--dark-bord) 6%, var(--base-bg2));border-radius:16px;padding:14px 18px;box-shadow:inset 0 2px 8px rgba(0,0,0,0.08);">
<div style="font-size:14.5px;font-weight:700;color:var(--text);margin-bottom:6px;">⚡ Меньше нагрузки</div>
<div style="font-size:13px;line-height:1.65;color:var(--text);">Это снимает нагрузку со страниц, которые у меня иногда грузились дольше, чем имели на то право. В основном, это главная причина, почему я вообще взялся за доработку этих двух тем.</div>
</div>
</div>

<!-- 4. Быстрая навигация -->
<div style="display:flex;align-items:flex-start;gap:14px;padding:14px 0;">
<div style="width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 14px rgba(0,0,0,0.18);">4</div>
<div style="flex:1;background:color-mix(in srgb, var(--dark-bord) 6%, var(--base-bg2));border-radius:16px;padding:14px 18px;box-shadow:inset 0 2px 8px rgba(0,0,0,0.08);">
<div style="font-size:14.5px;font-weight:700;color:var(--text);margin-bottom:6px;">🧭 Быстрая навигация</div>
<div style="font-size:13px;line-height:1.65;color:var(--text);">Для удобства кнопочка «фанко-бар» в описании форума теперь — целый выпадающий список со всеми нужными ссылками. Наводите или тапайте — и все страницы модуля под рукой.</div>
</div>
</div>

<div style="text-align:center;margin-top:22px;font-size:12px;color:var(--link-acc);font-weight:600;">
В общем и в целом, наслаждайтесь новым фанко! Он эволюционирует вместе с вами!
</div>

</div>
</div>

+7

6


Код:
<!--HTML--><div style="max-width:780px;margin:20px auto;position:relative;background:var(--base-bg2);border-radius:var(--b-radius);overflow:hidden;box-shadow:0 20px 42px rgba(0,0,0,0.22);">

<div style="position:absolute;top:-50px;right:-50px;width:160px;height:160px;border-radius:50%;background:color-mix(in srgb, var(--accent2) 32%, transparent);pointer-events:none;"></div>
<div style="position:absolute;bottom:-60px;left:-40px;width:170px;height:170px;border-radius:50%;background:color-mix(in srgb, var(--accent) 16%, transparent);pointer-events:none;"></div>

<div style="position:relative;padding:28px 30px 26px;">

<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;">
<div style="background:var(--dark-bord);color:var(--light-text);font-size:10.5px;font-weight:700;letter-spacing:1.8px;padding:6px 15px;border-radius:20px;text-transform:uppercase;">анонс</div>
<div style="display:flex;align-items:center;gap:6px;font-size:11px;color:var(--link-acc);font-weight:700;letter-spacing:0.3px;">
<span style="width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;"></span>
Фанко-бар
</div>
</div>

<div style="font-size:21px;font-weight:800;color:var(--text);line-height:1.3;margin-bottom:16px;">🎉 2 поколение на подходе!</div>

<div style="background:color-mix(in srgb, var(--dark-bord) 6%, var(--base-bg2));border-radius:16px;padding:18px 20px;font-size:13.5px;line-height:1.75;color:var(--text);box-shadow:inset 0 2px 8px rgba(0,0,0,0.08);">
Рад сообщить, что второе поколение Фанко уже готово и ждёт официального релиза! Не знаю, зачем закладывал на них так много времени, если уложился буквально в два дня — один из которых, чего скрывать, половину филонил.
</div>

<div style="display:flex;align-items:center;gap:10px;margin:26px 0 18px;">
<div style="width:7px;height:7px;background:var(--accent);border-radius:50%;flex-shrink:0;"></div>
<div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 22%, transparent);"></div>
<div style="font-size:12px;font-weight:700;color:var(--link-acc);text-transform:uppercase;letter-spacing:0.6px;white-space:nowrap;">пока в закрытом доступе</div>
<div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 22%, transparent);"></div>
<div style="width:7px;height:7px;background:var(--accent);border-radius:50%;flex-shrink:0;"></div>
</div>

<div style="display:flex;align-items:flex-start;gap:16px;background:color-mix(in srgb, var(--dark-bord) 6%, var(--base-bg2));border-radius:16px;padding:16px 18px;box-shadow:inset 0 2px 8px rgba(0,0,0,0.08);">
<div style="width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:19px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 14px rgba(0,0,0,0.18);">🎰</div>
<div style="font-size:13px;line-height:1.7;color:var(--text);padding-top:4px;">На данный момент 2 поколение доступно только в скрытом виде, но вы уже можете получить одну фигурку на всё семейство своих профилей через <b>Казнокрада</b>! Цена фиксированная, оплата <b>только шотами</b>.</div>
</div>

<div style="text-align:center;margin-top:16px;"><a href="https://barcross.ru/viewtopic.php?id=11933" style="display:inline-block;font-size:12.5px;font-weight:700;color:var(--light-text);background:var(--dark-bord);padding:9px 20px;border-radius:20px;text-decoration:none;">Открыть «Казнокрад» →</a></div>

<div style="display:flex;align-items:center;gap:10px;margin:26px 0 18px;">
<div style="width:7px;height:7px;background:var(--accent);border-radius:50%;flex-shrink:0;"></div>
<div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 22%, transparent);"></div>
<div style="font-size:12px;font-weight:700;color:var(--link-acc);text-transform:uppercase;letter-spacing:0.6px;white-space:nowrap;">что внутри</div>
<div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 22%, transparent);"></div>
<div style="width:7px;height:7px;background:var(--accent);border-radius:50%;flex-shrink:0;"></div>
</div>

<div style="background:color-mix(in srgb, var(--dark-bord) 6%, var(--base-bg2));border-radius:16px;padding:16px 18px;font-size:13px;line-height:1.7;color:var(--text);box-shadow:inset 0 2px 8px rgba(0,0,0,0.08);">
Как уже писалось в твиттере, создана <b>61 фигурка</b>. Среди них обычные, чейзы, народные и даже кое-что ещё. Чуть позже выйдет вторая новость с полноценным анонсом и разбором формулы, по которой выбирались персонажи.
</div>

<div style="text-align:center;margin-top:16px;background:color-mix(in srgb, var(--accent) 16%, var(--base-bg2));border:1.5px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:16px;padding:14px 18px;font-size:13px;font-weight:700;color:var(--text);line-height:1.5;">
✨ Если попадётся лимитированная фигурка — можно выдохнуть: стандартный лимит тиража в стенах Казнокрада не действует.
</div>

<div style="text-align:center;margin-top:22px;font-size:12px;color:var(--link-acc);font-weight:600;">
Наслаждайтесь и ждите официального релиза уже в этот четверг!
</div>

</div>
</div>

+10

7

Код:
<!--HTML--><div style="max-width:860px;margin:20px auto;position:relative;background:
radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--accent) 40%, transparent), transparent 45%),
radial-gradient(circle at 95% 10%, color-mix(in srgb, var(--accent2) 55%, transparent), transparent 40%),
radial-gradient(circle at 85% 95%, color-mix(in srgb, var(--accent) 25%, transparent), transparent 45%),
radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--accent2) 45%, var(--base-bg2)), var(--base-bg2) 55%);
border-radius:var(--b-radius);padding:4px;overflow:hidden;box-shadow:0 20px 42px rgba(0,0,0,0.22);">

<div style="position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background:color-mix(in srgb, var(--accent2) 40%, transparent);pointer-events:none;"></div>
<div style="position:absolute;bottom:-40px;left:-25px;width:140px;height:140px;border-radius:50%;background:color-mix(in srgb, var(--accent) 25%, transparent);pointer-events:none;"></div>

<div style="position:relative;padding:30px 26px 26px;">

<div style="display:flex;justify-content:center;margin-bottom:12px;">
<div style="background:var(--dark-bord);color:var(--light-text);font-size:10px;font-weight:700;letter-spacing:2.5px;padding:5px 16px;border-radius:20px;text-transform:uppercase;display:flex;align-items:center;gap:6px;">🍂 сезон открыт</div>
</div>

<div style="text-align:center;">
<div style="font-size:32px;font-weight:800;color:var(--text);letter-spacing:0.5px;line-height:1.15;">ВТОРОЕ ПОКОЛЕНИЕ ОТКРЫТО!</div>
<div style="display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;">
<div style="width:20px;height:1.5px;background:var(--link-acc);"></div>
<div style="font-size:12.5px;color:var(--text);letter-spacing:0.5px;">заказывай · собирай · хвастайся</div>
<div style="width:20px;height:1.5px;background:var(--link-acc);"></div>
</div>
</div>

<div style="background:var(--base-bg2);border-radius:16px;padding:16px 18px;margin-top:20px;font-size:13px;line-height:1.65;color:var(--text);text-align:center;box-shadow:0 8px 18px rgba(0,0,0,0.1);">
Заказывай фигурки через мастерскую, любуйся всем выпуском на витрине — и наконец узнай секретную формулу, по которой собирался новый рум!
</div>

<div style="display:flex;justify-content:center;gap:10px;margin:20px 0 4px;flex-wrap:wrap;">
<div style="background:var(--dark-bord);border-radius:16px;padding:10px 20px;text-align:center;box-shadow:0 8px 18px rgba(0,0,0,0.15);">
<div style="font-size:24px;font-weight:800;color:var(--light-text);line-height:1;">71</div>
<div style="font-size:9px;color:var(--accent2);text-transform:uppercase;letter-spacing:1.2px;margin-top:3px;">фигурка</div>
</div>
<div style="background:var(--dark-bord);border-radius:16px;padding:10px 20px;text-align:center;box-shadow:0 8px 18px rgba(0,0,0,0.15);">
<div style="font-size:24px;font-weight:800;color:var(--light-text);line-height:1;">10</div>
<div style="font-size:9px;color:var(--accent2);text-transform:uppercase;letter-spacing:1.2px;margin-top:3px;">эксклюзивов</div>
</div>
<div style="background:var(--dark-bord);border-radius:16px;padding:10px 20px;text-align:center;box-shadow:0 8px 18px rgba(0,0,0,0.15);">
<div style="font-size:24px;font-weight:800;color:var(--light-text);line-height:1;">1</div>
<div style="font-size:9px;color:var(--accent2);text-transform:uppercase;letter-spacing:1.2px;margin-top:3px;">новый тип — битти</div>
</div>
</div>

<div style="display:flex;align-items:center;justify-content:center;gap:8px;margin:26px 0 14px;">
<div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 25%, transparent);"></div>
<div style="width:6px;height:6px;background:var(--accent);border-radius:50%;"></div>
<div style="font-size:15px;font-weight:700;color:var(--text);white-space:nowrap;">Что нового</div>
<div style="width:6px;height:6px;background:var(--accent);border-radius:50%;"></div>
<div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 25%, transparent);"></div>
</div>

<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;">

<div style="background:var(--base-bg2);border-radius:16px;padding:14px;box-shadow:0 4px 10px rgba(0,0,0,0.08);">
<div style="font-size:22px;margin-bottom:6px;">🏪</div>
<div style="font-size:13px;font-weight:700;color:var(--dark-bord);margin-bottom:3px;">Витрина обновлена</div>
<div style="font-size:11.5px;color:var(--text);line-height:1.5;">Полностью доступна, никаких новых правил получения фигурок не появилось.</div>
</div>

<div style="background:var(--base-bg2);border-radius:16px;padding:14px;box-shadow:0 4px 10px rgba(0,0,0,0.08);position:relative;overflow:hidden;">
<div style="position:absolute;top:8px;right:8px;background:linear-gradient(135deg, var(--accent2), var(--accent2));color:var(--light-text);font-size:7.5px;font-weight:700;letter-spacing:0.4px;padding:2px 7px;border-radius:8px;text-transform:uppercase;">новое</div>
<div style="font-size:22px;margin-bottom:6px;">🐾</div>
<div style="font-size:13px;font-weight:700;color:var(--dark-bord);margin-bottom:3px;">Битти</div>
<div style="font-size:11.5px;color:var(--text);line-height:1.5;">Маленькие, славные — живут по тем же правилам, что и стандартные фигурки. Чейз-битти и эксклюзив-битти — уже не за горами?</div>
</div>

<div style="background:var(--base-bg2);border-radius:16px;padding:14px;box-shadow:0 4px 10px rgba(0,0,0,0.08);">
<div style="font-size:22px;margin-bottom:6px;">🛠️</div>
<div style="font-size:13px;font-weight:700;color:var(--dark-bord);margin-bottom:3px;">Мастерская — жёстче</div>
<div style="font-size:11.5px;color:var(--text);line-height:1.5;">Лимит, как я и говорил раньше, сузился: <b>20 заявок</b> на всё поколение и максимум <b>2</b> на игрока. Выбирайте с умом!</div>
</div>

<div style="background:var(--base-bg2);border-radius:16px;padding:14px;box-shadow:0 4px 10px rgba(0,0,0,0.08);">
<div style="font-size:22px;margin-bottom:6px;">🔮</div>
<div style="font-size:13px;font-weight:700;color:var(--dark-bord);margin-bottom:3px;">Секретная формула</div>
<div style="font-size:11.5px;color:var(--text);line-height:1.5;">Пользуйтесь всем, что вводится в Фанко — это не просто так! И теперь вы узнаете, что эти слова значат!</div>
</div>

</div>

<div style="display:flex;align-items:center;justify-content:center;gap:8px;margin:26px 0 14px;">
<div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 25%, transparent);"></div>
<div style="width:6px;height:6px;background:var(--accent);border-radius:50%;"></div>
<div style="font-size:15px;font-weight:700;color:var(--text);white-space:nowrap;">🔮 Формула</div>
<div style="width:6px;height:6px;background:var(--accent);border-radius:50%;"></div>
<div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 25%, transparent);"></div>
</div>

<div style="display:flex;flex-direction:column;gap:8px;">
<div style="display:flex;gap:10px;align-items:flex-start;background:var(--base-bg2);border-radius:12px;padding:10px 12px;box-shadow:0 4px 10px rgba(0,0,0,0.06);">
<div style="font-size:12px;font-weight:700;color:var(--light-text);background:var(--accent);border-radius:10px;padding:2px 9px;flex-shrink:0;white-space:nowrap;">стандартная</div>
<div style="font-size:12.5px;line-height:1.55;color:var(--text);">второй профиль (если такой есть) всех владельцев своих личных комнат </div>
</div>
<div style="display:flex;gap:10px;align-items:flex-start;background:var(--base-bg2);border-radius:12px;padding:10px 12px;box-shadow:0 4px 10px rgba(0,0,0,0.06);">
<div style="font-size:12px;font-weight:700;color:var(--light-text);background:var(--accent);border-radius:10px;padding:2px 9px;flex-shrink:0;white-space:nowrap;">народная</div>
<div style="font-size:12.5px;line-height:1.55;color:var(--text);">по одной мечте из каждой комнаты — а если у кого-то мечты нет, выбирается ещё одна фигурка у того, у кого она есть // первые пять фигурок из рейтинга лайков (зал славы) в осеннем скине </div>
</div>
<div style="display:flex;gap:10px;align-items:flex-start;background:var(--base-bg2);border-radius:12px;padding:10px 12px;box-shadow:0 4px 10px rgba(0,0,0,0.06);">
<div style="font-size:12px;font-weight:700;color:var(--light-text);background:var(--accent);border-radius:10px;padding:2px 9px;flex-shrink:0;white-space:nowrap;">чейз</div>
<div style="font-size:12.5px;line-height:1.55;color:var(--text);">осенний скин всех, у кого есть два и более шкафов в комнате (и кроме тех, кто уже получил свой осенний скин через зал славы)</div>
</div>
<div style="display:flex;gap:10px;align-items:flex-start;background:var(--base-bg2);border-radius:12px;padding:10px 12px;box-shadow:0 4px 10px rgba(0,0,0,0.06);">
<div style="font-size:12px;font-weight:700;color:var(--light-text);background:var(--accent);border-radius:10px;padding:2px 9px;flex-shrink:0;white-space:nowrap;">битти</div>
<div style="font-size:12.5px;line-height:1.55;color:var(--text);">участники ивента «игра в кальбара» — все, у кого есть свои комнаты в Фанко</div>
</div>
</div>

<div style="display:flex;align-items:center;justify-content:center;gap:8px;margin:26px 0 14px;">
<div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 25%, transparent);"></div>
<div style="width:6px;height:6px;background:var(--accent);border-radius:50%;"></div>
<div style="font-size:15px;font-weight:700;color:var(--text);white-space:nowrap;">🖼️ Полный состав рума</div>
<div style="width:6px;height:6px;background:var(--accent);border-radius:50%;"></div>
<div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 25%, transparent);"></div>
</div>

<div style="background:var(--base-bg2);border-radius:16px;padding:14px 14px 12px;box-shadow:0 8px 18px rgba(0,0,0,0.1);">
<div style="display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:10px;font-size:10.5px;font-weight:700;color:var(--link-acc);">
<div style="display:flex;align-items:center;gap:4px;"><span style="width:8px;height:8px;border-radius:2px;background:var(--accent2);display:inline-block;"></span>чейз</div>
<div style="display:flex;align-items:center;gap:4px;"><span style="width:8px;height:8px;border-radius:2px;background:linear-gradient(135deg, var(--accent), var(--link-acc));display:inline-block;"></span>эксклюзив</div>
</div>
<div style="max-height:380px;overflow-y:auto;padding:2px 6px 2px 2px;">
<div style="display:grid;grid-template-columns:repeat(auto-fill, minmax(84px, 1fr));gap:8px;">
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/amanda_clarke_autumn.png" alt="Осенний вайб Аманды" style="width:100%;height:100%;object-fit:contain;">
<div style="position:absolute;top:5px;right:5px;background:var(--accent);color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">чейз</div>
</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Осенний вайб Аманды</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/aperol.png" alt="Апероль" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Апероль</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background:var(--accent2);color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">народная</div>
<img src="https://barfiles.ru/js/funko/images/batman_ben_affleck.png" alt="Бэтмен" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Бэтмен</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/champion_of_cyrodill_autumn.png" alt="Осенний вайб Чемпиона" style="width:100%;height:100%;object-fit:contain;">
<div style="position:absolute;top:5px;right:5px;background:var(--accent);color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">чейз</div>
</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Осенний вайб Чемпиона</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background:var(--accent2);color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">народная</div>
<img src="https://barfiles.ru/js/funko/images/cheshire_cat_autumn.png" alt="Осенний вайб Чешира" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Осенний вайб Чешира</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/chris_marshall.png" alt="Крис Маршалл" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Крис Маршалл</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/dina.png" alt="Дина" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Дина</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/dustin_henderson.png" alt="Дастин Хендерсон" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Дастин Хендерсон</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/felicia_hardy_autumn.png" alt="Осенний вайб Фелиции" style="width:100%;height:100%;object-fit:contain;">
<div style="position:absolute;top:5px;right:5px;background:var(--accent);color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">чейз</div>
</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Осенний вайб Фелиции</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/figaro.png" alt="Фигаро" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Фигаро</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/eddie_munson.png" alt="Эдди Мансон" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Эдди Мансон</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background:var(--dark-bord);color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">брак</div>
<img src="https://barfiles.ru/js/funko/images/fugaro.png" alt="Фигаро (без банта)" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Фигаро (без банта)</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background:var(--accent2);color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">народная</div>
<img src="https://barfiles.ru/js/funko/images/gumball.png" alt="Гамбол" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Гамбол</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background:var(--accent2);color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">народная</div>
<img src="https://barfiles.ru/js/funko/images/harley_queen_autumn.png" alt="Осенний вайб Харли" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Осенний вайб Харли</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/hua_cheng.png" alt="Хуа Чен" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Хуа Чен</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/ivy_pepper.png" alt="Айви Пеппер" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Айви Пеппер</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background:var(--accent2);color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">народная</div>
<img src="https://barfiles.ru/js/funko/images/ivy_pepper_maggie_geha.png" alt="Айви Пеппер" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Айви Пеппер</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/katie_bell_autumn.png" alt="Осенний вайб Кэти" style="width:100%;height:100%;object-fit:contain;">
<div style="position:absolute;top:5px;right:5px;background:var(--accent);color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">чейз</div>
</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Осенний вайб Кэти</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background:var(--accent2);color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">народная</div>
<img src="https://barfiles.ru/js/funko/images/james_gordon.png" alt="Джеймс Гордон" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Джеймс Гордон</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/jane_hopper.png" alt="Джейн Хоппер" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Джейн Хоппер</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/jinu.png" alt="Джину" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Джину</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/levi_ackerman.png" alt="Леви Аккерман" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Леви Аккерман</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/leonardo.png" alt="Леонардо" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Леонардо</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/katie_bell.png" alt="Кэти Белл" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Кэти Белл</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/long_island.png" alt="Лонг Айленд" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Лонг Айленд</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background:var(--accent2);color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">народная</div>
<img src="https://barfiles.ru/js/funko/images/lord_voldemort.png" alt="Лорд Волдеморт" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Лорд Волдеморт</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/mentalism_autumn.png" alt="Осенний вайб Ментализма" style="width:100%;height:100%;object-fit:contain;">
<div style="position:absolute;top:5px;right:5px;background:var(--accent);color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">чейз</div>
</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Осенний вайб Ментализма</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/morag_macdougal.png" alt="Мораг Макдугал" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Мораг Макдугал</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/minerva_mcgonagall_autumn.png" alt="Осенний вайб Минервы" style="width:100%;height:100%;object-fit:contain;">
<div style="position:absolute;top:5px;right:5px;background:var(--accent);color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">чейз</div>
</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Осенний вайб Минервы</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/mezcal.png" alt="Мескаль" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Мескаль</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background:var(--accent2);color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">народная</div>
<img src="https://barfiles.ru/js/funko/images/meowth_autumn.png" alt="Осенний вайб Мяута" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Осенний вайб Мяута</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/oberyn_martell_autumn.png" alt="Осенний вайб Оберина" style="width:100%;height:100%;object-fit:contain;">
<div style="position:absolute;top:5px;right:5px;background:var(--accent);color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">чейз</div>
</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Осенний вайб Оберина</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/mysaria.png" alt="Мисария" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Мисария</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/prosecco.png" alt="Просекко" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Просекко</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background:var(--accent2);color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">народная</div>
<img src="https://barfiles.ru/js/funko/images/pickachu_autumn.png" alt="Осенний вайб Пикачу" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Осенний вайб Пикачу</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/raphael.png" alt="Рафаель" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Рафаель</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/rhaenyra.png" alt="Рейнира Таргариен" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Рейнира Таргариен</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/rickey_autumn.png" alt="Осенний вайб Рикки" style="width:100%;height:100%;object-fit:contain;">
<div style="position:absolute;top:5px;right:5px;background:var(--accent);color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">чейз</div>
</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Осенний вайб Рикки</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background:var(--accent2);color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">народная</div>
<img src="https://barfiles.ru/js/funko/images/rickey_lassi_autumn.png" alt="Осенний вайб Рикки & Лэсси" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Осенний вайб Рикки & Лэсси</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/robin_buckley.png" alt="Робин" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Робин</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/sake_autumn.png" alt="Осенний вайб Саке" style="width:100%;height:100%;object-fit:contain;">
<div style="position:absolute;top:5px;right:5px;background:var(--accent);color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">чейз</div>
</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Осенний вайб Саке</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/sake.png" alt="Саке" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Саке</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background: #D3358A;color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">битти</div>
<img src="https://barfiles.ru/js/funko/images/sq_004.png" alt="004" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">004</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background: #D3358A;color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">битти</div>
<img src="https://barfiles.ru/js/funko/images/sq_008.png" alt="008" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">008</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background: #D3358A;color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">битти</div>
<img src="https://barfiles.ru/js/funko/images/sq_007.png" alt="007" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">007</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background: #D3358A;color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">битти</div>
<img src="https://barfiles.ru/js/funko/images/sq_013.png" alt="013" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">013</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background: #D3358A;color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">битти</div>
<img src="https://barfiles.ru/js/funko/images/sq_043.png" alt="043" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">043</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background: #D3358A;color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">битти</div>
<img src="https://barfiles.ru/js/funko/images/sq_067.png" alt="067" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">067</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background: #D3358A;color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">битти</div>
<img src="https://barfiles.ru/js/funko/images/sq_069.png" alt="069" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">069</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background: #D3358A;color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">битти</div>
<img src="https://barfiles.ru/js/funko/images/sq_111.png" alt="111" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">111</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background: #D3358A;color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">битти</div>
<img src="https://barfiles.ru/js/funko/images/sq_113.png" alt="113" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">113</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background: #D3358A;color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">битти</div>
<img src="https://barfiles.ru/js/funko/images/sq_250.png" alt="250" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">250</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background: #D3358A;color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">битти</div>
<img src="https://barfiles.ru/js/funko/images/sq_357.png" alt="357" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">357</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background: #D3358A;color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">битти</div>
<img src="https://barfiles.ru/js/funko/images/sq_404.png" alt="404" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">404</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background: #D3358A;color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">битти</div>
<img src="https://barfiles.ru/js/funko/images/sq_426.png" alt="426" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">426</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background: #D3358A;color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">битти</div>
<img src="https://barfiles.ru/js/funko/images/sq_frontmen.png" alt="Фронтмен" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Фронтмен</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background:var(--accent2);color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">народная</div>
<img src="https://barfiles.ru/js/funko/images/thorin.png" alt="Торин" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Торин</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/sue_storm.png" alt="Сьюзан Шторм" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Сьюзан Шторм</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/umeshu.png" alt="Умешу" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Умешу</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<div style="position:absolute;top:5px;right:5px;background:var(--accent2);color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">народная</div>
<img src="https://barfiles.ru/js/funko/images/thranduil.png" alt="Трандуил" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Трандуил</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/xie_lian.png" alt="Се Лянь" style="width:100%;height:100%;object-fit:contain;">

</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Се Лянь</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/american_horror_story.png" alt="Американская история ужасов" style="width:100%;height:100%;object-fit:contain;">
<div style="position:absolute;top:5px;right:5px;background:linear-gradient(135deg, var(--accent), var(--link-acc));color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">эксклюзив</div>
</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Американская история ужасов</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/john_dies_at_the_end.png" alt="В финале Джон умрёт" style="width:100%;height:100%;object-fit:contain;">
<div style="position:absolute;top:5px;right:5px;background:linear-gradient(135deg, var(--accent), var(--link-acc));color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">эксклюзив</div>
</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">В финале Джон умрёт</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/harry_potter.png" alt="Гарри Поттер" style="width:100%;height:100%;object-fit:contain;">
<div style="position:absolute;top:5px;right:5px;background:linear-gradient(135deg, var(--accent), var(--link-acc));color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">эксклюзив</div>
</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Гарри Поттер</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/beetlejuice.png" alt="Битлджус" style="width:100%;height:100%;object-fit:contain;">
<div style="position:absolute;top:5px;right:5px;background:linear-gradient(135deg, var(--accent), var(--link-acc));color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">эксклюзив</div>
</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Битлджус</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/autumn_in_new_york.png" alt="Осень в Нью-Йорке" style="width:100%;height:100%;object-fit:contain;">
<div style="position:absolute;top:5px;right:5px;background:linear-gradient(135deg, var(--accent), var(--link-acc));color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">эксклюзив</div>
</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Осень в Нью-Йорке</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/little_women.png" alt="Маленькие женщины" style="width:100%;height:100%;object-fit:contain;">
<div style="position:absolute;top:5px;right:5px;background:linear-gradient(135deg, var(--accent), var(--link-acc));color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">эксклюзив</div>
</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Маленькие женщины</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/legally_blonde.png" alt="Блондинка в законе" style="width:100%;height:100%;object-fit:contain;">
<div style="position:absolute;top:5px;right:5px;background:linear-gradient(135deg, var(--accent), var(--link-acc));color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">эксклюзив</div>
</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Блондинка в законе</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/knives_out.png" alt="Достать ножи" style="width:100%;height:100%;object-fit:contain;">
<div style="position:absolute;top:5px;right:5px;background:linear-gradient(135deg, var(--accent), var(--link-acc));color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">эксклюзив</div>
</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Достать ножи</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/sleepy_hollow.png" alt="Сонная лощина" style="width:100%;height:100%;object-fit:contain;">
<div style="position:absolute;top:5px;right:5px;background:linear-gradient(135deg, var(--accent), var(--link-acc));color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">эксклюзив</div>
</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Сонная лощина</div>
</div>
<div style="background:var(--base-bg2);border-radius:12px;padding:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.07);">
<div style="position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:color-mix(in srgb, var(--dark-bord) 10%, var(--base-bg2));margin-bottom:6px;">
<img src="https://barfiles.ru/js/funko/images/twilight.png" alt="Сумерки" style="width:100%;height:100%;object-fit:contain;">
<div style="position:absolute;top:5px;right:5px;background:linear-gradient(135deg, var(--accent), var(--link-acc));color:var(--light-text);font-size:5.5px;font-weight:700;letter-spacing:0.4px;padding:2px 6px;border-radius:8px;text-transform:uppercase;">эксклюзив</div>
</div>
<div style="font-size:10.5px;font-weight:600;color:var(--text);line-height:1.25;">Сумерки</div>
</div>
</div>
</div>
</div>

<div style="text-align:center;margin-top:24px;background:color-mix(in srgb, var(--accent) 18%, var(--base-bg2));border:1.5px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:16px;padding:16px 20px;font-size:13.5px;font-weight:700;color:var(--text);line-height:1.5;">
🔢 Бегом на витрину, пока не разобрали! 
</div>

</div>
</div>

+4

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»



Вы здесь » Crossbar » funko-bar! » pop-news!


Рейтинг форумов | Создать форум бесплатно