[html]<div class="gemini_topic">
    <div class="gemini_topic_title">
        <div class="gemini_topic_humanized">виртуальный питомец</div>
        <div class="gemini_topic_directive">G:\gemgotchi</div>
    </div>

    <div class="gemini_topic_main">
        <div class="gemini_topic_minititle">основные положения</div>
        <p>ты можешь завести персонального интерактивного питомца. заботься о нём, выполняя ежедневные форумные активности, прокачивай его стадии взросления и получай награды в виде токенов.</p>
       
        <p class="rule">выбор питомца происходит в шапке темы. обязательно укажи кличку. выбрать нового питомца можно только в случае гибели текущего. сначала выбери питомца, потом начинай выполнять задания. заранее не нужно.</p>
        <p class="point">показатели питомца (рост, сытость, счастье, чистота) отображаются в твоём профиле. питомца, как своего, так и чужого, можно погладить кликом по его изображению.</p>

        <div class="gemini_topic_minititle">жизненный цикл и стадии</div>
        <div class="gemini_topic_block1">
            <b>стадии взросления:</b><br>
            • <b>стадия 1:</b> малыш (стартовые показатели: 20 hp во всех шкалах)<br>
            • <b>стадия 2:</b> подросток (переход при достижении 100 hp во всех 4 шкалах)<br>
            • <b>стадия 3:</b> взрослый (переход при повторном заполнении всех 4 шкал до 100 hp)<br><br>
            <i>за переход на каждую новую стадию (2 и 3) начисляется награда <b>+500 токенов</b>.<br> если ты прокачал питомца полностью, ему потребуется поддержка, чтобы не погибнуть. поэтому, выполнять активности все равно нужно</i>

        </div>

        <div class="gemini_topic_minititle">убывание показателей и гибель</div>
        <p class="point">питомец требует регулярного ухода. условием активности является выполнение заданий. каждые 12 часов при условии отсутствия активности (выполнения хотя бы одного задания) все 4 шкалы питомца теряют по -10 hp.</p>
        <div class="gemini_topic_block2">
            <b>условия гибели:</b><br>
            если <b>2 или более шкалы</b> опускаются до <b>0 hp</b>, питомец погибает на любой стадии и обращается в призрака. после гибели отправка отчётов блокируется, и тебе становится доступен выбор нового питомца.
        </div>

        <div class="gemini_topic_minititle">задания и начисление hp</div>
        <p>выполняй форумные активности, прикрепляй ссылки в форму и распределяй полученные очки по шкалам питомца:</p>
       
        <div class="gemini_topic_block1">
            • <b>игровой пост:</b> +30 hp (требуется прямая ссылка на пост)<br>
            • <b>подборка в gemboard:</b> +10 hp за каждую (до 2 ссылок в день, +20 hp макс.)<br>
            • <b>фото в gemgram:</b> +5 hp за каждое (до 4 ссылок в день, +20 hp макс.)<br>
            • <b>игры в sandbox:</b> +5 hp за каждые 5 ссылок на разные игры<br>
            • <b>spotify jam:</b> 5 ссылок на треки = +5 hp. ссылки на песни можно сдавать по одной — они автоматически копятся в твою личную копилку, пока не наберётся полная пачка из 5 штук для получения hp.<br>
            • <b>10 рекламных сообщений:</b> +20 hp (проверяется автоматически)<br>
            • <b>100 позитива:</b> +20 hp (проверяется автоматически)<br>
            • <b>50 сообщений на форуме:</b> +15 hp (проверяется автоматически)
        </div>

        <div class="gemini_topic_minititle">правила отправки отчетов</div>
        <p class="rule">все заработанные за отчёт очки hp должны быть распределены без остатка.</p>
        <p class="point">для заданий с автоматической проверкой (реклама, сообщения, позитив) необходимо нажать кнопку <b>«проверить»</b>, если хочешь проверить сразу все активности либо поставить галочку перед определенной и проверка запуститься автоматически. </p>
<p class="point"> если тебе удастся сохранить своего питомца, в конце активности ты получишь бонусные 5000 токенов и иконку с выбранным тобой питомцем на лс</p>
<p class="point"> ухаживаем за питомцами до 30.09.2026 </p>
<p class="point"> заводить питомцев с твинков можно и нужно </p>
    </div>
</div>
[hideprofile][/html]

[html]<style>
  .tama-wrapper {
    width: 100%;
    max-width: 780px;
    margin: 15px auto;
    font-family: inherit;
    color: #b4e5df;
    box-sizing: border-box;
  }
  .tama-select-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    box-sizing: border-box;
  }
  .tama-pet-avatar-select {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4px auto;
    overflow: hidden;
  }
  .tama-pet-avatar-select svg {
    width: 100%;
    height: 100%;
  }
  .tama-tasks-grid-2col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    align-items: start;
    box-sizing: border-box;
  }
  .tama-hp-alloc-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    box-sizing: border-box;
    margin-bottom: 18px;
  }
  .tama-forum-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }

  .tama-forum-card {
    background: rgba(18, 26, 26, 0.45);
    border: 1px solid rgba(128, 203, 196, 0.2);
    border-radius: 8px;
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 48px;
    box-sizing: border-box;
    transition: all 0.2s ease;
  }
  .tama-forum-card:hover {
    background: rgba(18, 26, 26, 0.65);
    border-color: rgba(128, 203, 196, 0.35);
  }

  @media (max-width: 640px) {
    .tama-wrapper { max-width: 100% !important; padding: 0 4px; }
    .tama-select-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
    .tama-tasks-grid-2col { grid-template-columns: 1fr !important; gap: 8px !important; }
    .tama-hp-alloc-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
    .tama-forum-stats-grid { grid-template-columns: 1fr !important; gap: 6px !important; }
    .tama-span-2 { grid-column: span 1 !important; }
    .tama-pet-avatar-select { width: 50px; height: 50px; }
  }
</style>

<div class="tama-wrapper">

  <!-- ПАНЕЛЬ АДМИНИСТРАЦИИ -->
  <div id="tama-admin-global-hub" style="display: none; background: rgba(22, 38, 38, 0.95); border: 1px dashed rgba(128, 203, 196, 0.6); border-radius: 12px; padding: 14px 18px; margin-bottom: 20px; box-sizing: border-box;">
    <div style="display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap;">
      <span style="font-size: 11px; font-weight: 700; color: #80cbc4; letter-spacing: 0.5px; text-transform: uppercase;">
        панель амс
      </span>
      <div style="display: flex; gap: 6px; align-items: center; flex-wrap: wrap;">
        <button type="button" onclick="window.generateTamagotchiAdminReport()" style="background: #2b7a78; border: 1px solid rgba(128,203,196,0.5); border-radius: 4px; color: #e6fffa; padding: 4px 12px; font-size: 9.5px; font-weight: 700; cursor: pointer;">
          сводный отчет
        </button>
        <div style="display: flex; gap: 4px; align-items: center;">
          <input type="number" id="adm-target-uid-clear" placeholder="UID юзера..." style="width: 90px; background: rgba(0,0,0,0.6); border: 1px solid rgba(128,203,196,0.4); border-radius: 4px; color: #e6fffa; font-size: 9px; padding: 4px 6px; outline: none;">
          <button type="button" onclick="window.adminClearUserByInput()" style="background: rgba(229,115,115,0.25); border: 1px solid rgba(229,115,115,0.5); border-radius: 4px; color: #ef5350; padding: 4px 10px; font-size: 9.5px; font-weight: 700; cursor: pointer;">
            стереть данные
          </button>
        </div>
      </div>
    </div>
    <div id="tama-admin-summary-result" style="display: none; margin-top: 12px; padding-top: 10px; border-top: 1px solid rgba(128,203,196,0.2);"></div>
  </div>

  <!-- БЛОК 1: ВЫБОР ПИТОМЦА (заполняется скриптом) -->
  <div style="background: rgba(32, 54, 54, 0.88); border: 1px solid rgba(128, 203, 196, 0.25); border-radius: 14px; padding: 20px 22px; margin-bottom: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); box-sizing: border-box;">
    <div style="font-size: 10.5px; font-weight: 700; letter-spacing: 2px; text-transform: lowercase; color: #80cbc4; margin-bottom: 3px; text-align: center;">featured pet</div>
    <div style="font-size: 16px; font-weight: 700; letter-spacing: 0.5px; color: #e6fffa; margin-bottom: 6px; text-align: center;">выбор питомца</div>
    <div style="font-size: 11.5px; line-height: 1.4; color: #80cbc4; opacity: 0.85; margin-bottom: 16px; text-align: center;">
      выбери питомца и обязательно укажи кличку. повторный выбор возможен только в случае гибели.
    </div>

    <!-- Контейнер, куда скрипт генерирует 9 карточек животных -->
    <div id="tama-select-grid-container" class="tama-select-grid"></div>
  </div>

  <!-- БЛОК 2: СЕТКА ЗАДАНИЙ -->
  <div style="background: rgba(32, 54, 54, 0.88); border: 1px solid rgba(128, 203, 196, 0.25); border-radius: 14px; padding: 20px 22px; margin-bottom: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); box-sizing: border-box;">
   
    <div style="font-size: 10.5px; font-weight: 700; letter-spacing: 2px; text-transform: lowercase; color: #80cbc4; margin-bottom: 3px; text-align: center;">daily activities</div>
    <div style="font-size: 16px; font-weight: 700; letter-spacing: 0.5px; color: #e6fffa; margin-bottom: 6px; text-align: center;">список заданий</div>
    <div style="font-size: 11.5px; line-height: 1.4; color: #80cbc4; opacity: 0.85; margin-bottom: 16px; text-align: center;">
      выполни активности и прикрепи ссылки (для суточных заданий учитывается лимит за день).
    </div>

    <div class="tama-tasks-grid-2col">
     
      <!-- 1. Игровой пост -->
      <div style="background: rgba(48, 78, 78, 0.5); border: 1px solid rgba(128, 203, 196, 0.2); border-radius: 8px; padding: 10px 12px; box-sizing: border-box;">
        <label style="display: flex; align-items: center; justify-content: space-between; font-size: 10.5px; color: #b4e5df; cursor: pointer; margin-bottom: 5px;">
          <span style="display: flex; align-items: center; gap: 6px;">
            <input type="checkbox" id="t-task-post" data-val="30" onchange="window.recalcTamaPool()" style="cursor: pointer; margin: 0; accent-color: #80cbc4;">
            <span style="font-weight: 700;">игровой пост</span>
          </span>
          <span style="font-size: 9px; color: #80cbc4; font-weight: 700;">+30 hp</span>
        </label>
        <input type="text" id="t-post-url" oninput="window.recalcTamaPool()" placeholder="ссылка на пост..." style="width: 100%; background: rgba(18, 26, 26, 0.5); border: 1px solid rgba(128, 203, 196, 0.2); border-radius: 4px; color: #e6fffa; font-size: 9px; padding: 5px 7px; box-sizing: border-box; outline: none;">
      </div>

      <!-- 2. Spotify Jam -->
      <div style="background: rgba(48, 78, 78, 0.5); border: 1px solid rgba(128, 203, 196, 0.2); border-radius: 8px; padding: 10px 12px; box-sizing: border-box;">
        <label style="display: flex; align-items: center; justify-content: space-between; font-size: 10.5px; color: #b4e5df; cursor: pointer; margin-bottom: 5px;">
          <span style="display: flex; align-items: center; gap: 6px;">
            <input type="checkbox" id="t-task-spotify" onchange="window.recalcTamaPool()" style="cursor: pointer; margin: 0; accent-color: #80cbc4;">
            <span style="font-weight: 700;">spotify jam (5 песен = +5 hp)</span>
          </span>
          <span id="t-spotify-total-val" style="font-size: 9px; color: #80cbc4; font-weight: 700;">копилка: 0/5</span>
        </label>
        <div id="t-spotify-inputs-box" style="display: flex; flex-direction: column; gap: 4px;">
          <div class="t-spotify-row" style="display: flex; gap: 4px; align-items: center;">
            <input type="text" class="t-spotify-url" oninput="window.recalcTamaPool()" placeholder="ссылка на песню #1..." style="flex: 1; background: rgba(18, 26, 26, 0.5); border: 1px solid rgba(128, 203, 196, 0.2); border-radius: 4px; color: #e6fffa; font-size: 9px; padding: 5px 7px; box-sizing: border-box; outline: none;">
          </div>
        </div>
        <button type="button" onclick="window.addSpotifyField()" id="btn-add-spotify" style="background: rgba(128, 203, 196, 0.15); border: 1px dashed rgba(128, 203, 196, 0.3); border-radius: 4px; color: #b4e5df; font-size: 8.5px; padding: 3px 8px; margin-top: 6px; cursor: pointer; outline: none;">+ еще ссылка</button>
      </div>

      <!-- 3. Фото в gemgram -->
      <div style="background: rgba(48, 78, 78, 0.5); border: 1px solid rgba(128, 203, 196, 0.2); border-radius: 8px; padding: 10px 12px; box-sizing: border-box;">
        <label style="display: flex; align-items: center; justify-content: space-between; font-size: 10.5px; color: #b4e5df; cursor: pointer; margin-bottom: 5px;">
          <span style="display: flex; align-items: center; gap: 6px;">
            <input type="checkbox" id="t-task-gram" onchange="window.recalcTamaPool()" style="cursor: pointer; margin: 0; accent-color: #80cbc4;">
            <span style="font-weight: 700;">gemgram (до 4 в день)</span>
          </span>
          <span id="t-gram-total-val" style="font-size: 9px; color: #80cbc4; font-weight: 700;">+5 hp</span>
        </label>
        <div id="t-gram-limit-msg" style="display: none; font-size: 8.5px; color: #ef5350; margin-bottom: 3px;">лимит исчерпан</div>
        <div id="t-gram-inputs-box" style="display: flex; flex-direction: column; gap: 4px;">
          <div class="t-gram-row" style="display: flex; gap: 4px; align-items: center;">
            <input type="text" class="t-gram-url" oninput="window.recalcTamaPool()" placeholder="ссылка #1..." style="flex: 1; background: rgba(18, 26, 26, 0.5); border: 1px solid rgba(128, 203, 196, 0.2); border-radius: 4px; color: #e6fffa; font-size: 9px; padding: 5px 7px; box-sizing: border-box; outline: none;">
          </div>
        </div>
        <button type="button" onclick="window.addGramField()" id="btn-add-gram" style="background: rgba(128, 203, 196, 0.15); border: 1px dashed rgba(128, 203, 196, 0.3); border-radius: 4px; color: #b4e5df; font-size: 8.5px; padding: 3px 8px; margin-top: 6px; cursor: pointer; outline: none;">+ еще ссылка</button>
      </div>

      <!-- 4. Подборка в gemboard -->
      <div style="background: rgba(48, 78, 78, 0.5); border: 1px solid rgba(128, 203, 196, 0.2); border-radius: 8px; padding: 10px 12px; box-sizing: border-box;">
        <label style="display: flex; align-items: center; justify-content: space-between; font-size: 10.5px; color: #b4e5df; cursor: pointer; margin-bottom: 5px;">
          <span style="display: flex; align-items: center; gap: 6px;">
            <input type="checkbox" id="t-task-board" onchange="window.recalcTamaPool()" style="cursor: pointer; margin: 0; accent-color: #80cbc4;">
            <span style="font-weight: 700;">gemboard (до 2 в день)</span>
          </span>
          <span id="t-board-total-val" style="font-size: 9px; color: #80cbc4; font-weight: 700;">+10 hp</span>
        </label>
        <div id="t-board-limit-msg" style="display: none; font-size: 8.5px; color: #ef5350; margin-bottom: 3px;">лимит исчерпан</div>
        <div id="t-board-inputs-box" style="display: flex; flex-direction: column; gap: 4px;">
          <div class="t-board-row" style="display: flex; gap: 4px; align-items: center;">
            <input type="text" class="t-board-url" oninput="window.recalcTamaPool()" placeholder="ссылка #1..." style="flex: 1; background: rgba(18, 26, 26, 0.5); border: 1px solid rgba(128, 203, 196, 0.2); border-radius: 4px; color: #e6fffa; font-size: 9px; padding: 5px 7px; box-sizing: border-box; outline: none;">
          </div>
        </div>
        <button type="button" onclick="window.addBoardField()" id="btn-add-board" style="background: rgba(128, 203, 196, 0.15); border: 1px dashed rgba(128, 203, 196, 0.3); border-radius: 4px; color: #b4e5df; font-size: 8.5px; padding: 3px 8px; margin-top: 6px; cursor: pointer; outline: none;">+ еще ссылка</button>
      </div>

      <!-- 5. Sandbox -->
      <div class="tama-span-2" style="grid-column: span 2; background: rgba(48, 78, 78, 0.5); border: 1px solid rgba(128, 203, 196, 0.2); border-radius: 8px; padding: 10px 12px; box-sizing: border-box;">
        <label style="display: flex; align-items: center; justify-content: space-between; font-size: 10.5px; color: #b4e5df; cursor: pointer; margin-bottom: 5px;">
          <span style="display: flex; align-items: center; gap: 6px;">
            <input type="checkbox" id="t-task-sandbox" onchange="window.recalcTamaPool()" style="cursor: pointer; margin: 0; accent-color: #80cbc4;">
            <span style="font-weight: 700;">поучаствовать в 5 играх (блоками по 5 ссылок = +5 hp)</span>
          </span>
          <span id="t-sandbox-total-val" style="font-size: 9px; color: #80cbc4; font-weight: 700;">+0 hp</span>
        </label>
        <div id="t-sandbox-blocks-container" style="display: flex; flex-direction: column; gap: 8px;"></div>
        <button type="button" onclick="window.addSandboxFivePack()" id="btn-add-sandbox-block" style="background: rgba(128, 203, 196, 0.15); border: 1px dashed rgba(128, 203, 196, 0.3); border-radius: 4px; color: #b4e5df; font-size: 8.5px; padding: 3px 8px; margin-top: 6px; cursor: pointer; outline: none;">+ добавить блок из 5 игр</button>
      </div>

      <!-- 6. Активность на форуме -->
      <div class="tama-span-2" style="grid-column: span 2; background: rgba(48, 78, 78, 0.4); border: 1px solid rgba(128, 203, 196, 0.25); border-radius: 10px; padding: 12px 14px; box-sizing: border-box;">
        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px solid rgba(128, 203, 196, 0.15);">
          <div style="display: flex; align-items: center; gap: 6px;">
            <span style="display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #80cbc4;"></span>
            <span style="font-size: 11px; font-weight: 700; color: #e6fffa; letter-spacing: 0.3px;">активность на форуме</span>
          </div>
          <button type="button" id="btn-check-tama-tasks" onclick="window.checkUserDailyTasks()" style="background: rgba(128, 203, 196, 0.2); border: 1px solid rgba(128, 203, 196, 0.45); border-radius: 5px; padding: 3px 12px; font-size: 9px; color: #e6fffa; font-weight: 700; cursor: pointer; outline: none; transition: 0.2s;">проверить</button>
        </div>

        <div class="tama-forum-stats-grid">
          <div class="tama-forum-card">
            <label style="display: flex; align-items: center; justify-content: space-between; gap: 6px; font-size: 10px; color: #e6fffa; cursor: pointer; margin: 0;">
              <span style="display: flex; align-items: center; gap: 6px; font-weight: 700;">
                <input type="checkbox" id="t-task-ads" data-val="20" onchange="window.recalcTamaPool()" style="cursor: pointer; margin: 0; accent-color: #80cbc4;">
                10 реклам
              </span>
              <span style="font-size: 8px; color: #80cbc4; opacity: 0.8; font-weight: 600;">норма</span>
            </label>
            <div style="display: flex; justify-content: flex-end; margin-top: 4px;">
              <span id="t-status-ads" style="font-size: 8.5px; color: #80cbc4; font-weight: 700;">+20 hp</span>
            </div>
          </div>

          <div class="tama-forum-card">
            <label style="display: flex; align-items: center; justify-content: space-between; gap: 6px; font-size: 10px; color: #e6fffa; cursor: pointer; margin: 0;">
              <span style="display: flex; align-items: center; gap: 6px; font-weight: 700;">
                <input type="checkbox" id="t-task-pos" data-val="20" onchange="window.recalcTamaPool()" style="cursor: pointer; margin: 0; accent-color: #80cbc4;">
                100 плюсов
              </span>
              <span style="font-size: 8px; color: #80cbc4; opacity: 0.8; font-weight: 600;">норма</span>
            </label>
            <div style="display: flex; justify-content: flex-end; margin-top: 4px;">
              <span id="t-status-pos" style="font-size: 8.5px; color: #80cbc4; font-weight: 700;">+20 hp</span>
            </div>
          </div>

          <div class="tama-forum-card">
            <label style="display: flex; align-items: center; justify-content: space-between; gap: 6px; font-size: 10px; color: #e6fffa; cursor: pointer; margin: 0;">
              <span style="display: flex; align-items: center; gap: 6px; font-weight: 700;">
                <input type="checkbox" id="t-task-msg" data-val="15" onchange="window.recalcTamaPool()" style="cursor: pointer; margin: 0; accent-color: #80cbc4;">
                50 сообщений
              </span>
              <span style="font-size: 8px; color: #80cbc4; opacity: 0.8; font-weight: 600;">норма</span>
            </label>
            <div style="display: flex; justify-content: flex-end; margin-top: 4px;">
              <span id="t-status-msg" style="font-size: 8.5px; color: #80cbc4; font-weight: 700;">+15 hp</span>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>

  <!-- БЛОК 3: ПАНЕЛЬ РАСПРЕДЕЛЕНИЯ HP И ОТПРАВКА -->
  <div style="background: rgba(32, 54, 54, 0.88); border: 1px solid rgba(128, 203, 196, 0.25); border-radius: 14px; padding: 20px 22px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); box-sizing: border-box;">
   
    <div style="font-size: 10.5px; font-weight: 700; letter-spacing: 2px; text-transform: lowercase; color: #80cbc4; margin-bottom: 3px; text-align: center;">care & submit</div>
    <div style="font-size: 16px; font-weight: 700; letter-spacing: 0.5px; color: #e6fffa; margin-bottom: 6px; text-align: center;">распределение очков</div>

    <div style="background: rgba(18, 26, 26, 0.6); border: 1px solid rgba(128, 203, 196, 0.25); border-radius: 8px; padding: 8px 12px; margin-bottom: 14px; text-align: center; display: flex; justify-content: space-around; align-items: center;">
      <div style="font-size: 9.5px; color: #80cbc4; text-transform: uppercase; font-weight: 600;">заработано: <span id="tama-pool-total" style="color: #e6fffa; font-weight: 700;">0</span> HP</div>
      <div style="font-size: 9.5px; color: #b4e5df; opacity: 0.9;">осталось: <span id="tama-pool-left" style="color: #ffb74d; font-weight: 700;">0</span> HP</div>
    </div>

    <!-- 4 шкалы -->
    <div class="tama-hp-alloc-grid">
     
      <!-- Сытость -->
      <div style="display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 62px; background: rgba(18, 26, 26, 0.4); border: 1px solid rgba(229, 115, 115, 0.3); border-radius: 8px; padding: 6px 4px; box-sizing: border-box;">
        <span style="font-size: 10px; font-weight: 700; color: #e57373; line-height: 1;">сытость</span>
        <div style="display: flex; align-items: center; justify-content: center; gap: 5px; width: 100%;">
          <button type="button" onclick="window.changeCustomHp('feed', -5)" style="background: rgba(229,115,115,0.25); border: 1px solid rgba(229,115,115,0.4); border-radius: 4px; color: #e6fffa; width: 22px; height: 22px; font-size: 11px; font-weight: 700; cursor: pointer; padding: 0; display: inline-flex; align-items: center; justify-content: center; line-height: 1;">-</button>
          <input type="number" id="hp-val-feed" value="0" min="0" onchange="window.manualHpChange()" style="width: 38px; height: 22px; border: 1px solid rgba(128,203,196,0.3); background: rgba(0,0,0,0.6); border-radius: 4px; color: #e6fffa; font-size: 10px; font-weight: 700; text-align: center; padding: 0; outline: none; margin: 0; box-sizing: border-box;">
          <button type="button" onclick="window.changeCustomHp('feed', 5)" style="background: rgba(229,115,115,0.25); border: 1px solid rgba(229,115,115,0.4); border-radius: 4px; color: #e6fffa; width: 22px; height: 22px; font-size: 11px; font-weight: 700; cursor: pointer; padding: 0; display: inline-flex; align-items: center; justify-content: center; line-height: 1;">+</button>
        </div>
      </div>

      <!-- Счастье -->
      <div style="display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 62px; background: rgba(18, 26, 26, 0.4); border: 1px solid rgba(255, 183, 77, 0.3); border-radius: 8px; padding: 6px 4px; box-sizing: border-box;">
        <span style="font-size: 10px; font-weight: 700; color: #ffb74d; line-height: 1;">счастье</span>
        <div style="display: flex; align-items: center; justify-content: center; gap: 5px; width: 100%;">
          <button type="button" onclick="window.changeCustomHp('play', -5)" style="background: rgba(255,183,77,0.25); border: 1px solid rgba(255,183,77,0.4); border-radius: 4px; color: #e6fffa; width: 22px; height: 22px; font-size: 11px; font-weight: 700; cursor: pointer; padding: 0; display: inline-flex; align-items: center; justify-content: center; line-height: 1;">-</button>
          <input type="number" id="hp-val-play" value="0" min="0" onchange="window.manualHpChange()" style="width: 38px; height: 22px; border: 1px solid rgba(128,203,196,0.3); background: rgba(0,0,0,0.6); border-radius: 4px; color: #e6fffa; font-size: 10px; font-weight: 700; text-align: center; padding: 0; outline: none; margin: 0; box-sizing: border-box;">
          <button type="button" onclick="window.changeCustomHp('play', 5)" style="background: rgba(255,183,77,0.25); border: 1px solid rgba(255,183,77,0.4); border-radius: 4px; color: #e6fffa; width: 22px; height: 22px; font-size: 11px; font-weight: 700; cursor: pointer; padding: 0; display: inline-flex; align-items: center; justify-content: center; line-height: 1;">+</button>
        </div>
      </div>

      <!-- Чистота -->
      <div style="display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 62px; background: rgba(18, 26, 26, 0.4); border: 1px solid rgba(79, 195, 247, 0.3); border-radius: 8px; padding: 6px 4px; box-sizing: border-box;">
        <span style="font-size: 10px; font-weight: 700; color: #4fc3f7; line-height: 1;">чистота</span>
        <div style="display: flex; align-items: center; justify-content: center; gap: 5px; width: 100%;">
          <button type="button" onclick="window.changeCustomHp('clean', -5)" style="background: rgba(79,195,247,0.25); border: 1px solid rgba(79,195,247,0.4); border-radius: 4px; color: #e6fffa; width: 22px; height: 22px; font-size: 11px; font-weight: 700; cursor: pointer; padding: 0; display: inline-flex; align-items: center; justify-content: center; line-height: 1;">-</button>
          <input type="number" id="hp-val-clean" value="0" min="0" onchange="window.manualHpChange()" style="width: 38px; height: 22px; border: 1px solid rgba(128,203,196,0.3); background: rgba(0,0,0,0.6); border-radius: 4px; color: #e6fffa; font-size: 10px; font-weight: 700; text-align: center; padding: 0; outline: none; margin: 0; box-sizing: border-box;">
          <button type="button" onclick="window.changeCustomHp('clean', 5)" style="background: rgba(79,195,247,0.25); border: 1px solid rgba(79,195,247,0.4); border-radius: 4px; color: #e6fffa; width: 22px; height: 22px; font-size: 11px; font-weight: 700; cursor: pointer; padding: 0; display: inline-flex; align-items: center; justify-content: center; line-height: 1;">+</button>
        </div>
      </div>

      <!-- Рост -->
      <div style="display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 62px; background: rgba(18, 26, 26, 0.4); border: 1px solid rgba(128, 203, 196, 0.3); border-radius: 8px; padding: 6px 4px; box-sizing: border-box;">
        <span style="font-size: 10px; font-weight: 700; color: #80cbc4; line-height: 1;">рост</span>
        <div style="display: flex; align-items: center; justify-content: center; gap: 5px; width: 100%;">
          <button type="button" onclick="window.changeCustomHp('growth', -5)" style="background: rgba(128,203,196,0.25); border: 1px solid rgba(128,203,196,0.4); border-radius: 4px; color: #e6fffa; width: 22px; height: 22px; font-size: 11px; font-weight: 700; cursor: pointer; padding: 0; display: inline-flex; align-items: center; justify-content: center; line-height: 1;">-</button>
          <input type="number" id="hp-val-growth" value="0" min="0" onchange="window.manualHpChange()" style="width: 38px; height: 22px; border: 1px solid rgba(128,203,196,0.3); background: rgba(0,0,0,0.6); border-radius: 4px; color: #e6fffa; font-size: 10px; font-weight: 700; text-align: center; padding: 0; outline: none; margin: 0; box-sizing: border-box;">
          <button type="button" onclick="window.changeCustomHp('growth', 5)" style="background: rgba(128,203,196,0.25); border: 1px solid rgba(128,203,196,0.4); border-radius: 4px; color: #e6fffa; width: 22px; height: 22px; font-size: 11px; font-weight: 700; cursor: pointer; padding: 0; display: inline-flex; align-items: center; justify-content: center; line-height: 1;">+</button>
        </div>
      </div>
    </div>

    <!-- Кнопка отправки -->
    <div style="text-align: center;">
      <button type="button" onclick="window.processAndSubmitTasks()" style="background: #2b7a78; color: #e6fffa !important; border: 1px solid rgba(128, 203, 196, 0.4); border-radius: 6px; padding: 10px 32px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.5px; cursor: pointer; outline: none;">
        отправить отчет и обновить питомца
      </button>
    </div>

  </div>

</div>

<script src="https://forumstatic.ru/files/001a/e1/ae/34400.js?v=3"></script>
<script src="https://forumstatic.ru/files/001a/e1/ae/85163.js?v=199"></script>
[/html]