[html]
<style>
.wgv__team-avatar img {
    filter: grayscale(0.5) contrast(1.5) saturate(0.5);
}</style>
<div class="wgv" data-glass-prefix="wgv">

  <!-- Списки справа -->
  <div class="wgv__layer wgv__board">
<div class="wgv__roster wgv__roster--boys"><div class="wgv__center wgv__pill wgv__glass wgv__roster-title">
boys
  </div>

  <div class="wgv__bookings">

<span class="wgv__booking-tag">за амс</span>
<i>txt</i> - <a href="">choi yeonjun</a><br>
<i>txt</i> - <a href="">choi beomgyu</a><br>
<i>seventeen</i> - <a href="">choi seungcheol</a><br>
<i>enhypen</i> - <a href="">nishimura riki</a><br>
<i>cortis</i> - <a href="">ahn keonho</a><br>

<span class="wgv__booking-tag">до 16.09</span>
<i>all day project</i> - <a href='#'>jo woochan</a><br>

<span class="wgv__booking-tag">до 17.09</span>
<i>air league</i> - <a href='/profile.php?id=17'>zhao ke</a><br>
<i>ateez</i> - <a href="https://wolfgang.rusff.me/profile.php?id=29 ">jung wooyoung </a><br>
<i>ateez</i> - <a href='#'>kim hongjoong</a><br>
<i>cortis</i> - <a href='/profile.php?id=28'>eom seonghyeon</a><br>
<i>cortis</i> - <a href="https://wolfgang.rusff.me/profile.php?id=14">zhao james</a><br>
<i>enhypen</i> - <a href="https://wolfgang.rusff.me/profile.php?id=31">shim jake</a><br>
<i>nct</i> - <a href="https://wolfgang.rusff.me/viewtopic.php?id=8#">nakamoto yuta</a><br>
<i>riize</i> - <a href='/profile.php?id=18'>park wonbin</a><br>
<i>solo</i> - <a href="https://wolfgang.rusff.me/profile.php?id=26">lee heeseung</a><br>
<i>stray kids</i> - <a href="https://wolfgang.rusff.me/profile.php?id=30">bang chan</a><br>
<i>stray kids</i> - <a href='https://wolfgang.rusff.me/profile.php?id=13'>hwang hyunjin</a><br>
<i>&team</i> - <a href="https://wolfgang.rusff.me/profile.php?id=25">hirota riki</a><br>
<i>&team</i> - <a href='/profile.php?id=24'>shigeta harua</a><br>
<i>&team</i> - <a href='/profile.php?id=23'>wang yixiang</a><br>

<span class="wgv__booking-tag">до 18.09</span>
<i>ald1</i> - <a href="https://wolfgang.rusff.me/profile.php?id=45">leo lee</a><br>
<i>allday project</i> - <a href='https://wolfgang.rusff.me/profile.php?id=33'>lee youngseo</a><br>
<i>allday project</i> - <a href='https://wolfgang.rusff.me/profile.php?id=34'>jo woochan</a><br>
<i>all(h)ours</i> - <a href='/profile.php?id=32'>akiba masami</a><br>
<i>ateez</i> - <a href='/profile.php?id=46'>choi san</a><br>
<i>ateez</i> - <a href="https://wolfgang.rusff.me/profile.php?id=52">jeong yunho</a><br>
<i>bts</i> - <a href="https://wolfgang.rusff.me/profile.php?id=48">jeon jungkook</a><br>
<i>enhypen</i> - <a href="https://wolfgang.rusff.me/profile.php?id=35">park sunghoon</a><br>
<i>nct</i> - <a href="https://wolfgang.rusff.me/profile.php?id=53">lee jeno</a><br>
<i>nct</i> - <a href="https://wolfgang.rusff.me/profile.php?id=41">na jaemin</a><br>
<i>riize</i> - <a href="https://wolfgang.rusff.me/profile.php?id=57">lee anton</a><br>
<i>solo</i> - <a href="https://wolfgang.rusff.me/profile.php?id=58 ">heo hyunjoon</a><br>
<i>stray kids</i> - <a href='/profile.php?id=38'>lee felix</a><br>
<i>stray kids</i> - <a href="https://wolfgang.rusff.me/profile.php?id=30"> yang jeongin</a><br>
<i>stray kids</i> - <a href='/profile.php?id=42'>lee minho</a><br>
<i>treasure</i> - <a href='/profile.php?id=59'>kanemoto yoshinori</a><br>
<i>xlov</i> - <a href='/profile.php?id=49'>kato haru</a><br>
<i>&team</i> - <a href="https://wolfgang.rusff.me/profile.php?id=51 ">koga yudai</a><br>
<i>&team</i> - <a href='/profile.php?id=50'>nakakita yuma</a><br>

    </div>
</div>

<div class="wgv__roster wgv__roster--girls"><div class="wgv__center wgv__pill wgv__glass wgv__roster-title">
    girls
  </div>

   <div class="wgv__bookings">

<span class="wgv__booking-tag">за амс</span>
<i>itzy</i> - <a href="">shin ryujin</a><br>

<span class="wgv__booking-tag">до 16.09</span>
<i>all day project</i> - <a href='#'>lee youngseo</a><br>
<i>meovv</i> - <a href="ссылка_на_профиль">kim sooin</a><br>

<span class="wgv__booking-tag">до 17.09</span>
<i>ive</i> - <a href="https://wolfgang.rusff.me/viewtopic.php?id=8#">jang wonyoung</a><br>
<i>i-dle</i> - <a href="https://wolfgang.rusff.me/profile.php?id=21">song yuqi</a><br>

<span class="wgv__booking-tag">до 18.09</span>
<i>actress</i> - <a href="https://wolfgang.rusff.me/profile.php?id=40">ni ni</a><br>
<i>blackpink</i> - <a href='/profile.php?id=43'>roseanne park</a><br>
<i>i-dle</i> - <a href='/profile.php?id=55'>minnie</a><br>
<i>meovv</i> - <a href="https://wolfgang.rusff.me/profile.php?id=47">tanaka anna</a><br>
<i>solo</i> - <a href='/profile.php?id=54'>kim chungha</a><br>
  </div>
</div>

</div>

  <!-- Основные фоны -->
  <div class="wgv__layer wgv__body"></div>
  <div class="wgv__layer wgv__banner"><img src="https://upforme.ru/uploads/001b/59/7c/2/759674.png"></div>
  <div class="wgv__layer wgv__band wgv__band--top"></div>
  <div class="wgv__layer wgv__band wgv__band--bottom"></div>

<!-- Карточка приветствия -->

  <div class="wgv__layer wgv__welcome">

    <div class="wgv__center wgv__welcome-title">WELCOME!</div>

    <div class="wgv__center wgv__pill wgv__glass wgv__welcome-tag">real-life, south korea</div>

    <div class="wgv__welcome-text wgv__scroll">
      <p>
        Добро пожаловать, трейни! Наша компания входит в большую тройку, и тебе крупно повезло войти в эти двери. Для начала назови свое имя на стойке регистрации и помни, если ты <b>пришел замаскированным</b>, то тебя будут ждать <b>только сутки</b>, а если ты не боишься папарацци и открыть свое лицо, то мы тебя будем ждать <b>три дня</b>, и даже дважды ты можешь просить продления на два дня.
      </p>
    </div>

    <div class="wgv__welcome-links">
      <a class="wgv__center wgv__pill wgv__glass wgv__link" href="https://wolfgang.rusff.me/viewtopic.php?id=2">правила</a>
      <a class="wgv__center wgv__pill wgv__glass wgv__link" href="https://wolfgang.rusff.me/viewtopic.php?id=3">внешности</a>
      <a class="wgv__center wgv__pill wgv__glass wgv__link" href="https://wolfgang.rusff.me/viewtopic.php?id=11#p11">нужные </a>
    </div>

  </div>

  <!-- Декор -->
  <img class="wgv__layer wgv__quote" src="https://forumstatic.ru/files/001c/bd/72/63944.svg">
  <img class="wgv__layer wgv__asterisk" src="https://forumstatic.ru/files/001c/bd/72/57838.svg">

  <!-- Команда -->

  <div class="wgv__layer wgv__pill wgv__glass wgv__team">
    <div class="wgv__team-title">
      WOLFGANG TEAM
    </div>
    <div class="wgv__team-avatars">

      <span class="wgv__team-avatar">
        <a href="https://wolfgang.rusff.me/profile.php?id=7"><img src="https://i.pinimg.com/736x/d6/dd/ba/d6ddbaef5fb1f23b68274d96a1a4e98c.jpg"></a>
      </span>

      <span class="wgv__team-avatar">
        <a href="https://wolfgang.rusff.me/profile.php?id=3"><img src="https://i.pinimg.com/736x/ea/57/86/ea5786b843ccfddd2011422155dd06a4.jpg"></a>
      </span>

      <span class="wgv__team-avatar">
        <a href="https://wolfgang.rusff.me/profile.php?id=6"><img src="https://i.pinimg.com/736x/a3/c8/b5/a3c8b5bf4eac938eee16608456d30568.jpg"></a>
      </span>

      <span class="wgv__team-avatar">
       <a href="https://wolfgang.rusff.me/profile.php?id=9"><img src="https://i.pinimg.com/736x/af/96/e3/af96e35ec867df7fec400c4a519680cc.jpg"></a>
      </span>

      <span class="wgv__team-avatar">
        <a href="https://wolfgang.rusff.me/profile.php?id=5"><img src="https://i.pinimg.com/736x/19/18/5b/19185bd806da8b19aed98a310c28277d.jpg"></a>
      </span>

      <span class="wgv__team-avatar">
        <a href="https://wolfgang.rusff.me/profile.php?id=8"><img src="https://i.pinimg.com/736x/5d/d2/85/5dd28576b5af0971341811d2c8954b92.jpg"></a>
      </span>

    </div>
  </div>

  <!-- Нижняя строка -->

<!-- Форма бронирования -->

<input
  type="text"
  class="
    wgv__reserve-control
    wgv__reserve-input
    wgv__reserve-input--group
    reserve-group-input
  "
  placeholder="группа"
  autocomplete="off"
>

<input
  type="text"
  class="
    wgv__reserve-control
    wgv__reserve-input
    wgv__reserve-input--face
    reserve-face-input
  "
  placeholder="внешность"
  autocomplete="off"
>

<button
  type="button"
  class="
    wgv__center
    wgv__pill
    wgv__glass
    wgv__reserve-control
    wgv__reserve-btn
    reserve-btn
  "
>
  придержать
</button>

</div>[/html]

<!--HTML--><script>
document.addEventListener("DOMContentLoaded", function () {
  const groupInput = document.querySelector(".reserve-group-input");
  const faceInput  = document.querySelector(".reserve-face-input");
  const btn        = document.querySelector(".reserve-btn");
  const replyArea  = document.querySelector("#main-reply");

  if (!groupInput || !faceInput || !btn || !replyArea) {
    console.warn("Reserve-script: не найдены элементы формы.");
    return;
  }

  btn.addEventListener("click", function () {
    const groupVal = groupInput.value.trim();
    const faceVal  = faceInput.value.trim();

    if (!groupVal || !faceVal) {
      alert("Заполни оба поля.");
      return;
    }

    let profileLink;

    if (GroupID == 3 || !UserID) {
      profileLink = "#";
    } else {
      profileLink = "/profile.php?id=" + UserID;
    }

    const result =
      `[*code]<i>${groupVal}</i> - <a href='${profileLink}'>${faceVal}</a><br>[/code*]`
      .replace(/\*/g, "");

    replyArea.value +=
      (replyArea.value ? "\n" : "") + result;

    groupInput.value = "";
    faceInput.value = "";

    replyArea.focus();
  });
});
</script>

<i>solo/group</i> - <a href="ссылка_на_профиль">имя_внешности</a><br>

[hideprofile]