Код:
<!--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;">Здесь можно передать УЖЕ полученную фигурку — обменять её на фигурку другого игрока, подарить, продать или сдать системе. Можно выбрать сразу несколько фигурок (Ctrl/⌘+клик по списку).</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;"><b>Обмен</b> — вы выбираете свою фигурку и фигурку второго игрока (по его ID), обе фигурки меняются владельцами одновременно после подтверждения.</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;"><b>Подарок</b> — вы указываете ID получателя, ваша фигурка уходит ему безвозмездно, ничего взамен не нужно.</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;">ID второго игрока — число в ссылке на его профиль (profile.php?id=…), либо просто его ник. Поиск по нику работает только среди тех, кто уже регистрировал полку в Фанко-баре — если не нашёлся, используйте ID. Кнопка «Найти» подтянет ник и доступные для обмена фигурки.</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;">5</div>
<div style="font-size:12.5px;color:var(--text);line-height:1.5;text-align:left;"><b>🏦 Сдать</b> — продать фигурку(и) системе по фиксированной цене: в два раза меньше, чем она стоит на витрине. Фигурка удаляется насовсем и возвращается в общий пул (тираж лимитированных дизайнов освобождается).</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;">6</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-transfer-anchor"></div>
<!-- Админский спойлер (2026-09-15) — ещё не подтверждённые заявки обмена/
подарков/продажи/сдачи, видно только Мастеру/доверенным админам.
transfer_widget.js сам скрывает якорь для всех остальных. -->
<div class="fk-admin-pending-anchor"></div>
</div>
</div>
<script src="https://barfiles.ru/js/funko/transfer_widget.js?v=18"></script>
