
<!doctype html>
<html lang="ru" data-bs-theme="dark">

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Чиловые сервера - играй без лагов и с низким пингом. На серверах есть скинченджер, который улучшит игровой опыт, а администрация обезопасит игру от читеров">
    <meta name="keywords" content="cs2,csgo,css,чиловые,сервера,mirage,dust,мираж,даст,кс2,чиловый,чиловый сервер,чиловые сервера, чиловый проект" />

    <meta name="author" content="k011e">
        <title>Чиловый проект / CS2</title>
    <link rel="icon" href="/favicon.ico" sizes="any">

    <link rel="stylesheet" href="/static/vendor/bootstrap-icons/bootstrap-icons.css">
    <link rel="stylesheet" href="/static/vendor/fontawesome/css/all.min.css">

		<link href="/css/bootstrap.min.css" rel="stylesheet">
    
    
    <script src="/static/vendor/jquery/jquery-3.6.4.min.js"></script>
    <script>
    // CSRF: автоматически добавляем токен ко всем jQuery AJAX-запросам
    $(function() {
        var token = document.querySelector('meta[name="csrf-token"]');
        if (token) {
            $.ajaxSetup({ headers: { 'X-CSRF-Token': token.content } });
        }
    });
    </script>
              <script src="/js/bootstrap.bundle.min.js"></script>
        
    <!--<script src="/js/color-modes.js"></script>-->
    <script src="/js/toastes.js"></script>
          <link href="/css/redesign.css?v=20260429q9" rel="stylesheet">
      <script src="/js/redesign.js?v=20260424q9" defer></script>
    		    <style>
		      .bd-placeholder-img {
		        font-size: 1.125rem;
		        text-anchor: middle;
		        -webkit-user-select: none;
		        -moz-user-select: none;
		        user-select: none;
		      }

		      @media (min-width: 768px) {
		        .bd-placeholder-img-lg {
		          font-size: 3.5rem;
		        }
		      }

		      .b-example-divider {
		        width: 100%;
		        height: 3rem;
		        background-color: rgba(0, 0, 0, .1);
		        border: solid rgba(0, 0, 0, .15);
		        border-width: 1px 0;
		        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
		      }

		      .b-example-vr {
		        flex-shrink: 0;
		        width: 1.5rem;
		        height: 100vh;
		      }

		      .bi {
		        vertical-align: -.125em;
		        fill: currentColor;
		      }

		      .nav-scroller {
		        position: relative;
		        z-index: 2;
		        height: 2.75rem;
		        overflow-y: hidden;
		      }

		      .nav-scroller .nav {
		        display: flex;
		        flex-wrap: nowrap;
		        padding-bottom: 1rem;
		        margin-top: -1px;
		        overflow-x: auto;
		        text-align: center;
		        white-space: nowrap;
		        -webkit-overflow-scrolling: touch;
		      }

		      .btn-bd-primary {
		        --bd-violet-bg: #712cf9;
		        --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

		        --bs-btn-font-weight: 600;
		        --bs-btn-color: var(--bs-white);
		        --bs-btn-bg: var(--bd-violet-bg);
		        --bs-btn-border-color: var(--bd-violet-bg);
		        --bs-btn-hover-color: var(--bs-white);
		        --bs-btn-hover-bg: #6528e0;
		        --bs-btn-hover-border-color: #6528e0;
		        --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
		        --bs-btn-active-color: var(--bs-btn-hover-color);
		        --bs-btn-active-bg: #5a23c8;
		        --bs-btn-active-border-color: #5a23c8;
		      }
		      .bd-mode-toggle {
		        z-index: 1500;
		      }

          .toast-container {
            position: fixed;
            bottom: 20px; /* Регулируйте отступ от нижнего края */
            left: 20px; /* Регулируйте отступ от левого края */
            z-index: 1000; /* Убедитесь, что контейнер находится поверх других элементов */
          }

          .dark-bg {
              background-color: #333; /* Пример цвета для более темного фона */
              /* Другие стили, если нужно */
          }
          .cs2rating {
              width: 70px;
              height: 24px;
              display: flex;
              font-size: 16px;
              align-items: center;
              justify-content: center;
              background-repeat: no-repeat;
              background-position: center;
              background-size: contain;
              padding: .75rem .75rem .75rem 1.5rem;
              text-shadow: 0 1px 0 black;
              font-weight: bold;
              margin: auto;
          }

          .cs2rating.unusual{
            color: #FED700;
          }

          .cs2rating.ancient{
            color: #EB4B4B;
          }

          .cs2rating.legendary{
            color: #D22CE6;
          }

          .cs2rating.mythical{
            color: #8846FF;
          }

          .cs2rating.rare{
            color: #4B69FF;
          }

          .cs2rating.uncommon{
            color: #5E98D7;
          }

          .cs2rating.common{
            color: #B1C3D9;
          }

          .cs2rating span{
            transform: skew(-15deg);
            -webkit-transform: skew(-10deg);
          }

          .cs2rating small{
            font-size: 12px !important;
          }

          .cookie-consent {
            position: fixed;
            right: 16px;
            bottom: 16px;
            z-index: 1600;
            width: min(420px, calc(100vw - 32px));
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 18px;
            background: rgba(10, 13, 20, 0.96);
            box-shadow: 0 24px 48px rgba(0, 0, 0, 0.28);
            color: #e8eaf2;
            padding: 18px;
          }

          .cookie-consent[hidden] {
            display: none !important;
          }

          .cookie-consent__title {
            font-size: 1rem;
            font-weight: 700;
            margin-bottom: 8px;
          }

          .cookie-consent__text {
            font-size: .94rem;
            line-height: 1.45;
            color: rgba(232, 234, 242, 0.82);
            margin-bottom: 12px;
          }

          .cookie-consent__text a {
            color: #f5c842;
          }

          .cookie-consent__actions {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
          }
		    </style>

    
    <link href="/css/headers.css" rel="stylesheet">
    <script>
      window.appAnalyticsConsentCookie = 'analytics_consent';

      window.appGetCookie = function(name) {
        return document.cookie
          .split('; ')
          .find(function(row) { return row.indexOf(name + '=') === 0; })
          ?.split('=')[1] || '';
      };

      window.appSetCookie = function(name, value, days) {
        var maxAge = days * 24 * 60 * 60;
        document.cookie = name + '=' + value + '; path=/; max-age=' + maxAge + '; SameSite=Lax; Secure';
      };

      window.appHasAnalyticsConsent = function() {
        return window.appGetCookie(window.appAnalyticsConsentCookie) === 'accepted';
      };

      window.appLoadYandexMetrika = function() {
        if (window.__appMetrikaLoaded || !window.appHasAnalyticsConsent()) {
          return;
        }

        window.__appMetrikaLoaded = true;
        (function(m,e,t,r,i,k,a){
          m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
          m[i].l=1*new Date();
          for (var j = 0; j < document.scripts.length; j++) {
            if (document.scripts[j].src === r) { return; }
          }
          k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a);
        })(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

        ym(97177499, "init", {
          clickmap: true,
          trackLinks: true,
          accurateTrackBounce: true,
          webvisor: true
        });
      };

      if (window.appHasAnalyticsConsent()) {
        window.appLoadYandexMetrika();
      }
    </script>
  </head>
<!-- Загружаем аудиофайл -->
<audio id="notificationSound">
  <source src="/static/sound/notification/fb.mp3" type="audio/mpeg">
</audio>
<!-- Контейнер для уведомлений -->
<div class="toast-container position-fixed down-0 end-0 p-3" style="z-index: 11"></div>



    <div class="modal" tabindex="-1" id="exitModal" data-bs-toggle="modal" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content rounded-3 shadow">
                <div class="modal-body p-4 text-center">
                    <h5 class="mb-0">Выйти из аккаунта?</h5>
                    <p class="mb-0">После выхода из аккаунта часть функционала сайта может стать недоступной.</p>
                </div>
                <div class="modal-footer flex-nowrap p-0">
                    <button type="button" class="btn btn-lg btn-link fs-6 text-decoration-none col-6 py-3 m-0 rounded-0 border-end" onclick="window.location.href='?exit'"><strong>Да, выйти</strong></button>
                    <button type="button" class="btn btn-lg btn-link fs-6 text-decoration-none col-6 py-3 m-0 rounded-0" data-bs-dismiss="modal">Нет</button>
                </div>
            </div>
        </div>
    </div>
  <body class="redesign">
    <div class="cookie-consent" id="cookieConsent" hidden>
      <div class="cookie-consent__title">Аналитика и cookie</div>
      <div class="cookie-consent__text">
        Мы используем обязательные cookie для работы сайта и, при вашем согласии, Яндекс.Метрику для анализа использования.
        Подробнее: <a href="/privacy">Политика обработки персональных данных</a> и <a href="/privacy-consent">Согласие на обработку персональных данных</a>.
      </div>
      <div class="cookie-consent__actions">
        <button class="btn btn-primary btn-sm" type="button" id="cookieConsentAccept">Принять</button>
        <button class="btn btn-outline-light btn-sm" type="button" id="cookieConsentDecline">Только обязательные</button>
      </div>
    </div>
    <script>
      (function() {
        var banner = document.getElementById('cookieConsent');
        var acceptButton = document.getElementById('cookieConsentAccept');
        var declineButton = document.getElementById('cookieConsentDecline');
        var consentValue = window.appGetCookie(window.appAnalyticsConsentCookie);

        if (!banner || !acceptButton || !declineButton) {
          return;
        }

        if (consentValue !== 'accepted' && consentValue !== 'declined') {
          banner.hidden = false;
        }

        acceptButton.addEventListener('click', function() {
          window.appSetCookie(window.appAnalyticsConsentCookie, 'accepted', 365);
          banner.hidden = true;
          window.appLoadYandexMetrika();
        });

        declineButton.addEventListener('click', function() {
          window.appSetCookie(window.appAnalyticsConsentCookie, 'declined', 365);
          banner.hidden = true;
        });
      })();
    </script>

    
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
  <symbol id="bootstrap" viewBox="0 0 118 94">
    <title>Bootstrap</title>
    <path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z"></path>
  </symbol>
  <symbol id="home" viewBox="0 0 16 16">
    <path d="M8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4.5a.5.5 0 0 0 .5-.5v-4h2v4a.5.5 0 0 0 .5.5H14a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146zM2.5 14V7.707l5.5-5.5 5.5 5.5V14H10v-4a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v4H2.5z"/>
  </symbol>
  <symbol id="speedometer2" viewBox="0 0 16 16">
    <path d="M8 4a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-1 0V4.5A.5.5 0 0 1 8 4zM3.732 5.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 10a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 10zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 9.31a.91.91 0 1 0 1.302 1.258l3.434-4.297a.389.389 0 0 0-.029-.518z"/>
    <path fill-rule="evenodd" d="M0 10a8 8 0 1 1 15.547 2.661c-.442 1.253-1.845 1.602-2.932 1.25C11.309 13.488 9.475 13 8 13c-1.474 0-3.31.488-4.615.911-1.087.352-2.49.003-2.932-1.25A7.988 7.988 0 0 1 0 10zm8-7a7 7 0 0 0-6.603 9.329c.203.575.923.876 1.68.63C4.397 12.533 6.358 12 8 12s3.604.532 4.923.96c.757.245 1.477-.056 1.68-.631A7 7 0 0 0 8 3z"/>
  </symbol>
  <symbol id="table" viewBox="0 0 16 16">
    <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm15 2h-4v3h4V4zm0 4h-4v3h4V8zm0 4h-4v3h3a1 1 0 0 0 1-1v-2zm-5 3v-3H6v3h4zm-5 0v-3H1v2a1 1 0 0 0 1 1h3zm-4-4h4V8H1v3zm0-4h4V4H1v3zm5-3v3h4V4H6zm4 4H6v3h4V8z"/>
  </symbol>
  <symbol id="people-circle" viewBox="0 0 16 16">
    <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
    <path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z"/>
  </symbol>
  <symbol id="grid" viewBox="0 0 16 16">
    <path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3zM2.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zM1 10.5A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z"/>
  </symbol>
  <symbol id="facebook" viewBox="0 0 16 16">
    <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
  </symbol>
  <symbol id="instagram" viewBox="0 0 16 16">
      <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
  </symbol>
  <symbol id="twitter" viewBox="0 0 16 16">
    <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
  </symbol>
  <symbol id="exclamation-triangle-fill" viewBox="0 0 16 16">
    <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
  </symbol>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
  <symbol id="house-door-fill" viewBox="0 0 16 16">
    <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5z"></path>
  </symbol>
</svg>

<main>
  <header class="rd-app-header">
    <a class="rd-brand" href="/main" aria-label="4ILL.RU">
      <img src="/static/images/icons/cs2.png" alt="" width="26" height="26">
      <span>4<span>ILL</span>.RU</span>
    </a>

    <div class="rd-game-select">
      <button class="rd-game-trigger" type="button" data-rd-dropdown="rd-game-menu">
        <img src="/static/images/icons/cs2.svg" alt="">
        CS 2        <i class="bi bi-chevron-down"></i>
      </button>
      <div class="rd-menu" id="rd-game-menu">
        <a class="rd-menu-item active" href="?game=cs2"><img src="/static/images/icons/cs2.svg" alt=""> CS 2 <span>онлайн: 77</span></a>
        <a class="rd-menu-item " href="?game=csgo"><img src="/static/images/icons/csgo.svg" alt=""> CS:GO <span>онлайн: 0</span></a>
        <div class="rd-menu-divider"></div>
        <div class="rd-menu-note"><span>Общий онлайн</span><b>77</b></div>
        <div class="rd-menu-note"><span>Онлайн за сутки</span><b>4079</b></div>
      </div>
    </div>

    <button class="rd-nav-toggle" type="button" data-rd-toggle="rd-main-nav" aria-label="Меню"><i class="bi bi-list"></i></button>

    <nav class="rd-main-nav" id="rd-main-nav" aria-label="Основная навигация">
      <a class="rd-nav-link active" href="/main">Сервера</a>
              <a class="rd-nav-link accent " href="/shop">Магазин</a>
        <a class="rd-nav-link danger " href="/bp">Боевой пропуск</a>
            <a class="rd-nav-link " href="/request_admin">Стать админом</a>      <a class="rd-nav-link " href="/skins">Скины</a>
      <a class="rd-nav-link " href="/ranks">Лидерборд</a>
      <a class="rd-nav-link " href="/clans">Кланы</a>
      <div class="rd-nav-dropdown">
        <button class="rd-nav-link rd-nav-button" type="button" data-rd-dropdown="rd-help-menu">Помощь <i class="bi bi-chevron-down"></i></button>
        <div class="rd-menu" id="rd-help-menu">
          <a class="rd-menu-item" href="/admins">Админы</a>
          <a class="rd-menu-item" href="/rules">Правила</a>
          <a class="rd-menu-item" href="/help">Помощь</a>
          <a class="rd-menu-item" href="/help/new_request">Создать запрос</a>
                  </div>
      </div>

          </nav>

    <div class="rd-userbar">
              <a href="/php/modules/login/login.php" class="rd-steam-login"><i class="bi bi-steam"></i> Войти через Steam</a>
          </div>
  </header>

  

  <div class="rd-content-host">
    <!--<div id="toastContainer" class="toast-container"></div>-->
<style>
  .card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.btn.btn-outline-light {
    border: none;
    outline: none;
}

.spinner-border {
    width: 1rem;
    height: 1rem;
    margin-left: 5px;
}

/* Стили для кнопок сортировки */
.sort-btn {
    background: linear-gradient(135deg, #6c757d, #495057);
    border: none;
    color: white;
    transition: all 0.3s ease;
    border-radius: 8px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
}

.sort-btn:hover {
    background: linear-gradient(135deg, #5a6268, #3d4449);
    color: white;
    transform: translateY(-1px);
}

.sort-btn.active {
    background: linear-gradient(135deg, #0d6efd, #0b5ed7);
}

.sort-btn i {
    transition: transform 0.3s ease;
}

.sort-btn.asc i {
    transform: rotate(180deg);
}

.sort-btn.desc i {
    transform: rotate(0deg);
}

.server-card {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.server-card.sorting {
    opacity: 0.7;
    transform: scale(0.95);
}


.server-card.hidden {
    display: none !important;
}

.duels-promo-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    margin-bottom: 14px;
    padding: 18px;
    overflow: hidden;
    border: 1px solid rgba(80, 190, 140, .34);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(34, 50, 58, .96), rgba(18, 26, 32, .96));
    box-shadow: 0 14px 38px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .04);
}

.duels-promo-card:before {
    content: "";
    position: absolute;
    inset: 0;
    border-top: 2px solid rgba(113, 237, 169, .7);
    background: radial-gradient(circle at 0 0, rgba(80, 190, 140, .18), transparent 34%);
    pointer-events: none;
}

.duels-promo-content,
.duels-promo-actions {
    position: relative;
    z-index: 1;
}

.duels-promo-kicker {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
    color: #71eda9;
    font-family: var(--rd-font-head);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.duels-promo-title {
    margin: 0 0 10px;
    color: var(--rd-text);
    font-family: var(--rd-font-head);
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 0;
}

.duels-promo-title span {
    color: #71eda9;
}

.duels-promo-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.duels-promo-pill {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    padding: 6px 9px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 6px;
    background: rgba(255, 255, 255, .04);
    color: var(--rd-muted);
    font-size: 12px;
}

.duels-promo-pill b {
    color: var(--rd-text);
}

.duels-promo-actions {
    display: grid;
    gap: 8px;
    justify-items: end;
}

.duels-promo-online {
    display: inline-flex;
    gap: 7px;
    align-items: center;
    color: var(--rd-green);
    font-family: var(--rd-font-head);
    font-size: 14px;
    font-weight: 700;
}

.duels-promo-card .rd-connect-btn {
    border-color: rgba(113, 237, 169, .72);
    background: #2ec977;
    box-shadow: 0 0 18px rgba(46, 201, 119, .22);
}

.duels-promo-card .rd-icon-btn {
    opacity: 1;
}

/* Стили публичного чата */
.public-chat-box {
    height: 380px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px;
    scroll-behavior: smooth;
    background-color: #1e2d3d;
    border-radius: 6px;
}

.public-chat-box::-webkit-scrollbar { width: 4px; }
.public-chat-box::-webkit-scrollbar-track { background: transparent; }
.public-chat-box::-webkit-scrollbar-thumb { background: #3d5166; border-radius: 2px; }

.chat-msg {
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.chat-msg .chat-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.chat-msg .chat-body {
    flex: 1;
    min-width: 0;
}

.chat-msg .chat-nickname {
    font-size: 0.8rem;
    font-weight: 600;
    color: #7eb5f4;
    text-decoration: none;
}

.chat-msg .chat-nickname:hover { text-decoration: underline; }

.chat-msg .chat-text {
    font-size: 0.85rem;
    word-break: break-word;
    color: #dee2e6;
    line-height: 1.4;
}

.chat-msg .chat-reply-preview {
    font-size: 0.75rem;
    color: #adb5bd;
    border-left: 2px solid #6c757d;
    padding-left: 6px;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat-msg .chat-meta {
    font-size: 0.7rem;
    color: #6c757d;
    display: flex;
    gap: 8px;
    margin-top: 2px;
    align-items: center;
}

.chat-reply-btn {
    cursor: pointer;
    color: #6c757d;
    background: none;
    border: none;
    padding: 0;
    font-size: 0.7rem;
    line-height: 1;
}

.chat-reply-btn:hover { color: #adb5bd; }

.chat-reply-bar {
    display: none;
    background: #1e2d3d;
    border-left: 3px solid #0d6efd;
    padding: 4px 8px;
    font-size: 0.8rem;
    color: #adb5bd;
    border-radius: 4px;
    margin-bottom: 4px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-reply-cancel {
    float: right;
    cursor: pointer;
    color: #6c757d;
    margin-left: 8px;
}

.chat-reply-cancel:hover { color: #adb5bd; }

/* Стили для переключателя */
.hide-empty-switch {
    display: flex;
    align-items: center;
    gap: 8px;
    color: white;
    font-size: 0.9rem;
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.controls-container {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

#custom-cards,
#custom-cards > .rd-home-layout,
#custom-cards > .rd-home-layout > *,
#servers-container,
.rd-server-list {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.sort-buttons {
    display: flex;
    gap: 8px;
}

@media (max-width: 768px) {
    .rd-page.rd-home {
        padding-left: 12px;
        padding-right: 12px;
    }

    #custom-cards {
        overflow-x: clip;
    }

    .rd-server-list {
        border-radius: 12px;
    }

    #servers-container .server-card {
        width: 100%;
        max-width: 100%;
    }

    .controls-container {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .sort-buttons {
        width: 100%;
        justify-content: space-between;
    }
    
    .sort-btn {
        flex: 1;
        justify-content: center;
    }
    
    .hide-empty-switch {
        width: 100%;
        justify-content: flex-start;
    }

    .duels-promo-card {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .duels-promo-actions {
        justify-items: stretch;
    }

    .duels-promo-actions .rd-connect-btn {
        text-align: center;
    }
}
</style>

<script>
  $(document).ready(function() {
    // Делегирование событий для кнопок статистики
    $(document).on('click', '[data-id]:not(.chat-reply-btn)', function() {
        var server = $(this).attr('data-id');
        var ip = $(this).attr('data-ip');

        // Добавляем ссылку к кнопке "Подключиться"
        $('#connectButton').attr('href', 'steam://connect/' + ip);

        // Запрос на получение имени сервера
        $.ajax({
            type: "GET",
            url: "/php/modules/main/getServerName.php",
            data: { serverId: server },
            success: function(serverName) {
                $('#tabBoard .modal-title').text(serverName);
                $('#tabBoard').modal('show');
            }
        });

        // Запрос на получение данных для доски
        $.ajax({
            type: "GET",
            url: "/php/modules/main/getBoard.php",
            data: { serverId: server },
            success: function(board) {
                $('#tabBoard .modal-body').html(board);
            }
        });
    });

    // Переменные для состояния
    let currentOnlineSort = null; // null - неактивна, 'desc' - от большего к меньшему
    let currentNameSort = null;   // null - неактивна, 'asc' - от 1-го
    let currentMapSort = null;    // null - неактивна, 'asc' - по карте

    // Функция сортировки серверов по онлайну
    $('#sortByOnline').click(function() {
        const $btn = $(this);
        const $serversContainer = $('#servers-container');
        const $serverCards = $serversContainer.find('.server-card:not(.hidden)');
        
        // Сбрасываем другие сортировки
        $('#sortByName, #sortByMap').removeClass('active asc desc');
        currentNameSort = null;
        currentMapSort = null;
        
        // Если сортировка по онлайну еще не активна, устанавливаем начальное состояние (от большего к меньшему)
        if (currentOnlineSort === null) {
            currentOnlineSort = 'desc'; // Первое нажатие - от большего онлайна к меньшему
        } else {
            // Переключаем порядок сортировки
            currentOnlineSort = currentOnlineSort === 'desc' ? 'asc' : 'desc';
        }
        
        // Обновляем классы кнопки
        $btn.removeClass('asc desc').addClass(currentOnlineSort).addClass('active');
        
        // Показываем анимацию сортировки
        $serverCards.addClass('sorting');
        
        // Сортируем серверы
        setTimeout(() => {
            const cardsData = $serverCards.map(function() {
                return {
                    element: this,
                    online: parseInt($(this).data('online')) || 0
                };
            }).get();
            
            // Сортируем данные по онлайну
            cardsData.sort((a, b) => {
                if (currentOnlineSort === 'desc') {
                    return b.online - a.online; // От большего к меньшему
                } else {
                    return a.online - b.online; // От меньшего к большему
                }
            });
            
            // Переставляем элементы в DOM в отсортированном порядке
            cardsData.forEach(cardData => {
                $serversContainer.append(cardData.element);
            });
            
            // Убираем анимацию
            setTimeout(() => {
                $serverCards.removeClass('sorting');
            }, 100);
            
        }, 300);
    });

    // Функция сортировки серверов по названию
    $('#sortByName').click(function() {
        const $btn = $(this);
        const $serversContainer = $('#servers-container');
        const $serverCards = $serversContainer.find('.server-card:not(.hidden)');
        
        // Сбрасываем другие сортировки
        $('#sortByOnline, #sortByMap').removeClass('active asc desc');
        currentOnlineSort = null;
        currentMapSort = null;
        
        // Если сортировка по названию еще не активна, устанавливаем начальное состояние (от 1-го)
        if (currentNameSort === null) {
            currentNameSort = 'asc'; // Первое нажатие - от 1-го сервера
        } else {
            // Переключаем порядок сортировки
            currentNameSort = currentNameSort === 'asc' ? 'desc' : 'asc';
        }
        
        // Обновляем классы кнопки
        $btn.removeClass('asc desc').addClass(currentNameSort).addClass('active');
        
        // Показываем анимацию сортировки
        $serverCards.addClass('sorting');
        
        // Сортируем серверы
        setTimeout(() => {
            const cardsData = $serverCards.map(function() {
                const serverName = $(this).find('.server-name').text().trim();
                return {
                    element: this,
                    name: serverName.toLowerCase(),
                    number: extractServerNumber(serverName),
                    originalName: serverName
                };
            }).get();
            
            // Сортируем данные по названию/номеру
            cardsData.sort((a, b) => {
                // Пытаемся извлечь номера из названий
                const numA = a.number;
                const numB = b.number;
                
                if (numA !== null && numB !== null) {
                    // Если оба названия содержат числа, сортируем по числам
                    if (currentNameSort === 'asc') {
                        return numA - numB; // От 1-го
                    } else {
                        return numB - numA; // От последнего
                    }
                } else if (numA !== null) {
                    // Если только A содержит число, ставим его первым при asc, последним при desc
                    return currentNameSort === 'asc' ? -1 : 1;
                } else if (numB !== null) {
                    // Если только B содержит число, ставим его первым при asc, последним при desc
                    return currentNameSort === 'asc' ? 1 : -1;
                } else {
                    // Если чисел нет, сортируем по алфавиту
                    if (currentNameSort === 'asc') {
                        return a.name.localeCompare(b.name);
                    } else {
                        return b.name.localeCompare(a.name);
                    }
                }
            });
            
            // Переставляем элементы в DOM в отсортированном порядке
            cardsData.forEach(cardData => {
                $serversContainer.append(cardData.element);
            });
            
            // Убираем анимацию
            setTimeout(() => {
                $serverCards.removeClass('sorting');
            }, 100);
            
        }, 300);
    });

    // Функция сортировки серверов по карте
    $('#sortByMap').click(function() {
        const $btn = $(this);
        const $serversContainer = $('#servers-container');
        const $serverCards = $serversContainer.find('.server-card:not(.hidden)');

        $('#sortByName, #sortByOnline').removeClass('active asc desc');
        currentNameSort = null;
        currentOnlineSort = null;

        currentMapSort = currentMapSort === 'asc' ? 'desc' : 'asc';
        $btn.removeClass('asc desc').addClass(currentMapSort).addClass('active');
        $serverCards.addClass('sorting');

        setTimeout(() => {
            const cardsData = $serverCards.map(function() {
                return {
                    element: this,
                    map: String($(this).data('map') || '').toLowerCase(),
                    name: $(this).find('.server-name').text().trim().toLowerCase()
                };
            }).get();

            cardsData.sort((a, b) => {
                const byMap = currentMapSort === 'asc' ? a.map.localeCompare(b.map) : b.map.localeCompare(a.map);
                return byMap || a.name.localeCompare(b.name);
            });

            cardsData.forEach(cardData => {
                $serversContainer.append(cardData.element);
            });

            setTimeout(() => {
                $serverCards.removeClass('sorting');
            }, 100);
        }, 300);
    });

    // Функция для извлечения номера сервера из названия
    function extractServerNumber(serverName) {
        // Ищем числа в названии, игнорируя числа в IP-адресах и портах
        const matches = serverName.match(/\b(\d+)\b/g);
        if (matches) {
            // Берем первое найденное число (скорее всего это номер сервера)
            // Игнорируем числа больше 1000 (скорее всего это порты)
            for (let match of matches) {
                const num = parseInt(match);
                if (num <= 1000) {
                    return num;
                }
            }
        }
        return null;
    }

    // Переключатель "Скрыть пустые сервера"
    $('#hideEmptyServers').change(function() {
        const hideEmpty = $(this).is(':checked');
        const $serverCards = $('#servers-container').find('.server-card');
        
        if (hideEmpty) {
            // Скрываем пустые серверы
            $serverCards.each(function() {
                const online = parseInt($(this).data('online')) || 0;
                if (online === 0) {
                    $(this).addClass('hidden');
                }
            });
        } else {
            // Показываем все серверы
            $serverCards.removeClass('hidden');
        }
        
        // Обновляем счетчик видимых серверов
        updateVisibleServersCount();
    });

    // Переключатель "Скрыть сервера с VIP/PREMIUM"
    $('#hideVipServers').change(function() {
        const hideVip = $(this).is(':checked');
        const $serverCards = $('#servers-container').find('.server-card');
        
        // Если оба переключателя активны, учитываем оба условия
        const hideEmpty = $('#hideEmptyServers').is(':checked');
        
        // Сначала показываем все серверы
        $serverCards.removeClass('hidden');
        
        if (hideVip || hideEmpty) {
            // Применяем фильтры
            $serverCards.each(function() {
                const $card = $(this);
                const online = parseInt($card.data('online')) || 0;
                const serverName = $card.find('.server-name').text().trim();
                
                let shouldHide = false;
                
                // Проверяем условие для VIP серверов
                if (hideVip && !serverName.includes('(БЕЗ VIPОК)')) {
                    shouldHide = true;
                }
                
                // Проверяем условие для пустых серверов
                if (hideEmpty && online === 0) {
                    shouldHide = true;
                }
                
                if (shouldHide) {
                    $card.addClass('hidden');
                }
            });
        }
        
        // Обновляем счетчик видимых серверов
        updateVisibleServersCount();
    });

    // Функция для обновления счетчика видимых серверов
    function updateVisibleServersCount() {
        const visibleCount = $('#servers-container').find('.server-card:not(.hidden)').length;
        const totalCount = $('#servers-container').find('.server-card').length;
        $('#serversCount').text(`${visibleCount} из ${totalCount}`);
    }

    // Инициализация счетчика при загрузке
    updateVisibleServersCount();

    // Автосортировка по онлайну при загрузке (desc — сначала самые заполненные)
    (function() {
        const $serversContainer = $('#servers-container');
        const $serverCards = $serversContainer.find('.server-card');
        currentOnlineSort = 'desc';
        $('#sortByOnline').addClass('active desc');
        const cardsData = $serverCards.map(function() {
            return { element: this, online: parseInt($(this).data('online')) || 0 };
        }).get();
        cardsData.sort((a, b) => b.online - a.online);
        cardsData.forEach(function(c) { $serversContainer.append(c.element); });
    })();

    // Делегирование события для кнопок копирования IP
    $(document).on('click', '.copy-ip-btn', function() {
        const ip = $(this).data('ip');
        copyToClipboard('connect ' + ip);
        
        // Визуальная обратная связь
        const originalHtml = $(this).html();
        $(this).html('<i class="bi bi-check"></i>');
        setTimeout(() => {
            $(this).html(originalHtml);
        }, 1000);
    });

    $(document).on('click', '[data-donate-amount]', function() {
        $('#inputSummDonate').val($(this).data('donate-amount')).trigger('input');
    });
});

// Функция копирования в буфер обмена
function copyToClipboard(text) {
    navigator.clipboard.writeText(text).then(() => {
        // Можно показать уведомление об успешном копировании
        console.log('IP скопирован: ' + text);
    }).catch(err => {
        console.error('Ошибка копирования IP', err);
    });
}
</script>

<div class="modal fade" id="tabBoard" tabindex="-1" aria-labelledby="tabBoardLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title fs-5" id="tabBoardLabel">Заголовок модального окна</h1>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <a type="button" class="btn btn-primary" id="connectButton">Подключиться</a>
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
      </div>
    </div>
  </div>
</div>

<!-- Модальное окно результатов последних розыгрышей -->
<div class="modal fade" id="contentsResult" tabindex="-1" aria-labelledby="tgSubModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title fs-5" id="tgSubModalLabel">Результаты розыгрышей</h1>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
      </div>
      <div class="modal-body">
        <table class="table">
          <thead>
            <tr>
              <th scope="col">Дата</th>
              <th scope="col">Игрок</th>
              <th scope="col">Приз</th>
              <th scope="col">Статус приза</th>
              <th scope="col">Всего участников</th>
            </tr>
          </thead>
          <tbody>
                      </tbody>
        </table>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
      </div>
    </div>
  </div>
</div>


<!-- ПОКУПКА РАЗМУТА -->

<style>
  .steam-info {
        display: flex;
        align-items: center;
      }

      .steam-info a {
        text-decoration: none;
        color: white;
      }

      .avatar-image {
        width: 20px;
        height: 20px;
        border-radius: 50%;
      }

      .btn-custom {
            background-color: white;
            color: #0088cc;
            font-weight: bold;
            border: none;
            border-radius: 8px;
            transition: background-color 0.3s, color 0.3s;
            width: 48%;
        }

        .btn-custom:hover {
            background-color: #e6f4ff;
            color: #005f99;
        }

        /* Отступы между кнопками */
        .d-flex.gap-2 > * {
            margin: 0 0.5rem;
        }
</style>




<div class="rd-page rd-home">
  <nav class="rd-mode-strip" aria-label="Режимы серверов">
      <a class="rd-tab active" aria-current="page" href="/main">
        Все режимы
      </a>
                <a class="rd-tab " href="/main?type=1">
            MIRAGE            <span class="rd-badge ">37</span>
          </a>
                  <a class="rd-tab " href="/main?type=2">
            AWP            <span class="rd-badge ">24</span>
          </a>
                  <a class="rd-tab " href="/main?type=4">
            5X5            <span class="rd-badge ">0</span>
          </a>
                  <a class="rd-tab " href="/main?type=6">
            DUST2            <span class="rd-badge ">4</span>
          </a>
                  <a class="rd-tab " href="/main?type=7">
            PUBLIC            <span class="rd-badge ">0</span>
          </a>
                  <a class="rd-tab " href="/main?type=8">
            SANDSTONE            <span class="rd-badge ">12</span>
          </a>
                  <a class="rd-tab " href="/main?type=9">
            AIM            <span class="rd-badge ">0</span>
          </a>
                  <a class="rd-tab " href="/main?type=10">
            CACHE            <span class="rd-badge ">0</span>
          </a>
                  <a class="rd-tab " href="/main?type=11">
            DUELS            <span class="rd-badge ">0</span>
          </a>
                  <a class="rd-tab " href="/main?type=12">
            RETAKE            <span class="rd-badge ">0</span>
          </a>
          </nav>

  <div id="custom-cards">
    <div class="rd-home-layout">
        <div>
            <!-- Список серверов -->
            
                        <section class="duels-promo-card" aria-label="Тестируем новый режим RETAKE #17">
                <div class="duels-promo-content">
                    <div class="duels-promo-kicker"><i class="bi bi-lightning-charge-fill"></i> Тестируем новый режим</div>
                    <h2 class="duels-promo-title"><span>RETAKE #17</span> уже доступен</h2>
                    <div class="duels-promo-pill">
                        <i class="bi bi-stars"></i>
                        <b>X2 к опыту</b> на время теста
                    </div>
                    <div class="duels-promo-meta">
                        <span class="duels-promo-pill"><i class="bi bi-hdd-network"></i> 109.195.19.84:27022</span>
                        <span class="duels-promo-pill"><i class="bi bi-clock-history"></i> До конца: <b id="retakeCountdown">09.06.2026 23:59</b></span>
                        <a class="duels-promo-pill" href="/help/new_request"><i class="bi bi-chat-square-text"></i> Идеи и ошибки — в тикеты</a>
                    </div>
                </div>
                <div class="duels-promo-actions">
                    <div class="duels-promo-online">
                        <span class="rd-dot "></span>
                        0/9 онлайн
                    </div>
                    <a href="steam://connect/109.195.19.84:27022" class="rd-connect-btn">CONNECT</a>
                    <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27022">
                        <i class="bi bi-clipboard"></i>
                    </button>
                </div>
            </section>
            
            <div class="rd-server-list">
              <div class="rd-server-list-head">
                <button id="sortByMap" class="rd-sort-head rd-sort-map" type="button">КАРТА <i class="bi bi-chevron-up"></i></button>
                <button id="sortByName" class="rd-sort-head" type="button">СЕРВЕР <i class="bi bi-chevron-up"></i></button>
                <button id="sortByOnline" class="rd-sort-head rd-sort-online" type="button">ОНЛАЙН <i class="bi bi-chevron-up"></i></button>
                <div></div>
              </div>
              <div id="servers-container">
                                    <div class="server-card rd-server-row " data-online="8" data-map="de_mirage">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/de_mirage.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">MIRAGE #1</h3>
                          <div>de_mirage<span class="rd-server-ip"> · 212.41.10.131:27025</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot online"></span>
                          <b>8/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 40%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/212.41.10.131:27025" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="212.41.10.131:27025">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="1" data-ip="212.41.10.131:27025">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row " data-online="5" data-map="awp_lego_2">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/awp_lego_2.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">AWP #2</h3>
                          <div>awp_lego_2<span class="rd-server-ip"> · 212.41.10.131:27015</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot online"></span>
                          <b>5/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 25%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/212.41.10.131:27015" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="212.41.10.131:27015">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="2" data-ip="212.41.10.131:27015">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row " data-online="7" data-map="de_mirage">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/de_mirage.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">BHOP MIRAGE #3</h3>
                          <div>de_mirage<span class="rd-server-ip"> · 212.41.10.131:27035</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot online"></span>
                          <b>7/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 35%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/212.41.10.131:27035" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="212.41.10.131:27035">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="3" data-ip="212.41.10.131:27035">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row " data-online="6" data-map="awp_lego_2">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/awp_lego_2.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">AWP #4</h3>
                          <div>awp_lego_2<span class="rd-server-ip"> · 212.41.10.131:27045</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot online"></span>
                          <b>6/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 30%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/212.41.10.131:27045" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="212.41.10.131:27045">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="4" data-ip="212.41.10.131:27045">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row " data-online="12" data-map="de_mirage">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/de_mirage.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">WH+BHOP MIRAGE #5</h3>
                          <div>de_mirage<span class="rd-server-ip"> · 212.41.10.131:27055</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot online"></span>
                          <b>12/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 60%; background: #f5a623;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/212.41.10.131:27055" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="212.41.10.131:27055">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="5" data-ip="212.41.10.131:27055">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row " data-online="3" data-map="awp_lego_2">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/awp_lego_2.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">AWP #6</h3>
                          <div>awp_lego_2<span class="rd-server-ip"> · 212.41.10.131:27065</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot online"></span>
                          <b>3/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 15%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/212.41.10.131:27065" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="212.41.10.131:27065">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="6" data-ip="212.41.10.131:27065">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="de_mirage_fps">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/de_mirage_fps.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">FPS+ MIRAGE #7</h3>
                          <div>de_mirage_fps<span class="rd-server-ip"> · 81.163.21.65:27075</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/81.163.21.65:27075" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="81.163.21.65:27075">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="7" data-ip="81.163.21.65:27075">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row " data-online="1" data-map="awp_lego_2">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/awp_lego_2.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">AWP #8</h3>
                          <div>awp_lego_2<span class="rd-server-ip"> · 81.163.21.65:27085</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot online"></span>
                          <b>1/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 5%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/81.163.21.65:27085" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="81.163.21.65:27085">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="8" data-ip="81.163.21.65:27085">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row " data-online="4" data-map="de_dust2">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/de_dust2.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">DUST2 #9</h3>
                          <div>de_dust2<span class="rd-server-ip"> · 81.163.21.65:27095</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot online"></span>
                          <b>4/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 20%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/81.163.21.65:27095" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="81.163.21.65:27095">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="9" data-ip="81.163.21.65:27095">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="am_mirage">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/am_mirage.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">DUELS #10</h3>
                          <div>am_mirage<span class="rd-server-ip"> · 109.195.19.84:27016</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27016" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27016">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="10" data-ip="109.195.19.84:27016">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="de_mirage">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/de_mirage.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">MIRAGE #11</h3>
                          <div>de_mirage<span class="rd-server-ip"> · 81.163.21.65:27017</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/81.163.21.65:27017" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="81.163.21.65:27017">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="11" data-ip="81.163.21.65:27017">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="de_cache">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/de_cache.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">CACHE #12</h3>
                          <div>de_cache<span class="rd-server-ip"> · 81.163.21.65:27018</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/81.163.21.65:27018" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="81.163.21.65:27018">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="25" data-ip="81.163.21.65:27018">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="awp_lego_2">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/awp_lego_2.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">AWP #13</h3>
                          <div>awp_lego_2<span class="rd-server-ip"> · 109.195.19.84:27019</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27019" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27019">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="26" data-ip="109.195.19.84:27019">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="de_mirage">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/de_mirage.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">PUBLIC #14</h3>
                          <div>de_mirage<span class="rd-server-ip"> · 81.163.21.65:27105</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/81.163.21.65:27105" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="81.163.21.65:27105">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="40" data-ip="81.163.21.65:27105">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="de_mirage">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/de_mirage.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">BHOP MIRAGE #15</h3>
                          <div>de_mirage<span class="rd-server-ip"> · 109.195.19.84:27020</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27020" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27020">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="46" data-ip="109.195.19.84:27020">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="de_mirage">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/de_mirage.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">5X5 #16</h3>
                          <div>de_mirage<span class="rd-server-ip"> · 109.195.19.84:27021</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/10</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27021" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27021">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="47" data-ip="109.195.19.84:27021">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="de_mirage">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/de_mirage.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">RETAKE #17</h3>
                          <div>de_mirage<span class="rd-server-ip"> · 109.195.19.84:27022</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/9</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27022" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27022">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="48" data-ip="109.195.19.84:27022">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="de_mirage">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/de_mirage.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">MIRAGE #18 (БЕЗ VIPОК)</h3>
                          <div>de_mirage<span class="rd-server-ip"> · 109.195.19.84:27023</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27023" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27023">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="49" data-ip="109.195.19.84:27023">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="sandstone_new">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/sandstone_new.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">SANDSTONE #19</h3>
                          <div>sandstone_new<span class="rd-server-ip"> · 109.195.19.84:27024</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27024" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27024">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="50" data-ip="109.195.19.84:27024">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="aim_map">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/aim_map.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">AIM #20</h3>
                          <div>aim_map<span class="rd-server-ip"> · 109.195.19.84:27026</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/16</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27026" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27026">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="52" data-ip="109.195.19.84:27026">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="aim_redline">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/aim_redline.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">AIM #21</h3>
                          <div>aim_redline<span class="rd-server-ip"> · 109.195.19.84:27027</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/16</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27027" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27027">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="53" data-ip="109.195.19.84:27027">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="awp_lego_2">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/awp_lego_2.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">AWP #22 (БЕЗ VIPOK)</h3>
                          <div>awp_lego_2<span class="rd-server-ip"> · 109.195.19.84:27028</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27028" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27028">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="54" data-ip="109.195.19.84:27028">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="de_mirage">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/de_mirage.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">MIRAGE #23 (БЕЗ VIPОК)</h3>
                          <div>de_mirage<span class="rd-server-ip"> · 109.195.19.84:27029</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27029" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27029">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="55" data-ip="109.195.19.84:27029">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="de_mirage">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/de_mirage.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">5X5 #24 (БЕЗ VIPОК)</h3>
                          <div>de_mirage<span class="rd-server-ip"> · 109.195.19.84:27030</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/11</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27030" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27030">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="56" data-ip="109.195.19.84:27030">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="awp_lego_2">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/awp_lego_2.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">AWP #25</h3>
                          <div>awp_lego_2<span class="rd-server-ip"> · 109.195.19.84:27031</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/16</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27031" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27031">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="57" data-ip="109.195.19.84:27031">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="de_mirage">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/de_mirage.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">5X5 #26 (БЕЗ VIPОК)</h3>
                          <div>de_mirage<span class="rd-server-ip"> · 109.195.19.84:27046</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/11</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27046" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27046">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="58" data-ip="109.195.19.84:27046">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row " data-online="4" data-map="sandstone_new">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/sandstone_new.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">SANDSTONE #27</h3>
                          <div>sandstone_new<span class="rd-server-ip"> · 109.195.19.84:27033</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot online"></span>
                          <b>4/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 20%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27033" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27033">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="59" data-ip="109.195.19.84:27033">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row " data-online="8" data-map="sandstone_new">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/sandstone_new.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">SANDSTONE #29 (БЕЗ VIPОК)</h3>
                          <div>sandstone_new<span class="rd-server-ip"> · 109.195.19.84:27035</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot online"></span>
                          <b>8/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 40%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27035" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27035">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="63" data-ip="109.195.19.84:27035">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="awp_lego_2">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/awp_lego_2.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">AWPDM #30</h3>
                          <div>awp_lego_2<span class="rd-server-ip"> · 109.195.19.84:27036</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27036" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27036">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="64" data-ip="109.195.19.84:27036">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="de_mirage">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/de_mirage.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">5X5 #31 (БЕЗ VIPОК)</h3>
                          <div>de_mirage<span class="rd-server-ip"> · 109.195.19.84:27037</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/11</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27037" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27037">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="65" data-ip="109.195.19.84:27037">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row " data-online="5" data-map="de_mirage">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/de_mirage.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">BHOP MIRAGE #32</h3>
                          <div>de_mirage<span class="rd-server-ip"> · 109.195.19.84:27038</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot online"></span>
                          <b>5/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 25%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27038" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27038">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="66" data-ip="109.195.19.84:27038">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row " data-online="1" data-map="de_mirage">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/de_mirage.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">RANDOM EVENTS MIRAGE #33</h3>
                          <div>de_mirage<span class="rd-server-ip"> · 109.195.19.84:27039</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot online"></span>
                          <b>1/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 5%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27039" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27039">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="67" data-ip="109.195.19.84:27039">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row " data-online="4" data-map="awp_lego_2">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/awp_lego_2.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">BHOP AWP #34</h3>
                          <div>awp_lego_2<span class="rd-server-ip"> · 109.195.19.84:27040</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot online"></span>
                          <b>4/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 20%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27040" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27040">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="68" data-ip="109.195.19.84:27040">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="de_mirage">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/de_mirage.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">RANDOM EVENTS MIRAGE #35</h3>
                          <div>de_mirage<span class="rd-server-ip"> · 109.195.19.84:27041</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27041" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27041">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="69" data-ip="109.195.19.84:27041">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row " data-online="3" data-map="awp_lego_2016">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/awp_lego_2016.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">AWP #36</h3>
                          <div>awp_lego_2016<span class="rd-server-ip"> · 109.195.19.84:27042</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot online"></span>
                          <b>3/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 15%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27042" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27042">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="70" data-ip="109.195.19.84:27042">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row " data-online="4" data-map="de_mirage">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/de_mirage.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">WH+BHOP MIRAGE #37</h3>
                          <div>de_mirage<span class="rd-server-ip"> · 109.195.19.84:27043</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot online"></span>
                          <b>4/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 20%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27043" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27043">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="71" data-ip="109.195.19.84:27043">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="de_mirage">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/de_mirage.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">WH+BHOP MIRAGE #41</h3>
                          <div>de_mirage<span class="rd-server-ip"> · 109.195.19.84:27048</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27048" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27048">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="76" data-ip="109.195.19.84:27048">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row " data-online="2" data-map="awp_lego_2">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/awp_lego_2.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">BHOP AWP #42</h3>
                          <div>awp_lego_2<span class="rd-server-ip"> · 109.195.19.84:27049</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot online"></span>
                          <b>2/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 10%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27049" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27049">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="77" data-ip="109.195.19.84:27049">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="de_mirage">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/de_mirage.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">MIRAGE #43 (БЕЗ VIPОК)</h3>
                          <div>de_mirage<span class="rd-server-ip"> · 109.195.19.84:27050</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27050" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27050">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="78" data-ip="109.195.19.84:27050">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                                    <div class="server-card rd-server-row empty" data-online="0" data-map="de_mirage">
                        <div class="rd-server-thumb">
                          <img src="/static/images/maps/de_mirage.jpg" alt="" loading="lazy">
                        </div>
                        <div class="rd-server-row-main">
                          <h3 class="server-name">MIRAGE #45 (БЕЗ VIPОК)</h3>
                          <div>de_mirage<span class="rd-server-ip"> · 109.195.19.84:27052</span></div>
                        </div>
                        <div class="rd-server-row-online">
                          <span class="rd-dot "></span>
                          <b>0/20</b>
                                                    <div class="rd-progress" aria-hidden="true">
                            <span style="width: 0%; background: #2ec977;"></span>
                          </div>
                        </div>
                        <div class="rd-server-row-actions">
                            <a href="steam://connect/109.195.19.84:27052" class="rd-connect-btn">CONNECT</a>
                            <button type="button" class="rd-icon-btn copy-ip-btn" data-bs-toggle="tooltip" title="Скопировать IP" data-bs-offset="0,10" data-ip="109.195.19.84:27052">
                                <i class="bi bi-clipboard"></i>
                            </button>
                            <button type="button" class="rd-icon-btn" data-bs-toggle="tooltip" title="Игроки на сервере" data-bs-offset="0,10" data-id="80" data-ip="109.195.19.84:27052">
                                <i class="bi bi-graph-up"></i>
                            </button>
                        </div>
                    </div>
                              </div>
            </div>
        </div>
        
        <!-- Дополнительные карточки справа -->
        <aside class="rd-sidebar-stack">

            
          <!-- Публичный чат игроков -->
                        <div class="rd-template-chat">
                <div class="rd-template-chat-head">
                    <div><i class="bi bi-people me-2"></i>Чат игроков</div>
                    <span>LIVE</span>
                </div>
                <div class="rd-template-chat-scroll">
                    <div class="public-chat-box" id="publicChatBox"></div>
                </div>
                <div class="rd-template-chat-compose">
                    <div class="chat-reply-bar" id="chatReplyBar">
                        <span class="chat-reply-cancel" onclick="cancelChatReply()">✕</span>
                        <span id="chatReplyText"></span>
                    </div>
                                        <div class="text-center mt-2" style="font-size: 0.8rem; color: var(--rd-muted);">
                        <a href="/php/modules/login/login.php" class="text-decoration-none" style="color:var(--rd-accent);">
                            <i class="bi bi-steam me-1"></i>Войдите, чтобы писать в чат
                        </a>
                    </div>
                                    </div>
            </div>
            <script>
            var CHAT_LAST_ID  = 5530;
            var CHAT_IS_AUTH  = false;
            var CHAT_GAME     = 'cs2';
                        var CHAT_MY_STAFF = 0;
            var CHAT_INITIAL  = [{"id":"5479","steam_id":"76561199888906243","message":"для рандом ивентов","reply_to_id":null,"created_at":"1780925384","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/9df0aaa36d64c977d0c9e3dde3cb8cb6d4be7b70_medium.jpg","nickname":"✭ⱠØӾØⱫ₳VⱤ✭","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5480","steam_id":"76561199888906243","message":"что с сайтом","reply_to_id":null,"created_at":"1780925389","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/9df0aaa36d64c977d0c9e3dde3cb8cb6d4be7b70_medium.jpg","nickname":"✭ⱠØӾØⱫ₳VⱤ✭","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5481","steam_id":"76561198721992066","message":"пон","reply_to_id":null,"created_at":"1780925393","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/68cb349fd3fdfeb23b850d555d8427546072c65a_medium.jpg","nickname":"боярин.mp4","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5482","steam_id":"76561198721992066","message":"не знаю","reply_to_id":null,"created_at":"1780925398","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/68cb349fd3fdfeb23b850d555d8427546072c65a_medium.jpg","nickname":"боярин.mp4","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5483","steam_id":"76561199888906243","message":"а вот норм","reply_to_id":null,"created_at":"1780925447","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/9df0aaa36d64c977d0c9e3dde3cb8cb6d4be7b70_medium.jpg","nickname":"✭ⱠØӾØⱫ₳VⱤ✭","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5484","steam_id":"76561199848002932","message":"куда убрали функцию где без випок можно галку нажать и пуцстые серваки","reply_to_id":null,"created_at":"1780929562","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/137ee8c94bde3361929d3a027a9ace5cb6011c09_medium.jpg","nickname":"Gaster","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5485","steam_id":"76561198776749975","message":"загораживает. Сервера без випок можно увидеть и так, пустые сервера и так по умолчанию снизу списка","reply_to_id":"5484","created_at":"1780929632","reply_message":"куда убрали функцию где без випок можно галку нажать и пуцстые серваки","reply_steam_id":"76561199848002932","avatar":"https:\/\/avatars.steamstatic.com\/86ae36cbd4f0b28b542fceba7fa4b89016a6d672_medium.jpg","nickname":"koiie","staff_level":6,"nick_gradient":{"from":"#e94560","to":"#4cc9f0"},"icon_file":"icon_76561198776749975_69dd283ad5b52.png","has_icon":true,"reply_nickname":"Gaster","reply_gradient":null},{"id":"5486","steam_id":"76561199848002932","message":"не знаю,мне помогало","reply_to_id":null,"created_at":"1780930029","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/137ee8c94bde3361929d3a027a9ace5cb6011c09_medium.jpg","nickname":"Gaster","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5487","steam_id":"76561198713079026","message":"го на 11 мираж","reply_to_id":null,"created_at":"1780930046","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/fef49e7fa7e1997310d705b2a6158ff8dc1cdfeb_medium.jpg","nickname":"76561198713079026","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5488","steam_id":"76561199848002932","message":"способок 10 не работает на рандом ивентс","reply_to_id":null,"created_at":"1780930228","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/137ee8c94bde3361929d3a027a9ace5cb6011c09_medium.jpg","nickname":"Gaster","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5489","steam_id":"76561198776749975","message":"говори, пожалуйста, по-русски и внятно","reply_to_id":"5488","created_at":"1780930925","reply_message":"способок 10 не работает на рандом ивентс","reply_steam_id":"76561199848002932","avatar":"https:\/\/avatars.steamstatic.com\/86ae36cbd4f0b28b542fceba7fa4b89016a6d672_medium.jpg","nickname":"koiie","staff_level":6,"nick_gradient":{"from":"#e94560","to":"#4cc9f0"},"icon_file":"icon_76561198776749975_69dd283ad5b52.png","has_icon":true,"reply_nickname":"Gaster","reply_gradient":null},{"id":"5490","steam_id":"76561199848002932","message":"около 10 способностей не раюотают на режиме Рандом Ивент","reply_to_id":null,"created_at":"1780931076","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/137ee8c94bde3361929d3a027a9ace5cb6011c09_medium.jpg","nickname":"Gaster","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5491","steam_id":"76561199848002932","message":"работают*","reply_to_id":null,"created_at":"1780931088","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/137ee8c94bde3361929d3a027a9ace5cb6011c09_medium.jpg","nickname":"Gaster","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5492","steam_id":"76561198763279827","message":"газ  в ретейк","reply_to_id":null,"created_at":"1780931135","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/937e45377d48d7e6a291cc9c2b55c517e1964638_medium.jpg","nickname":"пукисигма","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5493","steam_id":"76561198776749975","message":"крутая информация","reply_to_id":"5490","created_at":"1780931149","reply_message":"около 10 способностей не раюотают на режиме Рандом Ивент","reply_steam_id":"76561199848002932","avatar":"https:\/\/avatars.steamstatic.com\/86ae36cbd4f0b28b542fceba7fa4b89016a6d672_medium.jpg","nickname":"koiie","staff_level":6,"nick_gradient":{"from":"#e94560","to":"#4cc9f0"},"icon_file":"icon_76561198776749975_69dd283ad5b52.png","has_icon":true,"reply_nickname":"Gaster","reply_gradient":null},{"id":"5494","steam_id":"76561198763279827","message":"ГАЗ В РЕТЕЙКАЛО ЛЮДИ","reply_to_id":null,"created_at":"1780931522","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/937e45377d48d7e6a291cc9c2b55c517e1964638_medium.jpg","nickname":"пукисигма","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5495","steam_id":"76561198763279827","message":"connect 109.195.19.84:27022","reply_to_id":null,"created_at":"1780931525","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/937e45377d48d7e6a291cc9c2b55c517e1964638_medium.jpg","nickname":"пукисигма","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5496","steam_id":"76561199848002932","message":"Фикситься будет?","reply_to_id":null,"created_at":"1780931612","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/137ee8c94bde3361929d3a027a9ace5cb6011c09_medium.jpg","nickname":"Gaster","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5497","steam_id":"76561198356498049","message":"а че на ретейк так мало играет крутой же режим","reply_to_id":null,"created_at":"1780931626","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/0251535f05777b72f356556f1a924292ef58374d_medium.jpg","nickname":"mon$TeR","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5498","steam_id":"76561198356498049","message":"кто на ретейк","reply_to_id":null,"created_at":"1780931643","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/0251535f05777b72f356556f1a924292ef58374d_medium.jpg","nickname":"mon$TeR","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5500","steam_id":"76561198763279827","message":"заходи","reply_to_id":"5498","created_at":"1780931732","reply_message":"кто на ретейк","reply_steam_id":"76561198356498049","avatar":"https:\/\/avatars.steamstatic.com\/937e45377d48d7e6a291cc9c2b55c517e1964638_medium.jpg","nickname":"пукисигма","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false,"reply_nickname":"mon$TeR","reply_gradient":null},{"id":"5501","steam_id":"76561198763279827","message":"зайдите уже ктото на ретейк","reply_to_id":null,"created_at":"1780931752","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/937e45377d48d7e6a291cc9c2b55c517e1964638_medium.jpg","nickname":"пукисигма","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5502","steam_id":"76561198763279827","message":"я сижу там долго уже","reply_to_id":null,"created_at":"1780931761","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/937e45377d48d7e6a291cc9c2b55c517e1964638_medium.jpg","nickname":"пукисигма","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5503","steam_id":"76561198852842966","message":"это чат игроков, всем пофек","reply_to_id":"5490","created_at":"1780932602","reply_message":"около 10 способностей не раюотают на режиме Рандом Ивент","reply_steam_id":"76561199848002932","avatar":"https:\/\/avatars.steamstatic.com\/56d67f98b9d64b547a0a7e236965b119db28eb54_medium.jpg","nickname":"LACOSTA","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false,"reply_nickname":"Gaster","reply_gradient":null},{"id":"5505","steam_id":"76561199113759047","message":"у меня вчера др был поздравьте","reply_to_id":null,"created_at":"1780938963","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/18ee7d636265164567e206a622e4f2619a8ca77d_medium.jpg","nickname":"РосБезПапы1000-7","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5506","steam_id":"76561199113759047","message":"я теперь большой","reply_to_id":null,"created_at":"1780938968","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/18ee7d636265164567e206a622e4f2619a8ca77d_medium.jpg","nickname":"РосБезПапы1000-7","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5507","steam_id":"76561199846786606","message":"заход на 33","reply_to_id":null,"created_at":"1780939128","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/91a781fe4fc2f2fbbc8a853e58ee41c080b3261f_medium.jpg","nickname":"qawer67s.","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5508","steam_id":"76561199854725419","message":"заходите на ретейк","reply_to_id":null,"created_at":"1780939958","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/acc5cdf908ec7c10862e20e99a116fccade94a8c_medium.jpg","nickname":"Izumi","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5509","steam_id":"76561198023070706","message":"админы существуют вообще?","reply_to_id":null,"created_at":"1780942644","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/b9b3e41aca9c6ed7ce372da0b56a7bdfbe50d385_medium.jpg","nickname":"princess bless me","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5510","steam_id":"76561198776749975","message":"да, а чё","reply_to_id":"5509","created_at":"1780942725","reply_message":"админы существуют вообще?","reply_steam_id":"76561198023070706","avatar":"https:\/\/avatars.steamstatic.com\/86ae36cbd4f0b28b542fceba7fa4b89016a6d672_medium.jpg","nickname":"koiie","staff_level":6,"nick_gradient":{"from":"#e94560","to":"#4cc9f0"},"icon_file":"icon_76561198776749975_69dd283ad5b52.png","has_icon":true,"reply_nickname":"princess bless me","reply_gradient":null},{"id":"5511","steam_id":"76561198776749975","message":"про репорт не слышал, решил игрокам в чат написать?","reply_to_id":null,"created_at":"1780942737","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/86ae36cbd4f0b28b542fceba7fa4b89016a6d672_medium.jpg","nickname":"koiie","staff_level":6,"nick_gradient":{"from":"#e94560","to":"#4cc9f0"},"icon_file":"icon_76561198776749975_69dd283ad5b52.png","has_icon":true},{"id":"5512","steam_id":"76561198717514361","message":"на бхоп 15 тип через стенки наводится на типов админы забаньте пожалуйста","reply_to_id":null,"created_at":"1780942801","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/241378a3ee3b4e6bcdc1e0786184c1fdc1619cdf_medium.jpg","nickname":"Летучий Олень","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5513","steam_id":"76561198731227527","message":"куда нажать что бы использовать скилл?","reply_to_id":null,"created_at":"1780942984","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/503e832a7dfb92dce57a3488c7312343f05640d5_medium.jpg","nickname":"блогiр мiллстрiй","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5514","steam_id":"76561198023070706","message":"ну репорт принимали 5 лет просто, а потом приняли и нихуя","reply_to_id":"5511","created_at":"1780943289","reply_message":"про репорт не слышал, решил игрокам в чат написать?","reply_steam_id":"76561198776749975","avatar":"https:\/\/avatars.steamstatic.com\/b9b3e41aca9c6ed7ce372da0b56a7bdfbe50d385_medium.jpg","nickname":"princess bless me","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false,"reply_nickname":"koiie","reply_gradient":{"from":"#e94560","to":"#4cc9f0"}},{"id":"5515","steam_id":"76561198023070706","message":"я понимаю конечно, что я не один такой умный репорты кидаю, но а зачем принимать тогда, если ты зайти посмотреть не можешь?","reply_to_id":null,"created_at":"1780943370","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/b9b3e41aca9c6ed7ce372da0b56a7bdfbe50d385_medium.jpg","nickname":"princess bless me","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5516","steam_id":"76561198023070706","message":"Итог - читак просто ливнул","reply_to_id":null,"created_at":"1780943536","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/b9b3e41aca9c6ed7ce372da0b56a7bdfbe50d385_medium.jpg","nickname":"princess bless me","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5517","steam_id":"76561198765927621","message":"Типы залетайте на 10","reply_to_id":null,"created_at":"1780945860","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/6223f24b099cb205c7d4c1820186d83623c5881a_medium.jpg","nickname":"乡𝙸 𝙽 𝙵 𝙸 𝙴 𝚁","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5518","steam_id":"76561198765927621","message":"нада хотябы 3 человека зайдите пж на 10","reply_to_id":null,"created_at":"1780945992","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/6223f24b099cb205c7d4c1820186d83623c5881a_medium.jpg","nickname":"乡𝙸 𝙽 𝙵 𝙸 𝙴 𝚁","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5519","steam_id":"76561198776749975","message":"пруфы какие то есть, что администратор не заходил по репорту? Если да, то присылай, если нет - получай наказание за клевету. Или ты думаешь, что после твоего репорта обязательно игрок будет заблокирован?","reply_to_id":"5515","created_at":"1780947028","reply_message":"я понимаю конечно, что я не один такой умный репорты кидаю, но а зачем принимать тогда, если ты зайти посмотреть не можешь?","reply_steam_id":"76561198023070706","avatar":"https:\/\/avatars.steamstatic.com\/86ae36cbd4f0b28b542fceba7fa4b89016a6d672_medium.jpg","nickname":"koiie","staff_level":6,"nick_gradient":{"from":"#e94560","to":"#4cc9f0"},"icon_file":"icon_76561198776749975_69dd283ad5b52.png","has_icon":true,"reply_nickname":"princess bless me","reply_gradient":null},{"id":"5520","steam_id":"76561198703817621","message":"коиие можешь пожалуйста в клан принять ?","reply_to_id":null,"created_at":"1780948842","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/be8db4037afecc95d42cf64d10e7ad966f247c55_medium.jpg","nickname":"can_coco2015 bertik)","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5521","steam_id":"76561198703817621","message":"плис к вам хочу","reply_to_id":null,"created_at":"1780948883","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/be8db4037afecc95d42cf64d10e7ad966f247c55_medium.jpg","nickname":"can_coco2015 bertik)","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5522","steam_id":"76561198703817621","message":"спасибо","reply_to_id":null,"created_at":"1780951420","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/be8db4037afecc95d42cf64d10e7ad966f247c55_medium.jpg","nickname":"can_coco2015 bertik)","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5523","steam_id":"76561199846786606","message":"а чо поч 33 не работает","reply_to_id":null,"created_at":"1780951492","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/91a781fe4fc2f2fbbc8a853e58ee41c080b3261f_medium.jpg","nickname":"qawer67s.","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5524","steam_id":"76561199846786606","message":"или у меня одного такое?","reply_to_id":null,"created_at":"1780951497","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/91a781fe4fc2f2fbbc8a853e58ee41c080b3261f_medium.jpg","nickname":"qawer67s.","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5525","steam_id":"76561198818814545","message":"гайс на 2 авп сервере читак, админы, забанте пж","reply_to_id":null,"created_at":"1780958969","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/fef49e7fa7e1997310d705b2a6158ff8dc1cdfeb_medium.jpg","nickname":"дядька","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5526","steam_id":"76561198692846197","message":"лллллллл\\","reply_to_id":null,"created_at":"1780975665","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/87d58d4b55350985345fc384457b69f1ac6910f5_medium.jpg","nickname":"ДЕТИ 00","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5527","steam_id":"76561198689656258","message":"'","reply_to_id":null,"created_at":"1780975700","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/caecc4b7f189fa2bfc4ea13f4ea8f8ed1c32b123_medium.jpg","nickname":"volir","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5528","steam_id":"76561199688727090","message":"https:\/\/steamcommunity.com\/profiles\/76561199706510141\/         фейк не орех","reply_to_id":null,"created_at":"1780985227","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/c99f04fd96dbdb8eb7f250381c05a7c4ebb8d85b_medium.jpg","nickname":"STOЯKOVSKI | ?","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5529","steam_id":"76561198875477184","message":"замутте чела на 37","reply_to_id":null,"created_at":"1780985871","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/83a87b32383c16c7dfce0432ccbd2fcf7edad9e3_medium.jpg","nickname":"S-Rank","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false},{"id":"5530","steam_id":"76561198792591238","message":"зайдите на 11 паблик","reply_to_id":null,"created_at":"1780987663","reply_message":null,"reply_steam_id":null,"avatar":"https:\/\/avatars.steamstatic.com\/3163d9e9c82e2e4814c618fec4129393c673d4b2_medium.jpg","nickname":"sike","staff_level":0,"nick_gradient":null,"icon_file":null,"has_icon":false}];
            </script>

          <!-- Карточка фильтров -->
          <!--
            <div class="rd-sort-filter">
                <div class="rd-sort-filter-title">СОРТИРОВКА</div>
                <div class="rd-sort-filter-actions">
                    <button type="button" onclick="$('#sortByName').trigger('click')">По названию</button>
                    <button type="button" onclick="$('#sortByOnline').trigger('click')">По онлайну</button>
                </div>
                <label class="rd-check-row">
                    <input type="checkbox" id="hideEmptyServers">
                    <span></span>
                    Скрыть пустые серверы
                </label>
                <label class="rd-check-row">
                    <input type="checkbox" id="hideVipServers">
                    <span></span>
                    Скрыть сервера с VIP/PREMIUM
                </label>
            </div>
            -->
                
          
            <!--<div class="card mb-3" style="background-color: #2b3a4e; color: white; border: none;">
                      <div class="card-body">
                          <h5 class="card-title text-center" style="font-size: 1.5rem; font-weight: bold;">
                              Промокод на VIP/PREMIUM (-50%)
                          </h5>
                          
                          <div class="d-flex justify-content-center">
                              <div class="input-group mb-3" style="margin-top: 1rem;">
                                <input type="text" class="form-control" value="REMONT" disabled>
                              </div>
                          </div>
                          <p class="text-center" style="margin-top: 0.5rem; font-size: 0.9rem;">Промокод действителен до окончания тех. работ</p>
                      </div>
                     
              </div>-->
          
                          <div class="rd-donate-widget">
                <div class="rd-donate-card">
                    <div class="rd-donate-title"><span>❤️</span>Поддержать проект</div>
                    <div class="rd-donate-label">Цель: <strong>Оплата серверов без VIPок на год</strong></div>
                    <div class="rd-donate-row">
                      <b>3 896 ₽</b>
                      <span>из 60 000 ₽</span>
                    </div>
                    <div class="rd-donate-progress">
                      <span style="width: 6.4933333333333%;"></span>
                    </div>
                    <div class="rd-donate-percent">6% собрано</div>
                    <form action="" method="POST">
                      <div class="rd-donate-quick">
                        <button type="button" data-donate-amount="100">100₽</button>
                        <button type="button" data-donate-amount="300">300₽</button>
                        <button type="button" data-donate-amount="500">500₽</button>
                      </div>
                      <div class="rd-donate-input-wrap">
                        <input type="number" id="inputSummDonate" name="inputSummDonate" placeholder="Своя сумма..." min="10">
                        <span>₽</span>
                      </div>
                      <button type="submit" class="rd-donate-submit" name="donate">ПОДДЕРЖАТЬ</button>
                    </form>
                </div>

                <div class="rd-donors-card">
                    <div class="rd-donors-title">Топ-донатеров</div>
                    <div class="rd-donate-top">
                                                  <div class="rd-donor-row">
                            <div style="color: #f4a633; font-family: var(--rd-font-head); font-weight: 700;">#1</div>
                            <div class="steam-info">
                                                              <a href="/player/76561199096553214" style="display:inline-flex;align-items:center;gap:6px;color: #f4a633;"><img src="https://avatars.steamstatic.com/7e55037ba9af7a6fc98277268d90ef5093e9049a_medium.jpg" class="avatar-image" loading="lazy"><span><span style="background:linear-gradient(90deg,#fa002a,#5c0000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;">Судья Дредд</span><img src="/static/images/profiles/icons/icon_76561199096553214_f911f1f80a635eee.png" class="profile-name-icon" style="width:20px;height:20px;object-fit:cover;border-radius:3px;vertical-align:middle;margin-left:4px;" alt=""></span></a>                                                          </div>
                            <div>3000 руб.</div>
                          </div>
                                                    <div class="rd-donor-row">
                            <div style="color: #E3E3E3; font-family: var(--rd-font-head); font-weight: 700;">#2</div>
                            <div class="steam-info">
                                                              <a href="/player/76561199133506161" style="display:inline-flex;align-items:center;gap:6px;color: #E3E3E3;"><img src="https://avatars.steamstatic.com/625dcc265a1f95376114639dda94e593a61982d4_medium.jpg" class="avatar-image" loading="lazy"><span>попадунья</span></a>                                                          </div>
                            <div>200 руб.</div>
                          </div>
                                                    <div class="rd-donor-row">
                            <div style="color: #b9723b; font-family: var(--rd-font-head); font-weight: 700;">#3</div>
                            <div class="steam-info">
                                                              <a href="/player/76561199683037506" style="display:inline-flex;align-items:center;gap:6px;color: #b9723b;"><img src="https://avatars.steamstatic.com/3d7f64ba8ae8667980227750778bb6c5f76f461a_medium.jpg" class="avatar-image" loading="lazy"><span>[ww]Dam1k</span></a>                                                          </div>
                            <div>101 руб.</div>
                          </div>
                                                    <div class="rd-donor-row">
                            <div style="color: #bdbcbc; font-family: var(--rd-font-head); font-weight: 700;">#4</div>
                            <div class="steam-info">
                                                              <a href="/player/76561198987628298" style="display:inline-flex;align-items:center;gap:6px;color: #bdbcbc;"><img src="https://avatars.steamstatic.com/4ab3db0761bdfb0b02c32de00e0924e1270cf81a_medium.jpg" class="avatar-image" loading="lazy"><span>Mamorthcik</span></a>                                                          </div>
                            <div>100 руб.</div>
                          </div>
                                                    <div class="rd-donor-row">
                            <div style="color: #bdbcbc; font-family: var(--rd-font-head); font-weight: 700;">#5</div>
                            <div class="steam-info">
                                                              <a href="/player/76561199488982659" style="display:inline-flex;align-items:center;gap:6px;color: #bdbcbc;"><img src="https://avatars.steamstatic.com/2326bed3bb70a1cb8b9ea059727d1aca3eb7f377_medium.jpg" class="avatar-image" loading="lazy"><span><span style="background:linear-gradient(90deg,#ffff00,#0000ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;">❤︎𝙎𝙩𝙞𝙩𝙘𝙝</span></span></a>                                                          </div>
                            <div>100 руб.</div>
                          </div>
                                              </div>
                                          <p class="text-center" style="margin-top: 0.8rem; font-size: 0.9rem;"><button class="rd-btn rd-btn-outline" type="button" data-bs-toggle="modal" data-bs-target="#topDonatorsModal">Все донатеры</button></p>
                                    </div>
              </div>
              </div>
            </aside>
            <div class="modal fade" id="topDonatorsModal" tabindex="-1" aria-labelledby="topDonatorsModalLabel" aria-hidden="true">
              <div class="modal-dialog">
                <div class="modal-content">
                  <div class="modal-header">
                    <h1 class="modal-title fs-5" id="topDonatorsModalLabel">Топ-донатеров</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
                  </div>
                  <div class="modal-body">
                    <table class="table">
                      <tbody>
                                                  <tr>
                            <th scope="row" style="color: #f4a633">1</th>
                            <td>
                            <div class="steam-info">
                                                              <a href="/player/76561199096553214" style="display:inline-flex;align-items:center;gap:6px;color: #f4a633;"><img src="https://avatars.steamstatic.com/7e55037ba9af7a6fc98277268d90ef5093e9049a_medium.jpg" class="avatar-image" loading="lazy"><span><span style="background:linear-gradient(90deg,#fa002a,#5c0000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;">Судья Дредд</span><img src="/static/images/profiles/icons/icon_76561199096553214_f911f1f80a635eee.png" class="profile-name-icon" style="width:20px;height:20px;object-fit:cover;border-radius:3px;vertical-align:middle;margin-left:4px;" alt=""></span></a>                                                          </div>
                            </td>
                            <td>3000 руб.</td>
                          </tr>
                                                    <tr>
                            <th scope="row" style="color: #E3E3E3">2</th>
                            <td>
                            <div class="steam-info">
                                                              <a href="/player/76561199133506161" style="display:inline-flex;align-items:center;gap:6px;color: #E3E3E3;"><img src="https://avatars.steamstatic.com/625dcc265a1f95376114639dda94e593a61982d4_medium.jpg" class="avatar-image" loading="lazy"><span>попадунья</span></a>                                                          </div>
                            </td>
                            <td>200 руб.</td>
                          </tr>
                                                    <tr>
                            <th scope="row" style="color: #b9723b">3</th>
                            <td>
                            <div class="steam-info">
                                                              <a href="/player/76561199683037506" style="display:inline-flex;align-items:center;gap:6px;color: #b9723b;"><img src="https://avatars.steamstatic.com/3d7f64ba8ae8667980227750778bb6c5f76f461a_medium.jpg" class="avatar-image" loading="lazy"><span>[ww]Dam1k</span></a>                                                          </div>
                            </td>
                            <td>101 руб.</td>
                          </tr>
                                                    <tr>
                            <th scope="row" style="color: #bdbcbc">4</th>
                            <td>
                            <div class="steam-info">
                                                              <a href="/player/76561198987628298" style="display:inline-flex;align-items:center;gap:6px;color: #bdbcbc;"><img src="https://avatars.steamstatic.com/4ab3db0761bdfb0b02c32de00e0924e1270cf81a_medium.jpg" class="avatar-image" loading="lazy"><span>Mamorthcik</span></a>                                                          </div>
                            </td>
                            <td>100 руб.</td>
                          </tr>
                                                    <tr>
                            <th scope="row" style="color: #bdbcbc">5</th>
                            <td>
                            <div class="steam-info">
                                                              <a href="/player/76561199488982659" style="display:inline-flex;align-items:center;gap:6px;color: #bdbcbc;"><img src="https://avatars.steamstatic.com/2326bed3bb70a1cb8b9ea059727d1aca3eb7f377_medium.jpg" class="avatar-image" loading="lazy"><span><span style="background:linear-gradient(90deg,#ffff00,#0000ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;">❤︎𝙎𝙩𝙞𝙩𝙘𝙝</span></span></a>                                                          </div>
                            </td>
                            <td>100 руб.</td>
                          </tr>
                                                </tbody>
                    </table>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
                  </div>
                </div>
              </div>

      </div>


    </div>
</div>
</div>

<script>


function copyToClipboard(ip) {
    navigator.clipboard.writeText(ip).then(() => {
        //alert('IP адрес скопирован в буфер обмена');
    }).catch(err => {
        console.error('Ошибка копирования IP', err);
    });
}

document.addEventListener('DOMContentLoaded', function () {
    const countdowns = [
        document.getElementById('duelsCountdown'),
        document.getElementById('retakeCountdown')
    ].filter(Boolean);
    if (!countdowns.length) return;

    const deadline = new Date('2026-06-09T23:59:00+04:00').getTime();

    function pad(value) {
        return String(value).padStart(2, '0');
    }

    function renderDuelsCountdown() {
        const diff = deadline - Date.now();
        if (diff <= 0) {
            countdowns.forEach(function (countdown) {
                countdown.textContent = 'тест завершён';
            });
            return;
        }

        const totalSeconds = Math.floor(diff / 1000);
        const days = Math.floor(totalSeconds / 86400);
        const hours = Math.floor((totalSeconds % 86400) / 3600);
        const minutes = Math.floor((totalSeconds % 3600) / 60);
        const seconds = totalSeconds % 60;

        const value = (days > 0 ? days + ' д. ' : '') + pad(hours) + ':' + pad(minutes) + ':' + pad(seconds);
        countdowns.forEach(function (countdown) {
            countdown.textContent = value;
        });
    }

    renderDuelsCountdown();
    setInterval(renderDuelsCountdown, 1000);
});

// Инициализация Bootstrap тултипов
document.addEventListener('DOMContentLoaded', function () {
    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
    tooltipTriggerList.map(function (tooltipTriggerEl) {
        new bootstrap.Tooltip(tooltipTriggerEl);
    });
});


document.addEventListener('DOMContentLoaded', function() {
    const activatePromoForm = document.getElementById('activatePromoForm');
    
    if (activatePromoForm) {
        activatePromoForm.addEventListener('submit', function(e) {
            e.preventDefault();
            
            const promoCodeInput = document.getElementById('friendPromoCode');
            const promoCode = promoCodeInput.value.trim();
            
            // Валидация промокода
            if (!promoCode) {
                showActivateAlert('Введите промокод', 'danger');
                return;
            }
            
            if (!/^[a-zA-Z0-9]+$/.test(promoCode)) {
                showActivateAlert('Промокод должен содержать только латинские буквы и цифры', 'danger');
                return;
            }
            
            // Отправка данных на сервер
            activatePromoCode(promoCode);
        });
    }
});

function activatePromoCode(promoCode) {
    // Показываем индикатор загрузки
    const submitButton = document.querySelector('#activatePromoForm button[type="submit"]');
    const originalText = submitButton.textContent;
    submitButton.textContent = 'Активация...';
    submitButton.disabled = true;
    
    // Создаем FormData для отправки
    const formData = new FormData();
    formData.append('promo_code', promoCode);
    formData.append('action', 'activate_promo');
    
    fetch('/php/modules/partners/promo_handler.php', {
        method: 'POST',
        body: formData,
        headers: {
            'X-Requested-With': 'XMLHttpRequest'
        }
    })
    .then(response => {
        if (!response.ok) {
            throw new Error('Network response was not ok');
        }
        return response.json();
    })
    .then(data => {
        if (data.success) {
            showActivateAlert(data.message, 'success');
            // Очищаем поле ввода после успешной активации
            document.getElementById('friendPromoCode').value = '';
        } else {
            showActivateAlert(data.message, 'danger');
        }
    })
    .catch(error => {
        console.error('Error:', error);
        showActivateAlert('Произошла ошибка при активации промокода', 'danger');
    })
    .finally(() => {
        // Восстанавливаем кнопку
        submitButton.textContent = originalText;
        submitButton.disabled = false;
    });
}

function showActivateAlert(message, type) {
    // Удаляем существующие алерты
    const existingAlert = document.querySelector('#activatePromoForm .alert');
    if (existingAlert) {
        existingAlert.remove();
    }
    
    // Создаем новый алерт
    const alert = document.createElement('div');
    alert.className = `alert alert-${type} alert-dismissible fade show mt-3`;
    alert.innerHTML = `
        ${message}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    `;
    
    // Вставляем после формы
    const activateForm = document.getElementById('activatePromoForm');
    activateForm.parentNode.insertBefore(alert, activateForm.nextSibling);
    
    // Автоматически скрываем через 5 секунд
    setTimeout(() => {
        if (alert.parentNode) {
            alert.remove();
        }
    }, 5000);
}

// Скрытие уведомления об объявлении
function hideAnnouncementNotification(clanId) {
    const csrfToken = sessionStorage.getItem('csrf_token') || generateCSRFToken();
    
    // Сразу скрываем alert визуально через Bootstrap
    const alertElement = document.querySelector('#clanAnnouncementAlert .alert');
    if(alertElement) {
        const bsAlert = new bootstrap.Alert(alertElement);
        bsAlert.close();
    }
    
    // Отправляем запрос на скрытие уведомления
    const formData = new FormData();
    formData.append('clan_id', clanId);
    formData.append('csrf_token', csrfToken);
    
    fetch('/php/modules/clans/hide_announcement.php', {
        method: 'POST',
        body: formData,
        credentials: 'same-origin'
    })
    .then(response => response.json())
    .then(data => {
        if(!data.success) {
            console.error('Error hiding announcement:', data.message);
            // Если ошибка, можно показать сообщение
            showAlert('Ошибка при скрытии уведомления', 'danger');
        }
    })
    .catch(error => {
        console.error('Error:', error);
        showAlert('Произошла ошибка', 'danger');
    });
}

// Обработчик события закрытия alert (на случай, если закрыли через крестик без клика)
document.addEventListener('DOMContentLoaded', function() {
    const announcementAlert = document.getElementById('clanAnnouncementAlert');
    if(announcementAlert) {
        const alertElement = announcementAlert.querySelector('.alert');
        if(alertElement) {
            alertElement.addEventListener('closed.bs.alert', function() {
                // Удаляем элемент из DOM после анимации
                setTimeout(() => {
                    if(announcementAlert.parentNode) {
                        announcementAlert.remove();
                    }
                }, 300);
            });
        }
    }
});
</script>


<script>
// --- ПУБЛИЧНЫЙ ЧАТ ИГРОКОВ ---
(function () {
    var replyToId = null;

    function esc(s) {
        return String(s || '')
            .replace(/&/g, '&amp;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;')
            .replace(/"/g, '&quot;');
    }

    var STAFF_BADGES = {2: 'ADM', 3: 'MOD', 4: 'CUR', 5: 'ЗАМ', 6: 'ОСН', 7: 'ПИДР'};
    var STAFF_COLORS = {2: '#5865f2', 3: '#57f287', 4: '#fee75c', 5: '#eb459e', 6: '#ed4245', 7: '#5865f2'};

    function renderNickHtml(nickname, gradient) {
        if (gradient && gradient.from && gradient.to) {
            return '<span style="background:linear-gradient(135deg,' + esc(gradient.from) + ',' + esc(gradient.to) + ');-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;">' + esc(nickname) + '</span>';
        }
        return esc(nickname);
    }

    function renderIconHtml(hasIcon, iconFile) {
        if (!hasIcon || !iconFile) return '';
        return '<img src="/static/images/profiles/icons/' + esc(iconFile) + '" class="profile-name-icon" style="width:20px;height:20px;object-fit:cover;border-radius:3px;vertical-align:middle;margin-left:4px;" alt="">';
    }

    function renderMsg(m) {
        var nickHtml = renderNickHtml(m.nickname || '', m.nick_gradient);
        var iconHtml = renderIconHtml(m.has_icon, m.icon_file);

        var replyHtml = '';
        if (m.reply_to_id && m.reply_message) {
            var replyNick = renderNickHtml(m.reply_nickname || '', m.reply_gradient);
            replyHtml = '<div class="chat-reply-preview"><b>' + replyNick + ':</b> ' +
                esc(String(m.reply_message).substring(0, 80)) +
                '</div>';
        }
        var time = new Date(m.created_at * 1000)
            .toLocaleTimeString('ru-RU', { hour: '2-digit', minute: '2-digit' });
        var steamUrl = '/player/' + esc(m.steam_id);

        var badgeHtml = '';
        var lvl = m.staff_level || 0;
        if (lvl >= 2) {
            var label = STAFF_BADGES[lvl] || 'STF';
            var color = STAFF_COLORS[lvl] || '#adb5bd';
            badgeHtml = ' <span style="font-size:0.6rem;font-weight:700;padding:1px 4px;border-radius:3px;' +
                'background:' + color + ';color:#fff;vertical-align:middle;line-height:1.4;">' +
                label + '</span>';
        }

        var replyBtnHtml = '';
        if (typeof CHAT_IS_AUTH !== 'undefined' && CHAT_IS_AUTH) {
            replyBtnHtml = '<button class="chat-reply-btn"' +
                ' data-id="' + m.id + '"' +
                ' data-nick="' + esc(String(m.nickname || '').substring(0, 50)) + '"' +
                ' data-text="' + esc(String(m.message  || '').substring(0, 50)) + '"' +
                ' onclick="startChatReply(+this.dataset.id, this.dataset.nick, this.dataset.text)">' +
                '<i class="bi bi-reply"></i> Ответить</button>';
        }

        var deleteBtnHtml = '';
        if (typeof CHAT_MY_STAFF !== 'undefined' && CHAT_MY_STAFF >= 3) {
            deleteBtnHtml = '<button class="chat-reply-btn" style="color:#dc3545;" onclick="deleteChatMsg(' + m.id + ')">' +
                '<i class="bi bi-trash"></i></button>';
        }

        return '<div class="chat-msg" id="chat-msg-' + m.id + '">' +
            '<a href="' + steamUrl + '" target="_blank" rel="noopener">' +
            '<img class="chat-avatar" src="' + esc(m.avatar) + '" alt="" loading="lazy">' +
            '</a>' +
            '<div class="chat-body">' +
            '<a href="' + steamUrl + '" target="_blank" rel="noopener" class="chat-nickname">' +
            nickHtml + '</a>' + iconHtml + badgeHtml +
            replyHtml +
            '<div class="chat-text">' + esc(m.message) + '</div>' +
            '<div class="chat-meta"><span>' + time + '</span>' + replyBtnHtml + deleteBtnHtml + '</div>' +
            '</div></div>';
    }

    function appendMessages(msgs) {
        var box = document.getElementById('publicChatBox');
        if (!box) return;
        var atBottom = box.scrollHeight - box.scrollTop - box.clientHeight < 80;
        msgs.forEach(function (m) {
            if (!document.getElementById('chat-msg-' + m.id)) {
                box.insertAdjacentHTML('beforeend', renderMsg(m));
            }
        });
        if (atBottom) box.scrollTop = box.scrollHeight;
    }

    // Начальная отрисовка
    if (typeof CHAT_INITIAL !== 'undefined') {
        appendMessages(CHAT_INITIAL);
        var _chatBox = document.getElementById('publicChatBox');
        if (_chatBox) requestAnimationFrame(function() { _chatBox.scrollTop = _chatBox.scrollHeight; });
    }

    // SSE ОТКЛЮЧЁН — убивает сервер (держит все Apache worker'ы)
    /*
    function startSSE() {
        var src = new EventSource('/php/modules/chat/sse.php?since=' + CHAT_LAST_ID + '&game=' + encodeURIComponent(CHAT_GAME));
        src.onmessage = function (e) {
            try {
                var data = JSON.parse(e.data);
                if (data.type === 'messages' && data.messages && data.messages.length) {
                    CHAT_LAST_ID = data.last_id;
                    appendMessages(data.messages);
                }
            } catch (err) {}
        };
        src.onerror = function () {
            src.close();
            setTimeout(startSSE, 3000);
        };
    }
    startSSE();
    */
    
    // Простой polling вместо SSE — запрос раз в 3 секунды
    setInterval(function() {
        if (!window._chatLoading && CHAT_LAST_ID) {
            window._chatLoading = true;
            fetch('/php/modules/chat/get_new.php?since=' + CHAT_LAST_ID + '&game=' + encodeURIComponent(CHAT_GAME))
                .then(r => r.json())
                .then(data => {
                    if (data.messages && data.messages.length) {
                        CHAT_LAST_ID = data.last_id;
                        appendMessages(data.messages);
                    }
                    window._chatLoading = false;
                })
                .catch(() => { window._chatLoading = false; });
        }
    }, 3000);

    // Отправить сообщение
    window.sendChatMessage = function () {
        var input = document.getElementById('chatInput');
        if (!input) return;
        var msg = input.value.trim();
        if (!msg) return;
        var btn = document.getElementById('chatSendBtn');
        if (btn) btn.disabled = true;

        var fd = new FormData();
        fd.append('csrf_token', typeof CHAT_CSRF !== 'undefined' ? CHAT_CSRF : '');
        fd.append('message', msg);
        if (replyToId !== null) fd.append('reply_to_id', replyToId);

        fetch('/php/modules/chat/send.php', { method: 'POST', body: fd })
            .then(function (r) { return r.json(); })
            .then(function (r) {
                if (r.success) {
                    input.value = '';
                    var cnt = document.getElementById('chatCharCount');
                    if (cnt) cnt.textContent = '0';
                    cancelChatReply();
                    // Немедленно подгружаем своё сообщение
                    fetch('/php/modules/chat/get_new.php?since=' + CHAT_LAST_ID + '&game=' + encodeURIComponent(CHAT_GAME))
                        .then(function(r2) { return r2.json(); })
                        .then(function(d2) {
                            if (d2.messages && d2.messages.length) {
                                CHAT_LAST_ID = d2.last_id;
                                appendMessages(d2.messages);
                            }
                        });
                } else {
                    alert(r.message || 'Ошибка');
                }
            })
            .catch(function () { alert('Ошибка сети'); })
            .finally(function () { if (btn) btn.disabled = false; });
    };

    window.startChatReply = function (id, nick, text) {
        replyToId = id;
        var bar = document.getElementById('chatReplyBar');
        var txt = document.getElementById('chatReplyText');
        if (bar) bar.style.display = 'block';
        if (txt) txt.textContent = 'Ответ → ' + nick + ': ' + text;
        var input = document.getElementById('chatInput');
        if (input) input.focus();
    };

    window.cancelChatReply = function () {
        replyToId = null;
        var bar = document.getElementById('chatReplyBar');
        if (bar) bar.style.display = 'none';
    };

    window.deleteChatMsg = function (id) {
        if (!confirm('Удалить сообщение?')) return;
        var fd = new FormData();
        fd.append('csrf_token', typeof CHAT_CSRF !== 'undefined' ? CHAT_CSRF : '');
        fd.append('msg_id', id);
        fetch('/php/modules/chat/delete.php', { method: 'POST', body: fd })
            .then(function (r) { return r.json(); })
            .then(function (r) {
                if (r.success) {
                    var el = document.getElementById('chat-msg-' + id);
                    if (el) el.remove();
                } else {
                    alert(r.message || 'Ошибка');
                }
            })
            .catch(function () { alert('Ошибка сети'); });
    };

    // Счётчик символов и Enter для отправки
    var chatInput = document.getElementById('chatInput');
    if (chatInput) {
        chatInput.addEventListener('input', function () {
            var cnt = document.getElementById('chatCharCount');
            if (cnt) cnt.textContent = this.value.length;
        });
        chatInput.addEventListener('keydown', function (e) {
            if (e.key === 'Enter' && !e.shiftKey) {
                e.preventDefault();
                sendChatMessage();
            }
        });
    }
})();
</script>

        <footer class="rd-app-footer">
          <div class="rd-footer-legal">
            <div>&copy; 2022-2026 Чиловый проект. Gen: 0.01 s.</div>
            <div>ИП Каплин Александр Николаевич · ИНН 641001616170</div>
            <div>ОГРНИП: 324645700080304</div>
          </div>
          <div class="rd-footer-links">
            <a href="/terms" class="rd-footer-link">Лицензионное соглашение</a>
            <a href="/privacy" class="rd-footer-link">Политика ПД</a>
            <a href="/privacy-consent" class="rd-footer-link">Согласие на ПД</a>
          </div>
          <div class="rd-footer-socials">
            <a href="https://t.me/dev_blog_4ill" class="rd-social-link rd-social-link--telegram" aria-label="Telegram">
              <i class="bi bi-telegram" aria-hidden="true"></i>
            </a>
            <a href="https://vk.com/4ill_ru" class="rd-social-link rd-social-link--vk" aria-label="VK">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 363.301 363.301" aria-hidden="true">
                <path fill="currentColor" d="M347.506,240.442c-7.91-9.495-16.899-18.005-25.592-26.235c-3.091-2.927-6.287-5.953-9.368-8.962 c-8.845-8.648-9.167-11.897-2.164-21.72c4.845-6.771,9.982-13.551,14.95-20.108c4.506-5.949,9.166-12.101,13.632-18.273l0.917-1.269 c8.536-11.811,17.364-24.024,22.062-38.757c1.22-3.887,2.501-9.607-0.428-14.39c-2.927-4.779-8.605-6.237-12.622-6.918 c-1.987-0.337-3.96-0.383-5.791-0.383l-55.901-0.04l-0.462-0.004c-8.452,0-14.148,3.983-17.412,12.178 c-3.116,7.83-6.539,16.168-10.445,24.096c-7.773,15.787-17.645,33.97-31.93,49.135l-0.604,0.645 c-1.687,1.813-3.598,3.866-4.995,3.866c-0.214,0-0.447-0.041-0.711-0.124c-2.959-1.153-4.945-8.316-4.855-11.648 c0.001-0.046,0.002-0.092,0.002-0.138l-0.039-64.61c0-0.224-0.016-0.446-0.045-0.668c-1.422-10.503-4.572-17.041-16.474-19.372 c-0.316-0.063-0.639-0.094-0.961-0.094h-58.126c-9.47,0-14.688,3.849-19.593,9.61c-1.324,1.54-4.08,4.746-2.714,8.635 c1.386,3.947,5.885,4.791,7.35,5.065c7.272,1.384,11.371,5.832,12.532,13.604c2.027,13.496,2.276,27.901,0.784,45.334 c-0.416,4.845-1.239,8.587-2.595,11.784c-0.315,0.746-1.432,3.181-2.571,3.182c-0.362,0-1.409-0.142-3.316-1.456 c-4.509-3.089-7.808-7.497-11.654-12.942c-13.084-18.491-24.065-38.861-33.575-62.288c-3.527-8.624-10.114-13.452-18.556-13.594 c-9.276-0.141-17.686-0.209-25.707-0.209c-8.764,0-16.889,0.081-24.823,0.246C8.914,83.74,4.216,85.776,1.744,89.676 c-2.476,3.903-2.315,9.03,0.479,15.236c22.366,49.723,42.645,85.876,65.755,117.228c16.193,21.938,32.435,37.123,51.109,47.784 c19.674,11.255,41.722,16.727,67.402,16.727c2.911,0,5.921-0.071,8.956-0.213c14.922-0.727,20.458-6.128,21.158-20.657 c0.333-7.425,1.145-15.212,4.795-21.853c2.304-4.184,4.452-4.184,5.158-4.184c1.36,0,3.046,0.626,4.857,1.799 c3.248,2.12,6.033,4.96,8.316,7.441c2.149,2.357,4.274,4.738,6.401,7.12c4.59,5.141,9.336,10.456,14.294,15.497 c10.852,11.041,22.807,15.897,36.538,14.843h51.252c0.109,0,0.219-0.004,0.328-0.011c5.107-0.337,9.53-3.17,12.135-7.772 c3.227-5.701,3.162-12.974-0.174-19.46C356.718,251.867,351.808,245.601,347.506,240.442z"/>
              </svg>
            </a>
            <a href="https://discord.gg/gQfwJGZMhq" class="rd-social-link rd-social-link--discord" aria-label="Discord">
              <svg class="rd-social-icon-discord" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" aria-hidden="true">
                <path fill="currentColor" d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.008.051.051 0 0 0-.053.025c-.141.25-.297.577-.406.836a12.19 12.19 0 0 0-3.658 0 8.958 8.958 0 0 0-.412-.836.052.052 0 0 0-.052-.025c-1.125.19-2.22.53-3.257 1.008a.05.05 0 0 0-.024.017C.533 5.807-.32 8.64.099 11.44a.05.05 0 0 0 .02.032 13.37 13.37 0 0 0 4.001 2.03.051.051 0 0 0 .056-.017q.463-.63.813-1.307a.051.051 0 0 0-.01-.061 8.623 8.623 0 0 1-1.245-.6.05.05 0 0 1-.006-.084q.125-.092.244-.19a.05.05 0 0 1 .052-.007c2.619 1.196 5.454 1.196 8.042 0a.05.05 0 0 1 .053.006q.119.1.245.191a.05.05 0 0 1-.005.084 8.49 8.49 0 0 1-1.246.599.051.051 0 0 0-.01.061q.36.675.812 1.307a.051.051 0 0 0 .056.017 13.334 13.334 0 0 0 4.002-2.03.05.05 0 0 0 .02-.032c.5-3.24-.838-6.05-2.625-8.516a.041.041 0 0 0-.024-.016M5.255 9.976c-.785 0-1.43-.721-1.43-1.605 0-.885.63-1.606 1.43-1.606.807 0 1.44.728 1.43 1.606 0 .884-.63 1.605-1.43 1.605m5.49 0c-.785 0-1.43-.721-1.43-1.605 0-.885.63-1.606 1.43-1.606.807 0 1.44.728 1.43 1.606 0 .884-.623 1.605-1.43 1.605"/>
              </svg>
            </a>
          </div>
        </footer>
      </div>
    </main>
  </body>
</html>
