<!--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="display:flex;align-items:center;justify-content:center;gap:8px;margin:22px 0 12px;">
<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;align-items:flex-start;gap:10px;background:var(--base-bg2);border-radius:14px;padding:10px 14px;box-shadow:0 4px 10px rgba(0,0,0,0.08);">
<div style="width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;">1</div>
<div style="font-size:12.5px;color:var(--text);line-height:1.5;text-align:left;">Ниже — живая доска активных объявлений всех игроков, с фильтрами «Подарят/Обменяют/Продадут». Кнопка «+ Разместить объявление» выкладывает СВОЮ фигурку на доску карточкой прямо в этой теме.</div>
</div>
<div style="display:flex;align-items:flex-start;gap:10px;background:var(--base-bg2);border-radius:14px;padding:10px 14px;box-shadow:0 4px 10px rgba(0,0,0,0.08);">
<div style="width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;">2</div>
<div style="font-size:12.5px;color:var(--text);line-height:1.5;text-align:left;">Заинтересовались чьим-то объявлением — кликните по карточке на доске, в форму ответа ниже добавится ссылка-цитата на эту фигурку, дальше пишите свой вопрос как обычный ответ в теме.</div>
</div>
<div style="display:flex;align-items:flex-start;gap:10px;background:var(--base-bg2);border-radius:14px;padding:10px 14px;box-shadow:0 4px 10px rgba(0,0,0,0.08);">
<div style="width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;">3</div>
<div style="font-size:12.5px;color:var(--text);line-height:1.5;text-align:left;">Когда договорились — саму передачу оформляет автор объявления в теме «Обмен и подарки» (обмен/подарок/продажа), заявка подтверждается администрацией как обычно.</div>
</div>
<div style="display:flex;align-items:flex-start;gap:10px;background:var(--base-bg2);border-radius:14px;padding:10px 14px;box-shadow:0 4px 10px rgba(0,0,0,0.08);">
<div style="width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;">4</div>
<div style="font-size:12.5px;color:var(--text);line-height:1.5;text-align:left;">Объявление снимается с доски автоматически, как только фигурка реально сменит владельца, или в любой момент вручную — в блоке «Мои объявления» под доской.</div>
</div>
</div>

<div style="display:flex;align-items:center;justify-content:center;gap:8px;margin:22px 0 12px;">
<div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 25%, transparent);"></div>
<div style="font-size:12px;color:var(--link-acc);white-space:nowrap;">доска объявлений</div>
<div style="flex-grow:1;height:1px;background:color-mix(in srgb, var(--dark-bord) 25%, transparent);"></div>
</div>

<div class="fk-marketplace-anchor"></div>

</div>
</div>
<script src="https://barfiles.ru/js/funko/marketplace_widget.js?v=3"></script>