PageSourceSearch

https://vanillasquad.com/

html vanillasquad.com collected 2026-10-05 03:40:39 UTC 639,385 bytes, 7,932 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ru">
3<head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6    <meta name="description" content="Ванильный сервер Minecraft без приватов и донатных преимуществ. Честное выживание, голосовой чат, экономика и активное сообщество с 2019 года.">
7    <meta name="theme-color" content="#ff70bb">
8    <meta name="author" content="Azuriom, BADVS">
9
10    <meta property="og:title" content="MineCraft: Играй на ванильном сервере VanillaSquad | 24/7 | На ПК">
11    <meta property="og:type" content="website">
12    <meta property="og:url" content="https://vanillasquad.com">
13    <meta property="og:image" content="https://vanillasquad.com/storage/img/logohigh.svg">
14    <meta property="og:description" content="Ванильный сервер Minecraft без приватов и донатных преимуществ. Честное выживание, голосовой чат, экономика и активное сообщество с 2019 года.">
15    <meta property="og:site_name" content="VanillaSquad">
16    
16<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","name":"VanillaSquad","description":"Это приватный сервер Minecraft с ванильным выживанием. Открытый мир, самописные плагины, голосовой чат и золотое сообщество. Никаких донатов, экономики или телепортаций — только чистый геймплей, творчество и стабильность с 2019 года!","url":"https://vanillasquad.com"},{"@type":"Organization","name":"VanillaSquad","url":"https://vanillasquad.com","logo":"https://vanillasquad.com/storage/img/logo.webp","sameAs":["https://discord.gg/vanillasquad","https://www.youtube.com/@vanillasquadcom","https://t.me/vanillasquadcom","https://www.tiktok.com/@vanillasquad.com","https://www.twitch.tv/vanillasquadcom"]}]}</script>
16
17
18    <link rel="canonical" href="https://vanillasquad.com">
19    <meta name="keywords" content="ванильный Майнкрафт, приватный сервер, выживание, самописные плагины, голосовой чат, без доната, Minecraft СНГ, стабильный сервер">
20
21    <!-- CSRF Token -->
22    <meta name="csrf-token" content="AnPKW7Z1th1lUGGIKkwXn0n46yb5p3yHkrLdIqcE">
23
24    <title>MineCraft: Играй на ванильном сервере VanillaSquad | 24/7 | На ПК | VanillaSquad</title>
25
26    <!-- Favicon -->
27    <link rel="shortcut icon" href="https://vanillasquad.com/storage/img/logohigh.svg">
28    <link rel="preload" as="image" href="https://vanillasquad.com/storage/img/mpcetq7jxvyloc4.png" fetchpriority="high">
29
30    <!-- Scripts -->
31    
31<script src="https://vanillasquad.com/assets/vendor/bootstrap/js/bootstrap.bundle.min.js?v1.2.13" defer></script>
31
32    
32<script src="https://vanillasquad.com/assets/vendor/axios/axios.min.js?v1.2.13" defer></script>
32
33    
33<script src="https://vanillasquad.com/assets/js/script.js?v1.2.13" defer></script>
33
34    
35    
36    
37    
38    
39    
40    
41    
42    
43    
44    
45    
46        
47    <!-- React.js -->
48    
49    <!-- Page level scripts --><!-- Production -->
50    
50<script src="https://unpkg.com/@popperjs/core@2" defer></script>
50
51    
51<script src="https://vanillasquad.com/assets/themes/apex/js/app.js?v1.2.13" defer></script>
51
52
53
54        
55    <!-- Editor Scripts -->
56    
57    <!-- Fonts -->
58    <link rel="preconnect" href="https://fonts.bunny.net">
59    <link href="https://fonts.bunny.net/css?family=lexend:700|nunito:500,700,800" rel="stylesheet" />
60    <link href="https://vanillasquad.com/assets/vendor/bootstrap-icons/bootstrap-icons.css?v1.2.13" rel="stylesheet">
61
62    <!-- Styles -->
63    <link href="https://vanillasquad.com/assets/vendor/bootstrap/css/bootstrap.min.css?v1.2.13" rel="stylesheet">
64        <link href="https://vanillasquad.com/assets/css/base.css?v1.2.13" rel="stylesheet">
65    <style>
66    :root,
67    [data-bs-theme=light] {
68        --bs-primary: #ff70bb;
69        --bs-primary-rgb: 255, 112, 187;
70        --bs-primary-text-emphasis: #662d4b;
71        --bs-primary-bg-subtle: #ffe2f1;
72        --bs-primary-border-subtle: #ffc6e4;
73        --bs-link-hover-color: #cc5a96;
74        --bs-link-hover-color-rgb: 204, 90, 150;
75
76        --bs-primary-color-contrast: #000;
77        --bs-btn-primary-hover-bg: #d95f9f;
78        --bs-btn-primary-active-bg: #d95f9f;
79        --bs-btn-primary-focus-shadow-rgb: 217, 95, 159;
80    }
81
82    [data-bs-theme=dark] {
83        --bs-primary-text-emphasis: #994370;
84        --bs-primary-bg-subtle: #331625;
85        --bs-primary-border-subtle: #ffa9d6;
86
87        --bs-link-color: #ffa9d6;
88        --bs-link-hover-color: #ff8dc9;
89        --bs-link-color-rgb: 255, 169, 214;
90        --bs-link-hover-color-rgb: 255, 141, 201;
91    }
92</style>
93    <link href="https://vanillasquad.com/assets/themes/apex/css/app.css?v1.2.13" rel="stylesheet">
94        
95    
96    <style>
97        a[href*="/google-auth"],
98        a[href*="google-auth"],
99        .auth-provider-google,
100        a[href*="/discord-auth"],
101        a[href*="discord-auth"],
102        a[href*="/discord"],
103        .auth-discord-btn {
104            display: none !important;
105        }
106
107        :root {
108            /* Text colors */
109            --color2: #ffffff;
110            
111            /* Background colors */
112            --color1: #100d10;
113            --color3: #191317;
114            --color4: #0a080a;
115            
116            /* Accent colors */
117            --color5: #ff70bb;
118            --color6: #e85a9f;
119            
120            /* Computed colors */
121            --color7: rgba(25, 19, 23, 0.4);
122            --color1-50: rgba(16, 13, 16, 0.5);
123            --color5-75: rgba(255, 112, 187, 0.75);
124            --color6-75: rgba(232, 90, 159, 0.75);
125            
126            /* Text muted */
127            --text-muted: rgba(255, 248, 252, 0.70);
128
129            /* Fonts */
130            --font-heading: 'Lexend', sans-serif;
131            --font-body: 'Nunito', sans-serif;
132        }
133    </style>
134        
134<script>
135        (function() {
136            var root = document.documentElement;
137            var computed = getComputedStyle(root);
138
139            function parseRgb(value) {
140                if (!value) {
141                    return null;
142                }
143
144                var hexMatch = value.match(/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i);
145                if (hexMatch) {
146                    var hex = hexMatch[1];
147                    if (hex.length === 3) {
148                        hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
149                    }
150                    return [
151                        parseInt(hex.slice(0, 2), 16),
152                        parseInt(hex.slice(2, 4), 16),
153                        parseInt(hex.slice(4, 6), 16),
154                    ];
155                }
156
157                var rgbMatch = value.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
158                if (rgbMatch) {
159                    return [
160                        parseInt(rgbMatch[1], 10),
161                        parseInt(rgbMatch[2], 10),
162                        parseInt(rgbMatch[3], 10),
163                    ];
164                }
165
166                var temp = document.createElement("span");
167                temp.style.color = value;
168                temp.style.display = "none";
169                root.appendChild(temp);
170                var resolved = getComputedStyle(temp).color;
171                temp.remove();
172
173                var resolvedMatch = resolved.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
174                if (resolvedMatch) {
175                    return [
176                        parseInt(resolvedMatch[1], 10),
177                        parseInt(resolvedMatch[2], 10),
178                        parseInt(resolvedMatch[3], 10),
179                    ];
180                }
181
182                return null;
183            }
184
185            function setRgbVar(colorVar, rgbVar) {
186                if (computed.getPropertyValue(rgbVar).trim()) {
187                    return;
188                }
189
190                var value = computed.getPropertyValue(colorVar).trim();
191                var rgb = parseRgb(value);
192                if (rgb) {
193                    root.style.setProperty(rgbVar, rgb.join(", "));
194                }
195            }
196
197            setRgbVar("--color1", "--color1-rgb");
198            setRgbVar("--color3", "--color3-rgb");
199            setRgbVar("--color4", "--color4-rgb");
200            setRgbVar("--color5", "--color5-rgb");
201            setRgbVar("--color6", "--color6-rgb");
202        })();
203    </script>
203
204    
205<style>
206        @keyframes apex-spin { to { transform: rotate(360deg); } }
207        #apex-loader.apex-loader-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
208    </style>
209<style>
210    /* =============================================
211       VISIBILITY BASED ON NAVBAR POSITION
212       ============================================= */
213    
214    /* By default, hide the top navbar and show the left navbar */
215    .navbar-top-only {
216        display: none !important;
217    }
218    .navbar-left-only {
219        display: block;
220    }
221    
222    /* Top Mode: show top navbar, hide left navbar */
223    body.navbar-position-top .navbar-top-only {
224        display: block !important;
225    }
226    body.navbar-position-top .navbar-left-only {
227        display: none !important;
228    }
229    
230    /* Left Mode: show left navbar, hide top navbar */
231    body.navbar-position-left .navbar-top-only {
232        display: none !important;
233    }
234    body.navbar-position-left .navbar-left-only {
235        display: block !important;
236    }
237
238    /* =============================================
239       MOBILE TOPBAR & SIDEBAR STYLES
240       ============================================= */
241    
242    /* Hide mobile elements by default on desktop */
243    #mobile-topbar {
244        display: none !important;
245    }
246    
247    #mobile-sidebar {
248        display: none !important;
249    }
250    
251    #mobile-sidebar-overlay {
252        display: none !important;
253    }
254    
255    /* Mobile breakpoint - show mobile nav, hide desktop navs */
256    @media (max-width: 991px) {
257        /* Hide both desktop navbars on mobile */
258        .navbar-top-only,
259        .navbar-left-only,
260        body.navbar-position-top .navbar-top-only,
261        body.navbar-position-left .navbar-left-only {
262            display: none !important;
263        }
264        
265        /* Show mobile topbar */
266        #mobile-topbar {
267            display: flex !important;
268        }
269        
270        /* Show sidebar elements (they control their own visibility via JS) */
271        #mobile-sidebar {
272            display: flex !important;
273        }
274        
275        #mobile-sidebar-overlay {
276            display: block !important;
277        }
278        
279        /* Adjust body for mobile - remove default body overflow hidden */
280        body,
281        body.navbar-position-top,
282        body.navbar-position-left {
283            overflow-y: auto !important;
284            overflow-x: hidden !important;
285        }
286        
287        /* Add padding-top to editor-root for fixed topbar */
288        .app-content-container {
289            padding-top: 100px !important;
290        }
291        
292        /* Adjust app layout */
293        #app {
294            min-height: calc(100dvh - 70px) !important;
295            min-height: calc(var(--full-vh, 100vh) - 70px) !important;
296            flex-direction: column !important;
297        }
298        
299    }
300    
301    /* Mobile Topbar */
302    .mobile-topbar {
303        position: fixed;
304        top: 0;
305        left: 0;
306        right: 0;
307        height: 70px;
308        z-index: 9999;
309        display: flex;
310        align-items: center;
311        justify-content: space-between;
312        padding: 0 20px;
313        background: linear-gradient(180deg, var(--color3) 0%, var(--color4) 100%);
314        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
315        backdrop-filter: blur(10px);
316    }
317    
318    .mobile-topbar::after {
319        content: "";
320        position: absolute;
321        bottom: 0;
322        left: 0;
323        right: 0;
324        height: 1px;
325        background: linear-gradient(90deg, 
326            transparent 0%,
327            var(--color5-75) 30%,
328            var(--color6-75) 70%,
329            transparent 100%
330        );
331    }
332    
333    .mobile-topbar-logo img {
334        height: 45px;
335        width: auto;
336    }
337    
338    /* Hamburger Button */
339    .mobile-hamburger {
340        display: flex;
341        flex-direction: column;
342        justify-content: center;
343        align-items: center;
344        width: 44px;
345        height: 44px;
346        padding: 0;
347        background: rgba(255, 255, 255, 0.05);
348        border: 1px solid rgba(255, 255, 255, 0.1);
349        border-radius: 10px;
350        cursor: pointer;
351        transition: all 0.3s ease;
352    }
353    
354    .mobile-hamburger:hover,
355    .mobile-hamburger:focus {
356        background: rgba(255, 255, 255, 0.1);
357        outline: none;
358    }
359    
360    .mobile-hamburger span {
361        display: block;
362        width: 20px;
363        height: 2px;
364        background: var(--color2);
365        border-radius: 2px;
366        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
367    }
368    
369    .mobile-hamburger span:nth-child(1) {
370        margin-bottom: 5px;
371    }
372    
373    .mobile-hamburger span:nth-child(3) {
374        margin-top: 5px;
375    }
376    
377    .mobile-hamburger.active span:nth-child(1) {
378        transform: rotate(45deg) translate(5px, 5px);
379    }
380    
381    .mobile-hamburger.active span:nth-child(2) {
382        opacity: 0;
383        transform: scaleX(0);
384    }
385    
386    .mobile-hamburger.active span:nth-child(3) {
387        transform: rotate(-45deg) translate(5px, -5px);
388    }
389    
390    /* Sidebar Overlay */
391    .mobile-sidebar-overlay {
392        position: fixed;
393        top: 0;
394        left: 0;
395        right: 0;
396        bottom: 0;
397        background: rgba(0, 0, 0, 0.6);
398        backdrop-filter: blur(4px);
399        z-index: 10000;
400        opacity: 0;
401        visibility: hidden;
402        transition: all 0.3s ease;
403    }
404    
405    .mobile-sidebar-overlay.active {
406        opacity: 1;
407        visibility: visible;
408    }
409    
410    /* Mobile Sidebar */
411    .mobile-sidebar {
412        position: fixed;
413        top: 0;
414        right: 0;
415        width: 300px;
416        max-width: 85vw;
417        height: 100%;
418        z-index: 10001;
419        background: linear-gradient(180deg, var(--color3) 0%, var(--color4) 100%);
420        box-shadow: -10px 0 40px rgba(0, 0, 0, 0.4);
421        transform: translateX(100%);
422        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
423        flex-direction: column;
424        overflow: hidden;
425    }
426    
427    .mobile-sidebar.active {
428        transform: translateX(0);
429    }
430    
431    .mobile-sidebar::before {
432        content: "";
433        position: absolute;
434        top: 0;
435        left: 0;
436        width: 3px;
437        height: 100%;
438        background: linear-gradient(180deg, var(--color5), var(--color6));
439        opacity: 0.6;
440    }
441    
442    /* Sidebar Header */
443    .mobile-sidebar-header {
444        display: flex;
445        align-items: center;
446        justify-content: space-between;
447        padding: 20px;
448        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
449    }
450    
451    .mobile-sidebar-logo img {
452        height: 40px;
453        width: auto;
454    }
455    
456    .mobile-sidebar-close {
457        display: flex;
458        align-items: center;
459        justify-content: center;
460        width: 40px;
461        height: 40px;
462        padding: 0;
463        background: rgba(255, 255, 255, 0.05);
464        border: 1px solid rgba(255, 255, 255, 0.1);
465        border-radius: 10px;
466        color: var(--color2);
467        font-size: 18px;
468        cursor: pointer;
469        transition: all 0.2s ease;
470    }
471    
472    .mobile-sidebar-close:hover {
473        background: rgba(255, 255, 255, 0.1);
474        color: var(--color5);
475    }
476    
477    /* Sidebar Navigation */
478    .mobile-sidebar-nav {
479        flex: 1;
480        overflow-y: auto;
481        padding: 15px;
482    }
483    
484    .mobile-sidebar-links {
485        list-style: none;
486        margin: 0;
487        padding: 0;
488    }
489    
490    .mobile-sidebar-item {
491        margin-bottom: 5px;
492    }
493    
494    .mobile-sidebar-link {
495        display: flex;
496        align-items: center;
497        gap: 12px;
498        width: 100%;
499        padding: 14px 16px;
500        background: transparent;
501        border: none;
502        border-radius: 10px;
503        color: var(--color2);
504        font-size: 15px;
505        font-weight: 500;
506        text-decoration: none;
507        cursor: pointer;
508        transition: all 0.2s ease;
509        text-align: left;
510    }
511    
512    .mobile-sidebar-link i:first-child {
513        font-size: 18px;
514        width: 24px;
515        text-align: center;
516        opacity: 0.7;
517    }
518    
519    .mobile-sidebar-link span {
520        flex: 1;
521    }
522    
523    .mobile-sidebar-link:hover {
524        background: rgba(255, 255, 255, 0.06);
525    }
526    
527    .mobile-sidebar-link.active {
528        background: linear-gradient(270deg, var(--color5) 0%, var(--color6) 100%);
529    }
530    
531    .mobile-sidebar-link.active i:first-child {
532        opacity: 1;
533    }
534    
535    /* Dropdown Arrow */
536    .mobile-sidebar-arrow {
537        font-size: 12px;
538        opacity: 0.5;
539        transition: transform 0.3s ease;
540    }
541    
542    .mobile-sidebar-dropdown.open .mobile-sidebar-arrow {
543        transform: rotate(180deg);
544    }
545    
546    /* Submenu */
547    .mobile-sidebar-submenu {
548        list-style: none;
549        margin: 0;
550        padding: 0;
551        max-height: 0;
552        overflow: hidden;
553        transition: max-height 0.3s ease;
554    }
555    
556    .mobile-sidebar-dropdown.open .mobile-sidebar-submenu {
557        max-height: 500px;
558    }
559    
560    .mobile-sidebar-sublink {
561        display: flex;
562        align-items: center;
563        gap: 10px;
564        padding: 12px 16px 12px 52px;
565        color: var(--text-muted);
566        font-size: 14px;
567        text-decoration: none;
568        border-radius: 8px;
569        transition: all 0.2s ease;
570    }
571    
572    .mobile-sidebar-sublink i {
573        font-size: 14px;
574        opacity: 0.6;
575    }
576    
577    .mobile-sidebar-sublink:hover {
578        color: var(--color2);
579        background: rgba(255, 255, 255, 0.04);
580    }
581    
582    .mobile-sidebar-sublink.active {
583        color: var(--color5);
584        background: rgba(124, 77, 253, 0.1);
585    }
586    
587    /* Sidebar Footer */
588    .mobile-sidebar-footer {
589        padding: 20px;
590        border-top: 1px solid rgba(255, 255, 255, 0.08);
591    }
592    
593    .mobile-sidebar-social {
594        display: flex;
595        justify-content: center;
596        gap: 10px;
597    }
598    
599    .mobile-sidebar-social-link {
600        display: flex;
601        align-items: center;
602        justify-content: center;
603        width: 42px;
604        height: 42px;
605        border-radius: 10px;
606        background: rgba(255, 255, 255, 0.05);
607        color: var(--color2);
608        font-size: 16px;
609        transition: all 0.3s ease;
610        border: 1px solid rgba(255, 255, 255, 0.08);
611    }
612    
613    .mobile-sidebar-social-link:hover {
614        background: var(--social-color, var(--color5));
615        color: white;
616        transform: translateY(-2px);
617        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
618    }
619
620    /* =============================================
621       NAVBAR TOP MODE STYLES
622       ============================================= */
623    
624    #navbar-top-wrapper {
625        width: 100%;
626        padding: 20px;
627        padding-bottom: 0;
628        position: relative;
629    }
630    
631    /* Ensure content is behind the navbar in top mode */
632    body.navbar-position-top .app-content-container {
633        position: relative;
634        z-index: 1;
635    }
636    
637    /* Attached mode - full width without lateral padding */
638    body.navbar-position-top.navbar-style-attached #navbar-top-wrapper {
639        padding-left: 0;
640        padding-right: 0;
641        padding-top: 0;
642    }
643    
644    body.navbar-position-top.navbar-style-attached #navbar-top {
645        border-radius: 0;
646    }
647    
648    body.navbar-position-top.navbar-style-attached #navbar-top::before {
649        display: none;
650    }
651    
652    #navbar-top {
653        display: flex;
654        align-items: center;
655        flex-direction: row;
656        justify-content: space-between;
657        padding: 0 24px;
658        height: 70px;
659        width: 100%;
660    }
661    
662    /* Logo */
663    .navbar-top-logo {
664        display: flex;
665        align-items: center;
666        flex-shrink: 0;
667    }
668    
669    .navbar-top-logo img {
670        height: 55px;
671        width: auto;
672    }
673    
674    /* Navigation Links */
675    .navbar-top-links {
676        display: flex;
677        align-items: center;
678        gap: 8px;
679        list-style: none;
680        margin: 0;
681        padding: 0;
682        flex-grow: 1;
683        justify-content: center;
684    }
685    
686    .navbar-top-item {
687        position: relative;
688    }
689    
690    .navbar-top-link {
691        display: flex;
692        align-items: center;
693        gap: 8px;
694        padding: 10px 16px;
695        color: var(--color2);
696        font-weight: 600;
697        border-radius: 8px;
698        transition: all 0.2s ease;
699        text-decoration: none;
700        white-space: nowrap;
701    }
702    
703    .navbar-top-link:hover {
704        color: var(--color2);
705        background-color: rgba(255, 255, 255, 0.08);
706    }
707    
708    .navbar-top-link.active {
709        background-image: linear-gradient(270deg, var(--color5) 0%, var(--color6) 100%);
710        color: var(--color2);
711    }
712    
713    .navbar-top-link i:not(.dropdown-arrow) {
714        font-size: 16px;
715    }
716    
717    .navbar-top-link .dropdown-arrow {
718        font-size: 12px;
719        margin-left: 4px;
720        transition: transform 0.2s ease;
721    }
722    
723    .navbar-top-dropdown.open .dropdown-arrow {
724        transform: rotate(180deg);
725    }
726    
727    /* Remove the default Bootstrap caret on dropdown-toggle */
728    .navbar-top-link.dropdown-toggle::after {
729        display: none;
730    }
731    
732    /* Dropdown Menu */
733    .navbar-top-dropdown {
734        position: relative;
735    }
736    
737    .navbar-top-dropdown-menu {
738        position: absolute;
739        top: 100%;
740        left: 50%;
741        transform: translateX(-50%) translateY(10px);
742        min-width: 200px;
743        padding: 10px;
744        border-radius: 11px;
745        background: linear-gradient(180deg, var(--color3) 0%, var(--color4) 100%);
746        box-shadow: 0 11px 22px rgba(0, 0, 0, 0.38);
747        backdrop-filter: blur(8px);
748        opacity: 0;
749        visibility: hidden;
750        pointer-events: none;
751        transition: all 0.2s ease;
752        z-index: 9999;
753    }
754    
755    .navbar-top-dropdown-menu::before {
756        content: "";
757        position: absolute;
758        top: 0;
759        left: 0;
760        right: 0;
761        height: 2.5px;
762        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
763        border-radius: 11px 11px 0 0;
764        pointer-events: none;
765    }
766    
767    .navbar-top-dropdown.open .navbar-top-dropdown-menu {
768        opacity: 1;
769        visibility: visible;
770        pointer-events: auto;
771        transform: translateX(-50%) translateY(5px);
772    }
773    
774    .navbar-top-dropdown-item {
775        display: flex;
776        align-items: center;
777        gap: 10px;
778        padding: 10px 14px;
779        color: var(--color2);
780        font-size: 14px;
781        border-radius: 6px;
782        transition: all 0.2s ease;
783        text-decoration: none;
784    }
785    
786    .navbar-top-dropdown-item:hover {
787        background-color: rgba(255, 255, 255, 0.08);
788        color: var(--color2);
789    }
790    
791    .navbar-top-dropdown-item.active {
792        background-image: linear-gradient(270deg, var(--color5) 0%, var(--color6) 100%);
793    }
794    
795    .navbar-top-dropdown-item i {
796        font-size: 16px;
797        width: 20px;
798        text-align: center;
799    }
800    
801    /* Support Icon */
802    .navbar-top-support {
803        display: flex;
804        align-items: center;
805        justify-content: center;
806        flex-shrink: 0;
807        padding: 8px;
808        border-radius: 8px;
809        transition: all 0.2s ease;
810    }
811    
812    .navbar-top-support:hover {
813        background-color: rgba(255, 255, 255, 0.08);
814    }
815    
816    .navbar-top-support svg {
817        width: 32px;
818        height: auto;
819    }
820    
821    /* =============================================
822       RESPONSIVE - Mobile burger menu
823       ============================================= */
824    .navbar-top-burger {
825        display: none;
826        flex-direction: column;
827        justify-content: center;
828        align-items: center;
829        width: 40px;
830        height: 40px;
831        cursor: pointer;
832        border-radius: 8px;
833        transition: background-color 0.2s;
834    }
835    
836    .navbar-top-burger:hover {
837        background-color: rgba(255, 255, 255, 0.08);
838    }
839    
840    .navbar-top-burger span {
841        display: block;
842        width: 22px;
843        height: 2px;
844        background-color: var(--color2);
845        margin: 3px 0;
846        border-radius: 2px;
847        transition: all 0.3s ease;
848    }
849    
850    .navbar-top-burger.active span:nth-child(1) {
851        transform: rotate(45deg) translate(5px, 5px);
852    }
853    
854    .navbar-top-burger.active span:nth-child(2) {
855        opacity: 0;
856    }
857    
858    .navbar-top-burger.active span:nth-child(3) {
859        transform: rotate(-45deg) translate(5px, -5px);
860    }
861    
862    /* Mobile Menu */
863    @media (max-width: 992px) {
864        body.navbar-position-top .navbar-top-burger {
865            display: flex;
866        }
867        
868        body.navbar-position-top .navbar-top-links {
869            position: absolute;
870            top: 100%;
871            left: 0;
872            right: 0;
873            flex-direction: column;
874            background: linear-gradient(180deg, var(--color3) 0%, var(--color4) 100%);
875            padding: 20px;
876            border-radius: 0 0 11px 11px;
877            box-shadow: 0 11px 22px rgba(0, 0, 0, 0.38);
878            opacity: 0;
879            visibility: hidden;
880            transform: translateY(-10px);
881            transition: all 0.3s ease;
882            z-index: 999;
883        }
884        
885        body.navbar-position-top .navbar-top-links.open {
886            opacity: 1;
887            visibility: visible;
888            transform: translateY(0);
889        }
890        
891        body.navbar-position-top .navbar-top-item {
892            width: 100%;
893        }
894        
895        body.navbar-position-top .navbar-top-link {
896            width: 100%;
897            justify-content: flex-start;
898        }
899        
900        body.navbar-position-top .navbar-top-dropdown-menu {
901            position: static;
902            transform: none;
903            box-shadow: none;
904            background: rgba(0, 0, 0, 0.2);
905            margin-top: 8px;
906            margin-left: 20px;
907        }
908        
909        body.navbar-position-top .navbar-top-dropdown-menu::before {
910            display: none;
911        }
912        
913        body.navbar-position-top .navbar-top-dropdown.open .navbar-top-dropdown-menu {
914            transform: none;
915        }
916    }
917
918    /* =============================================
919       NAVBAR LEFT MODE STYLES
920       ============================================= */
921    #navbar-wrapper {
922        position:relative;
923        padding:20px;
924    }
925    #navbar {
926        overflow: hidden;
927        height: calc(100dvh - 40px);
928        height: calc(var(--full-vh, 100vh) - 40px);
929    }
930
931    /* Adjustment for editor mode - compensate for app zoom (0.75) and editor-content margin (30px) */
932    body.editor-mode #navbar {
933        height: calc((100vh - 30px) / 0.75 - 40px);
934    }
935
936    /* Attached mode must be identical for guests and logged users */
937    body.navbar-style-attached #navbar-wrapper {
938        padding: 0;
939    }
940
941    body.navbar-style-attached #navbar {
942        height: 100dvh;
943        height: var(--full-vh, 100vh);
944        margin-right: 0;
945        border-radius: 0;
946    }
947
948    body.editor-mode.navbar-style-attached #navbar {
949        height: calc((100vh - 30px) / 0.75);
950    }
951
952    /* Detached mode in editor: compensate for app zoom (0.75) and editor-content margin (30px) */
953    body.editor-mode.navbar-style-detached #navbar {
954        height: calc((100vh - 30px) / 0.75 - 40px);
955    }
956
957    body.navbar-style-attached .highlight-2 {
958        display: none;
959    }
960
961    body.navbar-style-attached #navbar::before {
962        display:none;
963    }
964    .navbar-links {
965        display: flex;
966        align-items: center;
967        width:100%;
968        gap: 15px;
969        margin:0;
970        flex-direction: column;
971        list-style: none;
972        padding: 0;
973    }
974
975    .navbar-link {
976        position: relative;
977        display: flex;
978        color:var(--color2);
979        align-items: center;
980        justify-content: center;
981        width: 60px;
982        height: 60px;
983        color: var(--color2);
984        font-size: 22px;
985        border-radius: 6px;
986        background-color: rgba(255, 255, 255, 0.03);
987        transition: background-color cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
988    }
989
990    .navbar-link:hover {
991        color:var(--color2);
992        background-color: rgb(0, 0, 0);
993        transition: background-color cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
994    }
995
996    .navbar-link.active {
997        margin-bottom: 5px;
998        margin-top: 5px;
999        background-image: linear-gradient(
1000            270deg,
1001            var(--color5) 0%,
1002            var(--color6) 100%
1003        );
1004    }
1005
1006    .navbar-link.active::after {
1007        content: "";
1008        position: absolute;
1009        top: -8px;
1010        left: -8px;
1011        right: -8px;
1012        bottom: -8px;
1013        border: 3px solid var(--color5);
1014        border-radius: 10px;
1015        opacity: 0.4;
1016    }
1017
1018    .navbar-item {
1019        transition: opacity 0.3s ease, transform 0.3s ease;
1020    }
1021
1022    .navbar-item.hidden {
1023        display: none;
1024    }
1025
1026    /* More Button */
1027    #more-button {
1028        display: none;
1029    }
1030
1031    #more-button.visible {
1032        display: block;
1033    }
1034
1035    /* More dropdown menu */
1036    #more-menu,
1037    .more-menu-container {
1038        position: fixed;
1039        border-radius: 11px;
1040        padding: 10px;
1041        min-width: 200px;
1042        opacity: 0;
1043        transform: translateX(-10px);
1044        pointer-events: none;
1045        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1046        z-index: 10000;
1047        
1048        background: linear-gradient(180deg, var(--color3) 0%, var(--color4) 100%);
1049        box-shadow: 0 11px 22px rgba(0, 0, 0, 0.38);
1050        backdrop-filter: blur(8px);
1051        border: 0;
1052    }
1053
1054    #more-menu::before,
1055    .more-menu-container::before {
1056        content: "";
1057        position: absolute;
1058        top: 0;
1059        left: 0;
1060        right: 0;
1061        height: 2.5px;
1062        background: linear-gradient(
1063            90deg,
1064            transparent,
1065            rgba(255, 255, 255, 0.4),
1066            transparent
1067        );
1068        border-radius: 11px 11px 0 0;
1069        pointer-events: none;
1070    }
1071
1072    #more-menu.open,
1073    .more-menu-container.open {
1074        opacity: 1;
1075        transform: translateX(0);
1076        pointer-events: all;
1077    }
1078
1079    #more-menu .more-menu-item,
1080    .more-menu-container .more-menu-item {
1081        display: flex;
1082        align-items: center;
1083        gap: 12px;
1084        padding: 12px 16px;
1085        color: var(--color2);
1086        text-decoration: none;
1087        border-radius: 6px;
1088        transition: all 0.2s;
1089        font-size: 14px;
1090    }
1091
1092    #more-menu .more-menu-item:hover,
1093    .more-menu-container .more-menu-item:hover {
1094        background-color: rgba(255, 255, 255, 0.05);
1095    }
1096
1097    #more-menu .more-menu-item.active,
1098    .more-menu-container .more-menu-item.active {
1099        background-image: linear-gradient(270deg, var(--color5) 0%, var(--color6) 100%);
1100    }
1101
1102    #more-menu .more-menu-item i,
1103    .more-menu-container .more-menu-item i {
1104        font-size: 18px;
1105        width: 24px;
1106        text-align: center;
1107    }
1108
1109    /* Dropdown in the More menu */
1110    #more-menu .more-menu-dropdown-title {
1111        display: flex;
1112        align-items: center;
1113        gap: 12px;
1114        padding: 12px 16px;
1115        color: var(--color2);
1116        font-size: 14px;
1117        font-weight: 600;
1118        margin-top: 8px;
1119        opacity: 0.7;
1120    }
1121
1122    #more-menu .more-menu-dropdown-title:first-child {
1123        margin-top: 0;
1124    }
1125
1126    #more-menu .more-menu-dropdown-title i {
1127        font-size: 16px;
1128        width: 24px;
1129        text-align: center;
1130    }
1131
1132    #more-menu .more-menu-subitem {
1133        padding-left: 28px;
1134        font-size: 13px;
1135    }
1136
1137    #more-menu .more-menu-subitem i {
1138        font-size: 14px;
1139    }
1140
1141    .more-menu-dropdown-button {
1142        cursor: pointer;
1143        position: relative;
1144    }
1145
1146    .more-menu-dropdown-button:hover {
1147        background-color: rgba(255, 255, 255, 0.08) !important;
1148    }
1149
1150    .navbar-dropdown .dropdown-children {
1151        display: none !important;
1152    }
1153    
1154    #navbar-wrapper .highlight-1 {
1155        position: absolute;
1156        z-index: 1;
1157        top: 50%;
1158        left: 50%;
1159        transform: translate(-50%, -50%);
1160        width: 60px;
1161        height: 60px;
1162        opacity: 0.7;
1163        background: var(--color6);
1164        border-radius: 100%;
1165        filter: blur(30px);
1166    }
1167    #navbar-wrapper .highlight-2 {
1168        position: absolute;
1169        z-index: -1;
1170        bottom: 0;
1171        right: 0;
1172        transform: translate(10%, 50%);
1173        width: 300px;
1174        height: 300px;
1175        border-radius: 100%;
1176        opacity: 0.7;
1177        background: var(--color6);
1178        filter: blur(100px);
1179    }
1180
1181    /* =============================================
1182       CUSTOM TOOLTIP - In-house system with zoom
1183       ============================================= */
1184    .custom-tooltip {
1185        position: fixed;
1186        z-index: 99999;
1187        padding: 8px 12px;
1188        background: #000000;
1189        color: #ffffff;
1190        border-radius: 6px;
1191        font-size: 13px;
1192        font-weight: 500;
1193        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
1194        pointer-events: none;
1195        opacity: 0;
1196        visibility: hidden;
1197        transform: scale(0.9);
1198        transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s ease;
1199        white-space: nowrap;
1200    }
1201
1202    .custom-tooltip.visible {
1203        opacity: 1;
1204        visibility: visible;
1205        transform: scale(1);
1206    }
1207
1208    .custom-tooltip-arrow {
1209        position: absolute;
1210        width: 0;
1211        height: 0;
1212        border: 6px solid transparent;
1213    }
1214
1215    /* Arrow positions according to placement */
1216    .custom-tooltip[data-placement="top"] .custom-tooltip-arrow {
1217        bottom: -12px;
1218        left: 50%;
1219        transform: translateX(-50%);
1220        border-top-color: #000000;
1221    }
1222
1223    .custom-tooltip[data-placement="bottom"] .custom-tooltip-arrow {
1224        top: -12px;
1225        left: 50%;
1226        transform: translateX(-50%);
1227        border-bottom-color: #000000;
1228    }
1229
1230    .custom-tooltip[data-placement="left"] .custom-tooltip-arrow {
1231        right: -12px;
1232        top: 50%;
1233        transform: translateY(-50%);
1234        border-left-color: #000000;
1235    }
1236
1237    .custom-tooltip[data-placement="right"] .custom-tooltip-arrow {
1238        left: -12px;
1239        top: 50%;
1240        transform: translateY(-50%);
1241        border-right-color: #000000;
1242    }
1243</style>
1244<style>
1245  #search-article-component {
1246    position:relative;
1247    z-index: 1001;
1248    overflow: visible;
1249    transition: border-radius 0.2s;
1250  }
1251  #search-article-component.has-results {
1252    border-radius: 11px 11px 0 0 !important;
1253  }
1254  #search-article-component.has-results::before {
1255    border-radius: 11px 11px 0 0;
1256  }
1257  #search-article-component .search-input {
1258    padding:10px 15px;
1259    background: var(--color7);
1260    border:0;
1261    box-shadow: inset 0px 0px 14.9px 7px rgba(0, 0, 0, 0.15);
1262    border-radius: 7px;
1263  }
1264
1265  #search-article-component .search-input:focus {
1266    outline: none;
1267  }
1268  #search-article-component .search-button {
1269    position: absolute;
1270    top: 50%;
1271    right: 14px;
1272    transform: translateY(-50%);
1273    background-image: linear-gradient(
1274        270deg,
1275        var(--color5) 0%,
1276        var(--color6) 100%
1277    );
1278    width:35px;
1279    height:35px;
1280    border:0;
1281    border-radius: 5px;
1282    display:flex;
1283    align-items:center;
1284    justify-content:center;
1285    cursor: pointer;
1286    transition: transform 0.2s;
1287  }
1288  #search-article-component .search-button:hover {
1289    transform: translateY(-50%) scale(1.05);
1290    transition: transform 0.2s;
1291  }
1292
1293  #search-article-component .search-results {
1294    position: absolute;
1295    top: 100%;
1296    left: -2px;
1297    right: -2px;
1298    margin-top: 0;
1299    background: linear-gradient(180deg, rgba(26, 24, 41, 0.95) 0%, rgba(20, 18, 35, 0.95) 100%);
1300    box-shadow: 0 11px 22px rgba(0, 0, 0, 0.38);
1301    -webkit-backdrop-filter: blur(20px);
1302    backdrop-filter: blur(20px);
1303    border-radius: 0 0 11px 11px;
1304    max-height: 500px;
1305    overflow-y: auto;
1306    z-index: 1000;
1307    display: none;
1308  }
1309
1310  #search-article-component .search-results.active {
1311    display: block;
1312  }
1313
1314  #search-article-component .search-result-item {
1315    display: flex;
1316    align-items: center;
1317    gap: 15px;
1318    padding: 15px;
1319    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
1320    cursor: pointer;
1321    transition: background 0.2s;
1322    text-decoration: none;
1323    color: inherit;
1324  }
1325
1326  #search-article-component .search-result-item:hover {
1327    background: rgba(255, 255, 255, 0.05);
1328  }
1329
1330  #search-article-component .search-result-item:last-child {
1331    border-bottom: none;
1332  }
1333
1334  #search-article-component .search-result-banner {
1335    width: 120px;
1336    height: 80px;
1337    object-fit: cover;
1338    border-radius: 5px;
1339    flex-shrink: 0;
1340    background: #0f0d1a;
1341  }
1342
1343  #search-article-component .search-result-content {
1344    flex: 1;
1345    overflow: hidden;
1346  }
1347
1348  #search-article-component .search-result-title {
1349    font-size: 16px;
1350    font-weight: 600;
1351    margin-bottom: 5px;
1352    color: #fff;
1353    display: -webkit-box;
1354    -webkit-line-clamp: 1;
1355    -webkit-box-orient: vertical;
1356    overflow: hidden;
1357  }
1358
1359  #search-article-component .search-result-excerpt {
1360    font-size: 14px;
1361    color: rgba(255, 255, 255, 0.7);
1362    display: -webkit-box;
1363    -webkit-line-clamp: 2;
1364    -webkit-box-orient: vertical;
1365    overflow: hidden;
1366    line-height: 1.4;
1367  }
1368
1369  #search-article-component .search-no-results {
1370    padding: 20px;
1371    text-align: center;
1372    color: rgba(255, 255, 255, 0.5);
1373  }
1374
1375  #search-article-component .search-loading {
1376    padding: 20px;
1377    text-align: center;
1378    color: rgba(255, 255, 255, 0.7);
1379  }
1380</style>
1381<style>
1382@media (max-width: 767.98px) {
1383    .btn-discord {
1384        transform:scale(1);
1385    }
1386    #profile-component {
1387        flex-direction: column !important;
1388        align-items: stretch !important;
1389    }
1390    #profile-component > * {
1391        width: 100% !important;
1392    }
1393}
1394</style>
1395<style>
1396    #homebanner-component {
1397      position: relative;
1398      overflow: hidden;
1399    }
1400    #homebanner-component::after {
1401      content: "";
1402      position: absolute;
1403      top: 0;
1404      left: 0;
1405      width: 100%;
1406      height: 200%;
1407      transform:rotate(200deg) translateX(-50%) translateY(30%);
1408      background-image:linear-gradient(0deg, white 0%, transparent 100%);
1409      opacity: 0.03;
1410      z-index: 0;
1411    }
1412    #homebanner-component .homebanner-title {
1413      font-size:60px;
1414    }
1415    #homebanner-component .homebanner-logo {
1416      position: relative;
1417      z-index: 1;
1418    }
1419    #homebanner-component .highlight-1 {
1420      position: absolute;
1421      z-index: 1;
1422      top: 50%;
1423      left: 50%;
1424      transform: translate(-50%, -50%);
1425      width: 190px;
1426      height: 190px;
1427      opacity: 0.8;
1428      background: var(--color5);
1429      border-radius: 100%;
1430      filter: blur(80px);
1431    }
1432    #homebanner-component .highlight-2 {
1433      position: absolute;
1434      z-index: 1;
1435      bottom: 0;
1436      left: 0;
1437      transform: translate(-80%, 80%);
1438      width: 300px;
1439      height: 300px;
1440      opacity: 0.6;
1441      background: var(--color6);
1442      border-radius: 100%;
1443      filter: blur(100px);
1444    }
1445    #homebanner-component .join-btn {
1446      padding:10px 15px;
1447      display:inline-flex;
1448      align-items: center;
1449      border-radius: 13px;
1450      gap:10px;
1451    }
1452    #homebanner-component .join-btn .btn {
1453      border-radius: 13px;
1454    }
1455    #homebanner-component .ip-btn {
1456      padding:10px 30px;
1457      line-height: 1.3;
1458      display:inline-flex;
1459      flex-direction: column;
1460      align-items: start;
1461      justify-content: center;
1462      border-radius: 13px;
1463    }
1464    #homebanner-component .ip-btn .first-span {
1465      text-transform: uppercase;
1466      font-weight:bold;
1467    }
1468    #homebanner-component .howtojoin-btn {
1469        border-bottom: 1px solid;
1470        border-image: repeating-linear-gradient(
1471            to right,
1472            var(--color2) 0,
1473            var(--color2) 5px,
1474            transparent 5px,
1475            transparent 10px
1476          )
1477          1 stretch;
1478        border-image-slice: 1;
1479        opacity:0.5;
1480        transition: opacity 0.3s;
1481    }
1482    #homebanner-component .howtojoin-btn:hover {
1483        opacity:1;
1484        transition: opacity 0.3s;
1485    }
1486
1487    /* Mobile Styles */
1488    @media (max-width: 991.98px) {
1489      #homebanner-component {
1490        padding: 2rem 1.5rem !important;
1491      }
1492      
1493      #homebanner-component .row {
1494        flex-direction: column-reverse;
1495        padding: 0 !important;
1496      }
1497      
1498      #homebanner-component .col-12 {
1499        text-align: center;
1500      }
1501      
1502      #homebanner-component .homebanner-title {
1503        font-size: 32px !important;
1504        margin-bottom: 1rem !important;
1505      }
1506      
1507      #homebanner-component p {
1508        font-size: 14px;
1509        margin-bottom: 1.5rem !important;
1510      }
1511      
1512      #homebanner-component .homebanner-logo {
1513        width: 50% !important;
1514        max-width: 180px;
1515        margin-bottom: 2rem;
1516      }
1517      
1518      #homebanner-component .join-btn {
1519        flex-direction: column;
1520        width: 100%;
1521        max-width: 300px;
1522        margin: 0 auto;
1523        gap: 8px;
1524      }
1525      
1526      #homebanner-component .join-btn .first-span {
1527        font-size: 14px;
1528      }
1529      
1530      #homebanner-component .join-btn .second-span {
1531        width: 100%;
1532        text-align: center;
1533      }
1534      
1535      #homebanner-component .ip-btn {
1536        width: 100%;
1537        max-width: 300px;
1538        margin: 0 auto;
1539        align-items: center;
1540        text-align: center;
1541        padding: 12px 20px;
1542      }
1543      
1544      #homebanner-component .ip-btn .first-span {
1545        font-size: 16px;
1546      }
1547      
1548      #homebanner-component .ip-btn .second-span {
1549        font-size: 14px;
1550      }
1551      
1552      #homebanner-component .howtojoin-btn {
1553        display: block;
1554        text-align: center;
1555        margin-top: 1.5rem !important;
1556        font-size: 14px;
1557      }
1558      
1559      #homebanner-component .highlight-1 {
1560        width: 120px;
1561        height: 120px;
1562        filter: blur(60px);
1563      }
1564      
1565      #homebanner-component .highlight-2 {
1566        width: 200px;
1567        height: 200px;
1568        filter: blur(80px);
1569      }
1570    }
1571    
1572    @media (max-width: 575.98px) {
1573      #homebanner-component {
1574        padding: 1.5rem 1rem !important;
1575      }
1576      
1577      #homebanner-component .homebanner-title {
1578        font-size: 28px !important;
1579      }
1580      
1581      #homebanner-component .homebanner-logo {
1582        width: 60% !important;
1583        max-width: 150px;
1584      }
1585    }
1586  </style>
1587<style>
1588      #shopbanner-component {
1589        position: relative;
1590        background-image: linear-gradient(
1591          270deg,
1592          var(--color5-75) 0%,
1593          var(--color6-75) 100%
1594        );
1595      }
1596      #shopbanner-component .shopbanner-background {
1597        position: absolute;
1598        top: 0;
1599        left: 0;
1600        right: 0;
1601        bottom: 0;
1602        overflow: hidden;
1603        pointer-events: none;
1604        z-index: 0;
1605      }
1606      #shopbanner-component .shopbanner-background::before {
1607        content: "";
1608        position: absolute;
1609        top: 0;
1610        left: 50%;
1611        width: 35%;
1612        height: 300%;
1613        transform:rotate(150deg) translateX(40%) translateY(70%);
1614        background-image:linear-gradient(0deg, white 0%, transparent 100%);
1615        opacity: 0.4;
1616      }
1617      #shopbanner-component .shopbanner-image {
1618        transform:scale(1.4);
1619        height:150px;
1620        object-fit: contain;
1621        position: relative;
1622        z-index: 1;
1623      }
1624
1625      /* Mobile Styles */
1626      @media (max-width: 991.98px) {
1627        #shopbanner-component {
1628          flex-direction: column !important;
1629          padding: 2rem 1.5rem !important;
1630          gap: 1.5rem !important;
1631        }
1632        
1633        #shopbanner-component .shopbanner-content {
1634          text-align: center;
1635          padding: 1rem 0 !important;
1636        }
1637        
1638        #shopbanner-component .shopbanner-title {
1639          font-size: 1.1rem !important;
1640          margin-bottom: 0.75rem;
1641        }
1642        
1643        #shopbanner-component .shopbanner-description {
1644          padding-right: 0 !important;
1645          font-size: 14px;
1646          margin-bottom: 1rem;
1647        }
1648        
1649        #shopbanner-component .btn {
1650          width: 100%;
1651          max-width: 280px;
1652          justify-content: center;
1653          display: inline-flex;
1654          align-items: center;
1655        }
1656        
1657        #shopbanner-component .shopbanner-image-container {
1658          display: flex;
1659          justify-content: center;
1660          width: 100%;
1661        }
1662        
1663        #shopbanner-component .shopbanner-image {
1664          transform: scale(1.2);
1665          height: 120px;
1666        }
1667        
1668        #shopbanner-component .shopbanner-background::before {
1669          width: 50%;
1670          transform: rotate(150deg) translateX(20%) translateY(50%);
1671          opacity: 0.3;
1672        }
1673      }
1674      
1675      @media (max-width: 575.98px) {
1676        #shopbanner-component {
1677          padding: 1.5rem 1rem !important;
1678          gap: 1rem !important;
1679        }
1680        
1681        #shopbanner-component .shopbanner-title {
1682          font-size: 1rem !important;
1683        }
1684        
1685        #shopbanner-component .shopbanner-description {
1686          font-size: 13px;
1687        }
1688        
1689        #shopbanner-component .shopbanner-image {
1690          transform: scale(1);
1691          height: 100px;
1692        }
1693      }
1694    </style>
1695<style>
1696  #vote-component .ranks {
1697    align-items: flex-end;
1698  }
1699  #vote-component .rank {
1700    position:relative;
1701    display:flex;
1702    justify-content: flex-end;
1703    align-items: center;
1704    flex-direction: column;
1705    perspective: 1000px;
1706    margin: 0 -40px;
1707  }
1708  #vote-component .rank-name {
1709    position: absolute;
1710    top: -20px;
1711    left: 50%;
1712    transform: translateX(-50%);
1713  }
1714  #vote-component .rank-box {
1715    width: 109px;
1716    height: 120px;
1717    margin-top:-30px;
1718    display:flex;
1719    justify-content: start;
1720    align-items: center;
1721    flex-direction: column;
1722    background: linear-gradient(180deg, var(--color3) 0%, var(--color4) 100%);
1723    box-shadow: 0px 11px 22.9px 8px rgba(0, 0, 0, 0.38);
1724    position: relative;
1725    transform-style: preserve-3d;
1726  }
1727  #vote-component .rank-top1 .rank-box {
1728    height: 160px;
1729  }
1730  #vote-component canvas {
1731    position: relative;
1732    cursor: pointer;
1733    z-index: 2;
1734  }
1735  #vote-component .rank-box::after {
1736    content: '';
1737    position: absolute;
1738    top: 0;
1739    left: 0;
1740    width: 100%;
1741    height: 60px;
1742    background: linear-gradient(135deg, var(--color5-75) 0%, var(--color6-75) 50%, var(--color4) 100%);
1743    box-shadow: 0px 8px 50px rgba(0, 0, 0, 0.6), inset 0px 1px 3px rgba(255, 255, 255, 0.1);
1744    transform: rotateX(69deg) translateY(-60px);
1745    transform-origin: top center;
1746    z-index: -1;
1747  }
1748
1749  /* Enhanced Ranks Simple Design */
1750  #vote-component .ranks-simple {
1751    padding: 0;
1752    overflow: visible;
1753    border-radius: 8px;
1754  }
1755  
1756  #vote-component .rank-item {
1757    padding: 16px 20px;
1758    position: relative;
1759    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1760    background: linear-gradient(90deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.01) 100%);
1761    border-left: 3px solid transparent;
1762  }
1763  
1764  #vote-component .rank-item:nth-child(odd) {
1765    background: linear-gradient(90deg, rgba(var(--color5-rgb, 138, 97, 229), 0.08) 0%, rgba(var(--color6-rgb, 74, 144, 226), 0.04) 100%);
1766  }
1767  
1768  #vote-component .rank-item:nth-child(even) {
1769    background: linear-gradient(90deg, rgba(var(--color6-rgb, 74, 144, 226), 0.08) 0%, rgba(var(--color5-rgb, 138, 97, 229), 0.04) 100%);
1770  }
1771  
1772  #vote-component .rank-item:nth-child(1) {
1773    background: linear-gradient(90deg, rgba(255, 215, 0, 0.15) 0%, rgba(255, 215, 0, 0.05) 100%);
1774    border-left-color: #FFD700;
1775  }
1776  
1777  #vote-component .rank-item:nth-child(2) {
1778    background: linear-gradient(90deg, rgba(192, 192, 192, 0.15) 0%, rgba(192, 192, 192, 0.05) 100%);
1779    border-left-color: #C0C0C0;
1780  }
1781  
1782  #vote-component .rank-item:nth-child(3) {
1783    background: linear-gradient(90deg, rgba(205, 127, 50, 0.15) 0%, rgba(205, 127, 50, 0.05) 100%);
1784    border-left-color: #CD7F32;
1785  }
1786  
1787  #vote-component .rank-item:hover {
1788    transform: translateX(5px);
1789    background: linear-gradient(90deg, rgba(var(--color5-rgb, 138, 97, 229), 0.15) 0%, rgba(var(--color6-rgb, 74, 144, 226), 0.1) 100%);
1790    border-left-color: var(--color5);
1791    box-shadow: 0 4px 12px var(--color4-50);
1792  }
1793  
1794  #vote-component .rank-item:not(:last-child)::after {
1795    content: '';
1796    position: absolute;
1797    bottom: 0;
1798    left: 20px;
1799    right: 20px;
1800    height: 1px;
1801    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.1) 50%, transparent 100%);
1802  }
1803  
1804  #vote-component .rank-number {
1805    min-width: 45px;
1806    height: 45px;
1807    display: flex;
1808    align-items: center;
1809    justify-content: center;
1810    font-size: 18px;
1811    font-weight: 700;
1812    margin-right: 15px;
1813    border-radius: 8px;
1814    background: rgba(255, 255, 255, 0.05);
1815    backdrop-filter: blur(10px);
1816    border: 1px solid rgba(255, 255, 255, 0.1);
1817    transition: all 0.3s ease;
1818  }
1819  
1820  #vote-component .rank-number.top-rank {
1821    background: linear-gradient(135deg, var(--color5) 0%, var(--color6) 100%);
1822    box-shadow: 0 4px 15px var(--color5-50);
1823    border-color: rgba(255, 255, 255, 0.2);
1824  }
1825  
1826  #vote-component .rank-item:hover .rank-number {
1827    transform: scale(1.1) rotate(-5deg);
1828    box-shadow: 0 6px 20px var(--color5-50);
1829  }
1830  
1831  #vote-component .rank-avatar {
1832    margin-right: 15px;
1833    border: 2px solid rgba(255, 255, 255, 0.1);
1834    transition: all 0.3s ease;
1835    box-shadow: 0 2px 8px var(--color4-50);
1836  }
1837  
1838  #vote-component .rank-item:hover .rank-avatar {
1839    border-color: var(--color5);
1840    box-shadow: 0 4px 15px var(--color5-50);
1841    transform: scale(1.05);
1842  }
1843  
1844  #vote-component .rank-username {
1845    font-size: 16px;
1846    font-weight: 600;
1847    max-width: 180px;
1848    color: rgba(255, 255, 255, 0.9);
1849    transition: color 0.3s ease;
1850  }
1851  
1852  #vote-component .rank-item:hover .rank-username {
1853    color: #ffffff;
1854  }
1855  
1856  #vote-component .rank-votes {
1857    display: flex;
1858    flex-direction: column;
1859    align-items: flex-end;
1860    padding-left: 15px;
1861  }
1862  
1863  #vote-component .vote-count {
1864    font-size: 22px;
1865    font-weight: 700;
1866    background: linear-gradient(135deg, var(--color5) 0%, var(--color6) 100%);
1867    -webkit-background-clip: text;
1868    -webkit-text-fill-color: transparent;
1869    background-clip: text;
1870    line-height: 1;
1871    margin-bottom: 2px;
1872  }
1873  
1874  #vote-component .vote-label {
1875    font-size: 11px;
1876    text-transform: uppercase;
1877    letter-spacing: 0.5px;
1878    color: rgba(255, 255, 255, 0.5);
1879    font-weight: 600;
1880  }
1881  
1882  @media (max-width: 576px) {
1883    /* Vote header button adaptation for mobile */
1884    #vote-component .card-notop {
1885      padding: 10px 12px !important;
1886      gap: 8px;
1887    }
1888    
1889    #vote-component .card-notop span {
1890      font-size: 0.7rem;
1891    }
1892    
1893    #vote-component .card-notop .btn {
1894      padding: 6px 12px;
1895      font-size: 0.75rem;
1896      white-space: nowrap;
1897    }
1898    
1899    #vote-component .card-notop .btn svg {
1900      width: 16px;
1901      height: 16px;
1902      margin-left: 4px !important;
1903    }
1904    
1905    /* Scale down 3D skins for mobile */
1906    #vote-component .ranks {
1907      transform: scale(0.8);
1908      transform-origin: bottom center;
1909    }
1910    
1911    /* Ranked list items for mobile */
1912    #vote-component .rank-item {
1913      padding: 12px 15px;
1914    }
1915    
1916    #vote-component .rank-number {
1917      min-width: 40px;
1918      height: 40px;
1919      font-size: 16px;
1920      margin-right: 10px;
1921    }
1922    
1923    #vote-component .rank-avatar {
1924      width: 35px;
1925      height: 35px;
1926      margin-right: 10px;
1927    }
1928    
1929    #vote-component .rank-username {
1930      font-size: 14px;
1931      max-width: 100px;
1932    }
1933    
1934    #vote-component .vote-count {
1935      font-size: 18px;
1936    }
1937  }
1938</style>
1939<style>
1940    /* Base styles */
1941    .apex-news-component .post {
1942        overflow: hidden;
1943        transition: transform 0.3s ease, box-shadow 0.3s ease;
1944    }
1945    
1946    .apex-news-component .post-image-wrapper {
1947        position: relative;
1948        overflow: hidden;
1949    }
1950    
1951    .apex-news-component .post-image {
1952        width: 100%;
1953        height: 200px;
1954        object-fit: cover;
1955        transition: transform 0.3s ease;
1956    }
1957    
1958    .apex-news-component .post:hover .post-image {
1959        transform: scale(1.05);
1960    }
1961    
1962    .apex-news-component .post-date {
1963        position: absolute;
1964        bottom: 20px;
1965        left: 20px;
1966        background: rgba(0, 0, 0, 0.26);
1967        border: 0.5px solid rgba(255, 255, 255, 0.16);
1968        backdrop-filter: blur(12.05px);
1969        width: 80px;
1970        height: 80px;
1971        display: flex;
1972        flex-direction: column;
1973        justify-content: center;
1974        align-items: center;
1975        border-radius: 11px;
1976        transition: transform 0.3s ease;
1977        z-index: 1;
1978    }
1979    
1980    .apex-news-component .post:hover .post-date {
1981        transform: scale(1.10) rotate(-10deg);
1982    }
1983    
1984    .apex-news-component .post-date-day {
1985        font-size: 30px;
1986        line-height: 26px;
1987        font-weight: bold;
1988    }
1989    
1990    .apex-news-component .post-date-month-year {
1991        font-size: 0.75rem;
1992        opacity: 0.9;
1993    }
1994    
1995    .apex-news-component .post-title a {
1996        color: var(--color2, inherit);
1997        text-decoration: none;
1998        transition: color 0.2s ease;
1999    }
2000    
2001    .apex-news-component .post-title a:hover {
2002        color: var(--bs-primary, #007bff);
2003    }
2004    
2005    .apex-news-component .post-description {
2006        color: var(--bs-secondary-color, #6c757d);
2007        font-size: 0.9rem;
2008        line-height: 1.6;
2009    }
2010    
2011    .apex-news-component .post-stats {
2012        color: var(--color2, #6c757d);
2013        font-size: 0.95rem;
2014    }
2015    
2016    .apex-news-component .post-stat-item {
2017        display: flex;
2018        align-items: center;
2019        gap: 0.4rem;
2020    }
2021    
2022    .apex-news-component .post-like-btn {
2023        background: none;
2024        border: none;
2025        color: var(--color2, #6c757d);
2026        cursor: pointer;
2027        padding: 0;
2028        transition: color 0.2s ease, transform 0.2s ease;
2029    }
2030    
2031    .apex-news-component .post-like-btn:hover:not(:disabled) {
2032        color: #e74c3c;
2033        transform: scale(1.1);
2034    }
2035    
2036    .apex-news-component .post-like-btn.active {
2037        color: #e74c3c;
2038    }
2039    
2040    .apex-news-component .post-like-btn:disabled {
2041        cursor: not-allowed;
2042        opacity: 0.6;
2043    }
2044    
2045    /* Carousel Navigation */
2046    .news-carousel-nav {
2047        display: flex;
2048        gap: 8px;
2049    }
2050    
2051    .news-nav-btn {
2052        width: 40px;
2053        height: 40px;
2054        border-radius: 50%;
2055        border: 1px solid rgba(255, 255, 255, 0.2);
2056        background: rgba(255, 255, 255, 0.05);
2057        color: var(--color2, white);
2058        display: flex;
2059        align-items: center;
2060        justify-content: center;
2061        cursor: pointer;
2062        transition: all 0.3s ease;
2063    }
2064    
2065    .news-nav-btn:hover {
2066        background: var(--color5, #7c4dfd);
2067        border-color: var(--color5, #7c4dfd);
2068        transform: scale(1.1);
2069    }
2070    
2071    .news-nav-btn:disabled {
2072        opacity: 0.3;
2073        cursor: not-allowed;
2074        transform: none;
2075    }
2076    
2077    /* Carousel Styles */
2078    .news-carousel-wrapper {
2079        position: relative;
2080        overflow: visible;
2081        margin: -12px -12px -24px -12px;
2082        padding: 12px 12px 24px 12px;
2083    }
2084    
2085    .news-carousel {
2086        overflow: hidden;
2087        margin: -12px -12px -24px -12px;
2088        padding: 12px 12px 24px 12px;
2089    }
2090    
2091    .news-carousel-track {
2092        display: flex;
2093        transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
2094        gap: 24px;
2095    }
2096    
2097    .news-carousel-item {
2098        flex: 0 0 calc((100% - 48px) / 3); /* 3 items with 24px gap */
2099        min-width: calc((100% - 48px) / 3);
2100    }
2101    
2102    .news-carousel-item .post {
2103        height: 100%;
2104        display: flex;
2105        flex-direction: column;
2106    }
2107    
2108    .apex-news-component .post {
2109        display: flex;
2110        flex-direction: column;
2111    }
2112    
2113    /* Responsive */
2114    @media (max-width: 992px) {
2115        .news-carousel-item {
2116            flex: 0 0 calc((100% - 24px) / 2); /* 2 items */
2117            min-width: calc((100% - 24px) / 2);
2118        }
2119    }
2120    
2121    @media (max-width: 768px) {
2122        /* Hide carousel navigation on mobile */
2123        .apex-news-component .news-carousel-nav {
2124            display: none !important;
2125        }
2126        
2127        /* Header section adjustments */
2128        .apex-news-component .d-flex.justify-content-between h2 {
2129            font-size: 1.1rem;
2130            margin-right: 0.5rem;
2131        }
2132        
2133        .apex-news-component .d-flex.justify-content-between .btn {
2134            font-size: 0.85rem;
2135            padding: 0.4rem 0.8rem;
2136            white-space: nowrap;
2137        }
2138        
2139        .apex-news-component .d-flex.justify-content-between .btn svg {
2140            width: 20px;
2141            height: 20px;
2142        }
2143        
2144        /* Convert carousel to simple grid */
2145        .news-carousel-wrapper {
2146            margin: 0;
2147            padding: 0;
2148        }
2149        
2150        .news-carousel {
2151            overflow: visible;
2152            margin: 0;
2153            padding: 0;
2154        }
2155        
2156        .news-carousel-track {
2157            display: grid !important;
2158            grid-template-columns: 1fr;
2159            gap: 1rem;
2160            transform: none !important;
2161            transition: none !important;
2162        }
2163        
2164        .news-carousel-item {
2165            flex: none;
2166            min-width: 100%;
2167            width: 100%;
2168        }
2169        
2170        /* Limit to 3 posts on mobile */
2171        .news-carousel-item:nth-child(n+4) {
2172            display: none;
2173        }
2174        
2175        /* Grid mode adjustments */
2176        .apex-news-component .row > div {
2177            width: 100% !important;
2178            flex: 0 0 100% !important;
2179            max-width: 100% !important;
2180        }
2181        
2182        /* Limit to 3 posts in grid mode on mobile */
2183        .apex-news-component .row > div:nth-child(n+4) {
2184            display: none;
2185        }
2186        
2187        /* Post adjustments for mobile */
2188        .apex-news-component .post-image {
2189            height: 180px;
2190        }
2191        
2192        .apex-news-component .post-date {
2193            width: 60px;
2194            height: 60px;
2195            bottom: 12px;
2196            left: 12px;
2197        }
2198        
2199        .apex-news-component .post-date-day {
2200            font-size: 24px;
2201            line-height: 20px;
2202        }
2203        
2204        .apex-news-component .post-date-month-year {
2205            font-size: 0.65rem;
2206        }
2207        
2208        .apex-news-component .post-title {
2209            font-size: 1.1rem;
2210        }
2211        
2212        .apex-news-component .post-description {
2213            font-size: 0.85rem;
2214        }
2215        
2216        .apex-news-component .btn-primary {
2217            font-size: 0.9rem;
2218            padding: 0.5rem 1rem;
2219        }
2220        
2221        .apex-news-component .btn-primary svg {
2222            width: 20px;
2223            height: 20px;
2224        }
2225    }
2226    
2227    @media (max-width: 575.98px) {
2228        .apex-news-component h2 {
2229            font-size: 1.3rem;
2230        }
2231        
2232        .apex-news-component .post-image {
2233            height: 160px;
2234        }
2235        
2236        .apex-news-component .post-date {
2237            width: 55px;
2238            height: 55px;
2239        }
2240        
2241        .apex-news-component .post-date-day {
2242            font-size: 22px;
2243        }
2244    }
2245</style>
2246<style data-custom-code-style="custom-code-1788034607889-sesp1vppx">
2247        /* Custom Code Component - Scoped CSS */
2248        @media (max-device-width: 767px),
2249       (hover: none) and (pointer: coarse) {#custom-code-1788034607889-sesp1vppx .vsx {
2250
2251    gap: 16px;
2252    margin-top: 1rem;
2253  
2254}
2255#custom-code-1788034607889-sesp1vppx .vsx-hero, #custom-code-1788034607889-sesp1vppx .vsx-section-head, #custom-code-1788034607889-sesp1vppx .vsx-map, #custom-code-1788034607889-sesp1vppx .vsx-join {
2256
2257    grid-template-columns: 1fr !important;
2258  
2259}
2260#custom-code-1788034607889-sesp1vppx .vsx-world-grid, #custom-code-1788034607889-sesp1vppx .vsx-feature-grid {
2261
2262    grid-template-columns: 1fr !important;
2263  
2264}
2265#custom-code-1788034607889-sesp1vppx .vsx-world-card:last-child {
2266
2267    grid-column: auto !important;
2268  
2269}
2270#custom-code-1788034607889-sesp1vppx .vsx-feature-large {
2271
2272    grid-column: auto !important;
2273  
2274}
2275#custom-code-1788034607889-sesp1vppx .vsx-hero, #custom-code-1788034607889-sesp1vppx .vsx-worlds, #custom-code-1788034607889-sesp1vppx .vsx-map, #custom-code-1788034607889-sesp1vppx .vsx-join {
2276
2277    border-radius: 18px;
2278    padding: 22px 16px;
2279  
2280}
2281#custom-code-1788034607889-sesp1vppx .vsx-actions, #custom-code-1788034607889-sesp1vppx .vsx-btn {
2282
2283    width: 100%;
2284  
2285}
2286#custom-code-1788034607889-sesp1vppx .vsx-world-card {
2287
2288    min-height: 0;
2289  
2290}
2291}
2292@media (hover: none) {#custom-code-1788034607889-sesp1vppx .vsx-btn:hover, #custom-code-1788034607889-sesp1vppx .vsx-world-card:hover, #custom-code-1788034607889-sesp1vppx .vsx-map-preview:hover {
2293
2294    transform: none;
2295  
2296}
2297#custom-code-1788034607889-sesp1vppx .vsx-btn:hover .vsx-arrow {
2298
2299    transform: rotate(45deg);
2300  
2301}
2302#custom-code-1788034607889-sesp1vppx .vsx-map-preview:hover .vsx-map-image {
2303
2304    transform: none;
2305  
2306}
2307#custom-code-1788034607889-sesp1vppx .vsx-map-preview:hover .vsx-map-open {
2308
2309    transform: none;
2310  
2311}
2312}
2313@media (prefers-reduced-motion: reduce) {#custom-code-1788034607889-sesp1vppx .vsx-btn, #custom-code-1788034607889-sesp1vppx .vsx-arrow, #custom-code-1788034607889-sesp1vppx .vsx-world-card, #custom-code-1788034607889-sesp1vppx .vsx-map-preview, #custom-code-1788034607889-sesp1vppx .vsx-map-image, #custom-code-1788034607889-sesp1vppx .vsx-map-open {
2314
2315    transition: none;
2316  
2317}
2318}
2319#custom-code-1788034607889-sesp1vppx .vsx {
2320
2321  --vsx-bg-1: var(--color3, #191419);
2322  --vsx-bg-2: var(--color4, #100d11);
2323  --vsx-text: var(--color2, #f8f4f8);
2324  --vsx-muted: var(--text-muted, rgba(248, 244, 248, 0.64));
2325  --vsx-pink: var(--color5, #ff70bb);
2326  --vsx-purple: var(--color6, #b98cff);
2327  --vsx-line: rgba(255, 255, 255, 0.085);
2328  --vsx-line-strong: rgba(255, 255, 255, 0.15);
2329
2330  color: var(--vsx-text);
2331  container-name: vsx;
2332  container-type: inline-size;
2333  display: grid;
2334  font-family: &quot;Nunito&quot;, sans-serif;
2335  gap: clamp(18px, 3vw, 28px);
2336  margin-top: 2rem;
2337  max-width: 100%;
2338  min-width: 0;
2339  width: 100%;
2340
2341}
2342#custom-code-1788034607889-sesp1vppx /* =========================================================
2343   RESET
2344========================================================= */
2345
2346.vsx *, #custom-code-1788034607889-sesp1vppx .vsx *::before, #custom-code-1788034607889-sesp1vppx .vsx *::after {
2347
2348  box-sizing: border-box;
2349
2350}
2351#custom-code-1788034607889-sesp1vppx .vsx section, #custom-code-1788034607889-sesp1vppx .vsx article, #custom-code-1788034607889-sesp1vppx .vsx aside, #custom-code-1788034607889-sesp1vppx .vsx div, #custom-code-1788034607889-sesp1vppx .vsx header, #custom-code-1788034607889-sesp1vppx .vsx footer {
2352
2353  min-width: 0;
2354
2355}
2356#custom-code-1788034607889-sesp1vppx .vsx a {
2357
2358  color: inherit;
2359  text-decoration: none;
2360
2361}
2362#custom-code-1788034607889-sesp1vppx .vsx h2, #custom-code-1788034607889-sesp1vppx .vsx h3, #custom-code-1788034607889-sesp1vppx .vsx strong, #custom-code-1788034607889-sesp1vppx .vsx-btn {
2363
2364  font-family: &quot;Lexend&quot;, sans-serif;
2365
2366}
2367#custom-code-1788034607889-sesp1vppx /* =========================================================
2368   TYPOGRAPHY
2369========================================================= */
2370
2371.vsx-eyebrow {
2372
2373  align-items: center;
2374  color: var(--vsx-pink);
2375  display: flex;
2376  font-size: 0.66rem;
2377  font-weight: 900;
2378  gap: 9px;
2379  letter-spacing: 0.18em;
2380  margin-bottom: 17px;
2381  text-transform: uppercase;
2382
2383}
2384#custom-code-1788034607889-sesp1vppx .vsx-eyebrow &gt; span {
2385
2386  background: linear-gradient(
2387    135deg,
2388    var(--vsx-pink),
2389    var(--vsx-purple)
2390  );
2391  border-radius: 50%;
2392  box-shadow: 0 0 12px rgba(255, 112, 187, 0.5);
2393  flex: 0 0 6px;
2394  height: 6px;
2395  width: 6px;
2396
2397}
2398#custom-code-1788034607889-sesp1vppx .vsx h2 {
2399
2400  color: var(--vsx-text);
2401  font-size: clamp(1.75rem, 3.2vw, 2.55rem);
2402  letter-spacing: -0.055em;
2403  line-height: 1.13;
2404  margin: 0;
2405
2406}
2407#custom-code-1788034607889-sesp1vppx .vsx h2 em {
2408
2409  background: linear-gradient(
2410    100deg,
2411    var(--vsx-pink),
2412    var(--vsx-purple)
2413  );
2414  background-clip: text;
2415  -webkit-background-clip: text;
2416  color: transparent;
2417  display: block;
2418  font-style: normal;
2419
2420}
2421#custom-code-1788034607889-sesp1vppx /* =========================================================
2422   BUTTONS
2423========================================================= */
2424
2425.vsx-actions {
2426
2427  display: flex;
2428  flex-wrap: wrap;
2429  gap: 10px;
2430
2431}
2432#custom-code-1788034607889-sesp1vppx .vsx-btn {
2433
2434  align-items: center;
2435  border: 1px solid transparent;
2436  border-radius: 13px;
2437  display: inline-flex;
2438  font-size: 0.84rem;
2439  font-weight: 800;
2440  gap: 11px;
2441  justify-content: center;
2442  min-height: 52px;
2443  padding: 13px 20px;
2444  transition:
2445    transform 0.2s ease,
2446    background 0.2s ease,
2447    border-color 0.2s ease,
2448    box-shadow 0.2s ease;
2449
2450}
2451#custom-code-1788034607889-sesp1vppx .vsx-btn:hover {
2452
2453  transform: translateY(-2px);
2454
2455}
2456#custom-code-1788034607889-sesp1vppx .vsx-btn:focus-visible {
2457
2458  outline: 2px solid var(--vsx-pink);
2459  outline-offset: 4px;
2460
2461}
2462#custom-code-1788034607889-sesp1vppx .vsx-arrow {
2463
2464  border-right: 2px solid currentColor;
2465  border-top: 2px solid currentColor;
2466  display: inline-block;
2467  flex: 0 0 auto;
2468  height: 7px;
2469  transform: rotate(45deg);
2470  transition: transform 0.2s ease;
2471  width: 7px;
2472
2473}
2474#custom-code-1788034607889-sesp1vppx .vsx-btn:hover .vsx-arrow {
2475
2476  transform: translateX(3px) rotate(45deg);
2477
2478}
2479#custom-code-1788034607889-sesp1vppx .vsx-btn-main {
2480
2481  background: linear-gradient(
2482    110deg,
2483    var(--vsx-pink),
2484    var(--vsx-purple)
2485  );
2486  box-shadow: 0 14px 32px rgba(255, 112, 187, 0.17);
2487  color: white;
2488
2489}
2490#custom-code-1788034607889-sesp1vppx .vsx-btn-main:hover {
2491
2492  box-shadow: 0 18px 40px rgba(255, 112, 187, 0.25);
2493
2494}
2495#custom-code-1788034607889-sesp1vppx .vsx-btn-ghost {
2496
2497  background: rgba(255, 255, 255, 0.035);
2498  border-color: var(--vsx-line-strong);
2499
2500}
2501#custom-code-1788034607889-sesp1vppx .vsx-btn-ghost:hover {
2502
2503  background: rgba(255, 255, 255, 0.065);
2504
2505}
2506#custom-code-1788034607889-sesp1vppx /* =========================================================
2507   HERO
2508========================================================= */
2509
2510.vsx-hero {
2511
2512  align-items: stretch;
2513  background:
2514    radial-gradient(
2515      circle at 92% 8%,
2516      rgba(255, 112, 187, 0.13),
2517      transparent 34%
2518    ),
2519    linear-gradient(
2520      145deg,
2521      var(--vsx-bg-1),
2522      var(--vsx-bg-2)
2523    );
2524  border: 1px solid var(--vsx-line);
2525  border-radius: 24px;
2526  display: grid;
2527  gap: clamp(28px, 5vw, 60px);
2528  grid-template-columns:
2529    minmax(0, 1.08fr)
2530    minmax(340px, 0.7fr);
2531  isolation: isolate;
2532  overflow: hidden;
2533  padding: clamp(29px, 4.5vw, 49px);
2534  position: relative;
2535
2536}
2537#custom-code-1788034607889-sesp1vppx .vsx-grid-bg {
2538
2539  background-image:
2540    linear-gradient(
2541      rgba(255, 255, 255, 0.021) 1px,
2542      transparent 1px
2543    ),
2544    linear-gradient(
2545      90deg,
2546      rgba(255, 255, 255, 0.021) 1px,
2547      transparent 1px
2548    );
2549  background-size: 45px 45px;
2550  inset: 0;
2551  opacity: 0.45;
2552  pointer-events: none;
2553  position: absolute;
2554  z-index: -3;
2555
2556}
2557#custom-code-1788034607889-sesp1vppx .vsx-glow {
2558
2559  border-radius: 50%;
2560  filter: blur(90px);
2561  pointer-events: none;
2562  position: absolute;
2563  z-index: -2;
2564
2565}
2566#custom-code-1788034607889-sesp1vppx .vsx-glow-left {
2567
2568  background: var(--vsx-pink);
2569  height: 260px;
2570  left: -140px;
2571  opacity: 0.11;
2572  top: -130px;
2573  width: 260px;
2574
2575}
2576#custom-code-1788034607889-sesp1vppx .vsx-glow-right {
2577
2578  background: var(--vsx-purple);
2579  bottom: -180px;
2580  height: 330px;
2581  opacity: 0.08;
2582  right: 25%;
2583  width: 330px;
2584
2585}
2586#custom-code-1788034607889-sesp1vppx .vsx-hero-copy {
2587
2588  align-self: center;
2589
2590}
2591#custom-code-1788034607889-sesp1vppx .vsx-hero h2 {
2592
2593  font-size: clamp(1.95rem, 3.6vw, 2.95rem);
2594  max-width: 760px;
2595
2596}
2597#custom-code-1788034607889-sesp1vppx .vsx-hero-copy &gt; p {
2598
2599  color: var(--vsx-muted);
2600  font-size: 0.96rem;
2601  line-height: 1.72;
2602  margin: 21px 0 0;
2603  max-width: 680px;
2604
2605}
2606#custom-code-1788034607889-sesp1vppx .vsx-tags {
2607
2608  display: flex;
2609  flex-wrap: wrap;
2610  gap: 7px;
2611  margin-top: 25px;
2612
2613}
2614#custom-code-1788034607889-sesp1vppx .vsx-tags span {
2615
2616  align-items: center;
2617  background: rgba(255, 255, 255, 0.034);
2618  border: 1px solid rgba(255, 255, 255, 0.065);
2619  border-radius: 999px;
2620  color: var(--vsx-muted);
2621  display: inline-flex;
2622  font-size: 0.71rem;
2623  font-weight: 750;
2624  gap: 7px;
2625  padding: 7px 11px;
2626
2627}
2628#custom-code-1788034607889-sesp1vppx .vsx-tags i {
2629
2630  background: var(--vsx-pink);
2631  border-radius: 50%;
2632  box-shadow: 0 0 8px rgba(255, 112, 187, 0.55);
2633  height: 4px;
2634  width: 4px;
2635
2636}
2637#custom-code-1788034607889-sesp1vppx /* =========================================================
2638   WELCOME
2639========================================================= */
2640
2641.vsx-welcome {
2642
2643  backdrop-filter: blur(10px);
2644  background: linear-gradient(
2645    145deg,
2646    rgba(255, 255, 255, 0.052),
2647    rgba(255, 255, 255, 0.018)
2648  );
2649  border: 1px solid rgba(255, 255, 255, 0.11);
2650  border-radius: 18px;
2651  display: flex;
2652  flex-direction: column;
2653  padding: clamp(20px, 2.7vw, 27px);
2654  position: relative;
2655
2656}
2657#custom-code-1788034607889-sesp1vppx .vsx-welcome::before {
2658
2659  background: linear-gradient(
2660    90deg,
2661    var(--vsx-pink),
2662    var(--vsx-purple),
2663    transparent
2664  );
2665  border-radius: 999px;
2666  content: &quot;&quot;;
2667  height: 2px;
2668  left: 25px;
2669  position: absolute;
2670  right: 48%;
2671  top: 0;
2672
2673}
2674#custom-code-1788034607889-sesp1vppx .vsx-welcome-head {
2675
2676  align-items: center;
2677  display: flex;
2678  justify-content: space-between;
2679  margin-bottom: 30px;
2680
2681}
2682#custom-code-1788034607889-sesp1vppx .vsx-brand {
2683
2684  color: rgba(255, 255, 255, 0.4);
2685  font-family: &quot;Lexend&quot;, sans-serif;
2686  font-size: 0.6rem;
2687  font-weight: 800;
2688  letter-spacing: 0.2em;
2689
2690}
2691#custom-code-1788034607889-sesp1vppx .vsx-status {
2692
2693  align-items: center;
2694  color: var(--vsx-muted);
2695  display: flex;
2696  font-size: 0.67rem;
2697  font-weight: 750;
2698  gap: 7px;
2699
2700}
2701#custom-code-1788034607889-sesp1vppx .vsx-status i {
2702
2703  background: #74e49a;
2704  border-radius: 50%;
2705  box-shadow: 0 0 9px rgba(116, 228, 154, 0.5);
2706  height: 6px;
2707  width: 6px;
2708
2709}
2710#custom-code-1788034607889-sesp1vppx .vsx-welcome-copy {
2711
2712  margin-bottom: 25px;
2713
2714}
2715#custom-code-1788034607889-sesp1vppx .vsx-welcome-copy &gt; span {
2716
2717  color: var(--vsx-muted);
2718  display: block;
2719  font-size: 0.76rem;
2720  font-weight: 750;
2721  margin-bottom: 5px;
2722
2723}
2724#custom-code-1788034607889-sesp1vppx .vsx-welcome-copy strong {
2725
2726  display: block;
2727  font-size: clamp(1.12rem, 1.8vw, 1.42rem);
2728  letter-spacing: -0.035em;
2729  line-height: 1.3;
2730  margin-bottom: 10px;
2731
2732}
2733#custom-code-1788034607889-sesp1vppx .vsx-welcome-copy p {
2734
2735  color: var(--vsx-muted);
2736  font-size: 0.78rem;
2737  line-height: 1.55;
2738  margin: 0;
2739
2740}
2741#custom-code-1788034607889-sesp1vppx .vsx-stats {
2742
2743  border-bottom: 1px solid var(--vsx-line);
2744  border-top: 1px solid var(--vsx-line);
2745  display: grid;
2746  grid-template-columns: repeat(3, minmax(0, 1fr));
2747  margin-bottom: 20px;
2748  padding: 16px 0;
2749
2750}
2751#custom-code-1788034607889-sesp1vppx .vsx-stats &gt; div {
2752
2753  border-right: 1px solid var(--vsx-line);
2754  padding: 0 9px;
2755  text-align: center;
2756
2757}
2758#custom-code-1788034607889-sesp1vppx .vsx-stats &gt; div:first-child {
2759
2760  padding-left: 0;
2761
2762}
2763#custom-code-1788034607889-sesp1vppx .vsx-stats &gt; div:last-child {
2764
2765  border-right: 0;
2766  padding-right: 0;
2767
2768}
2769#custom-code-1788034607889-sesp1vppx .vsx-stats strong {
2770
2771  display: block;
2772  font-size: 0.96rem;
2773  margin-bottom: 4px;
2774
2775}
2776#custom-code-1788034607889-sesp1vppx .vsx-stats span {
2777
2778  color: var(--vsx-muted);
2779  display: block;
2780  font-size: 0.59rem;
2781  font-weight: 700;
2782  line-height: 1.3;
2783
2784}
2785#custom-code-1788034607889-sesp1vppx .vsx-welcome .vsx-actions {
2786
2787  margin-top: auto;
2788
2789}
2790#custom-code-1788034607889-sesp1vppx .vsx-welcome .vsx-btn {
2791
2792  flex: 1;
2793
2794}
2795#custom-code-1788034607889-sesp1vppx /* =========================================================
2796   SECTION HEAD
2797========================================================= */
2798
2799.vsx-section-head {
2800
2801  align-items: end;
2802  display: grid;
2803  gap: clamp(25px, 5vw, 70px);
2804  grid-template-columns:
2805    minmax(0, 1fr)
2806    minmax(300px, 0.72fr);
2807  margin-bottom: clamp(27px, 4vw, 40px);
2808
2809}
2810#custom-code-1788034607889-sesp1vppx .vsx-section-head &gt; p {
2811
2812  color: var(--vsx-muted);
2813  font-size: 0.91rem;
2814  line-height: 1.68;
2815  margin: 0;
2816
2817}
2818#custom-code-1788034607889-sesp1vppx /* =========================================================
2819   WORLDS
2820========================================================= */
2821
2822.vsx-worlds {
2823
2824  background: linear-gradient(
2825    150deg,
2826    var(--vsx-bg-1),
2827    var(--vsx-bg-2)
2828  );
2829  border: 1px solid var(--vsx-line);
2830  border-radius: 24px;
2831  padding: clamp(28px, 4.5vw, 46px);
2832
2833}
2834#custom-code-1788034607889-sesp1vppx .vsx-world-grid {
2835
2836  display: grid;
2837  gap: 12px;
2838  grid-template-columns: repeat(3, minmax(0, 1fr));
2839
2840}
2841#custom-code-1788034607889-sesp1vppx .vsx-world-card {
2842
2843  background: linear-gradient(
2844    145deg,
2845    rgba(255, 255, 255, 0.035),
2846    rgba(255, 255, 255, 0.012)
2847  );
2848  border: 1px solid var(--vsx-line);
2849  border-radius: 18px;
2850  display: flex;
2851  flex-direction: column;
2852  min-height: 345px;
2853  overflow: hidden;
2854  padding: clamp(21px, 2.8vw, 28px);
2855  position: relative;
2856  transition:
2857    transform 0.22s ease,
2858    border-color 0.22s ease,
2859    background 0.22s ease;
2860
2861}
2862#custom-code-1788034607889-sesp1vppx .vsx-world-card:hover {
2863
2864  background: linear-gradient(
2865    145deg,
2866    rgba(255, 255, 255, 0.05),
2867    rgba(255, 255, 255, 0.017)
2868  );
2869  border-color: rgba(255, 255, 255, 0.14);
2870  transform: translateY(-3px);
2871
2872}
2873#custom-code-1788034607889-sesp1vppx .vsx-world-featured {
2874
2875  background:
2876    radial-gradient(
2877      circle at 90% 10%,
2878      rgba(255, 112, 187, 0.14),
2879      transparent 35%
2880    ),
2881    linear-gradient(
2882      145deg,
2883      rgba(255, 255, 255, 0.045),
2884      rgba(255, 255, 255, 0.012)
2885    );
2886  border-color: rgba(255, 112, 187, 0.22);
2887
2888}
2889#custom-code-1788034607889-sesp1vppx .vsx-world-top {
2890
2891  align-items: center;
2892  display: flex;
2893  justify-content: space-between;
2894
2895}
2896#custom-code-1788034607889-sesp1vppx .vsx-world-number {
2897
2898  color: rgba(255, 255, 255, 0.15);
2899  font-family: &quot;Lexend&quot;, sans-serif;
2900  font-size: 0.7rem;
2901  font-weight: 800;
2902
2903}
2904#custom-code-1788034607889-sesp1vppx .vsx-world-category {
2905
2906  color: var(--vsx-pink);
2907  font-size: 0.61rem;
2908  font-weight: 900;
2909  letter-spacing: 0.14em;
2910  text-transform: uppercase;
2911
2912}
2913#custom-code-1788034607889-sesp1vppx /* =========================================================
2914   WORLD ICON CONTAINER
2915========================================================= */
2916
2917.vsx-mc-icon {
2918
2919  align-items: center;
2920  background:
2921    radial-gradient(
2922      circle at 50% 40%,
2923      rgba(255, 112, 187, 0.12),
2924      transparent 70%
2925    ),
2926    linear-gradient(
2927      145deg,
2928      rgba(255, 255, 255, 0.045),
2929      rgba(255, 255, 255, 0.015)
2930    );
2931  border: 1px solid rgba(255, 112, 187, 0.2);
2932  border-radius: 13px;
2933  display: flex;
2934  height: 56px;
2935  justify-content: center;
2936  margin: 27px 0 21px;
2937  overflow: hidden;
2938  position: relative;
2939  width: 56px;
2940
2941}
2942#custom-code-1788034607889-sesp1vppx .vsx-mc-icon::after {
2943
2944  border: 1px solid rgba(255, 255, 255, 0.025);
2945  content: &quot;&quot;;
2946  inset: 4px;
2947  pointer-events: none;
2948  position: absolute;
2949
2950}
2951#custom-code-1788034607889-sesp1vppx /* =========================================================
2952   BRICKS
2953========================================================= */
2954
2955.vsx-bricks {
2956
2957  display: grid;
2958  gap: 2px;
2959  grid-template-columns: repeat(4, 7px);
2960  grid-template-rows: repeat(3, 7px);
2961
2962}
2963#custom-code-1788034607889-sesp1vppx .vsx-bricks i {
2964
2965  background: linear-gradient(
2966    135deg,
2967    #ff86c7,
2968    #a9658e
2969  );
2970  box-shadow:
2971    inset -2px -2px 0 rgba(0, 0, 0, 0.18);
2972  display: block;
2973  height: 7px;
2974  width: 12px;
2975
2976}
2977#custom-code-1788034607889-sesp1vppx .vsx-bricks i:nth-child(1) {
2978
2979  grid-column: 1 / span 2;
2980  grid-row: 1;
2981
2982}
2983#custom-code-1788034607889-sesp1vppx .vsx-bricks i:nth-child(2) {
2984
2985  grid-column: 3 / span 2;
2986  grid-row: 1;
2987
2988}
2989#custom-code-1788034607889-sesp1vppx .vsx-bricks i:nth-child(3) {
2990
2991  grid-column: 1 / span 2;
2992  grid-row: 2;
2993  transform: translateX(5px);
2994
2995}
2996#custom-code-1788034607889-sesp1vppx .vsx-bricks i:nth-child(4) {
2997
2998  grid-column: 3 / span 2;
2999  grid-row: 2;
3000  transform: translateX(5px);
3001
3002}
3003#custom-code-1788034607889-sesp1vppx .vsx-bricks i:nth-child(5) {
3004
3005  grid-column: 1 / span 2;
3006  grid-row: 3;
3007
3008}
3009#custom-code-1788034607889-sesp1vppx .vsx-bricks i:nth-child(6) {
3010
3011  grid-column: 3 / span 2;
3012  grid-row: 3;
3013
3014}
3015#custom-code-1788034607889-sesp1vppx /* =========================================================
3016   FARM ICON
3017========================================================= */
3018
3019.vsx-farm-icon {
3020
3021  background:
3022    linear-gradient(#ff9dd1, #ff9dd1)
3023      13px 0 / 5px 5px no-repeat,
3024
3025    linear-gradient(#ff82c4, #ff82c4)
3026      7px 5px / 7px 5px no-repeat,
3027
3028    linear-gradient(#ef75b7, #ef75b7)
3029      17px 6px / 7px 5px no-repeat,
3030
3031    linear-gradient(#dd6daa, #dd6daa)
3032      6px 11px / 7px 5px no-repeat,
3033
3034    linear-gradient(#cb71a3, #cb71a3)
3035      18px 12px / 7px 5px no-repeat,
3036
3037    linear-gradient(#bd709c, #bd709c)
3038      5px 19px / 9px 5px no-repeat,
3039
3040    linear-gradient(#a96991, #a96991)
3041      17px 21px / 9px 5px no-repeat,
3042
3043    linear-gradient(
3044      to bottom,
3045      #ff8bc8,
3046      #bd6f9d
3047    )
3048      14px 4px / 4px 27px no-repeat,
3049
3050    linear-gradient(
3051      90deg,
3052      transparent,
3053      rgba(255, 112, 187, 0.38),
3054      #ff70bb,
3055      rgba(185, 140, 255, 0.38),
3056      transparent
3057    )
3058      2px 30px / 28px 3px no-repeat;
3059
3060  height: 34px;
3061  image-rendering: pixelated;
3062  position: relative;
3063  width: 32px;
3064
3065}
3066#custom-code-1788034607889-sesp1vppx /* =========================================================
3067   ART ICON
3068========================================================= */
3069
3070.vsx-art-icon {
3071
3072  background:
3073    linear-gradient(
3074      #ff9fd4,
3075      #ff9fd4
3076    ) 21px 5px / 5px 5px no-repeat,
3077
3078    linear-gradient(
3079      135deg,
3080      transparent 48%,
3081      rgba(185, 140, 255, 0.75) 49% 70%,
3082      transparent 71%
3083    ) 4px 8px / 23px 15px no-repeat,
3084
3085    linear-gradient(
3086      45deg,
3087      transparent 38%,
3088      #e66fb1 39% 68%,
3089      transparent 69%
3090    ) 0 12px / 22px 13px no-repeat,
3091
3092    linear-gradient(
3093      to bottom,
3094      transparent 0 17px,
3095      #75495f 17px 100%
3096    ),
3097
3098    linear-gradient(
3099      180deg,
3100      #372737,
3101      #211922
3102    );
3103
3104  border: 3px solid #d96bab;
3105  box-shadow:
3106    inset 0 0 0 1px rgba(255, 255, 255, 0.07),
3107    3px 3px 0 rgba(0, 0, 0, 0.22);
3108  height: 29px;
3109  image-rendering: pixelated;
3110  position: relative;
3111  width: 35px;
3112
3113}
3114#custom-code-1788034607889-sesp1vppx .vsx-art-icon::before {
3115
3116  background: rgba(255, 255, 255, 0.18);
3117  content: &quot;&quot;;
3118  height: 2px;
3119  left: 2px;
3120  position: absolute;
3121  top: 2px;
3122  width: 12px;
3123
3124}
3125#custom-code-1788034607889-sesp1vppx .vsx-art-icon::after {
3126
3127  background: #a35c86;
3128  bottom: 3px;
3129  box-shadow:
3130    5px 0 0 #804861,
3131    10px 0 0 #5e394b,
3132    15px 0 0 #a96691;
3133  content: &quot;&quot;;
3134  height: 3px;
3135  left: 4px;
3136  position: absolute;
3137  width: 4px;
3138
3139}
3140#custom-code-1788034607889-sesp1vppx /* =========================================================
3141   WORLD CONTENT
3142========================================================= */
3143
3144.vsx-world-card h3 {
3145
3146  font-size: clamp(1.16rem, 1.8vw, 1.4rem);
3147  letter-spacing: -0.04em;
3148  line-height: 1.25;
3149  margin: 0 0 10px;
3150
3151}
3152#custom-code-1788034607889-sesp1vppx .vsx-world-card &gt; p {
3153
3154  color: var(--vsx-muted);
3155  font-size: 0.86rem;
3156  line-height: 1.61;
3157  margin: 0 0 17px;
3158  max-width: 560px;
3159
3160}
3161#custom-code-1788034607889-sesp1vppx .vsx-world-note {
3162
3163  background: rgba(255, 255, 255, 0.025);
3164  border-left: 2px solid rgba(255, 112, 187, 0.5);
3165  border-radius: 0 7px 7px 0;
3166  margin-bottom: 20px;
3167  padding: 9px 11px;
3168
3169}
3170#custom-code-1788034607889-sesp1vppx .vsx-world-note strong {
3171
3172  color: rgba(255, 255, 255, 0.86);
3173  display: block;
3174  font-family: &quot;Nunito&quot;, sans-serif;
3175  font-size: 0.69rem;
3176  margin-bottom: 2px;
3177
3178}
3179#custom-code-1788034607889-sesp1vppx .vsx-world-note span {
3180
3181  color: var(--vsx-muted);
3182  font-size: 0.68rem;
3183  line-height: 1.42;
3184
3185}
3186#custom-code-1788034607889-sesp1vppx .vsx-world-card footer {
3187
3188  border-top: 1px solid var(--vsx-line);
3189  display: flex;
3190  flex-wrap: wrap;
3191  gap: 7px;
3192  margin-top: auto;
3193  padding-top: 16px;
3194
3195}
3196#custom-code-1788034607889-sesp1vppx .vsx-world-card footer span {
3197
3198  background: rgba(255, 255, 255, 0.035);
3199  border-radius: 999px;
3200  color: var(--vsx-muted);
3201  font-size: 0.64rem;
3202  font-weight: 750;
3203  padding: 6px 9px;
3204
3205}
3206#custom-code-1788034607889-sesp1vppx /* =========================================================
3207   MAP
3208========================================================= */
3209
3210.vsx-map {
3211
3212  align-items: center;
3213  background:
3214    radial-gradient(
3215      circle at 88% 12%,
3216      rgba(255, 112, 187, 0.08),
3217      transparent 35%
3218    ),
3219    linear-gradient(
3220      150deg,
3221      var(--vsx-bg-1),
3222      var(--vsx-bg-2)
3223    );
3224  border: 1px solid var(--vsx-line);
3225  border-radius: 24px;
3226  display: grid;
3227  gap: clamp(36px, 5vw, 72px);
3228  grid-template-columns:
3229    minmax(280px, 0.58fr)
3230    minmax(480px, 1fr);
3231  overflow: hidden;
3232  padding: clamp(30px, 4.5vw, 50px);
3233  position: relative;
3234
3235}
3236#custom-code-1788034607889-sesp1vppx .vsx-map-copy &gt; p {
3237
3238  color: var(--vsx-muted);
3239  font-size: 0.92rem;
3240  line-height: 1.68;
3241  margin: 19px 0 24px;
3242  max-width: 540px;
3243
3244}
3245#custom-code-1788034607889-sesp1vppx .vsx-map-meta {
3246
3247  display: grid;
3248  gap: 12px;
3249  margin-bottom: 27px;
3250
3251}
3252#custom-code-1788034607889-sesp1vppx .vsx-map-meta-item {
3253
3254  align-items: center;
3255  color: var(--vsx-muted);
3256  display: flex;
3257  font-size: 0.71rem;
3258  font-weight: 750;
3259  gap: 10px;
3260  line-height: 1.4;
3261
3262}
3263#custom-code-1788034607889-sesp1vppx .vsx-map-status-dot {
3264
3265  background: #74e49a;
3266  border-radius: 50%;
3267  box-shadow: 0 0 9px rgba(116, 228, 154, 0.55);
3268  flex: 0 0 6px;
3269  height: 6px;
3270  width: 6px;
3271
3272}
3273#custom-code-1788034607889-sesp1vppx .vsx-map-pixel-icon {
3274
3275  display: grid;
3276  flex: 0 0 12px;
3277  gap: 2px;
3278  grid-template-columns: repeat(2, 5px);
3279  grid-template-rows: repeat(2, 5px);
3280  height: 12px;
3281  width: 12px;
3282
3283}
3284#custom-code-1788034607889-sesp1vppx .vsx-map-pixel-icon i {
3285
3286  background: linear-gradient(
3287    135deg,
3288    var(--vsx-pink),
3289    var(--vsx-purple)
3290  );
3291  display: block;
3292  height: 5px;
3293  width: 5px;
3294
3295}
3296#custom-code-1788034607889-sesp1vppx .vsx-map-pixel-icon i:nth-child(2), #custom-code-1788034607889-sesp1vppx .vsx-map-pixel-icon i:nth-child(3) {
3297
3298  opacity: 0.55;
3299
3300}
3301#custom-code-1788034607889-sesp1vppx .vsx-map-btn {
3302
3303  width: max-content;
3304
3305}
3306#custom-code-1788034607889-sesp1vppx /* =========================================================
3307   MAP PREVIEW
3308========================================================= */
3309
3310.vsx-map-preview {
3311
3312  aspect-ratio: 16 / 9;
3313  background: rgba(255, 255, 255, 0.025);
3314  border: 1px solid rgba(255, 255, 255, 0.11);
3315  border-radius: 19px;
3316  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.18);
3317  display: block;
3318  isolation: isolate;
3319  min-height: 330px;
3320  overflow: hidden;
3321  position: relative;
3322  transition:
3323    transform 0.3s ease,
3324    border-color 0.3s ease,
3325    box-shadow 0.3s ease;
3326
3327}
3328#custom-code-1788034607889-sesp1vppx .vsx-map-preview:hover {
3329
3330  border-color: rgba(255, 112, 187, 0.3);
3331  box-shadow: 0 27px 65px rgba(0, 0, 0, 0.27);
3332  transform: translateY(-4px);
3333
3334}
3335#custom-code-1788034607889-sesp1vppx .vsx-map-image {
3336
3337  display: block;
3338  height: 100%;
3339  inset: 0;
3340  object-fit: cover;
3341  object-position: center;
3342  position: absolute;
3343  transition: transform 0.55s ease;
3344  width: 100%;
3345  z-index: -3;
3346
3347}
3348#custom-code-1788034607889-sesp1vppx .vsx-map-preview:hover .vsx-map-image {
3349
3350  transform: scale(1.018);
3351
3352}
3353#custom-code-1788034607889-sesp1vppx .vsx-map-overlay {
3354
3355  background: linear-gradient(
3356    to bottom,
3357    rgba(12, 9, 13, 0.03) 0%,
3358    rgba(12, 9, 13, 0.01) 45%,
3359    rgba(12, 9, 13, 0.12) 68%,
3360    rgba(12, 9, 13, 0.82) 100%
3361  );
3362  inset: 0;
3363  pointer-events: none;
3364  position: absolute;
3365  z-index: -2;
3366
3367}
3368#custom-code-1788034607889-sesp1vppx .vsx-map-preview::after {
3369
3370  border: 1px solid rgba(255, 255, 255, 0.045);
3371  border-radius: 15px;
3372  content: &quot;&quot;;
3373  inset: 5px;
3374  pointer-events: none;
3375  position: absolute;
3376
3377}
3378#custom-code-1788034607889-sesp1vppx /* MAP TOP */
3379
3380.vsx-map-preview-top {
3381
3382  align-items: center;
3383  display: flex;
3384  justify-content: space-between;
3385  left: 17px;
3386  position: absolute;
3387  right: 17px;
3388  top: 17px;
3389
3390}
3391#custom-code-1788034607889-sesp1vppx .vsx-map-badge {
3392
3393  backdrop-filter: blur(10px);
3394  background: rgba(13, 10, 14, 0.72);
3395  border: 1px solid rgba(255, 255, 255, 0.11);
3396  border-radius: 999px;
3397  color: rgba(255, 255, 255, 0.82);
3398  font-size: 0.57rem;
3399  font-weight: 900;
3400  letter-spacing: 0.11em;
3401  padding: 7px 10px;
3402  text-transform: uppercase;
3403
3404}
3405#custom-code-1788034607889-sesp1vppx .vsx-map-live {
3406
3407  align-items: center;
3408  backdrop-filter: blur(10px);
3409  background: rgba(11, 27, 18, 0.72);
3410  border: 1px solid rgba(116, 228, 154, 0.18);
3411  border-radius: 999px;
3412  color: rgba(194, 255, 214, 0.88);
3413  display: flex;
3414  font-family: &quot;Lexend&quot;, sans-serif;
3415  font-size: 0.53rem;
3416  font-weight: 800;
3417  gap: 6px;
3418  padding: 7px 9px;
3419
3420}
3421#custom-code-1788034607889-sesp1vppx .vsx-map-live i {
3422
3423  background: #74e49a;
3424  border-radius: 50%;
3425  box-shadow: 0 0 8px rgba(116, 228, 154, 0.65);
3426  height: 5px;
3427  width: 5px;
3428
3429}
3430#custom-code-1788034607889-sesp1vppx /* MAP BOTTOM */
3431
3432.vsx-map-preview-bottom {
3433
3434  align-items: end;
3435  bottom: 0;
3436  display: flex;
3437  gap: 20px;
3438  justify-content: space-between;
3439  left: 0;
3440  padding: clamp(19px, 3vw, 27px);
3441  position: absolute;
3442  right: 0;
3443
3444}
3445#custom-code-1788034607889-sesp1vppx .vsx-map-preview-caption &gt; span {
3446
3447  color: rgba(255, 255, 255, 0.58);
3448  display: block;
3449  font-size: 0.66rem;
3450  font-weight: 750;
3451  margin-bottom: 4px;
3452
3453}
3454#custom-code-1788034607889-sesp1vppx .vsx-map-preview-caption strong {
3455
3456  color: white;
3457  display: block;
3458  font-size: clamp(0.98rem, 1.6vw, 1.24rem);
3459  letter-spacing: -0.035em;
3460  line-height: 1.28;
3461
3462}
3463#custom-code-1788034607889-sesp1vppx .vsx-map-open {
3464
3465  align-items: center;
3466  backdrop-filter: blur(8px);
3467  background: rgba(16, 12, 17, 0.76);
3468  border: 1px solid rgba(255, 255, 255, 0.15);
3469  border-radius: 50%;
3470  display: flex;
3471  flex: 0 0 42px;
3472  height: 42px;
3473  justify-content: center;
3474  transition:
3475    background 0.2s ease,
3476    border-color 0.2s ease,
3477    transform 0.2s ease;
3478  width: 42px;
3479
3480}
3481#custom-code-1788034607889-sesp1vppx .vsx-map-open .vsx-arrow {
3482
3483  color: white;
3484  height: 8px;
3485  margin-left: -2px;
3486  width: 8px;
3487
3488}
3489#custom-code-1788034607889-sesp1vppx .vsx-map-preview:hover .vsx-map-open {
3490
3491  background: linear-gradient(
3492    135deg,
3493    var(--vsx-pink),
3494    var(--vsx-purple)
3495  );
3496  border-color: transparent;
3497  transform: translateX(3px);
3498
3499}
3500#custom-code-1788034607889-sesp1vppx /* =========================================================
3501   EXPERIENCE
3502========================================================= */
3503
3504.vsx-experience {
3505
3506  padding: clamp(12px, 2vw, 20px) 0;
3507
3508}
3509#custom-code-1788034607889-sesp1vppx .vsx-feature-grid {
3510
3511  display: grid;
3512  gap: 12px;
3513  grid-template-columns: 1.2fr repeat(3, 0.75fr);
3514
3515}
3516#custom-code-1788034607889-sesp1vppx .vsx-feature {
3517
3518  background: linear-gradient(
3519    150deg,
3520    var(--vsx-bg-1),
3521    var(--vsx-bg-2)
3522  );
3523  border: 1px solid var(--vsx-line);
3524  border-radius: 17px;
3525  min-height: 225px;
3526  overflow: hidden;
3527  padding: clamp(20px, 2.6vw, 27px);
3528  position: relative;
3529
3530}
3531#custom-code-1788034607889-sesp1vppx .vsx-feature-large {
3532
3533  background:
3534    radial-gradient(
3535      circle at 12% 12%,
3536      rgba(255, 112, 187, 0.15),
3537      transparent 45%
3538    ),
3539    linear-gradient(
3540      150deg,
3541      var(--vsx-bg-1),
3542      var(--vsx-bg-2)
3543    );
3544
3545}
3546#custom-code-1788034607889-sesp1vppx .vsx-feature-label {
3547
3548  color: var(--vsx-pink);
3549  display: block;
3550  font-size: 0.6rem;
3551  font-weight: 900;
3552  letter-spacing: 0.15em;
3553  margin-bottom: 15px;
3554  text-transform: uppercase;
3555
3556}
3557#custom-code-1788034607889-sesp1vppx .vsx-feature strong {
3558
3559  display: block;
3560  font-size: clamp(0.98rem, 1.45vw, 1.18rem);
3561  letter-spacing: -0.03em;
3562  line-height: 1.35;
3563  margin-bottom: 9px;
3564
3565}
3566#custom-code-1788034607889-sesp1vppx .vsx-feature p {
3567
3568  color: var(--vsx-muted);
3569  font-size: 0.77rem;
3570  line-height: 1.54;
3571  margin: 0;
3572  position: relative;
3573  z-index: 2;
3574
3575}
3576#custom-code-1788034607889-sesp1vppx .vsx-feature-icon {
3577
3578  align-items: center;
3579  background: rgba(255, 112, 187, 0.045);
3580  border: 1px solid rgba(255, 112, 187, 0.18);
3581  border-radius: 11px;
3582  color: var(--vsx-pink);
3583  display: flex;
3584  font-family: &quot;Lexend&quot;, sans-serif;
3585  font-size: 0.95rem;
3586  height: 38px;
3587  justify-content: center;
3588  margin-bottom: 23px;
3589  width: 38px;
3590
3591}
3592#custom-code-1788034607889-sesp1vppx .vsx-year {
3593
3594  bottom: -16px;
3595  color: rgba(255, 255, 255, 0.035);
3596  font-family: &quot;Lexend&quot;, sans-serif;
3597  font-size: clamp(4rem, 7vw, 7rem);
3598  font-weight: 900;
3599  letter-spacing: -0.1em;
3600  pointer-events: none;
3601  position: absolute;
3602  right: 20px;
3603
3604}
3605#custom-code-1788034607889-sesp1vppx /* =========================================================
3606   JOIN
3607========================================================= */
3608
3609.vsx-join {
3610
3611  background:
3612    linear-gradient(
3613      110deg,
3614      rgba(16, 12, 21, 0.33),
3615      rgba(16, 12, 21, 0.5)
3616    ),
3617    linear-gradient(
3618      115deg,
3619      var(--vsx-pink),
3620      var(--vsx-purple)
3621    );
3622  border: 1px solid rgba(255, 255, 255, 0.13);
3623  border-radius: 25px;
3624  display: grid;
3625  gap: clamp(30px, 5vw, 65px);
3626  grid-template-columns:
3627    minmax(0, 0.95fr)
3628    minmax(330px, 0.7fr);
3629  isolation: isolate;
3630  overflow: hidden;
3631  padding: clamp(30px, 5vw, 54px);
3632  position: relative;
3633
3634}
3635#custom-code-1788034607889-sesp1vppx .vsx-join-grid {
3636
3637  background-image:
3638    linear-gradient(
3639      rgba(255, 255, 255, 0.035) 1px,
3640      transparent 1px
3641    ),
3642    linear-gradient(
3643      90deg,
3644      rgba(255, 255, 255, 0.035) 1px,
3645      transparent 1px
3646    );
3647  background-size: 42px 42px;
3648  inset: 0;
3649  opacity: 0.45;
3650  pointer-events: none;
3651  position: absolute;
3652  z-index: -2;
3653
3654}
3655#custom-code-1788034607889-sesp1vppx .vsx-join-light {
3656
3657  background: white;
3658  border-radius: 50%;
3659  filter: blur(100px);
3660  height: 350px;
3661  opacity: 0.07;
3662  position: absolute;
3663  right: -170px;
3664  top: -170px;
3665  width: 350px;
3666  z-index: -1;
3667
3668}
3669#custom-code-1788034607889-sesp1vppx .vsx-join-copy {
3670
3671  align-self: center;
3672
3673}
3674#custom-code-1788034607889-sesp1vppx .vsx-eyebrow-white {
3675
3676  color: rgba(255, 255, 255, 0.68);
3677
3678}
3679#custom-code-1788034607889-sesp1vppx .vsx-eyebrow-white &gt; span {
3680
3681  background: white;
3682
3683}
3684#custom-code-1788034607889-sesp1vppx .vsx-join h2 {
3685
3686  font-size: clamp(1.9rem, 3.5vw, 2.85rem);
3687
3688}
3689#custom-code-1788034607889-sesp1vppx .vsx-join h2 em {
3690
3691  background: none;
3692  color: white;
3693  -webkit-text-fill-color: initial;
3694
3695}
3696#custom-code-1788034607889-sesp1vppx .vsx-join-copy &gt; p {
3697
3698  color: rgba(255, 255, 255, 0.78);
3699  font-size: 0.91rem;
3700  line-height: 1.65;
3701  margin: 20px 0 26px;
3702  max-width: 570px;
3703
3704}
3705#custom-code-1788034607889-sesp1vppx .vsx-btn-white {
3706
3707  background: white;
3708  box-shadow: 0 14px 30px rgba(16, 12, 21, 0.18);
3709  color: #171219;
3710
3711}
3712#custom-code-1788034607889-sesp1vppx .vsx-btn-dark {
3713
3714  background: rgba(16, 12, 21, 0.16);
3715  border-color: rgba(255, 255, 255, 0.21);
3716  color: white;
3717
3718}
3719#custom-code-1788034607889-sesp1vppx /* =========================================================
3720   JOIN STEPS
3721========================================================= */
3722
3723.vsx-steps {
3724
3725  align-self: center;
3726  backdrop-filter: blur(10px);
3727  background: rgba(16, 12, 21, 0.19);
3728  border: 1px solid rgba(255, 255, 255, 0.15);
3729  border-radius: 18px;
3730  list-style: none;
3731  margin: 0;
3732  padding: 8px 20px;
3733
3734}
3735#custom-code-1788034607889-sesp1vppx .vsx-steps li {
3736
3737  align-items: start;
3738  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
3739  display: grid;
3740  gap: 14px;
3741  grid-template-columns: 34px 1fr;
3742  padding: 16px 0;
3743
3744}
3745#custom-code-1788034607889-sesp1vppx .vsx-steps li:last-child {
3746
3747  border-bottom: 0;
3748
3749}
3750#custom-code-1788034607889-sesp1vppx .vsx-step {
3751
3752  color: rgba(255, 255, 255, 0.45);
3753  font-family: &quot;Lexend&quot;, sans-serif;
3754  font-size: 0.66rem;
3755  padding-top: 3px;
3756
3757}
3758#custom-code-1788034607889-sesp1vppx .vsx-steps strong {
3759
3760  color: white;
3761  display: block;
3762  font-size: 0.85rem;
3763  margin-bottom: 4px;
3764
3765}
3766#custom-code-1788034607889-sesp1vppx .vsx-steps p {
3767
3768  color: rgba(255, 255, 255, 0.72);
3769  font-size: 0.76rem;
3770  line-height: 1.48;
3771  margin: 0;
3772
3773}
3774#custom-code-1788034607889-sesp1vppx .vsx-steps b {
3775
3776  color: white;
3777
3778}
3779#custom-code-1788034607889-sesp1vppx /* =========================================================
3780   RESPONSIVE
3781========================================================= */
3782
3783@container vsx (max-width: 1150px) {
3784
3785
3786  .vsx-hero {
3787    grid-template-columns: 1fr;
3788  
3789}
3790#custom-code-1788034607889-sesp1vppx .vsx-map {
3791
3792    grid-template-columns: 1fr;
3793  
3794}
3795#custom-code-1788034607889-sesp1vppx .vsx-map-copy {
3796
3797    max-width: 720px;
3798  
3799}
3800#custom-code-1788034607889-sesp1vppx .vsx-world-grid {
3801
3802    grid-template-columns: repeat(2, minmax(0, 1fr));
3803  
3804}
3805#custom-code-1788034607889-sesp1vppx .vsx-world-card:last-child {
3806
3807    grid-column: 1 / -1;
3808  
3809}
3810#custom-code-1788034607889-sesp1vppx .vsx-feature-grid {
3811
3812    grid-template-columns:
3813      repeat(2, minmax(0, 1fr));
3814  
3815}
3816#custom-code-1788034607889-sesp1vppx .vsx-feature-large {
3817
3818    grid-column: 1 / -1;
3819  
3820}
3821#custom-code-1788034607889-sesp1vppx }
3822
3823
3824@container vsx (max-width: 850px) {
3825
3826
3827  .vsx-section-head {
3828    align-items: start;
3829    gap: 17px;
3830    grid-template-columns: 1fr;
3831  
3832}
3833#custom-code-1788034607889-sesp1vppx .vsx-section-head &gt; p {
3834
3835    max-width: 650px;
3836  
3837}
3838#custom-code-1788034607889-sesp1vppx .vsx-join {
3839
3840    grid-template-columns: 1fr;
3841  
3842}
3843#custom-code-1788034607889-sesp1vppx .vsx-world-grid {
3844
3845    grid-template-columns: 1fr;
3846  
3847}
3848#custom-code-1788034607889-sesp1vppx .vsx-world-card:last-child {
3849
3850    grid-column: auto;
3851  
3852}
3853#custom-code-1788034607889-sesp1vppx }
3854
3855
3856@container vsx (max-width: 680px) {
3857
3858
3859  .vsx-feature-grid {
3860    grid-template-columns: 1fr;
3861  
3862}
3863#custom-code-1788034607889-sesp1vppx .vsx-feature-large {
3864
3865    grid-column: auto;
3866  
3867}
3868#custom-code-1788034607889-sesp1vppx .vsx-world-card {
3869
3870    min-height: 0;
3871  
3872}
3873#custom-code-1788034607889-sesp1vppx }
3874
3875
3876@container vsx (max-width: 560px) {
3877
3878
3879  .vsx {
3880    gap: 16px;
3881    margin-top: 1rem;
3882  
3883}
3884#custom-code-1788034607889-sesp1vppx .vsx-hero, #custom-code-1788034607889-sesp1vppx .vsx-worlds, #custom-code-1788034607889-sesp1vppx .vsx-map, #custom-code-1788034607889-sesp1vppx .vsx-join {
3885
3886    border-radius: 18px;
3887    padding: 22px 16px;
3888  
3889}
3890#custom-code-1788034607889-sesp1vppx .vsx h2 {
3891
3892    font-size: 1.5rem;
3893    letter-spacing: -0.045em;
3894  
3895}
3896#custom-code-1788034607889-sesp1vppx .vsx-hero h2, #custom-code-1788034607889-sesp1vppx .vsx-join h2 {
3897
3898    font-size: 1.65rem;
3899  
3900}
3901#custom-code-1788034607889-sesp1vppx .vsx-hero-copy &gt; p, #custom-code-1788034607889-sesp1vppx .vsx-section-head &gt; p, #custom-code-1788034607889-sesp1vppx .vsx-map-copy &gt; p, #custom-code-1788034607889-sesp1vppx .vsx-join-copy &gt; p {
3902
3903    font-size: 0.86rem;
3904    line-height: 1.58;
3905  
3906}
3907#custom-code-1788034607889-sesp1vppx .vsx-eyebrow {
3908
3909    font-size: 0.6rem;
3910    letter-spacing: 0.145em;
3911  
3912}
3913#custom-code-1788034607889-sesp1vppx .vsx-tags {
3914
3915    gap: 6px;
3916  
3917}
3918#custom-code-1788034607889-sesp1vppx .vsx-tags span {
3919
3920    font-size: 0.66rem;
3921    padding: 7px 9px;
3922  
3923}
3924#custom-code-1788034607889-sesp1vppx .vsx-welcome {
3925
3926    border-radius: 15px;
3927    padding: 17px 14px;
3928  
3929}
3930#custom-code-1788034607889-sesp1vppx .vsx-actions, #custom-code-1788034607889-sesp1vppx .vsx-btn, #custom-code-1788034607889-sesp1vppx .vsx-map-btn {
3931
3932    width: 100%;
3933  
3934}
3935#custom-code-1788034607889-sesp1vppx .vsx-world-card, #custom-code-1788034607889-sesp1vppx .vsx-feature {
3936
3937    border-radius: 15px;
3938    padding: 19px 16px;
3939  
3940}
3941#custom-code-1788034607889-sesp1vppx .vsx-world-card &gt; p {
3942
3943    font-size: 0.82rem;
3944  
3945}
3946#custom-code-1788034607889-sesp1vppx .vsx-map-preview {
3947
3948    aspect-ratio: 4 / 3;
3949    border-radius: 15px;
3950    min-height: 245px;
3951  
3952}
3953#custom-code-1788034607889-sesp1vppx .vsx-map-preview-top {
3954
3955    left: 12px;
3956    right: 12px;
3957    top: 12px;
3958  
3959}
3960#custom-code-1788034607889-sesp1vppx .vsx-map-badge {
3961
3962    font-size: 0.51rem;
3963  
3964}
3965#custom-code-1788034607889-sesp1vppx .vsx-map-preview-bottom {
3966
3967    padding: 16px;
3968  
3969}
3970#custom-code-1788034607889-sesp1vppx .vsx-map-preview-caption strong {
3971
3972    font-size: 0.9rem;
3973  
3974}
3975#custom-code-1788034607889-sesp1vppx .vsx-map-open {
3976
3977    flex-basis: 38px;
3978    height: 38px;
3979    width: 38px;
3980  
3981}
3982#custom-code-1788034607889-sesp1vppx .vsx-steps {
3983
3984    border-radius: 15px;
3985    padding: 6px 13px;
3986  
3987}
3988#custom-code-1788034607889-sesp1vppx .vsx-steps li {
3989
3990    gap: 9px;
3991    grid-template-columns: 27px 1fr;
3992    padding: 14px 0;
3993  
3994}
3995#custom-code-1788034607889-sesp1vppx .vsx-steps p {
3996
3997    font-size: 0.73rem;
3998  
3999}
4000#custom-code-1788034607889-sesp1vppx }
4001
4002
4003@container vsx (max-width: 390px) {
4004
4005
4006  .vsx-stats {
4007    grid-template-columns: 1fr;
4008  
4009}
4010#custom-code-1788034607889-sesp1vppx .vsx-stats &gt; div {
4011
4012    align-items: center;
4013    border-bottom: 1px solid var(--vsx-line);
4014    border-right: 0;
4015    display: grid;
4016    gap: 9px;
4017    grid-template-columns: 55px 1fr;
4018    padding: 9px 4px;
4019    text-align: left;
4020  
4021}
4022#custom-code-1788034607889-sesp1vppx .vsx-stats &gt; div:last-child {
4023
4024    border-bottom: 0;
4025  
4026}
4027#custom-code-1788034607889-sesp1vppx .vsx-stats strong {
4028
4029    margin: 0;
4030  
4031}
4032#custom-code-1788034607889-sesp1vppx .vsx-stats span {
4033
4034    font-size: 0.66rem;
4035  
4036}
4037#custom-code-1788034607889-sesp1vppx .vsx-map-live {
4038
4039    display: none;
4040  
4041}
4042
4043    </style>
4044<style>
4045    .custom-code-component {
4046        width: 100%;
4047        min-height: 50px;
4048        position: relative;
4049    }
4050    
4051    .custom-code-content {
4052        width: 100%;
4053    }
4054    
4055    .custom-code-placeholder {
4056        display: flex;
4057        flex-direction: column;
4058        align-items: center;
4059        justify-content: center;
4060        padding: 3rem 2rem;
4061        text-align: center;
4062        color: rgba(255, 255, 255, 0.4);
4063        background: rgba(255, 255, 255, 0.03);
4064        border-radius: 12px;
4065        border: 2px dashed rgba(255, 255, 255, 0.1);
4066        gap: 0.5rem;
4067    }
4068    
4069    .custom-code-placeholder svg {
4070        opacity: 0.5;
4071        margin-bottom: 0.5rem;
4072    }
4073    
4074    .custom-code-placeholder p {
4075        font-size: 1.1rem;
4076        font-weight: 600;
4077        margin: 0;
4078        color: rgba(255, 255, 255, 0.6);
4079    }
4080    
4081    .custom-code-placeholder span {
4082        font-size: 0.85rem;
4083        font-style: italic;
4084    }
4085</style>
4086<style>
4087    .apex-big-footer {
4088        position: relative;
4089        padding: 0;
4090        margin-top: 2rem;
4091        overflow: hidden;
4092    }
4093    
4094    .apex-big-footer-inner {
4095        position: relative;
4096        z-index: 1;
4097        padding: 2.5rem;
4098        border-radius:0;
4099        border-top-left-radius: 11px;
4100        border-top-right-radius: 11px;
4101    }
4102    
4103    .apex-big-footer-grid {
4104        display: grid;
4105        grid-template-columns: 1.8fr repeat(3, 1fr);
4106        gap: 2.5rem;
4107    }
4108    
4109    /* Brand */
4110    .apex-big-footer-brand {
4111        padding-right: 1rem;
4112    }
4113    
4114    .apex-big-footer-logo {
4115        max-height: 45px;
4116        width: auto;
4117        margin-bottom: 1rem;
4118        filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3));
4119    }
4120    
4121    .apex-big-footer-title {
4122        font-size: 1.5rem;
4123        font-weight: 700;
4124        margin-bottom: 0.75rem;
4125    }
4126    
4127    .apex-big-footer-desc {
4128        font-size: 0.9rem;
4129        color: var(--text-muted);
4130        line-height: 1.6;
4131        margin-bottom: 1.25rem;
4132        max-width: 280px;
4133    }
4134    
4135    /* Social buttons */
4136    .apex-big-footer-socials {
4137        display: flex;
4138        gap: 0.5rem;
4139        flex-wrap: wrap;
4140    }
4141    
4142    .apex-big-footer-social-btn {
4143        display: inline-flex;
4144        align-items: center;
4145        justify-content: center;
4146        width: 38px;
4147        height: 38px;
4148        border-radius: 10px;
4149        background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
4150        color: var(--color2);
4151        font-size: 1rem;
4152        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
4153        border: 1px solid rgba(255, 255, 255, 0.08);
4154    }
4155    
4156    .apex-big-footer-social-btn:hover {
4157        background: var(--social-bg);
4158        color: white;
4159        transform: translateY(-3px) scale(1.05);
4160        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
4161        border-color: transparent;
4162    }
4163    
4164    /* Links columns */
4165    .apex-big-footer-links {
4166        min-width: 0;
4167    }
4168    
4169    .apex-big-footer-links-heading {
4170        font-size: 0.8rem;
4171        font-weight: 700;
4172        text-transform: uppercase;
4173        letter-spacing: 1.5px;
4174        color: var(--color2);
4175        margin-bottom: 1rem;
4176        padding-bottom: 0.5rem;
4177        position: relative;
4178    }
4179    
4180    .apex-big-footer-links-heading::after {
4181        content: "";
4182        position: absolute;
4183        bottom: 0;
4184        left: 0;
4185        width: 30px;
4186        height: 2px;
4187        background: linear-gradient(90deg, var(--color5), var(--color6));
4188        border-radius: 2px;
4189    }
4190    
4191    .apex-big-footer-links ul {
4192        list-style: none;
4193        padding: 0;
4194        margin: 0;
4195    }
4196    
4197    .apex-big-footer-links li {
4198        margin-bottom: 0.5rem;
4199    }
4200    
4201    .apex-big-footer-links a {
4202        display: inline-block;
4203        font-size: 0.9rem;
4204        color: var(--text-muted);
4205        text-decoration: none;
4206        transition: all 0.25s ease;
4207        padding: 0.2rem 0;
4208        position: relative;
4209    }
4210    
4211    .apex-big-footer-links a::before {
4212        content: "";
4213        position: absolute;
4214        left: 0;
4215        bottom: 0;
4216        width: 0;
4217        height: 1px;
4218        background: white;
4219        transition: width 0.3s ease;
4220    }
4221    
4222    .apex-big-footer-links a:hover {
4223        color: var(--color2);
4224        transform: translateX(5px);
4225    }
4226    
4227    .apex-big-footer-links a:hover::before {
4228        width: 100%;
4229    }
4230    
4231    /* Newsletter */
4232    .apex-big-footer-newsletter {
4233        margin-top: 2rem;
4234        padding-top: 1.5rem;
4235        border-top: 1px solid rgba(255, 255, 255, 0.08);
4236    }
4237    
4238    .apex-big-footer-newsletter-inner {
4239        display: flex;
4240        align-items: center;
4241        justify-content: space-between;
4242        gap: 1.5rem;
4243        flex-wrap: wrap;
4244    }
4245    
4246    .apex-big-footer-newsletter-text {
4247        display: flex;
4248        align-items: center;
4249        gap: 0.75rem;
4250        font-size: 0.95rem;
4251        color: var(--color2);
4252        font-weight: 500;
4253    }
4254    
4255    .apex-big-footer-newsletter-icon {
4256        font-size: 1.25rem;
4257    }
4258    
4259    .apex-big-footer-newsletter-form {
4260        display: flex;
4261        gap: 0.5rem;
4262        flex: 1;
4263        max-width: 400px;
4264    }
4265    
4266    .apex-big-footer-newsletter-input {
4267        flex: 1;
4268        background: rgba(255, 255, 255, 0.05);
4269        border: 1px solid rgba(255, 255, 255, 0.1);
4270        border-radius: 10px;
4271        padding: 0.65rem 1rem;
4272        color: var(--color2);
4273        font-size: 0.9rem;
4274        transition: all 0.25s ease;
4275    }
4276    
4277    .apex-big-footer-newsletter-input:focus {
4278        outline: none;
4279        border-color: var(--color5);
4280        background: rgba(255, 255, 255, 0.08);
4281        box-shadow: 0 0 0 3px rgba(124, 77, 253, 0.15);
4282    }
4283    
4284    .apex-big-footer-newsletter-input::placeholder {
4285        color: var(--text-muted);
4286    }
4287    
4288    .apex-big-footer-newsletter-btn {
4289        padding: 0.65rem 1.25rem;
4290        border-radius: 10px;
4291        font-size: 0.9rem;
4292        font-weight: 600;
4293    }
4294    
4295    /* Responsive */
4296    @media (max-width: 1024px) {
4297        .apex-big-footer-grid {
4298            grid-template-columns: 1fr 1fr;
4299            gap: 2rem;
4300        }
4301        
4302        .apex-big-footer-brand {
4303            grid-column: span 2;
4304            padding-right: 0;
4305            text-align: center;
4306        }
4307        
4308        .apex-big-footer-desc {
4309            max-width: none;
4310            margin-left: auto;
4311            margin-right: auto;
4312        }
4313        
4314        .apex-big-footer-socials {
4315            justify-content: center;
4316        }
4317    }
4318    
4319    @media (max-width: 640px) {
4320        .apex-big-footer-inner {
4321            padding: 1.75rem 1rem;
4322        }
4323        
4324        .apex-big-footer-grid {
4325            grid-template-columns: 1fr;
4326            gap: 0.5rem;
4327        }
4328        
4329        .apex-big-footer-brand {
4330            grid-column: span 1;
4331            padding-bottom: 1rem;
4332            margin-bottom: 1rem;
4333            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
4334        }
4335        
4336        /* Collapsible sections on mobile */
4337        .apex-big-footer-links {
4338            text-align: left;
4339            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
4340            padding: 0.75rem 0;
4341        }
4342        
4343        .apex-big-footer-links-heading {
4344            cursor: pointer;
4345            margin-bottom: 0;
4346            padding: 0.5rem 0;
4347            display: flex;
4348            justify-content: space-between;
4349            align-items: center;
4350            user-select: none;
4351            transition: color 0.3s ease;
4352        }
4353        
4354        .apex-big-footer-links-heading:hover {
4355            color: var(--color5);
4356        }
4357        
4358        .apex-big-footer-links-heading::after {
4359            display: none;
4360        }
4361        
4362        .apex-footer-collapse-icon {
4363            font-size: 0.9rem;
4364            transition: transform 0.3s ease;
4365            opacity: 0.7;
4366        }
4367        
4368        .apex-footer-collapsible.active .apex-footer-collapse-icon {
4369            transform: rotate(180deg);
4370        }
4371        
4372        .apex-footer-collapse-content {
4373            max-height: 0;
4374            overflow: hidden;
4375            transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
4376            opacity: 0;
4377        }
4378        
4379        .apex-footer-collapsible.active .apex-footer-collapse-content {
4380            max-height: 500px;
4381            opacity: 1;
4382            padding-top: 0.5rem;
4383            transition: max-height 0.4s ease-in, opacity 0.3s ease-in;
4384        }
4385        
4386        .apex-big-footer-links li {
4387            margin-bottom: 0.75rem;
4388        }
4389        
4390        .apex-big-footer-newsletter {
4391            margin-top: 1.5rem;
4392            padding-top: 1.5rem;
4393        }
4394        
4395        .apex-big-footer-newsletter-inner {
4396            flex-direction: column;
4397            text-align: center;
4398            gap: 1rem;
4399        }
4400        
4401        .apex-big-footer-newsletter-text {
4402            justify-content: center;
4403        }
4404        
4405        .apex-big-footer-newsletter-form {
4406            width: 100%;
4407            max-width: none;
4408            flex-direction: column;
4409            gap: 0.75rem;
4410        }
4411        
4412        .apex-big-footer-newsletter-input,
4413        .apex-big-footer-newsletter-btn {
4414            width: 100%;
4415        }
4416    }
4417    
4418    /* Desktop: hide collapse icons */
4419    @media (min-width: 641px) {
4420        .apex-footer-collapse-icon {
4421            display: none;
4422        }
4423    }
4424</style>
4425<style>
4426    .apex-footer {
4427        position: relative;
4428        background: linear-gradient(180deg, var(--color4) 0%, rgba(13, 12, 23, 0.95) 100%);
4429        border-bottom-left-radius: 11px;
4430        border-bottom-right-radius: 11px;
4431        padding: 1rem 0;
4432        overflow: hidden;
4433    }
4434    
4435    /* Full border radius when big footer is disabled */
4436    .apex-footer-standalone {
4437        border-radius: 11px;
4438        margin-top: 2rem;
4439    }
4440    
4441    .apex-footer-content {
4442        display: flex;
4443        align-items: center;
4444        justify-content: space-between;
4445        gap: 1.5rem;
4446    }
4447    
4448    .apex-footer-brand {
4449        display: flex;
4450        align-items: center;
4451        gap: 1rem;
4452    }
4453    
4454    .apex-footer-logo {
4455        height: 24px;
4456        width: auto;
4457        opacity: 0.8;
4458        transition: opacity 0.3s ease;
4459    }
4460    
4461    .apex-footer-logo:hover {
4462        opacity: 1;
4463    }
4464    
4465    .apex-footer-copyright {
4466        color: rgba(255, 255, 255, 0.5);
4467        font-size: 0.9rem;
4468    }
4469    
4470    .apex-footer-powered {
4471        color: rgba(255, 255, 255, 0.35);
4472        font-size: 0.85rem;
4473        margin-left: auto;
4474    }
4475    
4476    .apex-footer-powered a {
4477        color: rgba(255, 255, 255, 0.45);
4478        text-decoration: none;
4479        transition: color 0.2s ease;
4480    }
4481    
4482    .apex-footer-powered a:hover {
4483        color: var(--color5);
4484    }
4485    
4486    .apex-footer-theme-credit {
4487        color: rgba(255, 255, 255, 0.4);
4488        font-size: 0.85rem;
4489        position: relative;
4490        z-index: 9999 !important;
4491        pointer-events: all !important;
4492    }
4493    
4494    .apex-footer-theme-credit a {
4495        color: rgba(255, 255, 255, 0.5) !important;
4496        text-decoration: none !important;
4497        transition: color 0.2s ease !important;
4498        display: inline !important;
4499        visibility: visible !important;
4500        opacity: 1 !important;
4501        position: relative !important;
4502    }
4503    
4504    .apex-footer-theme-credit a:hover {
4505        color: var(--color5) !important;
4506    }
4507    
4508    #tmc-x7k9q2, #tmc-lnk-j4p8, #tmc-lnk-j4p8 * {
4509        display: block !important;
4510        visibility: visible !important;
4511        opacity: 1 !important;
4512        position: relative !important;
4513        height: auto !important;
4514        width: auto !important;
4515        overflow: visible !important;
4516        clip: unset !important;
4517        clip-path: none !important;
4518    }
4519    
4520    #tmc-lnk-j4p8 {
4521        display: inline !important;
4522    }
4523    
4524    .apex-footer-social {
4525        display: flex;
4526        align-items: center;
4527        gap: 0.4rem;
4528    }
4529    
4530    .apex-footer-social-link {
4531        display: flex;
4532        align-items: center;
4533        justify-content: center;
4534        width: 32px;
4535        height: 32px;
4536        border-radius: 8px;
4537        background: rgba(255, 255, 255, 0.05);
4538        color: rgba(255, 255, 255, 0.5);
4539        font-size: 0.85rem;
4540        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
4541        border: 1px solid rgba(255, 255, 255, 0.05);
4542    }
4543    
4544    .apex-footer-social-link:hover {
4545        background: var(--social-color, var(--color5));
4546        color: white;
4547        transform: translateY(-2px);
4548        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
4549        border-color: transparent;
4550    }
4551    
4552    /* Responsive */
4553    @media (max-width: 768px) {
4554        .apex-footer {
4555            padding: 1.25rem 0;
4556        }
4557        
4558        .apex-footer-content {
4559            flex-direction: column;
4560            text-align: center;
4561            gap: 0.75rem;
4562            padding-left: 1.5rem !important;
4563            padding-right: 1.5rem !important;
4564        }
4565        
4566        .apex-footer-brand {
4567            flex-direction: column;
4568            gap: 0.5rem;
4569        }
4570        
4571        .apex-footer-logo {
4572            height: 20px;
4573        }
4574        
4575        .apex-footer-copyright {
4576            font-size: 0.8rem;
4577        }
4578        
4579        .apex-footer-powered {
4580            order: 3;
4581            font-size: 0.75rem;
4582            margin-left: 0;
4583        }
4584        
4585        .apex-footer-theme-credit {
4586            order: 4;
4587            font-size: 0.75rem;
4588        }
4589    }
4590    
4591    @media (max-width: 575.98px) {
4592        .apex-footer-content {
4593            padding-left: 1rem !important;
4594            padding-right: 1rem !important;
4595        }
4596        
4597        .apex-footer-copyright {
4598            font-size: 0.75rem;
4599        }
4600        
4601        .apex-footer-powered {
4602            font-size: 0.7rem;
4603        }
4604        
4605        .apex-footer-theme-credit {
4606            font-size: 0.7rem;
4607        }
4608    }
4609</style>
4610</head>
4611
4612
4613<body data-bs-theme="dark" class="navbar-position-left navbar-style-attached ">
4614    
4615    <div id="apex-loader" style="position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;background:var(--color1, #0a0a12);display:flex;align-items:center;justify-content:center;transition:opacity 0.2s ease, visibility 0.2s ease;">
4616        <div style="text-align:center;">
4617            <div style="width:50px;height:50px;border-radius:50%;border:3px solid rgba(var(--color5-rgb, 138,43,226),0.15);border-top-color:var(--color5, #7c4dfd);animation:apex-spin 0.8s linear infinite;margin:0 auto 1rem;"></div>
4618            <div style="font-family:var(--font-heading, 'Lexend', sans-serif);font-weight:700;font-size:0.85rem;text-transform:uppercase;letter-spacing:2px;color:var(--color2, #fff);opacity:0.6;">Загрузка</div>
4619        </div>
4620    </div>
4621    
4622    
4622<script>
4623        (function(){
4624            var start = Date.now();
4625            var minVisible = 100;
4626            var hidden = false;
4627
4628            function hideLoader(){
4629                if (hidden) {
4630                    return;
4631                }
4632
4633                var elapsed = Date.now() - start;
4634                var remaining = Math.max(0, minVisible - elapsed);
4635
4636                setTimeout(function(){
4637                    var loader = document.getElementById('apex-loader');
4638                    if (!loader) {
4639                        return;
4640                    }
4641
4642                    hidden = true;
4643                    loader.classList.add('apex-loader-hidden');
4644                    setTimeout(function(){ if(loader) loader.style.display='none'; }, 220);
4645                }, remaining);
4646            }
4647
4648            function bindLcpImage(img) {
4649                if (!img) {
4650                    hideLoader();
4651                    return;
4652                }
4653
4654                if (img.complete) {
4655                    hideLoader();
4656                    return;
4657                }
4658
4659                img.addEventListener('load', hideLoader, { once: true });
4660                img.addEventListener('error', hideLoader, { once: true });
4661            }
4662
4663            function setupLoaderHide() {
4664                bindLcpImage(document.querySelector('#app-background img'));
4665            }
4666
4667            if (document.readyState === 'loading') {
4668                document.addEventListener('DOMContentLoaded', setupLoaderHide, { once: true });
4669            } else {
4670                setupLoaderHide();
4671            }
4672
4673            // Fallbacks to avoid a stuck loader and to handle browser cache edge cases.
4674            window.addEventListener('load', hideLoader, { once: true });
4675            setTimeout(hideLoader, 1200);
4676        })();
4677    </script>
4677
4678
4679    
4680    
4680<script>
4681        window.APEX_EDITOR_ZONES = {"global.profile":{"name":"\u0412\u0438\u0434\u0436\u0435\u0442 \u043f\u0440\u043e\u0444\u0438\u043b\u044f","category":"\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0439","type":"single","default":"profile-component","components":{"profile-component":{"name":"\u041a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043f\u0440\u043e\u0444\u0438\u043b\u044c","description":"\u041e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u043e\u0444\u0438\u043b\u044c \u0441 \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0438\u043c\u0438 \u043c\u0435\u043d\u044e","view":"components.profile-component","icon":"person","initFunction":"apexInit_ProfileComponent","config":[]}}},"global.dynamic":{"name":"\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0439 \u043d\u0438\u0436\u043d\u0438\u0439 \u0440\u0430\u0437\u0434\u0435\u043b","category":"\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0439","type":"dynamic","default":[],"components":{"trailer-component":{"name":"\u0422\u0440\u0435\u0439\u043b\u0435\u0440 \/ \u0412\u0438\u0434\u0435\u043e","description":"\u0412\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u043e\u0435 \u0432\u0438\u0434\u0435\u043e \u0441 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u043c \u0438 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c","view":"components.trailer-component","icon":"play-circle","initFunction":"apexInit_TrailerComponent","config":{"title":{"type":"text","label":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a","default":"\u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u0434\u043b\u044f \u0441\u0435\u0431\u044f \u043d\u0430\u0448 \u043c\u0438\u0440"},"description":{"type":"textarea","label":"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435","default":"\u0418\u0441\u043f\u044b\u0442\u0430\u0439\u0442\u0435 \u0443\u0434\u0438\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0438\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0432 \u043d\u0430\u0448\u0435\u0439 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u0432\u0441\u0435\u043b\u0435\u043d\u043d\u043e\u0439. \u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u0442\u0440\u0435\u0439\u043b\u0435\u0440, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0438\u0434\u0435\u0442\u044c, \u0447\u0442\u043e \u0432\u0430\u0441 \u0436\u0434\u0435\u0442!"},"youtubeUrl":{"type":"url","label":"URL \u0432\u0438\u0434\u0435\u043e YouTube","default":""},"buttonText":{"type":"text","label":"\u0422\u0435\u043a\u0441\u0442 \u043a\u043d\u043e\u043f\u043a\u0438 (\u043e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u043f\u0443\u0441\u0442\u044b\u043c, \u0447\u0442\u043e\u0431\u044b \u0441\u043a\u0440\u044b\u0442\u044c)","default":"\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435"},"buttonLink":{"type":"url","label":"\u0421\u0441\u044b\u043b\u043a\u0430 \u043a\u043d\u043e\u043f\u043a\u0438","default":"#"}}},"split-content-component":{"name":"\u0420\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442","description":"\u0422\u0435\u043a\u0441\u0442 \u0441 \u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u044b, \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0441 \u0434\u0440\u0443\u0433\u043e\u0439","view":"components.split-content-component","icon":"layout-split","initFunction":"apexInit_SplitContentComponent","config":{"subtitle":{"type":"text","label":"\u041f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a (\u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e)","default":"\u041d\u041e\u0412\u041e\u0421\u0422\u0418"},"title":{"type":"text","label":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a","default":"\u0423\u0434\u0438\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438"},"description":{"type":"textarea","label":"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435","default":"\u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u0434\u043b\u044f \u0441\u0435\u0431\u044f \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0434\u0435\u043b\u0430\u044e\u0442 \u043d\u0430\u0448 \u0441\u0435\u0440\u0432\u0435\u0440 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u044b\u043c. \u0418\u0433\u0440\u0430\u0439\u0442\u0435 \u0441 \u0434\u0440\u0443\u0437\u044c\u044f\u043c\u0438 \u0438 \u0432\u0435\u0441\u0435\u043b\u0438\u0442\u0435\u0441\u044c!"},"image":{"type":"image","label":"\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435","default":"default"},"imagePosition":{"type":"select","label":"\u041f\u043e\u0437\u0438\u0446\u0438\u044f \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f","options":{"right":"\u
46810421\u043f\u0440\u0430\u0432\u0430","left":"\u0421\u043b\u0435\u0432\u0430"},"default":"right"},"buttonText":{"type":"text","label":"\u0422\u0435\u043a\u0441\u0442 \u043a\u043d\u043e\u043f\u043a\u0438 (\u043e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u043f\u0443\u0441\u0442\u044b\u043c, \u0447\u0442\u043e\u0431\u044b \u0441\u043a\u0440\u044b\u0442\u044c)","default":"\u0423\u0437\u043d\u0430\u0442\u044c"},"buttonLink":{"type":"url","label":"\u0421\u0441\u044b\u043b\u043a\u0430 \u043a\u0646\u043e\u043f\u043a\u0438","default":"#"}}},"features-grid-component":{"name":"\u0421\u0435\u0442\u043a\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u0439","description":"\u0421\u0435\u0442\u043a\u0430 \u0438\u0437 3 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u0441 \u0438\u043a\u043e\u043d\u043a\u0430\u043c\u0438","view":"components.features-grid-component","icon":"grid-3x3","initFunction":"apexInit_FeaturesGridComponent","config":{"title":{"type":"text","label":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0440\u0430\u0437\u0434\u0435\u043b\u0430","default":"\u041f\u043e\u0447\u0435\u043c\u0443 \u0441\u0442\u043e\u0438\u0442 \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u043d\u0430\u0441?"},"subtitle":{"type":"text","label":"\u041f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0440\u0430\u0437\u0434\u0435\u043b\u0430","default":"\u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u0434\u043b\u044f \u0441\u0435\u0431\u044f, \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u043d\u0430\u0448 \u0441\u0435\u0440\u0432\u0435\u0440 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u043c"},"feature1Icon":{"type":"text","label":"\u0424\u0443\u043d\u043a\u0446\u0438\u044f 1 - \u0418\u043a\u043e\u043d\u043a\u0430 (Bootstrap Icons)","default":"bi-people-fill"},"feature1Title":{"type":"text","label":"\u0424\u0443\u043d\u043a\u0446\u0438\u044f 1 - \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a","default":"\u0410\u043a\u0442\u0438\u0432\u043d\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e"},"feature1Description":{"type":"textarea","label":"\u0424\u0443\u043d\u043a\u0446\u0438\u044f 1 - \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435","default":"\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u043a \u0442\u044b\u0441\u044f\u0447\u0430\u043c \u0438\u0433\u0440\u043e\u043a\u043e\u0432 \u0432 \u043d\u0430\u0448\u0435\u043c \u0434\u0440\u0443\u0436\u0435\u043b\u044e\u0431\u043d\u043e\u043c \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0435."},"feature2Icon":{"type":"text","label":"\u0424\u0443\u043d\u043a\u0446\u0438\u044f 2 - \u0418\u043a\u043e\u043d\u043a\u0430 (Bootstrap Icons)","default":"bi-lightning-fill"},"feature2Title":{"type":"text","label":"\u0424\u0443\u043d\u043a\u0446\u0438\u044f 2 - \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a","default":"\u0412\u044b\u0441\u043e\u043a\u0430\u044f \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c"},"feature2Description":{"type":"textarea","label":"\u0424\u0443\u043d\u043a\u0446\u0438\u044f 2 - \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435","default":"\u0418\u0441\u043f\u044b\u0442\u0430\u0439\u0442\u0435 \u0438\u0433\u0440\u043e\u0432\u043e\u0439 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0431\u0435\u0437 \u0437\u0430\u0434\u0435\u0440\u0436\u0435\u043a \u0441 \u043d\u0430\u0448\u0438\u043c\u0438 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c\u0438 \u0441\u0435\u0440\u0432\u0435\u0440\u0430\u043c\u0438."},"feature3Icon":{"type":"text","label":"\u0424\u0443\u043d\u043a\u0446\u0438\u044f 3 - \u0418\u043a\u043e\u043d\u043a\u0430 (Bootstrap Icons)","default":"bi-star-fill"},"feature3Title":{"type":"text","label":"\u0424\u0443\u043d\u043a\u0446\u0438\u044f 3 - \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a","default":"\u0423\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442"},"feature3Description":{"type":"textarea","label":"\u0424\u0443\u043d\u043a\u0446\u0438\u044f 3 - \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435","default":"\u0418\u0441\u0441\u043b\u0435\u0434\u0443\u0439\u0442\u0435 \u044d\u043a\u0441\u043a\u043b\u044e\u0437\u0438\u0432\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u044b \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u0442\u0435 \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0438\u0433\u0434\u0435."}}},"cta-banner-component":{"name":"\u041f\u0440\u0438\u0437\u044b\u0432 \u043a \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044e","description":"\u0413\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u043d\u044b\u0439 \u0431\u0430\u043d\u043d\u0435\u0440 \u0441 \u043a\u043d\u043e\u043f\u043a\u0430\u043c\u0438 CTA","view":"components.cta-banner-component","icon":"megaphone","initFunction":"apexInit_CtaBannerComponent","config":{"title":{"type":"text","label":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a","default":"\u0413\u043e\u0442\u043e\u0432\u044b \u043f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f \u043a \u043f\u0440\u0438\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044e?"},"description":{"type":"textarea","label":"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435","default":"\u041d\u0430\u0447\u043d\u0438\u0442\u0435 \u0441\u0432\u043e\u0435 \u043f\u0443\u0442\u0435\u0448\u0435\u0441\u0442\u0432\u0438\u0435 \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u0438 \u0441\u0442\u0430\u043d\u044c\u0442\u0435 \u0447\u0430\u0441\u0442\u044c\u044e \u043d\u0430\u0448\u0435\u0433\u043e \u0443\u0434\u0438\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430!"},"primaryButtonText":{"type":"text","label":"\u0422\u0435\u043a\u0441\u0442 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u0438","default":"\u041d\u0430\u0447\u0430\u0442\u044c"},"primaryButtonLink":{"type":"url","label":"\u0421\u0441\u044b\u043b\u043a\u0430 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u0438","default":"\/register"},"secondaryButtonText":{"type":"text","label":"\u0422\u0435\u043a\u0441\u0442 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u0438 (\u043e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u043f\u0443\u0441\u0442\u044b\u043c, \u0447\u0442\u043e\u0431\u044b \u0441\u043a\u0440\u044b\u0442\u044c)","default":"\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435"},"secondaryButtonLink":{"type":"url","label":"\u0421\u0441\u044b\u043b\u043a\u0430 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u0438","default":"#"}}},"text-block-component":{"name":"\u0422\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u0431\u043b\u043e\u043a","description":"\u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u0440\u0430\u0437\u0434\u0435\u043b \u0441 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u043c","view":"components.text-block-component","icon":"text-paragraph","initFunction":"apexInit_TextBlockComponent","config":{"subtitle":{"type":"text","label":"\u041f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a (\u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e)","default":""},"title":{"type":"text","label":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a","default":"\u041e \u043d\u0430\u0441"},"content":{"type":"textarea","label":"\u0421\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435","default":"\u0414\u043e\u0431\u0440\u043e \u043f\u043e\u0436\u0430\u043b\u043e\u0432\u0430\u0442\u044c \u043d\u0430 \u043d\u0430\u0448 \u0441\u0435\u0440\u0432\u0435\u0440! \u041c\u044b - \u0443\u0432\u043b\u0435\u0447\u0435\u043d\u043d\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e, \u0441\u0442\u0440\u0435\u043c\u044f\u0449\u0435\u0435\u0441\u044f \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043b\u0443\u0447\u0448\u0438\u0439 \u0438\u0433\u0440\u043e\u0432\u043e\u0439 \u043e\u043f\u044b\u0442."},"alignment":{"type":"select","label":"\u0412\u044b\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u043d\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u0430","options":{"left":"\u0421\u043b\u0435\u0432\u0430","center":"\u041f\u043e \u0446\u0435\u043d\u0442\u0440\u0443","right":"\u
46810421\u043f\u0440\u0430\u0432\u0430"},"default":"left"},"buttonText":{"type":"text","label":"\u0422\u0435\u043a\u0441\u0442 \u043a\u043d\u043e\u043f\u043a\u0438 (\u043e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u043f\u0443\u0441\u0442\u044b\u043c, \u0447\u0442\u043e\u0431\u044b \u0441\u043a\u0440\u044b\u0442\u044c)","default":""},"buttonLink":{"type":"url","label":"\u0421\u0441\u044b\u043b\u043a\u0430 \u043a\u043d\u043e\u043f\u043a\u0438","default":"#"}}},"custom-code-component":{"name":"\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u043a\u043e\u0434","description":"\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435 HTML, CSS \u0438 JavaScript","view":"components.custom-code-component","icon":"code","initFunction":"apexInit_CustomCodeComponent","config":{"htmlCode":{"type":"code","language":"html","label":"HTML","default":""},"cssCode":{"type":"code","language":"css","label":"CSS","default":""},"jsCode":{"type":"code","language":"javascript","label":"JavaScript","default":""}}}}},"home.sidebar-left":{"name":"\u0412\u0438\u0434\u0436\u0435\u0442 \u043b\u0435\u0432\u043e\u0439 \u0431\u043e\u043a\u043e\u0432\u043e\u0439 \u043f\u0430\u043d\u0435\u043b\u0438","category":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f","type":"single","default":"search-component","page":"home","components":{"search-component":{"name":"\u0421\u0442\u0440\u043e\u043a\u0430 \u043f\u043e\u0438\u0441\u043a\u0430","description":"\u041f\u043e\u0438\u0441\u043a \u0441\u0442\u0430\u0442\u0435\u0439 \u0441 \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0438\u043c\u0438 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430\u043c\u0438","view":"components.search-component","icon":"search","initFunction":"apexInit_SearchComponent","config":{"placeholder":{"type":"text","label":"\u0422\u0435\u043a\u0441\u0442 \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0438","default":"\u041f\u043e\u0438\u0441\u043a \u0441\u0442\u0430\u0442\u0435\u0439..."}}},"shopbanner-mini-component":{"name":"\u0411\u0430\u043d\u043d\u0435\u0440 \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430 (\u043c\u0438\u043d\u0438)","description":"\u041a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u044b\u0439 \u0431\u0430\u043d\u043d\u0435\u0440 \u0434\u043b\u044f \u043f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430","view":"components.shopbanner-mini-component","icon":"shop","initFunction":"apexInit_ShopbannerMiniComponent","config":{"title":{"type":"text","label":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a","default":"\u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u0434\u043b\u044f \u0441\u0435\u0431\u044f \u043d\u0430\u0448 \u043c\u0430\u0433\u0430\u0437\u0438\u043d!"},"description":{"type":"text","label":"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435","default":"\u042d\u043a\u0441\u043a\u043b\u044e\u0437\u0438\u0432\u043d\u044b\u0435 \u0440\u0430\u043d\u0433\u0438, \u043a\u043e\u0441\u043c\u0435\u0442\u0438\u043a\u0430 \u0438 \u043a\u043b\u044e\u0447\u0438"},"buttonText":{"type":"text","label":"\u0422\u0435\u043a\u0441\u0442 \u043a\u043d\u043e\u043f\u043a\u0438","default":"\u041f\u043e\u0441\u0435\u0442\u0438\u0442\u044c \u043c\u0430\u0433\u0430\u0437\u0438\u043d"},"buttonLink":{"type":"text","label":"\u0421\u0441\u044b\u043b\u043a\u0430 \u043a\u043d\u043e\u043f\u043a\u0438","default":"\/shop"}}},"discord-banner-component":{"name":"\u0411\u0430\u043d\u043d\u0435\u0440 Discord","description":"\u041f\u0440\u0438\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u043f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f \u043a \u0432\u0430\u0448\u0435\u043c\u0443 Discord","view":"components.discord-banner-component","icon":"discord","initFunction":"apexInit_DiscordBannerComponent","config":{"title":{"type":"text","label":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a","default":"\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u043a \u043d\u0430\u0448\u0435\u043c\u0443 Discord!"},"description":{"type":"text","label":"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435","default":"\u041e\u0431\u0449\u0430\u0439\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u0448\u0438\u043c \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e\u043c"},"buttonText":{"type":"text","label":"\u0422\u0435\u043a\u0441\u0442 \u043a\u043d\u043e\u043f\u043a\u0438","default":"\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f \u043a Discord"},"discordLink":{"type":"text","label":"\u0421\u0441\u044b\u043b\u043a\u0430 \u043f\u0440\u0438\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u044f Discord","default":"https:\/\/discord.gg\/your-server"}}}}},"home.banner":{"name":"\u0411\u0430\u043d\u043d\u0435\u0440 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b","category":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f","type":"single","default":"homebanner-component","page":"home","components":{"homebanner-component":{"name":"\u0411\u0430\u043d\u043d\u0435\u0440 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b","description":"\u0413\u043b\u0430\u0432\u043d\u044b\u0439 \u0431\u0430\u043d\u043d\u0435\u0440 \u0441 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0435\u0439 \u043e \u0441\u0435\u0440\u0432\u0435\u0440\u0435","view":"components.homebanner-component","icon":"badge-ad","initFunction":"apexInit_HomebannerComponent","config":{"title":{"type":"text","label":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0431\u0430\u043d\u043d\u0435\u0440\u0430","default":"\u0414\u043e\u0431\u0440\u043e \u043f\u043e\u0436\u0430\u043b\u043e\u0432\u0430\u0442\u044c!"},"description":{"type":"textarea","label":"\u0422\u0435\u043a\u0441\u0442 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f","default":"\u0418\u0441\u0441\u043b\u0435\u0434\u0443\u0439\u0442\u0435 \u043d\u043e\u0432\u0443\u044e \u0432\u0441\u0435\u043b\u0435\u043d\u043d\u0443\u044e! \u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u043a \u043d\u0430\u043c \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u0438 \u0438\u0433\u0440\u0430\u0439\u0442\u0435 \u0441 \u0434\u0440\u0443\u0437\u044c\u044f\u043c\u0438!"},"helpText":{"type":"text","label":"\u0422\u0435\u043a\u0441\u0442 \u0441\u0441\u044b\u043b\u043a\u0438 \u043f\u043e\u043c\u043e\u0449\u0438","default":"\u041d\u0443\u0436\u043d\u0430 \u043f\u043e\u043c\u043e\u0449\u044c? \u041a\u0430\u043a \u043f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f?"},"helpLink":{"type":"url","label":"URL \u0441\u0441\u044b\u043b\u043a\u0438 \u043f\u043e\u043c\u043e\u0449\u0438","default":"#"}}},"newsbanner-component":{"name":"\u0411\u0430\u043d\u043d\u0435\u0440-\u043a\u0430\u0440\u0443\u0441\u0435\u043b\u044c \u043d\u043e\u0432\u043e\u0441\u0442\u0435\u0439","description":"\u0421\u0442\u0438\u043b\u044c\u043d\u0430\u044f \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u044c \u0441 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u043c\u0438 \u043d\u043e\u0432\u043e\u0441\u0442\u044f\u043c\u0438","view":"components.newsbanner-component","icon":"images","initFunction":"apexInit_NewsbannerComponent","config":{"postsCount":{"type":"select","label":"\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043d\u043e\u0432\u043e\u0441\u0442\u0435\u0439 \u0434\u043b\u044f \u043f\u043e\u043a\u0430\u0437\u0430","options":{"3":"3 \u043d\u043e\u0432\u043e\u0441\u0442\u0438","4":"4 \u043d\u043e\u0432\u043e\u0441\u0442\u0438","5":"5 \u043d\u043e\u0432\u043e\u0441\u0442\u0435\u0439","6":"6 \u043d\u043e\u0432\u043e\u0441\u0442\u0435\u0439","8":"8 \u043d\u043e\u0432\u043e\u0441\u0442\u0435\u0439","10":"10 \u043d\u043e\u0432\u043e\u0441\u0442\u0435\u0439"},"default":"5"},"autoPlay":{"type":"checkbox","label":"\u0410\u0432\u0442\u043e\u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438","default":true},"autoPlayInterval":{"type":"select","label":"\u0418\u043d\u0442\u0435\u0440\u0432\u0430\u043b \u0430\u0432\u0442\u043e\u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0438\u044f","options":{"3000":"3 \u0441\u0435\u043a\u0443\u043d\u0434\u044b","5000":"5 \u0441\u0435\u043a\u0443\u043d\u0434","7000":"7 \u0441\u0435\u043a\u0443\u043d\u0434","10000":"10 \u0441\u0435\u043a\u0443\u043d\u0434"},"default":"5000"}}}}},"home.shopbanner":{"name":"\u0411\u0430\u043d\u043d\u0435\u0440 \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430","category":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f","type":"single","default":"shopbanner-component","page":"home","components":{"shopbanner-component":{"name":"\u0411\u0430\u043d\u043d\u0435\u0440 \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430","description":"\u0411\u043e\u043b\u044c\u0448\u043e\u0439 \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0439 \u0431\u0430\u043d\u043d\u0435\u0440 \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430","view":"components.shopbanner-component","icon":"shop-window","initFunction":"apexInit_ShopbannerComponent","config":{"title":{"type":"text","label":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0431\u0430\u043d\u043d\u0435\u0440\u0430","default":"\u041e\u0422\u041a\u0420\u041e\u0419\u0422\u0415 \u0414\u041b\u
4681042f \u0421\u0415\u0411\u042f \u041d\u0410\u0428 \u041c\u0410\u0413\u0410\u0417\u0418\u041d!"},"description":{"type":"textarea","label":"\u0422\u0435\u043a\u0441\u0442 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f","default":"\u0418\u0441\u0441\u043b\u0435\u0434\u0443\u0439\u0442\u0435 \u043d\u0430\u0448 \u043c\u0430\u0433\u0430\u0437\u0438\u043d \u0434\u043b\u044f \u044d\u043a\u0441\u043a\u043b\u044e\u0437\u0438\u0432\u043d\u044b\u0445 \u0440\u0430\u043d\u0433\u043e\u0432 \u0438 \u043f\u043e\u0442\u0440\u044f\u0441\u0430\u044e\u0449\u0438\u0445 \u043a\u043b\u044e\u0447\u0435\u0439!"},"buttonText":{"type":"text","label":"\u0422\u0435\u043a\u0441\u0442 \u043a\u043d\u043e\u043f\u043a\u0438","default":"\u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u0432 \u043c\u0430\u0433\u0430\u0437\u0438\u043d"},"buttonLink":{"type":"text","label":"\u0421\u0441\u044b\u043b\u043a\u0430 \u043a\u043d\u043e\u043f\u043a\u0438","default":"\/shop"},"image":{"type":"image","label":"\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0431\u0430\u043d\u043d\u0435\u0440\u0430","default":"default"}}},"servers-component":{"name":"\u0421\u0435\u0440\u0432\u0435\u0440\u044b","description":"\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0432\u0441\u0435 \u0438\u0433\u0440\u043e\u0432\u044b\u0435 \u0441\u0435\u0440\u0432\u0435\u0440\u044b \u0441\u043e \u0441\u0442\u0430\u0442\u0443\u0441\u043e\u043c \u0438 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e\u043c \u0438\u0433\u0440\u043e\u043a\u043e\u0432","view":"components.servers-component","icon":"hdd-rack","initFunction":"apexInit_ServersComponent","config":{"title":{"type":"text","label":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0440\u0430\u0437\u0434\u0435\u043b\u0430","default":"\u041d\u0430\u0448\u0438 \u0441\u0435\u0440\u0432\u0435\u0440\u044b"}}}}},"home.vote":{"name":"\u0412\u0438\u0434\u0436\u0435\u0442 \u0433\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u043d\u0438\u044f","category":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f","type":"single","default":"vote-component","page":"home","components":{"vote-component":{"name":"\u0422\u0430\u0431\u043b\u0438\u0446\u0430 \u043b\u0438\u0434\u0435\u0440\u043e\u0432 \u0433\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u043d\u0438\u044f","description":"\u0422\u043e\u043f \u0433\u043e\u043b\u043e\u0441\u0443\u044e\u0449\u0438\u0445 \u0441 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c 3D-\u0441\u043a\u0438\u043d\u043e\u0432","view":"components.vote-component","icon":"trophy","initFunction":"apexInit_VoteComponent","config":{"voteText":{"type":"text","label":"\u0422\u0435\u043a\u0441\u0442 \u043a\u043d\u043e\u043f\u043a\u0438 \u0433\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u043d\u0438\u044f","default":"\u0413\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u0442\u044c"},"skin3D":{"type":"checkbox","label":"\u0412\u043a\u043b\u044e\u0447\u0438\u0442\u044c 3D-\u0441\u043a\u0438\u043d\u044b (Hytale\/Minecraft)","default":true}}},"discord-widget-component":{"name":"\u0412\u0438\u0434\u0436\u0435\u0442 Discord","description":"\u041e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0432\u0438\u0434\u0436\u0435\u0442 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 Discord \u0441 \u043e\u043d\u043b\u0430\u0439\u043d \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0430\u043c\u0438","view":"components.discord-widget-component","icon":"discord","initFunction":"apexInit_DiscordWidgetComponent","config":{"serverId":{"type":"text","label":"ID \u0441\u0435\u0440\u0432\u0435\u0440\u0430 Discord","default":""},"inviteLink":{"type":"url","label":"\u0421\u0441\u044b\u043b\u043a\u0430 \u043f\u0440\u0438\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u044f Discord","default":""}}}}},"home.dynamic":{"name":"\u0417\u043e\u043d\u0430 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430","category":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f","type":"dynamic","default":[],"page":"home","components":{"trailer-component":{"name":"\u0422\u0440\u0435\u0439\u043b\u0435\u0440 \/ \u0412\u0438\u0434\u0435\u043e","description":"\u0412\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u043e\u0435 \u0432\u0438\u0434\u0435\u043e \u0441 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u043c \u0438 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c","view":"components.trailer-component","icon":"play-circle","initFunction":"apexInit_TrailerComponent","config":{"title":{"type":"text","label":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a","default":"\u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u0434\u043b\u044f \u0441\u0435\u0431\u044f \u043d\u0430\u0448 \u043c\u0438\u0440"},"description":{"type":"textarea","label":"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435","default":"\u0418\u0441\u043f\u044b\u0442\u0430\u0439\u0442\u0435 \u0443\u0434\u0438\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0438\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0432 \u043d\u0430\u0448\u0435\u0439 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u0432\u0441\u0435\u043b\u0435\u043d\u043d\u043e\u0439. \u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u0442\u0440\u0435\u0439\u043b\u0435\u0440, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0438\u0434\u0435\u0442\u044c, \u0447\u0442\u043e \u0432\u0430\u0441 \u0436\u0434\u0435\u0442!"},"youtubeUrl":{"type":"url","label":"URL \u0432\u0438\u0434\u0435\u043e YouTube","default":""},"buttonText":{"type":"text","label":"\u0422\u0435\u043a\u0441\u0442 \u043a\u043d\u043e\u043f\u043a\u0438 (\u043e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u043f\u0443\u0441\u0442\u044b\u043c, \u0447\u0442\u043e\u0431\u044b \u0441\u043a\u0440\u044b\u0442\u044c)","default":"\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435"},"buttonLink":{"type":"url","label":"\u0421\u0441\u044b\u043b\u043a\u0430 \u043a\u043d\u043e\u043f\u043a\u0438","default":"#"}}},"split-content-component":{"name":"\u0420\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442","description":"\u0422\u0435\u043a\u0441\u0442 \u0441 \u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u044b, \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0441 \u0434\u0440\u0443\u0433\u043e\u0439","view":"components.split-content-component","icon":"layout-split","initFunction":"apexInit_SplitContentComponent","config":{"subtitle":{"type":"text","label":"\u041f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a (\u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e)","default":"\u041d\u041e\u0412\u041e\u0421\u0422\u0418"},"title":{"type":"text","label":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a","default":"\u0423\u0434\u0438\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438"},"description":{"type":"textarea","label":"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435","default":"\u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u0434\u043b\u044f \u0441\u0435\u0431\u044f \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0434\u0435\u043b\u0430\u044e\u0442 \u043d\u0430\u0448 \u0441\u0435\u0440\u0432\u0435\u0440 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u044b\u043c. \u0418\u0433\u0440\u0430\u0439\u0442\u0435 \u0441 \u0434\u0440\u0443\u0437\u044c\u044f\u043c\u0438 \u0438 \u0432\u0435\u0441\u0435\u043b\u0438\u0442\u0435\u0441\u044c!"},"image":{"type":"image","label":"\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435","default":"default"},"imagePosition":{"type":"select","label":"\u041f\u043e\u0437\u0438\u0446\u0438\u044f \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f","options":{"right":"\u
46810421\u043f\u0440\u0430\u0432\u0430","left":"\u0421\u043b\u0435\u0432\u0430"},"default":"right"},"buttonText":{"type":"text","label":"\u0422\u0435\u043a\u0441\u0442 \u043a\u043d\u043e\u043f\u043a\u0438 (\u043e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u043f\u0443\u0441\u0442\u044b\u043c, \u0447\u0442\u043e\u0431\u044b \u0441\u043a\u0440\u044b\u0442\u044c)","default":"\u0423\u0437\u043d\u0430\u0442\u044c"},"buttonLink":{"type":"url","label":"\u0421\u0441\u044b\u043b\u043a\u0430 \u043a\u0646\u043e\u043f\u043a\u0438","default":"#"}}},"features-grid-component":{"name":"\u0421\u0435\u0442\u043a\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u0439","description":"\u0421\u0435\u0442\u043a\u0430 \u0438\u0437 3 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u0441 \u0438\u043a\u043e\u043d\u043a\u0430\u043c\u0438","view":"components.features-grid-component","icon":"grid-3x3","initFunction":"apexInit_FeaturesGridComponent","config":{"title":{"type":"text","label":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0440\u0430\u0437\u0434\u0435\u043b\u0430","default":"\u041f\u043e\u0447\u0435\u043c\u0443 \u0441\u0442\u043e\u0438\u0442 \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u043d\u0430\u0441?"},"subtitle":{"type":"text","label":"\u041f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0440\u0430\u0437\u0434\u0435\u043b\u0430","default":"\u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u0434\u043b\u044f \u0441\u0435\u0431\u044f, \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u043d\u0430\u0448 \u0441\u0435\u0440\u0432\u0435\u0440 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u043c"},"feature1Icon":{"type":"text","label":"\u0424\u0443\u043d\u043a\u0446\u0438\u044f 1 - \u0418\u043a\u043e\u043d\u043a\u0430 (Bootstrap Icons)","default":"bi-people-fill"},"feature1Title":{"type":"text","label":"\u0424\u0443\u043d\u043a\u0446\u0438\u044f 1 - \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a","default":"\u0410\u043a\u0442\u0438\u0432\u043d\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e"},"feature1Description":{"type":"textarea","label":"\u0424\u0443\u043d\u043a\u0446\u0438\u044f 1 - \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435","default":"\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u043a \u0442\u044b\u0441\u044f\u0447\u0430\u043c \u0438\u0433\u0440\u043e\u043a\u043e\u0432 \u0432 \u043d\u0430\u0448\u0435\u043c \u0434\u0440\u0443\u0436\u0435\u043b\u044e\u0431\u043d\u043e\u043c \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0435."},"feature2Icon":{"type":"text","label":"\u0424\u0443\u043d\u043a\u0446\u0438\u044f 2 - \u0418\u043a\u043e\u043d\u043a\u0430 (Bootstrap Icons)","default":"bi-lightning-fill"},"feature2Title":{"type":"text","label":"\u0424\u0443\u043d\u043a\u0446\u0438\u044f 2 - \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a","default":"\u0412\u044b\u0441\u043e\u043a\u0430\u044f \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c"},"feature2Description":{"type":"textarea","label":"\u0424\u0443\u043d\u043a\u0446\u0438\u044f 2 - \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435","default":"\u0418\u0441\u043f\u044b\u0442\u0430\u0439\u0442\u0435 \u0438\u0433\u0440\u043e\u0432\u043e\u0439 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0431\u0435\u0437 \u0437\u0430\u0434\u0435\u0440\u0436\u0435\u043a \u0441 \u043d\u0430\u0448\u0438\u043c\u0438 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c\u0438 \u0441\u0435\u0440\u0432\u0435\u0440\u0430\u043c\u0438."},"feature3Icon":{"type":"text","label":"\u0424\u0443\u043d\u043a\u0446\u0438\u044f 3 - \u0418\u043a\u043e\u043d\u043a\u0430 (Bootstrap Icons)","default":"bi-star-fill"},"feature3Title":{"type":"text","label":"\u0424\u0443\u043d\u043a\u0446\u0438\u044f 3 - \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a","default":"\u0423\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442"},"feature3Description":{"type":"textarea","label":"\u0424\u0443\u043d\u043a\u0446\u0438\u044f 3 - \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435","default":"\u0418\u0441\u0441\u043b\u0435\u0434\u0443\u0439\u0442\u0435 \u044d\u043a\u0441\u043a\u043b\u044e\u0437\u0438\u0432\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u044b \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u0442\u0435 \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0438\u0433\u0434\u0435."}}},"cta-banner-component":{"name":"\u041f\u0440\u0438\u0437\u044b\u0432 \u043a \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044e","description":"\u0413\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u043d\u044b\u0439 \u0431\u0430\u043d\u043d\u0435\u0440 \u0441 \u043a\u043d\u043e\u043f\u043a\u0430\u043c\u0438 CTA","view":"components.cta-banner-component","icon":"megaphone","initFunction":"apexInit_CtaBannerComponent","config":{"title":{"type":"text","label":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a","default":"\u0413\u043e\u0442\u043e\u0432\u044b \u043f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f \u043a \u043f\u0440\u0438\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044e?"},"description":{"type":"textarea","label":"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435","default":"\u041d\u0430\u0447\u043d\u0438\u0442\u0435 \u0441\u0432\u043e\u0435 \u043f\u0443\u0442\u0435\u0448\u0435\u0441\u0442\u0432\u0438\u0435 \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u0438 \u0441\u0442\u0430\u043d\u044c\u0442\u0435 \u0447\u0430\u0441\u0442\u044c\u044e \u043d\u0430\u0448\u0435\u0433\u043e \u0443\u0434\u0438\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430!"},"primaryButtonText":{"type":"text","label":"\u0422\u0435\u043a\u0441\u0442 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u0438","default":"\u041d\u0430\u0447\u0430\u0442\u044c"},"primaryButtonLink":{"type":"url","label":"\u0421\u0441\u044b\u043b\u043a\u0430 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u0438","default":"\/register"},"secondaryButtonText":{"type":"text","label":"\u0422\u0435\u043a\u0441\u0442 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u0438 (\u043e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u043f\u0443\u0441\u0442\u044b\u043c, \u0447\u0442\u043e\u0431\u044b \u0441\u043a\u0440\u044b\u0442\u044c)","default":"\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435"},"secondaryButtonLink":{"type":"url","label":"\u0421\u0441\u044b\u043b\u043a\u0430 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u0438","default":"#"}}},"text-block-component":{"name":"\u0422\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u0431\u043b\u043e\u043a","description":"\u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u0440\u0430\u0437\u0434\u0435\u043b \u0441 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u043c","view":"components.text-block-component","icon":"text-paragraph","initFunction":"apexInit_TextBlockComponent","config":{"subtitle":{"type":"text","label":"\u041f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a (\u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e)","default":""},"title":{"type":"text","label":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a","default":"\u041e \u043d\u0430\u0441"},"content":{"type":"textarea","label":"\u0421\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435","default":"\u0414\u043e\u0431\u0440\u043e \u043f\u043e\u0436\u0430\u043b\u043e\u0432\u0430\u0442\u044c \u043d\u0430 \u043d\u0430\u0448 \u0441\u0435\u0440\u0432\u0435\u0440! \u041c\u044b - \u0443\u0432\u043b\u0435\u0447\u0435\u043d\u043d\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e, \u0441\u0442\u0440\u0435\u043c\u044f\u0449\u0435\u0435\u0441\u044f \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043b\u0443\u0447\u0448\u0438\u0439 \u0438\u0433\u0440\u043e\u0432\u043e\u0439 \u043e\u043f\u044b\u0442."},"alignment":{"type":"select","label":"\u0412\u044b\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u043d\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u0430","options":{"left":"\u0421\u043b\u0435\u0432\u0430","center":"\u041f\u043e \u0446\u0435\u043d\u0442\u0440\u0443","right":"\u
46810421\u043f\u0440\u0430\u0432\u0430"},"default":"left"},"buttonText":{"type":"text","label":"\u0422\u0435\u043a\u0441\u0442 \u043a\u043d\u043e\u043f\u043a\u0438 (\u043e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u043f\u0443\u0441\u0442\u044b\u043c, \u0447\u0442\u043e\u0431\u044b \u0441\u043a\u0440\u044b\u0442\u044c)","default":""},"buttonLink":{"type":"url","label":"\u0421\u0441\u044b\u043b\u043a\u0430 \u043a\u043d\u043e\u043f\u043a\u0438","default":"#"}}},"news-component":{"name":"\u041d\u043e\u0432\u043e\u0441\u0442\u0438 \/ \u0417\u0430\u043f\u0438\u0441\u0438 \u0431\u043b\u043e\u0433\u0430","description":"\u041e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0445 \u043d\u043e\u0432\u043e\u0441\u0442\u0435\u0439 \u0438 \u0437\u0430\u043f\u0438\u0441\u0435\u0439 \u0431\u043b\u043e\u0433\u0430 \u0432 \u0441\u0435\u0442\u043a\u0435","view":"components.news-component","icon":"newspaper","initFunction":"apexInit_NewsComponent","config":{"sectionTitle":{"type":"text","label":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0440\u0430\u0437\u0434\u0435\u043b\u0430","default":"\u041d\u043e\u0432\u043e\u0441\u0442\u0438"},"postsCount":{"type":"select","label":"\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0437\u0430\u043f\u0438\u0441\u0435\u0439 \u0434\u043b\u044f \u043f\u043e\u043a\u0430\u0437\u0430","options":{"3":"3 \u0437\u0430\u043f\u0438\u0441\u0438","4":"4 \u0437\u0430\u043f\u0438\u0441\u0438","5":"5 \u0437\u0430\u043f\u0438\u0441\u0435\u0439","6":"6 \u0437\u0430\u043f\u0438\u0441\u0435\u0439","7":"7 \u0437\u0430\u043f\u0438\u0441\u0435\u0439","8":"8 \u0437\u0430\u043f\u0438\u0441\u0435\u0439","9":"9 \u0437\u0430\u043f\u0438\u0441\u0435\u0439","10":"10 \u0437\u0430\u043f\u0438\u0441\u0435\u0439"},"default":"3"},"showMoreButton":{"type":"checkbox","label":"\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043a\u043d\u043e\u043f\u043a\u0443 \u0022\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435\u0022","default":true},"moreButtonText":{"type":"text","label":"\u0422\u0435\u043a\u0441\u0442 \u043a\u043d\u043e\u043f\u043a\u0438","default":"\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435"},"showDate":{"type":"checkbox","label":"\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0434\u0430\u0442\u0443 \u0437\u0430\u043f\u0438\u0441\u0438","default":true},"showLikes":{"type":"checkbox","label":"\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0441\u0447\u0435\u0442\u0447\u0438\u043a \u043b\u0430\u0439\u043a\u043e\u0432","default":true},"showComments":{"type":"checkbox","label":"\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0441\u0447\u0435\u0442\u0447\u0438\u043a \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0435\u0432","default":true},"truncateLength":{"type":"select","label":"\u0414\u043b\u0438\u043d\u0430 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f","options":{"80":"\u041a\u043e\u0440\u043e\u0442\u043a\u043e\u0435 (80 \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432)","120":"\u0421\u0440\u0435\u0434\u043d\u0435\u0435 (120 \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432)","200":"\u0414\u043b\u0438\u043d\u043d\u043e\u0435 (200 \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432)"},"default":"120"}}},"custom-code-component":{"name":"\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u043a\u043e\u0434","description":"\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435 HTML, CSS \u0438 JavaScript","view":"components.custom-code-component","icon":"code","initFunction":"apexInit_CustomCodeComponent","config":{"htmlCode":{"type":"code","language":"html","label":"HTML","default":""},"cssCode":{"type":"code","language":"css","label":"CSS","default":""},"jsCode":{"type":"code","language":"javascript","label":"JavaScript","default":""}}}}}};
4682        window.APEX_CURRENT_PAGE = 'home';
4683        window.APEX_CONFIG = {"config_version":"1.0.3","settings":{"colors":{"primary":"#ff70bb","secondary":"#e85a9f","background":"#100d10","card":"#191317","card_dark":"#0a080a","text":"#ffffff","text_muted":"rgba(255, 248, 252, 0.70)","card_bg":"#20171d"}
4683,"fonts":null,"updater":{"server_url":"https:\/\/apex-update.hytale-servers.best\/api.php"},"layout":{"navbar_position":"left","navbar_style":"attached"}},"zones":{"home.sidebar-left":"search-component","global.profile":"profile-component","home.banner":"homebanner-component","home.shopbanner":"shopbanner-component","home.vote":"vote-component"},"dynamicZones":{"home.dynamic":[{"componentId":"news-component","instanceId":"news-default"},{"componentId":"custom-code-component","instanceId":"1788034607889-sesp1vppx"}]},"bigFooter":{"enabled":"1","showSocialLinks":"1","showNewsletter":"0","title":"VanillaSquad","description":"\u0427\u0435\u0441\u0442\u043d\u043e\u0435 \u0432\u0430\u043d\u0438\u043b\u044c\u043d\u043e\u0435 \u0432\u044b\u0436\u0438\u0432\u0430\u043d\u0438\u0435, \u0436\u0438\u0432\u043e\u0439 \u043c\u0438\u0440 \u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0441\u043e\u0437\u0434\u0430\u0451\u0442 \u0438\u0441\u0442\u043e\u0440\u0438\u044e VanillaSquad.","column3Title":"\u0412\u0430\u0436\u043d\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f","column2Links":"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f|https:\/\/vanillasquad.com\/docs\r\n\u041a\u0430\u043d\u0430\u043b \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u0432 Discord|https:\/\/discord.com\/channels\/660357711174696970\/918216928076632135\r\nFAQ|\/faq","column3Links":"\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0435 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0435|\/terms\r\n\u041f\u0440\u0430\u0432\u0438\u043b\u0430 \u043e\u043f\u043b\u0430\u0442\u044b|\/payments\r\n\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445|\/privacy","column1Links":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f|\/\r\n\u041c\u0430\u0433\u0430\u0437\u0438\u043d|https:\/\/donate.vanillasquad.com\/\r\n\u041a\u0430\u0440\u0442\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0430|https:\/\/vanillasquad.com\/map\r\n\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0441\u0431\u043e\u0440\u043a\u0443 \u0441\u0435\u0440\u0432\u0435\u0440\u0430|https:\/\/vanillasquad.com\/modpack","column1Title":"\u0418\u0433\u0440\u043e\u043a\u0430\u043c","column2Title":"\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430"},"components":{"global.profile":{"profile-component":[]},"global.dynamic":{"trailer-component":{"title":"Discover Our World","description":"Experience an amazing adventure in our unique universe. Watch the trailer to see what awaits you!","youtubeUrl":null,"buttonText":"Learn More","buttonLink":"#"},"split-content-component":{"subtitle":"NEWS","title":"Amazing Features","description":"Discover the unique features that make our server special. Play with your friends and have fun!","image":"default","imagePosition":"right","buttonText":"Discover","buttonLink":"#"},"features-grid-component":{"title":"Why Choose Us?","subtitle":"Discover what makes our server unique","feature1Icon":"bi-people-fill","feature1Title":"Active Community","feature1Description":"Join thousands of players in our friendly community.","feature2Icon":"bi-lightning-fill","feature2Title":"High Performance","feature2Description":"Experience lag-free gameplay with our optimized servers.","feature3Icon":"bi-star-fill","feature3Title":"Unique Content","feature3Description":"Explore exclusive features you won\u0027t find anywhere else."},"cta-banner-component":{"title":"Ready to Join the Adventure?","description":"Start your journey today and become part of our amazing community!","primaryButtonText":"Get Started","primaryButtonLink":"\/register","secondaryButtonText":"Learn More","secondaryButtonLink":"#"},"text-block-component":{"subtitle":null,"title":"About Us","content":"Welcome to our server! We are a passionate community dedicated to providing the best gaming experience.","alignment":"left","buttonText":null,"buttonLink":"#"},"custom-code-component":{"htmlCode":null,"cssCode":null,"jsCode":null}},"home.sidebar-left":{"search-component":{"placeholder":"\u041f\u043e\u0438\u0441\u043a \u043d\u043e\u0432\u043e\u0441\u0442\u0435\u0439..."},"shopbanner-mini-component":{"title":"Discover our Store!","description":"Exclusive ranks, cosmetics \u0026 keys","buttonText":"Visit Shop","buttonLink":"\/shop"},"discord-banner-component":{"title":"Join our Discord!","description":"Chat with our community","buttonText":"Join Discord","discordLink":"https:\/\/discord.gg\/your-server"}},"home.banner":{"homebanner-component":{"title":"Vanilla Squad","description":"\u041f\u0440\u0438\u0432\u0430\u0442\u043d\u044b\u0439 \u0432\u0430\u043d\u0438\u043b\u044c\u043d\u044b\u0439 Minecraft-\u0441\u0435\u0440\u0432\u0435\u0440, \u0433\u0434\u0435 \u043d\u0435\u043b\u044c\u0437\u044f \u043a\u0443\u043f\u0438\u0442\u044c \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u043e, \u0442\u0435\u043b\u0435\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043c\u0438\u043c\u043e \u043f\u0443\u0442\u0438 \u0438\u043b\u0438 \u0437\u0430\u043a\u0440\u044b\u0442\u044c \u043c\u0438\u0440 \u043f\u0440\u0438\u0432\u0430\u0442\u043e\u043c. \u0417\u0434\u0435\u0441\u044c \u0446\u0435\u043d\u0438\u0442\u0441\u044f \u0442\u043e, \u0447\u0442\u043e \u0432\u044b \u0434\u043e\u0431\u044b\u043b\u0438, \u043f\u043e\u0441\u0442\u0440\u043e\u0438\u043b\u0438 \u0438 \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u043b\u0438 \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438.","helpText":"\u041d\u0443\u0436\u043d\u0430 \u043f\u043e\u043c\u043e\u0449\u044c? \u041a\u0430\u043a \u043f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f?","helpLink":"\/docs\/osnovnye\/kak-nachat-igrat"},"newsbanner-component":{"postsCount":"5","autoPlay":"1","autoPlayInterval":"5000"}}
4683,"home.shopbanner":{"shopbanner-component":{"title":"\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0441\u0435\u0440\u0432\u0435\u0440\u0430","description":"\u0422\u0432\u043e\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043e\u043f\u043b\u0430\u0447\u0438\u0432\u0430\u0442\u044c \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435, \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0442\u044c \u043f\u043b\u0430\u0433\u0438\u043d\u044b, \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c \u0438\u0432\u0435\u043d\u0442\u044b \u0438 \u0434\u0435\u043b\u0430\u0442\u044c \u0438\u0433\u0440\u0443 \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u0435\u0435 \u0434\u043b\u044f \u0432\u0441\u0435\u0445.","buttonText":"\u041f\u041e\u0414\u0414\u0415\u0420\u0416\u0410\u0422\u042c \u0421\u0415\u0420\u0412\u0415\u0420","buttonLink":"https:\/\/donate.vanillasquad.com\/","image":"shopping.webp"},"servers-component":{"title":"Our Servers"}},"home.vote":{"vote-component":{"voteText":"\u0413\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u0442\u044c","skin3D":"0"},"discord-widget-component":{"serverId":null,"inviteLink":null}},"home.dynamic":{"trailer-component":{"title":"Discover Our World","description":"Experience an amazing adventure in our unique universe. Watch the trailer to see what awaits you!","youtubeUrl":null,"buttonText":"Learn More","buttonLink":"#"},"split-content-component":{"subtitle":"NEWS","title":"Amazing Features","description":"Discover the unique features that make our server special. Play with your friends and have fun!","image":"default","imagePosition":"right","buttonText":"Discover","buttonLink":"#"},"features-grid-component":{"title":"Why Choose Us?","subtitle":"Discover what makes our server unique","feature1Icon":"bi-people-fill","feature1Title":"Active Community","feature1Description":"Join thousands of players in our friendly community.","feature2Icon":"bi-lightning-fill","feature2Title":"High Performance","feature2Description":"Experience lag-free gameplay with our optimized servers.","feature3Icon":"bi-star-fill","feature3Title":"Unique Content","feature3Description":"Explore exclusive features you won\u0027t find anywhere else."},"cta-banner-component":{"title":"Ready to Join the Adventure?","description":"Start your journey today and become part of our amazing community!","primaryButtonText":"Get Started","primaryButtonLink":"\/register","secondaryButtonText":"Learn More","secondaryButtonLink":"#"},"text-block-component":{"subtitle":null,"title":"About Us","content":"Welcome to our server! We are a passionate community dedicated to providing the best gaming experience.","alignment":"left","buttonText":null,"buttonLink":"#"},"news-component":{"sectionTitle":"News","postsCount":"3","showMoreButton":"1","moreButtonText":"Explore more","showDate":"1","showLikes":"1","showComments":"1","truncateLength":"120"},"custom-code-component":{"htmlCode":null,"cssCode":null,"jsCode":null}}},"footer":{"_reset":"1"},"custom_css":null,"dynamicComponents":{"home.dynamic.1777649809406-wprtv7uw5":{"custom-code-component":{"htmlCode":"test","cssCode":null,"jsCode":null}},"home.dynamic.1771331523207-7r9z4ds6h":{"trailer-component":{"title":"\u041e\u0442\u043a\u0440\u043e\u0439 \u043c\u0438\u0440 VanillaSquad","description":"VanillaSquad \u2014 \u044d\u0442\u043e \u043f\u0440\u0438\u0432\u0430\u0442\u043d\u044b\u0439 \u0441\u0435\u0440\u0432\u0435\u0440 \u0432 \u0434\u0443\u0445\u0435 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0435\u0433\u043e \u0432\u0430\u043d\u0438\u043b\u044c\u043d\u043e\u0433\u043e Minecraft: \u0431\u0435\u0437 \u043f\u0440\u0438\u0432\u0430\u0442\u0430, \u0442\u0435\u043b\u0435\u043f\u043e\u0440\u0442\u043e\u0432, \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0445 \u043a\u0438\u0442\u043e\u0432 \u0438 \u0434\u043e\u043d\u0430\u0442\u043d\u043e\u0439 \u0445\u0430\u043b\u044f\u0432\u044b. \u0417\u0434\u0435\u0441\u044c \u0438\u0433\u0440\u043e\u043a\u0438 \u0441\u0430\u043c\u0438 \u0441\u0442\u0440\u043e\u044f\u0442 \u0433\u043e\u0440\u043e\u0434\u0430, \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u044e\u0442 \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u044b, \u043f\u0440\u043e\u0432\u043e\u0434\u044f\u0442 \u0438\u0432\u0435\u043d\u0442\u044b, \u0441\u043e\u0437\u0434\u0430\u044e\u0442 \u0444\u0435\u0440\u043c\u044b, \u0430\u0440\u0442\u044b \u0438 \u0446\u0435\u043b\u044b\u0435 \u0438\u0441\u0442\u043e\u0440\u0438\u0438 \u0432 \u043e\u0433\u0440\u043e\u043c\u043d\u043e\u043c \u0436\u0438\u0432\u043e\u043c \u043c\u0438\u0440\u0435.","youtubeUrl":"https:\/\/www.youtube.com\/watch?v=PsvginHGgE0","buttonText":null,"buttonLink":"#"}},"home.dynamic.news-default":{"news-component":{"sectionTitle":"\u041d\u043e\u0432\u043e\u0441\u0442\u0438","postsCount":"6","showMoreButton":"1","moreButtonText":"\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435","showDate":"1","showLikes":"
46831","showComments":"1","truncateLength":"120"}},"global.dynamic.1771331512514-dk0cy5h6i":{"features-grid-component":{"title":"\u041f\u043e\u0447\u0435\u043c\u0443 \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 VanillaSquad?","subtitle":"\u0427\u0435\u0441\u0442\u043d\u043e\u0435 \u0432\u044b\u0436\u0438\u0432\u0430\u043d\u0438\u0435, \u0436\u0438\u0432\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u0438 \u0441\u0435\u0440\u0432\u0435\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0441 2019 \u0433\u043e\u0434\u0430.","feature1Icon":"bi-shield-check","feature1Title":"\u0427\u0435\u0441\u0442\u043d\u0430\u044f \u0432\u0430\u043d\u0438\u043b\u044c","feature1Description":"\u0411\u0435\u0437 \u043f\u0440\u0438\u0432\u0430\u0442\u0430, \u0442\u0435\u043b\u0435\u043f\u043e\u0440\u0442\u043e\u0432, \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0445 \u043a\u0438\u0442\u043e\u0432 \u0438 \u0434\u043e\u043d\u0430\u0442\u043d\u043e\u0439 \u0445\u0430\u043b\u044f\u0432\u044b. \u0422\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0435\u0435 \u0432\u044b\u0436\u0438\u0432\u0430\u043d\u0438\u0435, \u0433\u0434\u0435 \u0432\u0441\u0451 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0438\u0433\u0440\u043e\u043a\u043e\u0432.","feature2Icon":"bi-buildings","feature2Title":"\u0416\u0438\u0432\u043e\u0439 \u043c\u0438\u0440","feature2Description":"\u0413\u043e\u0440\u043e\u0434\u0430, \u0434\u0435\u0440\u0435\u0432\u043d\u0438, \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u044b, \u0438\u0432\u0435\u043d\u0442\u044b, \u0444\u0435\u0440\u043c\u044b \u0438 \u0430\u0440\u0442-\u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0441\u043e\u0437\u0434\u0430\u044e\u0442\u0441\u044f \u0441\u0430\u043c\u0438\u043c\u0438 \u0438\u0433\u0440\u043e\u043a\u0430\u043c\u0438, \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u044f \u0441\u0435\u0440\u0432\u0435\u0440 \u0432 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0443\u044e \u0438\u0441\u0442\u043e\u0440\u0438\u044e.","feature3Icon":"bi-rocket-takeoff","feature3Title":"\u0421\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442","feature3Description":"VanillaSquad \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441 2019 \u0433\u043e\u0434\u0430 \u043d\u0430 \u043c\u043e\u0449\u043d\u043e\u043c \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u043c \u0441\u0435\u0440\u0432\u0435\u0440\u0435 \u0438 \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0431\u0435\u0437 \u043f\u043e\u0442\u0435\u0440\u0438 \u0432\u0430\u043d\u0438\u043b\u044c\u043d\u043e\u0439 \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u044b."}},"global.dynamic.1771331518089-6p4iiyuvc":{"cta-banner-component":{"title":"\u0413\u043e\u0442\u043e\u0432 \u043d\u0430\u0447\u0430\u0442\u044c \u0441\u0432\u043e\u044e \u0438\u0441\u0442\u043e\u0440\u0438\u044e?","description":"\u0417\u0430\u043b\u0435\u0442\u0430\u0439 \u0432 VanillaSquad, \u043f\u0440\u0438\u0432\u044f\u0436\u0438 Discord \u043a Minecraft \u0438 \u0441\u0442\u0430\u043d\u044c \u0447\u0430\u0441\u0442\u044c\u044e \u0436\u0438\u0432\u043e\u0433\u043e \u0432\u0430\u043d\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u043c\u0438\u0440\u0430, \u0433\u0434\u0435 \u0438\u0433\u0440\u043e\u043a\u0438 \u0441\u0442\u0440\u043e\u044f\u0442 \u0433\u043e\u0440\u043e\u0434\u0430, \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u044e\u0442 \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u044b, \u043f\u0440\u043e\u0432\u043e\u0434\u044f\u0442 \u0438\u0432\u0435\u043d\u0442\u044b \u0438 \u0441\u043e\u0437\u0434\u0430\u044e\u0442 \u043f\u0440\u0438\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0441\u0430\u043c\u0438.","primaryButtonText":"\u041f\u0420\u0418\u0421\u041e\u0415\u0414\u0418\u041d\u0418\u0422\u042c\u0421\u042f","primaryButtonLink":"\/discord","secondaryButtonText":"\u041a\u0410\u041a \u041f\u041e\u041f\u0410\u0421\u0422\u042c?","secondaryButtonLink":"https:\/\/docs.vanillasquad.com\/osnovnye\/kak-nachat-igrat"}},"home.dynamic.1779844720625-892l8oex6":{"features-grid-component":{"title":"\u041f\u043e\u0447\u0435\u043c\u0443 \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 VanillaSquad?","subtitle":"\u0427\u0435\u0441\u0442\u043d\u043e\u0435 \u0432\u044b\u0436\u0438\u0432\u0430\u043d\u0438\u0435, \u0436\u0438\u0432\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u0438 \u0441\u0435\u0440\u0432\u0435\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0441 2019 \u0433\u043e\u0434\u0430.","feature1Icon":"bi bi-shield-check","feature1Title":"\u0427\u0435\u0441\u0442\u043d\u0430\u044f \u0432\u0430\u043d\u0438\u043b\u044c","feature1Description":"\u0411\u0435\u0437 \u043f\u0440\u0438\u0432\u0430\u0442\u0430, \u0442\u0435\u043b\u0435\u043f\u043e\u0440\u0442\u043e\u0432, \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0445 \u043a\u0438\u0442\u043e\u0432 \u0438 \u0434\u043e\u043d\u0430\u0442\u043d\u043e\u0439 \u0445\u0430\u043b\u044f\u0432\u044b. \u0422\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0435\u0435 \u0432\u044b\u0436\u0438\u0432\u0430\u043d\u0438\u0435, \u0433\u0434\u0435 \u0432\u0441\u0451 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0438\u0433\u0440\u043e\u043a\u043e\u0432.","feature2Icon":"bi bi-buildings","feature2Title":"\u0416\u0438\u0432\u043e\u0439 \u043c\u0438\u0440","feature2Description":"\u0413\u043e\u0440\u043e\u0434\u0430, \u0434\u0435\u0440\u0435\u0432\u043d\u0438, \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u044b, \u0438\u0432\u0435\u043d\u0442\u044b, \u0444\u0435\u0440\u043c\u044b \u0438 \u0430\u0440\u0442-\u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0441\u043e\u0437\u0434\u0430\u044e\u0442\u0441\u044f \u0441\u0430\u043c\u0438\u043c\u0438 \u0438\u0433\u0440\u043e\u043a\u0430\u043c\u0438, \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u044f \u0441\u0435\u0440\u0432\u0435\u0440 \u0432 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0443\u044e \u0438\u0441\u0442\u043e\u0440\u0438\u044e.","feature3Icon":"bi bi-rocket-takeoff","feature3Title":"\u0421\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442","feature3Description":"VanillaSquad \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441 2019 \u0433\u043e\u0434\u0430 \u043d\u0430 \u043c\u043e\u0449\u043d\u043e\u043c \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u043c \u0441\u0435\u0440\u0432\u0435\u0440\u0435 \u0438 \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0431\u0435\u0437 \u043f\u043e\u0442\u0435\u0440\u0438 \u0432\u0430\u043d\u0438\u043b\u044c\u043d\u043e\u0439 \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u044b."}},"home.dynamic.1779844805344-kby8ddk1l":{"cta-banner-component":{"title":"\u0413\u043e\u0442\u043e\u0432 \u043d\u0430\u0447\u0430\u0442\u044c \u0441\u0432\u043e\u044e \u0438\u0441\u0442\u043e\u0440\u0438\u044e?","description":"\u0417\u0430\u043b\u0435\u0442\u0430\u0439 \u0432 VanillaSquad, \u043f\u0440\u0438\u0432\u044f\u0436\u0438 Discord \u043a Minecraft \u0438 \u0441\u0442\u0430\u043d\u044c \u0447\u0430\u0441\u0442\u044c\u044e \u0436\u0438\u0432\u043e\u0433\u043e \u0432\u0430\u043d\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u043c\u0438\u0440\u0430, \u0433\u0434\u0435 \u0438\u0433\u0440\u043e\u043a\u0438 \u0441\u0442\u0440\u043e\u044f\u0442 \u0433\u043e\u0440\u043e\u0434\u0430, \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u044e\u0442 \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u044b, \u043f\u0440\u043e\u0432\u043e\u0434\u044f\u0442 \u0438\u0432\u0435\u043d\u0442\u044b \u0438 \u0441\u043e\u0437\u0434\u0430\u044e\u0442 \u043f\u0440\u0438\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0441\u0430\u043c\u0438.","primaryButtonText":"\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f","primaryButtonLink":"\/discord","secondaryButtonText":"\u041a\u0430\u043a \u043f\u043e\u043f\u0430\u0441\u0442\u044c?","secondaryButtonLink":"\/docs\/osnovnye\/kak-nachat-igrat"}},"home.dynamic.1779845310783-kwgvxifzf":{"custom-code-component":{"htmlCode":"\u003Cdiv class=\u0022v\u0022\u003E\r\n \u003Csection class=\u0022hero\u0022\u003E\r\n  \u003Cdiv\u003E\r\n   \u003Cem\u003E\u003Ci\u003E\u003C\/i\u003E VANILLASQUAD \/ \u0421 2019 \u0413\u041e\u0414\u0410\u003C\/em\u003E\r\n   \u003Ch2 class=\u0022font-lexend\u0022\u003E\u0412\u0430\u043d\u0438\u043b\u044c\u043d\u044b\u0439 \u043c\u0438\u0440, \u043a\u0443\u0434\u0430 \u003Cb\u003E\u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0432\u0435\u0440\u043d\u0443\u0442\u044c\u0441\u044f\u003C\/b\u003E\u003C\/h2\u003E\r\n   \u003Cp\u003E\u041f\u
46830440\u0438\u0432\u0430\u0442\u043d\u044b\u0439 Minecraft \u0431\u0435\u0437 \u043f\u0440\u0438\u0432\u0430\u0442\u0430, \u0442\u0435\u043b\u0435\u043f\u043e\u0440\u0442\u043e\u0432, \u043a\u0438\u0442\u043e\u0432 \u0438 \u0434\u043e\u043d\u0430\u0442\u043d\u043e\u0439 \u0445\u0430\u043b\u044f\u0432\u044b. \u0421\u0442\u0440\u043e\u0439, \u0442\u043e\u0440\u0433\u0443\u0439 \u0438 \u043d\u0430\u0445\u043e\u0434\u0438 \u0434\u0440\u0443\u0437\u0435\u0439 \u0432 \u0436\u0438\u0432\u043e\u043c \u043c\u0438\u0440\u0435.\u003C\/p\u003E\r\n   \u003Ca href=\u0022\/discord\u0022\u003E\u041d\u0430\u0447\u0430\u0442\u044c \u0438\u0433\u0440\u0430\u0442\u044c\u003C\/a\u003E\r\n  \u003C\/div\u003E\r\n  \u003Caside\u003E\u003Cstrong class=\u0022font-lexend\u0022\u003E\u0422\u0432\u043e\u0439 \u0431\u0443\u0434\u0443\u0449\u0438\u0439 \u0434\u043e\u043c\u003C\/strong\u003E\u003Csmall\u003E\u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u044f\u0432\u0438\u0442\u044c\u0441\u044f \u0441\u0435\u0433\u043e\u0434\u043d\u044f\u003C\/small\u003E\u003C\/aside\u003E\r\n \u003C\/section\u003E\r\n \u003Cdiv class=\u0022stats\u0022\u003E\u003Cspan\u003E\u003Cb\u003E2019\u003C\/b\u003E\u0441 \u043d\u0430\u043c\u0438 \u043d\u0430\u0434\u043e\u043b\u0433\u043e\u003C\/span\u003E\u003Cspan\u003E\u003Cb\u003E24\/7\u003C\/b\u003E\u0436\u0438\u0432\u043e\u0439 \u043e\u043d\u043b\u0430\u0439\u043d\u003C\/span\u003E\u003Cspan\u003E\u003Cb\u003E9950X\u003C\/b\u003E\u043c\u043e\u0449\u043d\u044b\u0439 \u0441\u0435\u0440\u0432\u0435\u0440\u003C\/span\u003E\u003C\/div\u003E\r\n \u003Csection class=\u0022tiles\u0022\u003E\r\n  \u003Carticle class=\u0022card\u0022\u003E\u003Cb\u003E01 \/ \u041f\u041e\u0421\u0422\u0420\u041e\u0419\u041a\u0418\u003C\/b\u003E\u003Ch3 class=\u0022font-lexend\u0022\u003E\u0421\u043e\u0437\u0434\u0430\u0439 \u0433\u043e\u0440\u043e\u0434\u003C\/h3\u003E\u003Cp\u003E\u041c\u0438\u0440 \u0434\u043b\u044f \u043a\u0440\u0435\u043f\u043e\u0441\u0442\u0435\u0439, \u0441\u0442\u043e\u043b\u0438\u0446 \u0438 \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0445 \u0438\u0434\u0435\u0439.\u003C\/p\u003E\u003C\/article\u003E\r\n  \u003Carticle class=\u0022card hot\u0022\u003E\u003Cb\u003E02 \/ \u0424\u0415\u0420\u041c\u042b\u003C\/b\u003E\u003Ch3 class=\u0022font-lexend\u0022\u003E\u0420\u0430\u0437\u0432\u0438\u0432\u0430\u0439\u0441\u044f\u003C\/h3\u003E\u003Cp\u003E\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0438 \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u043a\u0430 \u0431\u0435\u0437 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043c\u0438\u0440.\u003C\/p\u003E\u003C\/article\u003E\r\n  \u003Carticle class=\u0022card\u0022\u003E\u003Cb\u003E03 \/ \u0410\u0420\u0422\u042b\u003C\/b\u003E\u003Ch3 class=\u0022font-lexend\u0022\u003E\u0423\u0434\u0438\u0432\u043b\u044f\u0439\u003C\/h3\u003E\u003Cp\u003E\u041f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0434\u043b\u044f \u043f\u0438\u043a\u0441\u0435\u043b\u044c-\u0430\u0440\u0442\u043e\u0432 \u0438 \u0442\u0432\u043e\u0440\u0447\u0435\u0441\u043a\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432.\u003C\/p\u003E\u003C\/article\u003E\r\n \u003C\/section\u003E\r\n \u003Csection class=\u0022proof card\u0022\u003E\u003Cb\u003E\u0427\u0415\u0421\u0422\u041d\u0410\u042f \u0418\u0413\u0420\u0410\u003C\/b\u003E \u0413\u0440\u0438\u0444\u0435\u0440\u044b \u0438 \u0447\u0438\u0442\u0435\u0440\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u044e\u0442 \u0431\u0430\u043d, \u043f\u043e\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u044e\u0442\u0441\u044f. \u041f\u0440\u043e\u0435\u043a\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0446\u0435\u043b\u0430\u044f \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u0438 \u0444\u0438\u043d\u0430\u043d\u0441\u043e\u0432\u044b\u0439 \u0440\u0435\u0437\u0435\u0440\u0432.\u003C\/section\u003E\r\n \u003Csection class=\u0022join\u0022\u003E\r\n  \u003Cdiv\u003E\u003Cem\u003E\u0422\u0412\u041e\u0401 \u041c\u0415\u0421\u0422\u041e \u0423\u0416\u0415 \u0415\u0421\u0422\u042c\u003C\/em\u003E\u003Ch3 class=\u0022font-lexend\u0022\u003E\u041d\u0430\u0447\u043d\u0438 \u0441\u0432\u043e\u044e \u0438\u0441\u0442\u043e\u0440\u0438\u044e\u003C\/h3\u003E\u003Cp\u003E\u041f\u
4683043e\u043b\u0443\u0447\u0438 \u043a\u043e\u0434 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435 \u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u044c \u0435\u0433\u043e \u0432 Discord-\u043a\u0430\u043d\u0430\u043b \u003Cb\u003E#\u043e\u0442\u043f\u0440\u0430\u0432\u044c-\u043a\u043e\u0434-\u0441\u044e\u0434\u0430\u003C\/b\u003E.\u003C\/p\u003E\u003C\/div\u003E\r\n  \u003Ca href=\u0022\/discord\u0022\u003E\u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u0432 Discord\u003C\/a\u003E\r\n \u003C\/section\u003E\r\n\u003C\/div\u003E","cssCode":".v{display:flex;flex-direction:column;gap:18px;margin:15px 0;color:var(--color2)}\r\n.v .card,.v .hero{position:relative;overflow:hidden;border-radius:11px;background:linear-gradient(180deg,var(--color3),var(--color4));box-shadow:0 11px 22px #0006}\r\n.v .card:before,.v .hero:before{content:\u0022\u0022;position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#fff6,transparent)}\r\n.v .hero{display:grid;grid-template-columns:1.3fr .7fr;gap:27px;padding:40px;background:radial-gradient(circle at 82% 12%,#ff70bb32,transparent 30%),linear-gradient(135deg,var(--color3),var(--color4))}\r\n.v em{display:block;margin-bottom:13px;color:var(--color5);font-size:.73rem;font-style:normal;font-weight:800;letter-spacing:2px}\r\n.v em i{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#78ff9a;box-shadow:0 0 12px #78ff9a}\r\n.v h2{margin:0 0 15px;font-size:clamp(2rem,4vw,3.1rem);line-height:1.1}\r\n.v h2 b{background:linear-gradient(90deg,var(--color5),var(--color6));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}\r\n.v p{margin:0;color:var(--text-muted);line-height:1.68}.v .hero p{margin-bottom:25px;font-size:1.03rem}\r\n.v a{display:inline-flex;padding:14px 25px;border-radius:13px;background:linear-gradient(90deg,var(--color5),var(--color6));color:#fff;font-family:\u0022Lexend\u0022,sans-serif;font-size:.8rem;font-weight:800;text-transform:uppercase}\r\n.v aside{position:relative;min-height:250px;border-radius:15px;background:radial-gradient(circle at 78% 23%,#ffe6ca 0 18px,#ffe6ca66 19px,transparent 45px),linear-gradient(#111027,#3a2944 60%,#c16289);box-shadow:0 20px 35px #0006}\r\n.v aside strong,.v aside small{position:absolute;left:17px;bottom:24px;text-decoration:none}.v aside small{bottom:8px;color:#fffb}\r\n.v .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.v .stats span{padding:15px;border-radius:11px;background:#ffffff08;color:var(--text-muted);font-size:.85rem}.v .stats b{display:block;color:var(--color5);font:700 1.35rem \u0022Lexend\u0022,sans-serif}\r\n.v h3{margin:0 0 11px;font-size:1.42rem}\r\n.v .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.v article{padding:26px 23px}.v article\u003Eb,.v .proof\u003Eb{display:block;margin-bottom:16px;color:var(--color5);font-size:.72rem;letter-spacing:2px}.v article p{font-size:.93rem}.v .hot{background:linear-gradient(145deg,#ff70bb28,var(--color4))}\r\n.v .proof{padding:23px 31px;color:var(--text-muted)}.v .proof b{display:inline;margin:0 12px 0 0}\r\n.v .join{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:34px 38px;border-radius:11px;background:linear-gradient(110deg,var(--color5),var(--color6))}.v .join em,.v .join p{color:#ffffffe6}.v .join div{max-width:680px}.v .join a{flex-shrink:0;background:white;color:var(--color1)}\r\n@media (max-width:767px){.v .hero{grid-template-columns:1fr;padding:25px}.v aside{min-height:210px}.v .stats,.v .tiles{grid-template-columns:1fr}.v .join{flex-direction:column;align-items:stretch;padding:27px 22px}.v .join a{justify-content:center}}","jsCode":null}},"home.dynamic.1779867258997-1xw465cns":{"custom-code-component":{"htmlCode":"\u003Csection class=\u0022vs-about\u0022 aria-labelledby=\u0022vs-about-title\u0022\u003E\r\n    \u003Cdiv class=\u0022vs-hero vs-panel vs-reveal\u0022\u003E\r\n        \u003Cspan class=\u0022vs-orb vs-orb-primary\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/span\u003E\r\n        \u003Cspan class=\u0022vs-orb vs-orb-secondary\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/span\u003E\r\n\r\n        \u003Cdiv class=\u0022vs-hero-grid\u0022\u003E\r\n            \u003Cdiv class=\u0022vs-hero-copy\u0022\u003E\r\n                \u003Cp class=\u0022vs-kicker\u0022\u003E\r\n                    \u003Cspan class=\u0022vs-live-d
4683ot\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/span\u003E\r\n                    \u041f\u0440\u0438\u0432\u0430\u0442\u043d\u044b\u0439 Vanilla+ \u0441\u0435\u0440\u0432\u0435\u0440 \u00b7 \u0441 2019 \u0433\u043e\u0434\u0430\r\n                \u003C\/p\u003E\r\n                \u003Ch2 id=\u0022vs-about-title\u0022\u003E\r\n                    \u0412\u0430\u043d\u0438\u043b\u044c\u043d\u043e\u0435 \u0432\u044b\u0436\u0438\u0432\u0430\u043d\u0438\u0435,\r\n                    \u003Cspan\u003E\u0433\u0434\u0435 \u0432\u0430\u0448 \u043c\u0438\u0440 \u0438\u043c\u0435\u0435\u0442 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c\u003C\/span\u003E\r\n                \u003C\/h2\u003E\r\n                \u003Cp class=\u0022vs-lead\u0022\u003E\r\n                    VanillaSquad \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442 \u0434\u0443\u0445 \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e Minecraft: \u043e\u0433\u0440\u043e\u043c\u043d\u044b\u0439 \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u0439 \u043c\u0438\u0440,\r\n                    \u0436\u0438\u0432\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u0438 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441, \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0439 \u0441\u0432\u043e\u0438\u043c\u0438 \u0440\u0443\u043a\u0430\u043c\u0438. \u041d\u0438\u043a\u0430\u043a\u0438\u0445 \u0442\u0435\u043b\u0435\u043f\u043e\u0440\u0442\u0430\u0446\u0438\u0439,\r\n                    \u043f\u0440\u0438\u0432\u0430\u0442\u0430, \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0445 \u043a\u0438\u0442\u043e\u0432 \u0438\u043b\u0438 \u0434\u043e\u043d\u0430\u0442\u0430, \u043c\u0435\u043d\u044f\u044e\u0449\u0435\u0433\u043e \u0438\u0433\u0440\u0443.\r\n                \u003C\/p\u003E\r\n\r\n                \u003Cdiv class=\u0022vs-actions\u0022 aria-label=\u0022\u041d\u0430\u0447\u0430\u0442\u044c \u0438\u0433\u0440\u0430\u0442\u044c\u0022\u003E\r\n                    \u003Ca class=\u0022vs-button vs-button-primary\u0022 href=\u0022\/discord\u0022\u003E\r\n                        \u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f \u0447\u0435\u0440\u0435\u0437 Discord\r\n                        \u003Cspan class=\u0022vs-button-arrow\u0022 aria-hidden=\u0022true\u0022\u003E\u2192\u003C\/span\u003E\r\n                    \u003C\/a\u003E\r\n                    \u003Ca class=\u0022vs-button vs-button-secondary\u0022\r\n                       href=\u0022https:\/\/docs.vanillasquad.com\/osnovnye\/kak-nachat-igrat\u0022\r\n                       target=\u0022_blank\u0022\r\n                       rel=\u0022noopener noreferrer\u0022\u003E\r\n                        \u041a\u0430\u043a \u043d\u0430\u0447\u0430\u0442\u044c \u0438\u0433\u0440\u0430\u0442\u044c\r\n                    \u003C\/a\u003E\r\n                \u003C\/div\u003E\r\n\r\n                \u003Cdiv class=\u0022vs-trust\u0022 aria-label=\u0022\u041a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0430\u0022\u003E\r\n                    \u003Cdiv class=\u0022vs-trust-item\u0022\u003E\r\n                        \u003Cstrong\u003E\u0411\u0435\u0437 Pay-to-Win\u003C\/strong\u003E\r\n                        \u003Cspan\u003E\u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0435\u0441\u0442\u043d\u043e\u0435 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435\u003C\/span\u003E\r\n                    \u003C\/div\u003E\r\n                    \u003Cdiv class=\u0022vs-trust-item\u0022\u003E\r\n                        \u003Cstrong\u003E\u0421 2019 \u0433\u043e\u0434\u0430\u003C\/strong\u003E\r\n                        \u003Cspan\u003E\u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\u003C\/span\u003E\r\n                    \u003C\/div\u003E\r\n                    \u003Cdiv class=\u0022vs-trust-item\u0022\u003E\r\n                        \u003Cstrong\u003ERyzen 9 9950X\u003C\/strong\u003E\r\n                        \u003Cspan\u003E\u0432\u044b\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u0441\u0435\u0440\u0432\u0435\u0440\u003C\/span\u003E\r\n                    \u003C\/div\u003E\r\n                \u003C\/div\u003E\r\n            \u003C\/div\u003E\r\n\r\n            \u003Caside class=\u0022vs-offer\u0022 aria-label=\u0022\u0427\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0438\u0433\u0440\u043e\u043a\u0022\u003E\r\n                \u003Cp class=\u0022vs-offer-label\u0022\u003E\u0412\u0430\u0448 \u043e\u043f\u044b\u0442 \u043d\u0430 VanillaSquad\u003C\/p\u003E\r\n                \u003Ch3\u003E\u041c\u0438\u0440, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f\u003C\/h3\u003E\r\n                \u003Cul class=\u0022vs-offer-list\u0022\u003E\r\n                    \u003Cli\u003E\r\n                        \u003Cspan class=\u0022vs-check\u0022 aria-hidden=\u0022true\u0022\u003E\u2713\u003C\/span\u003E\r\n                        \u003Cspan\u003E\r\n                            \u003Cstrong\u003E\u041d\u0430\u0441\u0442\u043e\u044f\u0449\u0435\u0435 \u0432\u044b\u0436\u0438\u0432\u0430\u043d\u0438\u0435\u003C\/strong\u003E\r\n                            \u003Csmall\u003E\u0411\u0430\u043b\u0430\u043d\u0441 \u043d\u0435 \u043b\u043e\u043c\u0430\u044e\u0442 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0438 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b.\u003C\/small\u003E\r\n                        \u003C\/span\u003E\r\n                    \u003C\/li\u003E\r\n                    \u003Cli\u003E\r\n                        \u003Cspan class=\u0022vs-check\u0022 aria-hidden=\u0022true\u0022\u003E\u2713\u003C\/span\u003E\r\n                        \u003Cspan\u003E\r\n                            \u003Cstrong\u003E\u0413\u043e\u0440\u043e\u0434\u0430, \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u044b \u0438 \u0438\u0432\u0435\u043d\u0442\u044b\u003C\/strong\u003E\r\n                            \u003Csmall\u003E\u0422\u043e\u0440\u0433\u0443\u0439\u0442\u0435, \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u0438\u043b\u0438 \u0441\u0442\u0440\u043e\u0439\u0442\u0435 \u0432 \u043e\u0434\u0438\u043d\u043e\u0447\u043a\u0443.\u003C\/small\u003E\r\n                        \u003C\/span\u003E\r\n                    \u003C\/li\u003E\r\n                    \u003Cli\u003E\r\n                        \u003Cspan class=\u0022vs-check\u0022 aria-hidden=\u0022true\u0022\u003E\u2713\u003C\/span\u003E\r\n                        \u003Cspan\u003E\r\n                            \u003Cstrong\u003E\u0417\u0430\u0449\u0438\u0449\u0451\u043d\u043d\u044b\u0439 \u0442\u0440\u0443\u0434\u003C\/strong\u003E\r\n                            \u003Csmall\u003E\u0413\u0440\u0438\u0444\u0435\u0440\u0441\u0442\u0432\u043e \u0438 \u0447\u0438\u0442\u044b \u043f\u0440\u0435\u0441\u0435\u043a\u0430\u044e\u0442\u0441\u044f, \u0443\u0449\u0435\u0440\u0431 \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442\u0441\u044f.\u003C\/small\u003E\r\n                        \u003C\/span\u003E\r\n                    \u003C\/li\u003E\r\n                \u003C\/ul\u003E\r\n                \u003Ca class=\u0022vs-inline-link\u0022 href=\u0022#vs-entry\u0022\u003E\u041f\u
4683043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043f\u0443\u0442\u044c \u0432\u0445\u043e\u0434\u0430\u003C\/a\u003E\r\n            \u003C\/aside\u003E\r\n        \u003C\/div\u003E\r\n    \u003C\/div\u003E\r\n\r\n    \u003Cnav class=\u0022vs-anchors vs-reveal\u0022 aria-label=\u0022\u0420\u0430\u0437\u0434\u0435\u043b\u044b \u043e \u0441\u0435\u0440\u0432\u0435\u0440\u0435\u0022\u003E\r\n        \u003Ca href=\u0022#vs-benefits\u0022\u003E\u0427\u0442\u043e \u0432\u0430\u0441 \u0436\u0434\u0451\u0442\u003C\/a\u003E\r\n        \u003Ca href=\u0022#vs-worlds\u0022\u003E\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043c\u0438\u0440\u044b\u003C\/a\u003E\r\n        \u003Ca href=\u0022#vs-reliability\u0022\u003E\u041f\u043e\u0447\u0435\u043c\u0443 \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0432\u0435\u0440\u044f\u0442\u044c\u003C\/a\u003E\r\n        \u003Ca href=\u0022#vs-entry\u0022\u003E\u041a\u0430\u043a \u0432\u043e\u0439\u0442\u0438\u003C\/a\u003E\r\n    \u003C\/nav\u003E\r\n\r\n    \u003Cdiv class=\u0022vs-section vs-reveal\u0022 id=\u0022vs-benefits\u0022\u003E\r\n        \u003Cdiv class=\u0022vs-section-head\u0022\u003E\r\n            \u003Cp class=\u0022vs-eyebrow\u0022\u003E\u041f\u043e\u0447\u0435\u043c\u0443 \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 VanillaSquad\u003C\/p\u003E\r\n            \u003Ch3\u003E\u0421\u0432\u043e\u0431\u043e\u0434\u0430 \u0432\u0430\u043d\u0438\u043b\u043b\u044b \u0441 \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043e\u043c \u0437\u0440\u0435\u043b\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u003C\/h3\u003E\r\n            \u003Cp\u003E\r\n                \u0412\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0435 \u043f\u0440\u0438\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0431\u0435\u0437 \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432, \u043d\u043e \u0441 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043e\u0439,\r\n                \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0434\u0435\u043b\u0430\u0435\u0442 \u0434\u043e\u043b\u0433\u0443\u044e \u0438\u0433\u0440\u0443 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u0439 \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0439.\r\n            \u003C\/p\u003E\r\n        \u003C\/div\u003E\r\n\r\n        \u003Cdiv class=\u0022vs-benefits\u0022\u003E\r\n            \u003Carticle class=\u0022vs-benefit\u0022\u003E\r\n                \u003Cspan class=\u0022vs-number\u0022\u003E01\u003C\/span\u003E\r\n                \u003Ch4\u003E\u0427\u0435\u0441\u0442\u043d\u0430\u044f \u0432\u0430\u043d\u0438\u043b\u043b\u0430\u003C\/h4\u003E\r\n                \u003Cp\u003E\u0421\u0430\u043c\u043e\u043f\u0438\u0441\u043d\u044b\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0438 \u0434\u0430\u0442\u0430\u043f\u0430\u043a\u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u044f\u044e\u0442 \u0438\u0433\u0440\u0443, \u043d\u0435 \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u044f \u0432\u044b\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0432 \u043d\u0430\u0431\u043e\u0440 \u043f\u0440\u0438\u0432\u0438\u043b\u0435\u0433\u0438\u0439.\u003C\/p\u003E\r\n            \u003C\/article\u003E\r\n            \u003Carticle class=\u0022vs-benefit\u0022\u003E\r\n                \u003Cspan class=\u0022vs-number\u0022\u003E02\u003C\/span\u003E\r\n                \u003Ch4\u003E\u0416\u0438\u0432\u0430\u044f \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u043a\u0430\u003C\/h4\u003E\r\n                \u003Cp\u003E\u041e\u0442\u043a\u0440\u044b\u0432\u0430\u0439\u0442\u0435 \u043c\u0430\u0433\u0430\u0437\u0438\u043d \u0438 \u0442\u043e\u0440\u0433\u0443\u0439\u0442\u0435 \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0435, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u043e\u0439 \u0434\u043b\u044f \u0437\u0430\u0449\u0438\u0442\u044b \u0440\u044b\u043d\u043a\u0430 \u043e\u0442 \u043e\u0431\u0432\u0430\u043b\u0430 \u0446\u0435\u043d.\u003C\/p\u003E\r\n            \u003C\/article\u003E\r\n            \u003Carticle class=\u0022vs-benefit\u0022\u003E\r\n                \u003Cspan class=\u0022vs-number\u0022\u003E03\u003C\/span\u003E\r\n                \u003Ch4\u003E\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u044f\u003C\/h4\u003E\r\n                \u003Cp\u003E\u0420\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0438\u0432\u0435\u043d\u0442\u044b, \u043a\u043e\u043d\u043a\u0443\u0440\u0441\u044b, \u0433\u043e\u0440\u043e\u0434\u0430 \u0438 \u0434\u0435\u0440\u0435\u0432\u043d\u0438 \u0434\u0430\u044e\u0442 \u043f\u043e\u0432\u043e\u0434 \u0438\u0433\u0440\u0430\u0442\u044c \u0432\u043c\u0435\u0441\u0442\u0435 \u043a\u0430\u0436\u0434\u044b\u0439 \u0434\u0435\u043d\u044c.\u003C\/p\u003E\r\n            \u003C\/article\u003E\r\n            \u003Carticle class=\u0022vs-benefit\u0022\u003E\r\n                \u003Cspan class=\u0022vs-number\u0022\u003E04\u003C\/span\u003E\r\n                \u003Ch4\u003E\u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043a\u003C\/h4\u003E\r\n                \u003Cp\u003E\u0427\u0438\u0442\u044b, \u0432\u043e\u0440\u043e\u0432\u0441\u0442\u0432\u043e, \u0433\u0440\u0438\u0444\u0435\u0440\u0441\u0442\u0432\u043e \u0438 \u0442\u043e\u043a\u0441\u0438\u0447\u043d\u043e\u0441\u0442\u044c \u0437\u0430\u043f\u0440\u0435\u0449\u0435\u043d\u044b; \u043c\u043e\u0434\u0435\u0440\u0430\u0446\u0438\u044f \u0431\u044b\u0441\u0442\u0440\u043e \u0440\u0435\u0430\u0433\u0438\u0440\u0443\u0435\u0442 \u043d\u0430 \u0436\u0430\u043b\u043e\u0431\u044b.\u003C\/p\u003E\r\n            \u003C\/article\u003E\r\n        \u003C\/div\u003E\r\n    \u003C\/div\u003E\r\n\r\n    \u003Cdiv class=\u0022vs-worlds vs-panel vs-reveal\u0022 id=\u0022vs-worlds\u0022\u003E\r\n        \u003Cdiv class=\u0022vs-worlds-intro\u0022\u003E\r\n            \u003Cp class=\u0022vs-eyebrow\u0022\u003E\u041f\u
46830440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0439 \u0438\u0434\u0435\u0438\u003C\/p\u003E\r\n            \u003Ch3\u003E\u0422\u0440\u0438 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0445 \u043c\u0438\u0440\u0430 \u0434\u043b\u044f \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u0430\u043c\u0431\u0438\u0446\u0438\u0439\u003C\/h3\u003E\r\n            \u003Cp\u003E\r\n                \u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043c\u0438\u0440 \u043e\u0441\u0442\u0430\u0451\u0442\u0441\u044f \u0443\u044e\u0442\u043d\u044b\u043c \u043c\u0435\u0441\u0442\u043e\u043c \u0432\u044b\u0436\u0438\u0432\u0430\u043d\u0438\u044f, \u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430 \u0434\u0430\u044e\u0442\r\n                \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c, \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c\u0430\u043c \u0438 \u0442\u0432\u043e\u0440\u0447\u0435\u0441\u0442\u0432\u0443 \u0440\u0430\u0441\u043a\u0440\u044b\u0442\u044c\u0441\u044f \u0432 \u043f\u043e\u043b\u043d\u043e\u043c \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0435.\r\n            \u003C\/p\u003E\r\n        \u003C\/div\u003E\r\n        \u003Cdiv class=\u0022vs-world-grid\u0022\u003E\r\n            \u003Carticle class=\u0022vs-world-card\u0022\u003E\r\n                \u003Cspan class=\u0022vs-world-mark\u0022\u003E01\u003C\/span\u003E\r\n                \u003Ch4\u003E\u041c\u0438\u0440 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043a\u003C\/h4\u003E\r\n                \u003Cp\u003E\u0413\u043e\u0440\u043e\u0434\u0430, \u043a\u0440\u0435\u043f\u043e\u0441\u0442\u0438 \u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0442\u0430\u043d\u043e\u0432\u044f\u0442\u0441\u044f \u0447\u0430\u0441\u0442\u044c\u044e \u0438\u0441\u0442\u043e\u0440\u0438\u0438 \u0441\u0435\u0440\u0432\u0435\u0440\u0430.\u003C\/p\u003E\r\n            \u003C\/article\u003E\r\n            \u003Carticle class=\u0022vs-world-card\u0022\u003E\r\n                \u003Cspan class=\u0022vs-world-mark\u0022\u003E02\u003C\/span\u003E\r\n                \u003Ch4\u003E\u041c\u0438\u0440 \u0444\u0435\u0440\u043c\u003C\/h4\u003E\r\n                \u003Cp\u003E\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u0431\u0435\u0437 \u043b\u0438\u0448\u043d\u0435\u0439 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043c\u0438\u0440.\u003C\/p\u003E\r\n            \u003C\/article\u003E\r\n            \u003Carticle class=\u0022vs-world-card\u0022\u003E\r\n                \u003Cspan class=\u0022vs-world-mark\u0022\u003E03\u003C\/span\u003E\r\n                \u003Ch4\u003E\u041c\u0438\u0440 \u0430\u0440\u0442\u043e\u0432\u003C\/h4\u003E\r\n                \u003Cp\u003E\u0412\u044b\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0435 \u043c\u0435\u0441\u0442\u043e \u0434\u043b\u044f \u043f\u0438\u043a\u0441\u0435\u043b\u044c-\u0430\u0440\u0442\u043e\u0432 \u0438 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0445 \u0440\u0430\u0434\u0438 \u043a\u0440\u0430\u0441\u043e\u0442\u044b \u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430.\u003C\/p\u003E\r\n            \u003C\/article\u003E\r\n        \u003C\/div\u003E\r\n    \u003C\/div\u003E\r\n\r\n    \u003Cdiv class=\u0022vs-proof vs-reveal\u0022 id=\u0022vs-reliability\u0022\u003E\r\n        \u003Cdiv class=\u0022vs-proof-card vs-panel\u0022\u003E\r\n            \u003Cp class=\u0022vs-eyebrow\u0022\u003E\u041d\u0430\u0434\u0451\u0436\u043d\u0430\u044f \u043e\u0441\u043d\u043e\u0432\u0430\u003C\/p\u003E\r\n            \u003Ch3\u003E\u0421\u0435\u0440\u0432\u0435\u0440 \u0434\u043b\u044f \u0434\u043e\u043b\u0433\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432, \u0430 \u043d\u0435 \u043e\u0434\u043d\u043e\u0433\u043e \u0432\u0435\u0447\u0435\u0440\u0430\u003C\/h3\u003E\r\n            \u003Cp\u003E\r\n                VanillaSquad \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0440\u0430\u0434\u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0430 \u0438\u0433\u0440\u043e\u043a\u043e\u0432, \u0430 \u043d\u0435 \u0440\u0430\u0434\u0438 \u043f\u0440\u043e\u0434\u0430\u0436\u0438 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432.\r\n                \u041f\u0440\u043e\u0435\u043a\u0442 \u0438\u043c\u0435\u0435\u0442 \u0444\u0438\u043d\u0430\u043d\u0441\u043e\u0432\u044b\u0439 \u0440\u0435\u0437\u0435\u0440\u0432, \u043a\u043e\u043c\u0430\u043d\u0434\u0443 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u043e\u0432 \u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441 2019 \u0433\u043e\u0434\u0430.\r\n            \u003C\/p\u003E\r\n            \u003Cdiv class=\u0022vs-metrics\u0022\u003E\r\n                \u003Cdiv\u003E\r\n                    \u003Cstrong\u003E2019\u003C\/strong\u003E\r\n                    \u003Cspan\u003E\u0433\u043e\u0434 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u003C\/span\u003E\r\n                \u003C\/div\u003E\r\n                \u003Cdiv\u003E\r\n                    \u003Cstrong\u003E9950X\u003C\/strong\u003E\r\n                    \u003Cspan\u003ERyzen 9\u003C\/span\u003E\r\n                \u003C\/div\u003E\r\n                \u003Cdiv\u003E\r\n                    \u003Cstrong\u003E0\u003C\/strong\u003E\r\n                    \u003Cspan\u003E\u043f\u043e\u043a\u0443\u043f\u043d\u044b\u0445 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u003C\/span\u003E\r\n                \u003C\/div\u003E\r\n            \u003C\/div\u003E\r\n        \u003C\/div\u003E\r\n\r\n        \u003Cdiv class=\u0022vs-standards vs-panel\u
46830022\u003E\r\n            \u003Ch3\u003E\u0427\u0442\u043e \u043c\u044b \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u043c\u003C\/h3\u003E\r\n            \u003Cdiv class=\u0022vs-standard\u0022\u003E\r\n                \u003Cspan\u003E01\u003C\/span\u003E\r\n                \u003Cp\u003E\u003Cstrong\u003E\u0412\u044b\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0435 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435.\u003C\/strong\u003E \u0421\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u0430\u044f \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0431\u0435\u0437 \u0434\u0435\u0448\u0451\u0432\u043e\u0433\u043e \u043e\u0431\u0449\u0435\u0433\u043e \u0445\u043e\u0441\u0442\u0438\u043d\u0433\u0430.\u003C\/p\u003E\r\n            \u003C\/div\u003E\r\n            \u003Cdiv class=\u0022vs-standard\u0022\u003E\r\n                \u003Cspan\u003E02\u003C\/span\u003E\r\n                \u003Cp\u003E\u003Cstrong\u003E\u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430.\u003C\/strong\u003E \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438, \u0442\u0435\u0445\u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440, \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u044b \u0438 \u043c\u043e\u0434\u0435\u0440\u0430\u0446\u0438\u044f \u043e\u0442\u0432\u0435\u0447\u0430\u044e\u0442 \u0437\u0430 \u0441\u0432\u043e\u0438 \u0437\u0430\u0434\u0430\u0447\u0438.\u003C\/p\u003E\r\n            \u003C\/div\u003E\r\n            \u003Cdiv class=\u0022vs-standard\u0022\u003E\r\n                \u003Cspan\u003E03\u003C\/span\u003E\r\n                \u003Cp\u003E\u003Cstrong\u003E\u0427\u0451\u0442\u043a\u0438\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u0430.\u003C\/strong\u003E \u041f\u043e\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b, \u0430 \u043d\u0430\u0440\u0443\u0448\u0438\u0442\u0435\u043b\u0438 \u043d\u0435 \u043e\u0441\u0442\u0430\u044e\u0442\u0441\u044f \u0431\u0435\u0437 \u0440\u0435\u0430\u043a\u0446\u0438\u0438.\u003C\/p\u003E\r\n            \u003C\/div\u003E\r\n        \u003C\/div\u003E\r\n    \u003C\/div\u003E\r\n\r\n    \u003Cdiv class=\u0022vs-entry vs-panel vs-reveal\u0022 id=\u0022vs-entry\u0022\u003E\r\n        \u003Cdiv class=\u0022vs-entry-copy\u0022\u003E\r\n            \u003Cp class=\u0022vs-eyebrow\u0022\u003E\u041f\u043e\u0440\u0430 \u043d\u0430\u0447\u0438\u043d\u0430\u0442\u044c\u003C\/p\u003E\r\n            \u003Ch3\u003E\u0414\u0432\u0430 \u0448\u0430\u0433\u0430 \u0434\u043e \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0432\u0435\u0447\u0435\u0440\u0430 \u043d\u0430 VanillaSquad\u003C\/h3\u003E\r\n            \u003Cp\u003E\r\n                \u041f\u0440\u0438\u0432\u044f\u0436\u0438\u0442\u0435 Discord \u043a Minecraft-\u0430\u043a\u043a\u0430\u0443\u043d\u0442\u0443 \u0438 \u0432\u043e\u0439\u0434\u0438\u0442\u0435 \u0432 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e, \u0433\u0434\u0435 \u0446\u0435\u043d\u044f\u0442\r\n                \u0447\u0435\u0441\u0442\u043d\u0443\u044e \u0438\u0433\u0440\u0443, \u0445\u043e\u0440\u043e\u0448\u0438\u0435 \u043f\u043e\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0438 \u043b\u044e\u0434\u0435\u0439 \u0440\u044f\u0434\u043e\u043c.\r\n            \u003C\/p\u003E\r\n        \u003C\/div\u003E\r\n        \u003Col class=\u0022vs-steps\u0022\u003E\r\n            \u003Cli\u003E\r\n                \u003Cspan\u003E1\u003C\/span\u003E\r\n                \u003Cp\u003E\u003Cstrong\u003E\u0417\u0430\u0439\u0434\u0438\u0442\u0435 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440.\u003C\/strong\u003E \u0412 \u0438\u0433\u0440\u0435 \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u0447\u0435\u0442\u044b\u0440\u0451\u0445\u0437\u043d\u0430\u0447\u043d\u044b\u0439 \u043a\u043e\u0434 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u044f.\u003C\/p\u003E\r\n            \u003C\/li\u003E\r\n            \u003Cli\u003E\r\n                \u003Cspan\u003E2\u003C\/span\u003E\r\n                \u003Cp\u003E\u003Cstrong\u003E\u041e\u0442\u043f\u0440\u0430\u0432\u044c\u0442\u0435 \u043a\u043e\u0434 \u0432 Discord.\u003C\/strong\u003E \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u043a\u0430\u043d\u0430\u043b \u003Cb\u003E#\u043e\u0442\u043f\u0440\u0430\u0432\u044c-\u043a\u043e\u0434-\u0441\u044e\u0434\u0430\u003C\/b\u003E \u0438 \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u0435 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0443.\u003C\/p\u003E\r\n            \u003C\/li\u003E\r\n        \u003C\/ol\u003E\r\n        \u003Cdiv class=\u0022vs-entry-actions\u0022\u003E\r\n            \u003Ca class=\u0022vs-button vs-button-primary\u0022 href=\u0022\/discord\u0022\u003E\r\n                \u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u0432 Discord\r\n                \u003Cspan class=\u0022vs-button-arrow\u0022 aria-hidden=\u0022true\u0022\u003E\u2192\u003C\/span\u003E\r\n            \u003C\/a\u003E\r\n            \u003Ca class=\u0022vs-inline-link\u0022\r\n               href=\u0022https:\/\/docs.vanillasquad.com\/osnovnye\/kak-nachat-igrat\u0022\r\n               target=\u0022_blank\u0022\r\n               rel=\u0022noopener noreferrer\u0022\u003E\r\n                \u041e\u0442\u043a\u0440\u044b\u0442\u044c \u043f\u043e\u043b\u043d\u0443\u044e \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044e\r\n            \u003C\/a\u003E\r\n        \u003C\/div\u003E\r\n    \u003C\/div\u003E\r\n\u003C\/section\u003E","cssCode":".vs-about {\r\n    --vs-line: rgba(255, 255, 255, 0.1);\r\n    --vs-soft-line: rgba(255, 255, 255, 0.06);\r\n    --vs-muted: rgba(255, 255, 255, 0.68);\r\n    --vs-subtle: rgba(255, 255, 255, 0.47);\r\n    color: var(--color2, #ffffff);\r\n    font-family: \u0022Nunito\u0022, sans-serif;\r\n    padding: 0.5rem 0 1rem;\r\n}\r\n\r\n.vs-about * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.vs-about h2,\r\n.vs-about h3,\r\n.vs-about h4,\r\n.vs-about strong,\r\n.vs-about .vs-button {\r\n    font-family: \u0022Lexend\u0022, sans-serif;\r\n}\r\n\r\n.vs-about p {\r\n    margin: 0;\r\n}
4683\r\n\r\n.vs-panel {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: 1px solid var(--vs-soft-line);\r\n    border-radius: 18px;\r\n    background: linear-gradient(180deg, var(--color3, rgba(29, 26, 50, 0.94)) 0%, var(--color4, rgba(13, 12, 23, 0.92)) 100%);\r\n    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28);\r\n}\r\n\r\n.vs-panel::before {\r\n    content: \u0022\u0022;\r\n    position: absolute;\r\n    top: 0;\r\n    right: 3%;\r\n    left: 3%;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.36), transparent);\r\n}\r\n\r\n.vs-hero {\r\n    padding: clamp(1.4rem, 4vw, 3.35rem);\r\n    isolation: isolate;\r\n}\r\n\r\n.vs-hero::after {\r\n    content: \u0022\u0022;\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    background: linear-gradient(122deg, rgba(255, 255, 255, 0.045), transparent 42%);\r\n}\r\n\r\n.vs-orb {\r\n    position: absolute;\r\n    z-index: -1;\r\n    display: block;\r\n    border-radius: 50%;\r\n    filter: blur(84px);\r\n    pointer-events: none;\r\n}\r\n\r\n.vs-orb-primary {\r\n    top: -8rem;\r\n    right: 12%;\r\n    width: 22rem;\r\n    height: 22rem;\r\n    background: var(--color5, #7c4dfd);\r\n    opacity: 0.22;\r\n}\r\n\r\n.vs-orb-secondary {\r\n    bottom: -10rem;\r\n    left: -5rem;\r\n    width: 19rem;\r\n    height: 19rem;\r\n    background: var(--color6, #72a0cf);\r\n    opacity: 0.2;\r\n}\r\n\r\n.vs-hero-grid {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 0.8fr);\r\n    gap: clamp(1.25rem, 4vw, 3.25rem);\r\n    align-items: center;\r\n}\r\n\r\n.vs-kicker,\r\n.vs-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.62rem;\r\n    color: var(--color6, #72a0cf);\r\n    font-family: \u0022Lexend\u0022, sans-serif;\r\n    font-size: 0.74rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.vs-live-dot {\r\n    width: 0.54rem;\r\n    height: 0.54rem;\r\n    flex: 0 0 auto;\r\n    border-radius: 50%;\r\n    background: #78ff9a;\r\n    box-shadow: 0 0 0 0.28rem rgba(120, 255, 154, 0.12), 0 0 1.15rem rgba(120, 255, 154, 0.65);\r\n}\r\n\r\n.vs-hero-copy h2 {\r\n    max-width: 48rem;\r\n    margin: 1.12rem 0 1.1rem;\r\n    color: var(--color2, #ffffff);\r\n    font-size: clamp(2.12rem, 4.3vw, 3.7rem);\r\n    font-weight: 700;\r\n    letter-spacing: -0.052em;\r\n    line-height: 1.06;\r\n}\r\n\r\n.vs-hero-copy h2 span {\r\n    display: block;\r\n    background: linear-gradient(270deg, var(--color5, #7c4dfd) 0%, var(--color6, #72a0cf) 100%);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    color: transparent;\r\n}\r\n\r\n.vs-lead {\r\n    max-width: 42rem;\r\n    color: var(--vs-muted);\r\n    font-size: clamp(0.97rem, 1.4vw, 1.08rem);\r\n    line-height: 1.72;\r\n}\r\n\r\n.vs-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 0.78rem;\r\n    margin-top: 1.7rem;\r\n}\r\n\r\n.vs-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 3.15rem;\r\n    padding: 0.85rem 1.3rem;\r\n    border-radius: 13px;\r\n    font-size: 0.79rem;\r\n    font-weight: 800;\r\n    letter-spacing: 0.06em;\r\n    line-height: 1.3;\r\n    text-align: center;\r\n    text-transform: uppercase;\r\n    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;\r\n}\r\n\r\n.vs-button:hover {\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.vs-button-primary {\r\n    color: var(--color2, #ffffff);\r\n    background: linear-gradient(270deg, var(--color5, #7c4dfd) 0%, var(--color6, #72a0cf) 100%);\r\n    box-shadow: 0 12px 27px rgba(30, 20, 64, 0.38);\r\n}\r\n\r\n.vs-button-primary:hover {\r\n    color: var(--color2, #ffffff);\r\n    box-shadow: 0 16px 34px rgba(30, 20, 64, 0.48);\r\n}\r\n\r\n.vs-button-secondary {\r\n    border: 1px solid var(--vs-line);\r\n    color: var(--color2, #ffffff);\r\n    background: rgba(255, 255, 255, 0.045);\r\n}\r\n\r\n.vs-button-secondary:hover {\r\n    border-color: rgba(255, 255, 255, 0.22);\r\n    color: var(--color2, #ffffff);\r\n    background: rgba(255, 255, 255, 0.075);\r\n}\r\n\r\n.vs-button-arrow {\r\n    margin-left: 0.72rem;\r\n    font-size: 1.12rem;\r\n    line-height: 1;\r\n}\r\n\r\n.vs-trust {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 0.55rem;\r\n    margin-top: 2rem;\r\n}\r\n\r\n.vs-trust-item {\r\n    min-width: 8.8rem;\r\n    padding: 0.72rem 0.9rem;\r\n    border: 1px solid var(--vs-soft-line);\r\n    border-radius: 12px;\r\n    background: rgba(255, 255, 255, 0.025);\r\n}\r\n\r\n.vs-trust-item strong {\r\n    display: block;\r\n    margin-bottom: 0.18rem;\r\n    color: var(--color2, #ffffff);\r\n    font-size: 0.79rem;\r\n}\r\n\r\n.vs-trust-item span {\r\n    color: var(--vs-subtle);\r\n    font-size: 0.76rem;\r\n}\r\n\r\n.vs-offer {\r\n    padding: clamp(1.18rem, 2.5vw, 1.62rem);\r\n    border: 1px solid rgba(255, 255, 255, 0.105);
4683\r\n    border-radius: 17px;\r\n    background: rgba(5, 5, 13, 0.24);\r\n    backdrop-filter: blur(14px);\r\n}\r\n\r\n.vs-offer-label {\r\n    margin-bottom: 0.62rem;\r\n    color: var(--color5, #7c4dfd);\r\n    font-family: \u0022Lexend\u0022, sans-serif;\r\n    font-size: 0.7rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.vs-offer h3 {\r\n    margin: 0 0 1.3rem;\r\n    font-size: clamp(1.22rem, 2vw, 1.48rem);\r\n    line-height: 1.35;\r\n}\r\n\r\n.vs-offer-list {\r\n    display: grid;\r\n    gap: 1rem;\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n}\r\n\r\n.vs-offer-list li {\r\n    display: grid;\r\n    grid-template-columns: 1.55rem 1fr;\r\n    gap: 0.72rem;\r\n}\r\n\r\n.vs-check {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 1.45rem;\r\n    height: 1.45rem;\r\n    border-radius: 7px;\r\n    color: var(--color2, #ffffff);\r\n    background: linear-gradient(135deg, var(--color5, #7c4dfd), var(--color6, #72a0cf));\r\n    font-size: 0.76rem;\r\n    font-weight: 800;\r\n}\r\n\r\n.vs-offer-list strong {\r\n    display: block;\r\n    margin-bottom: 0.25rem;\r\n    font-size: 0.89rem;\r\n}\r\n\r\n.vs-offer-list small {\r\n    display: block;\r\n    color: var(--vs-muted);\r\n    font-size: 0.83rem;\r\n    line-height: 1.5;\r\n}\r\n\r\n.vs-inline-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    margin-top: 1.3rem;\r\n    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);\r\n    color: var(--color2, #ffffff);\r\n    font-size: 0.88rem;\r\n    font-weight: 700;\r\n    transition: border-color 0.2s ease, color 0.2s ease;\r\n}\r\n\r\n.vs-inline-link:hover {\r\n    border-color: var(--color5, #7c4dfd);\r\n    color: var(--color5, #7c4dfd);\r\n}\r\n\r\n.vs-anchors {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 0.52rem;\r\n    margin: 1rem 0 clamp(2.4rem, 5vw, 3.8rem);\r\n}\r\n\r\n.vs-anchors a {\r\n    padding: 0.65rem 0.92rem;\r\n    border: 1px solid var(--vs-soft-line);\r\n    border-radius: 999px;\r\n    color: var(--vs-muted);\r\n    background: rgba(255, 255, 255, 0.022);\r\n    font-size: 0.84rem;\r\n    transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;\r\n}\r\n\r\n.vs-anchors a:hover {\r\n    border-color: rgba(255, 255, 255, 0.17);\r\n    color: var(--color2, #ffffff);\r\n    background: rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.vs-section {\r\n    scroll-margin-top: 1.5rem;\r\n}\r\n\r\n.vs-section-head {\r\n    max-width: 46rem;\r\n    margin: 0 auto clamp(1.35rem, 3vw, 2.1rem);\r\n    text-align: center;\r\n}\r\n\r\n.vs-section-head .vs-eyebrow {\r\n    justify-content: center;\r\n}\r\n\r\n.vs-section-head h3 {\r\n    margin: 0.65rem 0 0.78rem;\r\n    font-size: clamp(1.54rem, 3vw, 2.18rem);\r\n    letter-spacing: -0.038em;\r\n    line-height: 1.2;\r\n}\r\n\r\n.vs-section-head \u003E p:last-child {\r\n    color: var(--vs-muted);\r\n    font-size: 0.98rem;\r\n    line-height: 1.66;\r\n}\r\n\r\n.vs-benefits {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 0.82rem;\r\n}\r\n\r\n.vs-benefit {\r\n    min-height: 13.2rem;\r\n    padding: 1.2rem 1.12rem;\r\n    border: 1px solid var(--vs-soft-line);\r\n    border-radius: 15px;\r\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.018));\r\n    transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease;\r\n}\r\n\r\n.vs-benefit:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(255, 255, 255, 0.16);\r\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.027));\r\n}\r\n\r\n.vs-number {\r\n    display: inline-flex;\r\n    margin-bottom: 1.04rem;\r\n    color: var(--color5, #7c4dfd);\r\n    font-family: \u0022Lexend\u0022, sans-serif;\r\n    font-size: 0.72rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.13em;\r\n}\r\n\r\n.vs-benefit h4 {\r\n    margin: 0 0 0.58rem;\r\n    font-size: 1.03rem;\r\n    line-height: 1.35;\r\n}\r\n\r\n.vs-benefit p {\r\n    color: var(--vs-muted);\r\n    font-size: 0.88rem;\r\n    line-height: 1.62;\r\n}\r\n\r\n.vs-worlds {\r\n    display: grid;\r\n    grid-template-columns: minmax(15rem, 0.72fr) minmax(0, 1.25fr);\r\n    gap: clamp(1.35rem, 4vw, 3.1rem);\r\n    margin-top: clamp(2.4rem, 5vw, 3.8rem);\r\n    padding: clamp(1.28rem, 3.3vw, 2.55rem);\r\n    scroll-margin-top: 1.5rem;\r\n}\r\n\r\n.vs-worlds-intro h3 {\r\n    margin: 0.7rem 0 0.74rem;\r\n    font-size: clamp(1.35rem, 2.4vw, 1.76rem);\r\n    line-height: 1.28;\r\n}\r\n\r\n.vs-worlds-intro \u003E p:last-child {\r\n    color: var(--vs-muted);\r\n    font-size: 0.93rem;\r\n    line-height: 1.66;\r\n}\r\n\r\n.vs-world-grid {\r\n    display: grid;\r\n    gap: 0.7rem;\r\n}\r\n\r\n.vs-world-card {\r\n    display: grid;\r\n    grid-template-columns: 2.65rem minmax(7rem, 10.3rem) 1fr;\r\n    gap: 0.72rem;
4683\r\n    align-items: center;\r\n    padding: 0.94rem 1rem;\r\n    border: 1px solid var(--vs-soft-line);\r\n    border-radius: 13px;\r\n    background: rgba(255, 255, 255, 0.028);\r\n}\r\n\r\n.vs-world-mark {\r\n    color: var(--color6, #72a0cf);\r\n    font-family: \u0022Lexend\u0022, sans-serif;\r\n    font-size: 0.74rem;\r\n    font-weight: 700;\r\n}\r\n\r\n.vs-world-card h4 {\r\n    margin: 0;\r\n    font-size: 0.94rem;\r\n}\r\n\r\n.vs-world-card p {\r\n    color: var(--vs-muted);\r\n    font-size: 0.84rem;\r\n    line-height: 1.53;\r\n}\r\n\r\n.vs-proof {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 0.82rem;\r\n    margin-top: 0.82rem;\r\n    scroll-margin-top: 1.5rem;\r\n}\r\n\r\n.vs-proof-card,\r\n.vs-standards {\r\n    padding: clamp(1.3rem, 3vw, 2.05rem);\r\n}\r\n\r\n.vs-proof-card h3 {\r\n    margin: 0.72rem 0 0.76rem;\r\n    font-size: clamp(1.25rem, 2.1vw, 1.56rem);\r\n    line-height: 1.33;\r\n}\r\n\r\n.vs-proof-card \u003E p:not(.vs-eyebrow) {\r\n    color: var(--vs-muted);\r\n    font-size: 0.92rem;\r\n    line-height: 1.66;\r\n}\r\n\r\n.vs-metrics {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 0.48rem;\r\n    margin-top: 1.35rem;\r\n}\r\n\r\n.vs-metrics div {\r\n    padding: 0.75rem 0.48rem;\r\n    border: 1px solid var(--vs-soft-line);\r\n    border-radius: 11px;\r\n    text-align: center;\r\n    background: rgba(255, 255, 255, 0.024);\r\n}\r\n\r\n.vs-metrics strong {\r\n    display: block;\r\n    color: var(--color2, #ffffff);\r\n    font-size: clamp(1.08rem, 2vw, 1.3rem);\r\n}\r\n\r\n.vs-metrics span {\r\n    display: block;\r\n    margin-top: 0.18rem;\r\n    color: var(--vs-subtle);\r\n    font-size: 0.7rem;\r\n}\r\n\r\n.vs-standards h3 {\r\n    margin: 0 0 1.22rem;\r\n    font-size: clamp(1.23rem, 2vw, 1.48rem);\r\n}\r\n\r\n.vs-standard {\r\n    display: grid;\r\n    grid-template-columns: 2rem 1fr;\r\n    gap: 0.72rem;\r\n    padding: 0.88rem 0;\r\n    border-top: 1px solid var(--vs-soft-line);\r\n}\r\n\r\n.vs-standard span {\r\n    padding-top: 0.13rem;\r\n    color: var(--color5, #7c4dfd);\r\n    font-family: \u0022Lexend\u0022, sans-serif;\r\n    font-size: 0.72rem;\r\n    font-weight: 700;\r\n}\r\n\r\n.vs-standard p {\r\n    color: var(--vs-muted);\r\n    font-size: 0.87rem;\r\n    line-height: 1.52;\r\n}\r\n\r\n.vs-standard strong {\r\n    color: var(--color2, #ffffff);\r\n    font-size: 0.87rem;\r\n}\r\n\r\n.vs-entry {\r\n    margin-top: clamp(2.4rem, 5vw, 3.8rem);\r\n    padding: clamp(1.4rem, 4vw, 2.6rem);\r\n    scroll-margin-top: 1.5rem;\r\n}\r\n\r\n.vs-entry-copy {\r\n    max-width: 48rem;\r\n}\r\n\r\n.vs-entry-copy h3 {\r\n    margin: 0.7rem 0 0.74rem;\r\n    font-size: clamp(1.45rem, 3vw, 2rem);\r\n    line-height: 1.26;\r\n}\r\n\r\n.vs-entry-copy \u003E p:last-child {\r\n    color: var(--vs-muted);\r\n    font-size: 0.96rem;\r\n    line-height: 1.65;\r\n}\r\n\r\n.vs-steps {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 0.75rem;\r\n    margin: clamp(1.25rem, 3vw, 1.8rem) 0 0;\r\n    padding: 0;\r\n    list-style: none;\r\n}\r\n\r\n.vs-steps li {\r\n    display: grid;\r\n    grid-template-columns: 2.25rem 1fr;\r\n    gap: 0.74rem;\r\n    padding: 1rem;\r\n    border: 1px solid var(--vs-soft-line);\r\n    border-radius: 13px;\r\n    background: rgba(255, 255, 255, 0.027);\r\n}\r\n\r\n.vs-steps li \u003E span {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 2.15rem;\r\n    height: 2.15rem;\r\n    border-radius: 10px;\r\n    color: var(--color2, #ffffff);\r\n    background: linear-gradient(135deg, var(--color5, #7c4dfd), var(--color6, #72a0cf));\r\n    font-family: \u0022Lexend\u0022, sans-serif;\r\n    font-weight: 700;\r\n}\r\n\r\n.vs-steps p {\r\n    color: var(--vs-muted);\r\n    font-size: 0.88rem;\r\n    line-height: 1.55;\r\n}\r\n\r\n.vs-steps strong {\r\n    color: var(--color2, #ffffff);\r\n    font-size: 0.89rem;\r\n}\r\n\r\n.vs-steps b {\r\n    color: var(--color2, #ffffff);\r\n    font-weight: 700;\r\n}\r\n\r\n.vs-entry-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;
4683\r\n    align-items: center;\r\n    gap: 1.1rem;\r\n    margin-top: 1.42rem;\r\n}\r\n\r\n.vs-entry-actions .vs-inline-link {\r\n    margin-top: 0;\r\n}\r\n\r\n.vs-motion .vs-reveal {\r\n    opacity: 0;\r\n    transform: translateY(18px);\r\n    transition: opacity 0.56s ease, transform 0.56s ease;\r\n}\r\n\r\n.vs-motion .vs-reveal.vs-visible {\r\n    opacity: 1;\r\n    transform: none;\r\n}\r\n\r\n.vs-focus {\r\n    outline: 1px solid rgba(255, 255, 255, 0.2);\r\n    outline-offset: 5px;\r\n}\r\n\r\n@media (max-width: 1020px) {\r\n    .vs-hero-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .vs-offer {\r\n        max-width: 42rem;\r\n    }\r\n\r\n    .vs-benefits {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .vs-worlds {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n\r\n@media (max-width: 720px) {\r\n    .vs-hero {\r\n        padding: 1.22rem;\r\n    }\r\n\r\n    .vs-hero-copy h2 {\r\n        font-size: clamp(1.8rem, 9.5vw, 2.25rem);\r\n    }\r\n\r\n    .vs-actions,\r\n    .vs-entry-actions {\r\n        align-items: stretch;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .vs-button {\r\n        width: 100%;\r\n    }\r\n\r\n    .vs-trust {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .vs-anchors {\r\n        justify-content: flex-start;\r\n    }\r\n\r\n    .vs-benefits,\r\n    .vs-proof,\r\n    .vs-steps {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .vs-benefit {\r\n        min-height: auto;\r\n    }\r\n\r\n    .vs-world-card {\r\n        grid-template-columns: 2rem 1fr;\r\n    }\r\n\r\n    .vs-world-card p {\r\n        grid-column: 2;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .vs-motion .vs-reveal,\r\n    .vs-button,\r\n    .vs-benefit {\r\n        transition: none;\r\n        transform: none;\r\n    }\r\n}","jsCode":null}},"home.dynamic.1779867293876-rot2kgqsc":{"custom-code-component":{"htmlCode":"\u003Csection class=\u0022vs-about\u0022 aria-labelledby=\u0022vs-about-title\u0022\u003E\r\n    \u003Cdiv class=\u0022vs-hero vs-panel vs-reveal\u0022\u003E\r\n        \u003Cspan class=\u0022vs-orb vs-orb-primary\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/span\u003E\r\n        \u003Cspan class=\u0022vs-orb vs-orb-secondary\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/span\u003E\r\n\r\n        \u003Cdiv class=\u0022vs-hero-grid\u0022\u003E\r\n            \u003Cdiv class=\u0022vs-hero-copy\u0022\u003E\r\n                \u003Cp class=\u0022vs-kicker\u0022\u003E\r\n                    \u003Cspan class=\u0022vs-live-dot\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/span\u003E\r\n                    \u041f\u0440\u0438\u0432\u0430\u0442\u043d\u044b\u0439 Vanilla+ \u0441\u0435\u0440\u0432\u0435\u0440 \u00b7 \u0441 2019 \u0433\u043e\u0434\u0430\r\n                \u003C\/p\u003E\r\n                \u003Ch2 id=\u0022vs-about-title\u0022\u003E\r\n                    \u0412\u0430\u043d\u0438\u043b\u044c\u043d\u043e\u0435 \u0432\u044b\u0436\u0438\u0432\u0430\u043d\u0438\u0435,\r\n                    \u003Cspan\u003E\u0433\u0434\u0435 \u0432\u0430\u0448 \u043c\u0438\u0440 \u0438\u043c\u0435\u0435\u0442 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c\u003C\/span\u003E\r\n                \u003C\/h2\u003E\r\n                \u003Cp class=\u0022vs-lead\u0022\u003E\r\n                    VanillaSquad \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442 \u0434\u0443\u0445 \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e Minecraft: \u043e\u0433\u0440\u043e\u043c\u043d\u044b\u0439 \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u0439 \u043c\u0438\u0440,\r\n                    \u0436\u0438\u0432\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u0438 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441, \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0439 \u0441\u0432\u043e\u0438\u043c\u0438 \u0440\u0443\u043a\u0430\u043c\u0438. \u041d\u0438\u043a\u0430\u043a\u0438\u0445 \u0442\u0435\u043b\u0435\u043f\u043e\u0440\u0442\u0430\u0446\u0438\u0439,\r\n                    \u043f\u0440\u0438\u0432\u0430\u0442\u0430, \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0445 \u043a\u0438\u0442\u043e\u0432 \u0438\u043b\u0438 \u0434\u043e\u043d\u0430\u0442\u0430, \u043c\u0435\u043d\u044f\u044e\u0449\u0435\u0433\u043e \u0438\u0433\u0440\u0443.\r\n                \u003C\/p\u003E\r\n\r\n                \u003Cdiv class=\u0022vs-actions\u0022 aria-label=\u0022\u041d\u0430\u0447\u0430\u0442\u044c \u0438\u0433\u0440\u0430\u0442\u044c\u0022\u003E\r\n                    \u003Ca class=\u0022vs-button vs-button-primary\u0022 href=\u0022\/discord\u0022\u003E\r\n                        \u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f \u0447\u0435\u0440\u0435\u0437 Discord\r\n                        \u003Cspan class=\u0022vs-button-arrow\u0022 aria-hidden=\u0022true\u0022\u003E\u2192\u003C\/span\u003E\r\n                    \u003C\/a\u003E\r\n                    \u003Ca class=\u0022vs-button vs-button-secondary\u0022\r\n                       href=\u0022https:\/\/docs.vanillasquad.com\/osnovnye\/kak-nachat-igrat\u0022\r\n                       target=\u0022_blank\u0022\r\n                       rel=\u0022noopener noreferrer\u0022\u003E\r\n                        \u041a\u0430\u043a \u043d\u0430\u0447\u0430\u0442\u044c \u0438\u0433\u0440\u0430\u0442\u044c\r\n                    \u003C\/a\u003E\r\n                \u003C\/div\u003E\r\n\r\n                \u003Cdiv class=\u0022vs-trust\u
46830022 aria-label=\u0022\u041a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0430\u0022\u003E\r\n                    \u003Cdiv class=\u0022vs-trust-item\u0022\u003E\r\n                        \u003Cstrong\u003E\u0411\u0435\u0437 Pay-to-Win\u003C\/strong\u003E\r\n                        \u003Cspan\u003E\u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0435\u0441\u0442\u043d\u043e\u0435 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435\u003C\/span\u003E\r\n                    \u003C\/div\u003E\r\n                    \u003Cdiv class=\u0022vs-trust-item\u0022\u003E\r\n                        \u003Cstrong\u003E\u0421 2019 \u0433\u043e\u0434\u0430\u003C\/strong\u003E\r\n                        \u003Cspan\u003E\u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\u003C\/span\u003E\r\n                    \u003C\/div\u003E\r\n                    \u003Cdiv class=\u0022vs-trust-item\u0022\u003E\r\n                        \u003Cstrong\u003ERyzen 9 9950X\u003C\/strong\u003E\r\n                        \u003Cspan\u003E\u0432\u044b\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u0441\u0435\u0440\u0432\u0435\u0440\u003C\/span\u003E\r\n                    \u003C\/div\u003E\r\n                \u003C\/div\u003E\r\n            \u003C\/div\u003E\r\n\r\n            \u003Caside class=\u0022vs-offer\u0022 aria-label=\u0022\u0427\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0438\u0433\u0440\u043e\u043a\u0022\u003E\r\n                \u003Cp class=\u0022vs-offer-label\u0022\u003E\u0412\u0430\u0448 \u043e\u043f\u044b\u0442 \u043d\u0430 VanillaSquad\u003C\/p\u003E\r\n                \u003Ch3\u003E\u041c\u0438\u0440, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f\u003C\/h3\u003E\r\n                \u003Cul class=\u0022vs-offer-list\u0022\u003E\r\n                    \u003Cli\u003E\r\n                        \u003Cspan class=\u0022vs-check\u0022 aria-hidden=\u0022true\u0022\u003E\u2713\u003C\/span\u003E\r\n                        \u003Cspan\u003E\r\n                            \u003Cstrong\u003E\u041d\u0430\u0441\u0442\u043e\u044f\u0449\u0435\u0435 \u0432\u044b\u0436\u0438\u0432\u0430\u043d\u0438\u0435\u003C\/strong\u003E\r\n                            \u003Csmall\u003E\u0411\u0430\u043b\u0430\u043d\u0441 \u043d\u0435 \u043b\u043e\u043c\u0430\u044e\u0442 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0438 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b.\u003C\/small\u003E\r\n                        \u003C\/span\u003E\r\n                    \u003C\/li\u003E\r\n                    \u003Cli\u003E\r\n                        \u003Cspan class=\u0022vs-check\u0022 aria-hidden=\u0022true\u0022\u003E\u2713\u003C\/span\u003E\r\n                        \u003Cspan\u003E\r\n                            \u003Cstrong\u003E\u0413\u043e\u0440\u043e\u0434\u0430, \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u044b \u0438 \u0438\u0432\u0435\u043d\u0442\u044b\u003C\/strong\u003E\r\n                            \u003Csmall\u003E\u0422\u043e\u0440\u0433\u0443\u0439\u0442\u0435, \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u0438\u043b\u0438 \u0441\u0442\u0440\u043e\u0439\u0442\u0435 \u0432 \u043e\u0434\u0438\u043d\u043e\u0447\u043a\u0443.\u003C\/small\u003E\r\n                        \u003C\/span\u003E\r\n                    \u003C\/li\u003E\r\n                    \u003Cli\u003E\r\n                        \u003Cspan class=\u0022vs-check\u0022 aria-hidden=\u0022true\u0022\u003E\u2713\u003C\/span\u003E\r\n                        \u003Cspan\u003E\r\n                            \u003Cstrong\u003E\u0417\u0430\u0449\u0438\u0449\u0451\u043d\u043d\u044b\u0439 \u0442\u0440\u0443\u0434\u003C\/strong\u003E\r\n                            \u003Csmall\u003E\u0413\u0440\u0438\u0444\u0435\u0440\u0441\u0442\u0432\u043e \u0438 \u0447\u0438\u0442\u044b \u043f\u0440\u0435\u0441\u0435\u043a\u0430\u044e\u0442\u0441\u044f, \u0443\u0449\u0435\u0440\u0431 \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442\u0441\u044f.\u003C\/small\u003E\r\n                        \u003C\/span\u003E\r\n                    \u003C\/li\u003E\r\n                \u003C\/ul\u003E\r\n                \u003Ca class=\u0022vs-inline-link\u0022 href=\u0022#vs-entry\u0022\u003E\u041f\u
4683043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043f\u0443\u0442\u044c \u0432\u0445\u043e\u0434\u0430\u003C\/a\u003E\r\n            \u003C\/aside\u003E\r\n        \u003C\/div\u003E\r\n    \u003C\/div\u003E\r\n\r\n    \u003Cnav class=\u0022vs-anchors vs-reveal\u0022 aria-label=\u0022\u0420\u0430\u0437\u0434\u0435\u043b\u044b \u043e \u0441\u0435\u0440\u0432\u0435\u0440\u0435\u0022\u003E\r\n        \u003Ca href=\u0022#vs-benefits\u0022\u003E\u0427\u0442\u043e \u0432\u0430\u0441 \u0436\u0434\u0451\u0442\u003C\/a\u003E\r\n        \u003Ca href=\u0022#vs-worlds\u0022\u003E\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043c\u0438\u0440\u044b\u003C\/a\u003E\r\n        \u003Ca href=\u0022#vs-reliability\u0022\u003E\u041f\u043e\u0447\u0435\u043c\u0443 \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0432\u0435\u0440\u044f\u0442\u044c\u003C\/a\u003E\r\n        \u003Ca href=\u0022#vs-entry\u0022\u003E\u041a\u0430\u043a \u0432\u043e\u0439\u0442\u0438\u003C\/a\u003E\r\n    \u003C\/nav\u003E\r\n\r\n    \u003Cdiv class=\u0022vs-section vs-reveal\u0022 id=\u0022vs-benefits\u0022\u003E\r\n        \u003Cdiv class=\u0022vs-section-head\u0022\u003E\r\n            \u003Cp class=\u0022vs-eyebrow\u0022\u003E\u041f\u043e\u0447\u0435\u043c\u0443 \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 VanillaSquad\u003C\/p\u003E\r\n            \u003Ch3\u003E\u0421\u0432\u043e\u0431\u043e\u0434\u0430 \u0432\u0430\u043d\u0438\u043b\u043b\u044b \u0441 \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043e\u043c \u0437\u0440\u0435\u043b\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u003C\/h3\u003E\r\n            \u003Cp\u003E\r\n                \u0412\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0435 \u043f\u0440\u0438\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0431\u0435\u0437 \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432, \u043d\u043e \u0441 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043e\u0439,\r\n                \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0434\u0435\u043b\u0430\u0435\u0442 \u0434\u043e\u043b\u0433\u0443\u044e \u0438\u0433\u0440\u0443 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u0439 \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0439.\r\n            \u003C\/p\u003E\r\n        \u003C\/div\u003E\r\n\r\n        \u003Cdiv class=\u0022vs-benefits\u0022\u003E\r\n            \u003Carticle class=\u0022vs-benefit\u0022\u003E\r\n                \u003Cspan class=\u0022vs-number\u0022\u003E01\u003C\/span\u003E\r\n                \u003Ch4\u003E\u0427\u0435\u0441\u0442\u043d\u0430\u044f \u0432\u0430\u043d\u0438\u043b\u043b\u0430\u003C\/h4\u003E\r\n                \u003Cp\u003E\u0421\u0430\u043c\u043e\u043f\u0438\u0441\u043d\u044b\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0438 \u0434\u0430\u0442\u0430\u043f\u0430\u043a\u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u044f\u044e\u0442 \u0438\u0433\u0440\u0443, \u043d\u0435 \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u044f \u0432\u044b\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0432 \u043d\u0430\u0431\u043e\u0440 \u043f\u0440\u0438\u0432\u0438\u043b\u0435\u0433\u0438\u0439.\u003C\/p\u003E\r\n            \u003C\/article\u003E\r\n            \u003Carticle class=\u0022vs-benefit\u0022\u003E\r\n                \u003Cspan class=\u0022vs-number\u0022\u003E02\u003C\/span\u003E\r\n                \u003Ch4\u003E\u0416\u0438\u0432\u0430\u044f \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u043a\u0430\u003C\/h4\u003E\r\n                \u003Cp\u003E\u041e\u0442\u043a\u0440\u044b\u0432\u0430\u0439\u0442\u0435 \u043c\u0430\u0433\u0430\u0437\u0438\u043d \u0438 \u0442\u043e\u0440\u0433\u0443\u0439\u0442\u0435 \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0435, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u043e\u0439 \u0434\u043b\u044f \u0437\u0430\u0449\u0438\u0442\u044b \u0440\u044b\u043d\u043a\u0430 \u043e\u0442 \u043e\u0431\u0432\u0430\u043b\u0430 \u0446\u0435\u043d.\u003C\/p\u003E\r\n            \u003C\/article\u003E\r\n            \u003Carticle class=\u0022vs-benefit\u0022\u003E\r\n                \u003Cspan class=\u0022vs-number\u0022\u003E03\u003C\/span\u003E\r\n                \u003Ch4\u003E\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u044f\u003C\/h4\u003E\r\n                \u003Cp\u003E\u0420\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0438\u0432\u0435\u043d\u0442\u044b, \u043a\u043e\u043d\u043a\u0443\u0440\u0441\u044b, \u0433\u043e\u0440\u043e\u0434\u0430 \u0438 \u0434\u0435\u0440\u0435\u0432\u043d\u0438 \u0434\u0430\u044e\u0442 \u043f\u043e\u0432\u043e\u0434 \u0438\u0433\u0440\u0430\u0442\u044c \u0432\u043c\u0435\u0441\u0442\u0435 \u043a\u0430\u0436\u0434\u044b\u0439 \u0434\u0435\u043d\u044c.\u003C\/p\u003E\r\n            \u003C\/article\u003E\r\n            \u003Carticle class=\u0022vs-benefit\u0022\u003E\r\n                \u003Cspan class=\u0022vs-number\u0022\u003E04\u003C\/span\u003E\r\n                \u003Ch4\u003E\u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043a\u003C\/h4\u003E\r\n                \u003Cp\u003E\u0427\u0438\u0442\u044b, \u0432\u043e\u0440\u043e\u0432\u0441\u0442\u0432\u043e, \u0433\u0440\u0438\u0444\u0435\u0440\u0441\u0442\u0432\u043e \u0438 \u0442\u043e\u043a\u0441\u0438\u0447\u043d\u043e\u0441\u0442\u044c \u0437\u0430\u043f\u0440\u0435\u0449\u0435\u043d\u044b; \u043c\u043e\u0434\u0435\u0440\u0430\u0446\u0438\u044f \u0431\u044b\u0441\u0442\u0440\u043e \u0440\u0435\u0430\u0433\u0438\u0440\u0443\u0435\u0442 \u043d\u0430 \u0436\u0430\u043b\u043e\u0431\u044b.\u003C\/p\u003E\r\n            \u003C\/article\u003E\r\n        \u003C\/div\u003E\r\n    \u003C\/div\u003E\r\n\r\n    \u003Cdiv class=\u0022vs-worlds vs-panel vs-reveal\u0022 id=\u0022vs-worlds\u0022\u003E\r\n        \u003Cdiv class=\u0022vs-worlds-intro\u0022\u003E\r\n            \u003Cp class=\u0022vs-eyebrow\u0022\u003E\u041f\u
46830440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0439 \u0438\u0434\u0435\u0438\u003C\/p\u003E\r\n            \u003Ch3\u003E\u0422\u0440\u0438 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0445 \u043c\u0438\u0440\u0430 \u0434\u043b\u044f \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u0430\u043c\u0431\u0438\u0446\u0438\u0439\u003C\/h3\u003E\r\n            \u003Cp\u003E\r\n                \u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043c\u0438\u0440 \u043e\u0441\u0442\u0430\u0451\u0442\u0441\u044f \u0443\u044e\u0442\u043d\u044b\u043c \u043c\u0435\u0441\u0442\u043e\u043c \u0432\u044b\u0436\u0438\u0432\u0430\u043d\u0438\u044f, \u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430 \u0434\u0430\u044e\u0442\r\n                \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c, \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c\u0430\u043c \u0438 \u0442\u0432\u043e\u0440\u0447\u0435\u0441\u0442\u0432\u0443 \u0440\u0430\u0441\u043a\u0440\u044b\u0442\u044c\u0441\u044f \u0432 \u043f\u043e\u043b\u043d\u043e\u043c \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0435.\r\n            \u003C\/p\u003E\r\n        \u003C\/div\u003E\r\n        \u003Cdiv class=\u0022vs-world-grid\u0022\u003E\r\n            \u003Carticle class=\u0022vs-world-card\u0022\u003E\r\n                \u003Cspan class=\u0022vs-world-mark\u0022\u003E01\u003C\/span\u003E\r\n                \u003Ch4\u003E\u041c\u0438\u0440 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043a\u003C\/h4\u003E\r\n                \u003Cp\u003E\u0413\u043e\u0440\u043e\u0434\u0430, \u043a\u0440\u0435\u043f\u043e\u0441\u0442\u0438 \u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0442\u0430\u043d\u043e\u0432\u044f\u0442\u0441\u044f \u0447\u0430\u0441\u0442\u044c\u044e \u0438\u0441\u0442\u043e\u0440\u0438\u0438 \u0441\u0435\u0440\u0432\u0435\u0440\u0430.\u003C\/p\u003E\r\n            \u003C\/article\u003E\r\n            \u003Carticle class=\u0022vs-world-card\u0022\u003E\r\n                \u003Cspan class=\u0022vs-world-mark\u0022\u003E02\u003C\/span\u003E\r\n                \u003Ch4\u003E\u041c\u0438\u0440 \u0444\u0435\u0440\u043c\u003C\/h4\u003E\r\n                \u003Cp\u003E\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u0431\u0435\u0437 \u043b\u0438\u0448\u043d\u0435\u0439 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043c\u0438\u0440.\u003C\/p\u003E\r\n            \u003C\/article\u003E\r\n            \u003Carticle class=\u0022vs-world-card\u0022\u003E\r\n                \u003Cspan class=\u0022vs-world-mark\u0022\u003E03\u003C\/span\u003E\r\n                \u003Ch4\u003E\u041c\u0438\u0440 \u0430\u0440\u0442\u043e\u0432\u003C\/h4\u003E\r\n                \u003Cp\u003E\u0412\u044b\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0435 \u043c\u0435\u0441\u0442\u043e \u0434\u043b\u044f \u043f\u0438\u043a\u0441\u0435\u043b\u044c-\u0430\u0440\u0442\u043e\u0432 \u0438 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0445 \u0440\u0430\u0434\u0438 \u043a\u0440\u0430\u0441\u043e\u0442\u044b \u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430.\u003C\/p\u003E\r\n            \u003C\/article\u003E\r\n        \u003C\/div\u003E\r\n    \u003C\/div\u003E\r\n\r\n    \u003Cdiv class=\u0022vs-proof vs-reveal\u0022 id=\u0022vs-reliability\u0022\u003E\r\n        \u003Cdiv class=\u0022vs-proof-card vs-panel\u0022\u003E\r\n            \u003Cp class=\u0022vs-eyebrow\u0022\u003E\u041d\u0430\u0434\u0451\u0436\u043d\u0430\u044f \u043e\u0441\u043d\u043e\u0432\u0430\u003C\/p\u003E\r\n            \u003Ch3\u003E\u0421\u0435\u0440\u0432\u0435\u0440 \u0434\u043b\u044f \u0434\u043e\u043b\u0433\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432, \u0430 \u043d\u0435 \u043e\u0434\u043d\u043e\u0433\u043e \u0432\u0435\u0447\u0435\u0440\u0430\u003C\/h3\u003E\r\n            \u003Cp\u003E\r\n                VanillaSquad \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0440\u0430\u0434\u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0430 \u0438\u0433\u0440\u043e\u043a\u043e\u0432, \u0430 \u043d\u0435 \u0440\u0430\u0434\u0438 \u043f\u0440\u043e\u0434\u0430\u0436\u0438 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432.\r\n                \u041f\u0440\u043e\u0435\u043a\u0442 \u0438\u043c\u0435\u0435\u0442 \u0444\u0438\u043d\u0430\u043d\u0441\u043e\u0432\u044b\u0439 \u0440\u0435\u0437\u0435\u0440\u0432, \u043a\u043e\u043c\u0430\u043d\u0434\u0443 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u043e\u0432 \u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441 2019 \u0433\u043e\u0434\u0430.\r\n            \u003C\/p\u003E\r\n            \u003Cdiv class=\u0022vs-metrics\u0022\u003E\r\n                \u003Cdiv\u003E\r\n                    \u003Cstrong\u003E2019\u003C\/strong\u003E\r\n                    \u003Cspan\u003E\u0433\u043e\u0434 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u003C\/span\u003E\r\n                \u003C\/div\u003E\r\n                \u003Cdiv\u003E\r\n                    \u003Cstrong\u003E9950X\u003C\/strong\u003E\r\n                    \u003Cspan\u003ERyzen 9\u003C\/span\u003E\r\n                \u003C\/div\u003E\r\n                \u003Cdiv\u003E\r\n                    \u003Cstrong\u003E0\u003C\/strong\u003E\r\n                    \u003Cspan\u003E\u043f\u043e\u043a\u0443\u043f\u043d\u044b\u0445 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u003C\/span\u003E\r\n                \u003C\/div\u003E\r\n            \u003C\/div\u003E\r\n        \u003C\/div\u003E\r\n\r\n        \u003Cdiv class=\u0022vs-standards vs-panel\u
46830022\u003E\r\n            \u003Ch3\u003E\u0427\u0442\u043e \u043c\u044b \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u043c\u003C\/h3\u003E\r\n            \u003Cdiv class=\u0022vs-standard\u0022\u003E\r\n                \u003Cspan\u003E01\u003C\/span\u003E\r\n                \u003Cp\u003E\u003Cstrong\u003E\u0412\u044b\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0435 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435.\u003C\/strong\u003E \u0421\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u0430\u044f \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0431\u0435\u0437 \u0434\u0435\u0448\u0451\u0432\u043e\u0433\u043e \u043e\u0431\u0449\u0435\u0433\u043e \u0445\u043e\u0441\u0442\u0438\u043d\u0433\u0430.\u003C\/p\u003E\r\n            \u003C\/div\u003E\r\n            \u003Cdiv class=\u0022vs-standard\u0022\u003E\r\n                \u003Cspan\u003E02\u003C\/span\u003E\r\n                \u003Cp\u003E\u003Cstrong\u003E\u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430.\u003C\/strong\u003E \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438, \u0442\u0435\u0445\u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440, \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u044b \u0438 \u043c\u043e\u0434\u0435\u0440\u0430\u0446\u0438\u044f \u043e\u0442\u0432\u0435\u0447\u0430\u044e\u0442 \u0437\u0430 \u0441\u0432\u043e\u0438 \u0437\u0430\u0434\u0430\u0447\u0438.\u003C\/p\u003E\r\n            \u003C\/div\u003E\r\n            \u003Cdiv class=\u0022vs-standard\u0022\u003E\r\n                \u003Cspan\u003E03\u003C\/span\u003E\r\n                \u003Cp\u003E\u003Cstrong\u003E\u0427\u0451\u0442\u043a\u0438\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u0430.\u003C\/strong\u003E \u041f\u043e\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b, \u0430 \u043d\u0430\u0440\u0443\u0448\u0438\u0442\u0435\u043b\u0438 \u043d\u0435 \u043e\u0441\u0442\u0430\u044e\u0442\u0441\u044f \u0431\u0435\u0437 \u0440\u0435\u0430\u043a\u0446\u0438\u0438.\u003C\/p\u003E\r\n            \u003C\/div\u003E\r\n        \u003C\/div\u003E\r\n    \u003C\/div\u003E\r\n\r\n    \u003Cdiv class=\u0022vs-entry vs-panel vs-reveal\u0022 id=\u0022vs-entry\u0022\u003E\r\n        \u003Cdiv class=\u0022vs-entry-copy\u0022\u003E\r\n            \u003Cp class=\u0022vs-eyebrow\u0022\u003E\u041f\u043e\u0440\u0430 \u043d\u0430\u0447\u0438\u043d\u0430\u0442\u044c\u003C\/p\u003E\r\n            \u003Ch3\u003E\u0414\u0432\u0430 \u0448\u0430\u0433\u0430 \u0434\u043e \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0432\u0435\u0447\u0435\u0440\u0430 \u043d\u0430 VanillaSquad\u003C\/h3\u003E\r\n            \u003Cp\u003E\r\n                \u041f\u0440\u0438\u0432\u044f\u0436\u0438\u0442\u0435 Discord \u043a Minecraft-\u0430\u043a\u043a\u0430\u0443\u043d\u0442\u0443 \u0438 \u0432\u043e\u0439\u0434\u0438\u0442\u0435 \u0432 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e, \u0433\u0434\u0435 \u0446\u0435\u043d\u044f\u0442\r\n                \u0447\u0435\u0441\u0442\u043d\u0443\u044e \u0438\u0433\u0440\u0443, \u0445\u043e\u0440\u043e\u0448\u0438\u0435 \u043f\u043e\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0438 \u043b\u044e\u0434\u0435\u0439 \u0440\u044f\u0434\u043e\u043c.\r\n            \u003C\/p\u003E\r\n        \u003C\/div\u003E\r\n        \u003Col class=\u0022vs-steps\u0022\u003E\r\n            \u003Cli\u003E\r\n                \u003Cspan\u003E1\u003C\/span\u003E\r\n                \u003Cp\u003E\u003Cstrong\u003E\u0417\u0430\u0439\u0434\u0438\u0442\u0435 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440.\u003C\/strong\u003E \u0412 \u0438\u0433\u0440\u0435 \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u0447\u0435\u0442\u044b\u0440\u0451\u0445\u0437\u043d\u0430\u0447\u043d\u044b\u0439 \u043a\u043e\u0434 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u044f.\u003C\/p\u003E\r\n            \u003C\/li\u003E\r\n            \u003Cli\u003E\r\n                \u003Cspan\u003E2\u003C\/span\u003E\r\n                \u003Cp\u003E\u003Cstrong\u003E\u041e\u0442\u043f\u0440\u0430\u0432\u044c\u0442\u0435 \u043a\u043e\u0434 \u0432 Discord.\u003C\/strong\u003E \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u043a\u0430\u043d\u0430\u043b \u003Cb\u003E#\u043e\u0442\u043f\u0440\u0430\u0432\u044c-\u043a\u043e\u0434-\u0441\u044e\u0434\u0430\u003C\/b\u003E \u0438 \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u0435 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0443.\u003C\/p\u003E\r\n            \u003C\/li\u003E\r\n        \u003C\/ol\u003E\r\n        \u003Cdiv class=\u0022vs-entry-actions\u0022\u003E\r\n            \u003Ca class=\u0022vs-button vs-button-primary\u0022 href=\u0022\/discord\u0022\u003E\r\n                \u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u0432 Discord\r\n                \u003Cspan class=\u0022vs-button-arrow\u0022 aria-hidden=\u0022true\u0022\u003E\u2192\u003C\/span\u003E\r\n            \u003C\/a\u003E\r\n            \u003Ca class=\u0022vs-inline-link\u0022\r\n               href=\u0022https:\/\/docs.vanillasquad.com\/osnovnye\/kak-nachat-igrat\u0022\r\n               target=\u0022_blank\u0022\r\n               rel=\u0022noopener noreferrer\u0022\u003E\r\n                \u041e\u0442\u043a\u0440\u044b\u0442\u044c \u043f\u043e\u043b\u043d\u0443\u044e \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044e\r\n            \u003C\/a\u003E\r\n        \u003C\/div\u003E\r\n    \u003C\/div\u003E\r\n\u003C\/section\u003E","cssCode":null,"jsCode":null}},"home.dynamic.1779879788751-e2lxh4ghe":{"custom-code-component":{"htmlCode":"\u003Cdiv class=\u0022vs-about\u0022 lang=\u0022ru\u0022\u003E\r\n  \u003Csection class=\u0022vs-hero\u0022 aria-label=\u0022\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f \u043a VanillaSquad\u0022\u003E\r\n    \u003Cspan class=\u0022vs-glow vs-glow-primary\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/span\u003E\r\n    \u003Cspan class=\u0022vs-glow vs-glow-secondary\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/span\u003E\r\n\r\n    \u003Cdiv class=\u0022vs-hero-copy\u0022\u003E\r\n      \u003Cp class=\u0022vs-kicker\u0022\u003E\r\n        \u003Cspan class=\u0022vs-live\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/span\u003E\r\n        \u041f\u0440\u0438\u0432\u0430\u0442\u043d\u044b\u0439 Minecraft-\u0441\u0435\u0440\u0432\u0435\u0440\r\n        \u003Cspan class=\u0022vs-kicker-detail\u0022\u003E\u0421 2019 \u0433\u043e\u0434\u0430\u003C\/span\u003E\r\n      \u003C\/p\u003E\r\n      \u003Ch2\u
4683003E\u0412\u0430\u043d\u0438\u043b\u044c\u043d\u043e\u0435 \u0432\u044b\u0436\u0438\u0432\u0430\u043d\u0438\u0435, \u0433\u0434\u0435 \u003Cspan\u003E\u0432\u0430\u0448\u0430 \u0438\u0441\u0442\u043e\u0440\u0438\u044f\u003C\/span\u003E \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0432\u0430\u0436\u043d\u0430\u003C\/h2\u003E\r\n      \u003Cp class=\u0022vs-lead\u0022\u003E\r\n        VanillaSquad - \u0436\u0438\u0432\u043e\u0439 \u043c\u0438\u0440 \u0431\u0435\u0437 \u0442\u0435\u043b\u0435\u043f\u043e\u0440\u0442\u043e\u0432, \u043f\u0440\u0438\u0432\u0430\u0442\u0430, \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0445 \u043a\u0438\u0442\u043e\u0432 \u0438 \u0434\u043e\u043d\u0430\u0442\u043d\u043e\u0433\u043e\r\n        \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430. \u0421\u0442\u0440\u043e\u0439\u0442\u0435 \u0433\u043e\u0440\u043e\u0434\u0430, \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0439\u0442\u0435 \u0442\u043e\u0440\u0433\u043e\u0432\u043b\u044e, \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0438 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0435\r\n        \u0434\u0440\u0443\u0437\u0435\u0439 \u0432 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0431\u0435\u0440\u0435\u0436\u0435\u0442 \u0434\u0443\u0445 \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e Minecraft.\r\n      \u003C\/p\u003E\r\n\r\n      \u003Cdiv class=\u0022vs-actions\u0022\u003E\r\n        \u003Ca class=\u0022vs-btn vs-btn-primary\u0022 href=\u0022\/discord\u0022\u003E\r\n          \u0421\u0442\u0430\u0442\u044c \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u043c\r\n          \u003Csvg viewBox=\u00220 0 20 20\u0022 aria-hidden=\u0022true\u0022\u003E\r\n            \u003Cpath d=\u0022M4 10h11M11 5l5 5-5 5\u0022\u003E\u003C\/path\u003E\r\n          \u003C\/svg\u003E\r\n        \u003C\/a\u003E\r\n        \u003Ca class=\u0022vs-btn vs-btn-secondary\u0022 href=\u0022https:\/\/docs.vanillasquad.com\/osnovnye\/kak-nachat-igrat\u0022 target=\u0022_blank\u0022 rel=\u0022noopener noreferrer\u0022\u003E\r\n          \u041a\u0430\u043a \u043d\u0430\u0447\u0430\u0442\u044c \u0438\u0433\u0440\u0430\u0442\u044c\r\n        \u003C\/a\u003E\r\n      \u003C\/div\u003E\r\n\r\n      \u003Cdiv class=\u0022vs-chips\u0022 aria-label=\u0022\u0413\u043b\u0430\u0432\u043d\u044b\u0435 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u0441\u0435\u0440\u0432\u0435\u0440\u0430\u0022\u003E\r\n        \u003Cspan\u003E\u0411\u0435\u0437 pay-to-win\u003C\/span\u003E\r\n        \u003Cspan\u003E\u0411\u0435\u0437 \u043f\u0440\u0438\u0432\u0430\u0442\u0430\u003C\/span\u003E\r\n        \u003Cspan\u003E\u0411\u0435\u0437 \u0442\u0435\u043b\u0435\u043f\u043e\u0440\u0442\u043e\u0432\u003C\/span\u003E\r\n      \u003C\/div\u003E\r\n    \u003C\/div\u003E\r\n\r\n    \u003Caside class=\u0022vs-journey\u0022 aria-label=\u0022\u0427\u0442\u043e \u0436\u0434\u0435\u0442 \u043d\u043e\u0432\u043e\u0433\u043e \u0438\u0433\u0440\u043e\u043a\u0430\u0022\u003E\r\n      \u003Cdiv class=\u0022vs-journey-head\u0022\u003E\r\n        \u003Cspan\u003E\u0412\u0430\u0448 \u043d\u043e\u0432\u044b\u0439 \u043c\u0438\u0440\u003C\/span\u003E\r\n        \u003Cstrong\u003EVanillaSquad\u003C\/strong\u003E\r\n      \u003C\/div\u003E\r\n      \u003Cdiv class=\u0022vs-journey-stats\u0022\u003E\r\n        \u003Cdiv\u003E\r\n          \u003Cstrong\u003E4\u003C\/strong\u003E\r\n          \u003Cspan\u003E\u043c\u0438\u0440\u0430 \u0434\u043b\u044f \u0438\u0434\u0435\u0439\u003C\/span\u003E\r\n        \u003C\/div\u003E\r\n        \u003Cdiv\u003E\r\n          \u003Cstrong\u003E2019\u003C\/strong\u003E\r\n          \u003Cspan\u003E\u0433\u043e\u0434 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u003C\/span\u003E\r\n        \u003C\/div\u003E\r\n        \u003Cdiv\u003E\r\n          \u003Cstrong\u003E\u041e\u043d\u043b\u0430\u0439\u043d\u003C\/strong\u003E\r\n          \u003Cspan\u003E\u0438\u0433\u0440\u043e\u043a\u0438 \u0440\u044f\u0434\u043e\u043c\u003C\/span\u003E\r\n        \u003C\/div\u003E\r\n      \u003C\/div\u003E\r\n      \u003Cdiv class=\u0022vs-first-night\u0022\u003E\r\n        \u003Cp\u003E\u0423\u0436\u0435 \u0432 \u043f\u0435\u0440\u0432\u044b\u0439 \u0432\u0435\u0447\u0435\u0440 \u0432\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435\u003C\/p\u003E\r\n        \u003Cul\u003E\r\n          \u003Cli\u003E\u043d\u0430\u0439\u0442\u0438 \u043c\u0435\u0441\u0442\u043e \u0434\u043b\u044f \u0431\u0430\u0437\u044b \u0438\u043b\u0438 \u043f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f \u043a \u0433\u043e\u0440\u043e\u0434\u0443;\u003C\/li\u003E\r\n          \u003Cli\u003E\u043f\u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u044c\u0441\u044f \u0441 \u0438\u0433\u0440\u043e\u043a\u0430\u043c\u0438 \u0438 \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u043a\u043e\u0439 \u0441\u0435\u0440\u0432\u0435\u0440\u0430;\u003C\/li\u003E\r\n          \u003Cli\u003E\u043d\u0430\u0447\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u0441\u0442\u0430\u043d\u0435\u0442\u0441\u044f \u0447\u0430\u0441\u0442\u044c\u044e \u043c\u0438\u0440\u0430.\u003C\/li\u003E\r\n        \u003C\/ul\u003E\r\n      \u003C\/div\u003E\r\n    \u003C\/aside\u003E\r\n  \u003C\/section\u003E\r\n\r\n  \u003Csection class=\u0022vs-section\u0022 aria-labelledby=\u0022vs-benefits-title\u0022\u003E\r\n    \u003Cdiv class=\u0022vs-section-head\u0022\u003E\r\n      \u003Cp class=\u0022vs-label\u0022\u003E\u041f\u
4683043e\u0447\u0435\u043c\u0443 \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 VanillaSquad\u003C\/p\u003E\r\n      \u003Ch2 id=\u0022vs-benefits-title\u0022\u003E\u0412\u0441\u0435, \u0440\u0430\u0434\u0438 \u0447\u0435\u0433\u043e \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0432\u0435\u0440\u043d\u0443\u0442\u044c\u0441\u044f \u0432 \u0438\u0433\u0440\u0443\u003C\/h2\u003E\r\n      \u003Cp\u003E\r\n        \u041c\u044b \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0447\u0435\u0441\u0442\u043d\u043e\u0435 \u0432\u044b\u0436\u0438\u0432\u0430\u043d\u0438\u0435, \u043d\u043e \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439,\r\n        \u0447\u0442\u043e\u0431\u044b \u0432\u0430\u0448 \u043c\u0438\u0440 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u043b\u0441\u044f \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u043b\u044e\u0434\u044c\u043c\u0438 \u0432\u043e\u043a\u0440\u0443\u0433.\r\n      \u003C\/p\u003E\r\n    \u003C\/div\u003E\r\n\r\n    \u003Cdiv class=\u0022vs-benefits\u0022\u003E\r\n      \u003Carticle class=\u0022vs-feature\u0022\u003E\r\n        \u003Cspan class=\u0022vs-feature-icon\u0022 aria-hidden=\u0022true\u0022\u003E\r\n          \u003Csvg viewBox=\u00220 0 24 24\u0022\u003E\u003Cpath d=\u0022M12 3l8 4.5v6.8L12 21l-8-6.7V7.5L12 3zM4 7.5l8 4.7 8-4.7M12 12.2V21\u0022\u003E\u003C\/path\u003E\u003C\/svg\u003E\r\n        \u003C\/span\u003E\r\n        \u003Ch3\u003E\u041d\u0430\u0441\u0442\u043e\u044f\u0449\u0430\u044f \u0432\u0430\u043d\u0438\u043b\u044c\u003C\/h3\u003E\r\n        \u003Cp\u003E\u0421\u0430\u043c\u043e\u043f\u0438\u0441\u043d\u044b\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0438 \u0434\u0430\u0442\u0430\u043f\u0430\u043a\u0438 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u0441\u0435\u0440\u0432\u0435\u0440\u0443, \u043d\u0435 \u043b\u043e\u043c\u0430\u044f \u0431\u0430\u043b\u0430\u043d\u0441 \u0438 \u043e\u0449\u0443\u0449\u0435\u043d\u0438\u0435 \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0432\u044b\u0436\u0438\u0432\u0430\u043d\u0438\u044f.\u003C\/p\u003E\r\n      \u003C\/article\u003E\r\n      \u003Carticle class=\u0022vs-feature\u0022\u003E\r\n        \u003Cspan class=\u0022vs-feature-icon\u0022 aria-hidden=\u0022true\u0022\u003E\r\n          \u003Csvg viewBox=\u00220 0 24 24\u0022\u003E\u003Cpath d=\u0022M16 20v-2a4 4 0 0 0-8 0v2M12 13a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM19 10a3 3 0 0 1 2 2.8V15M5 10a3 3 0 0 0-2 2.8V15\u0022\u003E\u003C\/path\u003E\u003C\/svg\u003E\r\n        \u003C\/span\u003E\r\n        \u003Ch3\u003E\u0416\u0438\u0432\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e\u003C\/h3\u003E\r\n        \u003Cp\u003E\u0413\u043e\u0440\u043e\u0434\u0430, \u0434\u0435\u0440\u0435\u0432\u043d\u0438, \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u044b, \u043a\u043e\u043d\u043a\u0443\u0440\u0441\u044b \u0438 \u0438\u0432\u0435\u043d\u0442\u044b \u0441\u043e\u0437\u0434\u0430\u044e\u0442\u0441\u044f \u0438\u0433\u0440\u043e\u043a\u0430\u043c\u0438. \u0417\u0434\u0435\u0441\u044c \u0435\u0441\u0442\u044c \u0441 \u043a\u0435\u043c \u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0438 \u043e\u0431\u0449\u0430\u0442\u044c\u0441\u044f.\u003C\/p\u003E\r\n      \u003C\/article\u003E\r\n      \u003Carticle class=\u0022vs-feature\u0022\u003E\r\n        \u003Cspan class=\u0022vs-feature-icon\u0022 aria-hidden=\u0022true\u0022\u003E\r\n          \u003Csvg viewBox=\u00220 0 24 24\u0022\u003E\u003Cpath d=\u0022M12 3l8 3v5c0 5.2-3.5 8.5-8 10-4.5-1.5-8-4.8-8-10V6l8-3zM9 12l2 2 4-5\u0022\u003E\u003C\/path\u003E\u003C\/svg\u003E\r\n        \u003C\/span\u003E\r\n        \u003Ch3\u003E\u0417\u0430\u0449\u0438\u0449\u0435\u043d\u043d\u0430\u044f \u0438\u0433\u0440\u0430\u003C\/h3\u003E\r\n        \u003Cp\u003E\u0413\u0440\u0438\u0444\u0435\u0440\u0441\u0442\u0432\u043e, \u0432\u043e\u0440\u043e\u0432\u0441\u0442\u0432\u043e, \u0447\u0438\u0442\u044b \u0438 \u0442\u043e\u043a\u0441\u0438\u0447\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u0435\u0441\u0435\u043a\u0430\u044e\u0442\u0441\u044f, \u0430 \u043f\u043e\u0441\u0442\u0440\u0430\u0434\u0430\u0432\u0448\u0438\u0435 \u043f\u043e\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u044e\u0442\u0441\u044f.\u003C\/p\u003E\r\n      \u003C\/article\u003E\r\n      \u003Carticle class=\u0022vs-feature\u0022\u003E\r\n        \u003Cspan class=\u0022vs-feature-icon\u0022 aria-hidden=\u0022true\u0022\u003E\r\n          \u003Csvg viewBox=\u00220 0 24 24\u0022\u003E\u003Cpath d=\u0022M3 20h18M5 20V9l7-5 7 5v11M9 20v-6h6v6\u0022\u003E\u003C\/path\u003E\u003C\/svg\u003E\r\n        \u003C\/span\u003E\r\n        \u003Ch3\u003E\u042d\u043a\u043e\u043d\u043e\u043c\u0438\u043a\u0430 \u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u044f\u003C\/h3\u003E\r\n        \u003Cp\u003E\u041e\u0442\u043a\u0440\u044b\u0432\u0430\u0439\u0442\u0435 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u044b \u0432 \u043f\u0440\u043e\u0434\u0443\u043c\u0430\u043d\u043d\u043e\u0439 \u0442\u043e\u0440\u0433\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u0435 \u0438 \u0443\u0447\u0430\u0441\u0442\u0432\u0443\u0439\u0442\u0435 \u0432 \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u044b\u0445 \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u044f\u0445.\u003C\/p\u003E\r\n      \u003C\/article\u003E\r\n    \u003C\/div\u003E\r\n  \u003C\/section\u003E\r\n\r\n  \u003Csection class=\u0022vs-worlds\u0022 aria-labelledby=\u0022vs-worlds-title\u0022\u003E\r\n    \u003Cdiv class=\u0022vs-worlds-intro\u0022\u003E\r\n      \u003Cp class=\u0022vs-label\u0022\u003E\u041f\u
46830440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0434\u043b\u044f \u043b\u044e\u0431\u043e\u0439 \u0438\u0433\u0440\u044b\u003C\/p\u003E\r\n      \u003Ch2 id=\u0022vs-worlds-title\u0022\u003E\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435, \u043a\u0430\u043a\u0438\u043c \u0431\u0443\u0434\u0435\u0442 \u0432\u0430\u0448\u0435 \u043f\u0440\u0438\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435\u003C\/h2\u003E\r\n      \u003Cp\u003E\u0416\u0438\u0432\u0438\u0442\u0435 \u0430\u0432\u0442\u043e\u043d\u043e\u043c\u043d\u043e, \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u0432 \u043f\u043e\u0441\u0435\u043b\u0435\u043d\u0438\u044f \u0438\u043b\u0438 \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043f\u0440\u043e\u0435\u043a\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u0432\u0438\u0434\u0438\u0442 \u0432\u0435\u0441\u044c \u0441\u0435\u0440\u0432\u0435\u0440.\u003C\/p\u003E\r\n    \u003C\/div\u003E\r\n\r\n    \u003Cdiv class=\u0022vs-world-shell\u0022\u003E\r\n      \u003Cdiv class=\u0022vs-world-tabs\u0022 role=\u0022tablist\u0022 aria-label=\u0022\u041c\u0438\u0440\u044b VanillaSquad\u0022\u003E\r\n        \u003Ca id=\u0022vs-tab-survival\u0022 class=\u0022vs-world-tab is-active\u0022 href=\u0022#vs-world-survival\u0022 role=\u0022tab\u0022 aria-selected=\u0022true\u0022 aria-controls=\u0022vs-world-survival\u0022 data-vs-world-tab=\u0022survival\u0022\u003E\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043c\u0438\u0440\u003C\/a\u003E\r\n        \u003Ca id=\u0022vs-tab-builds\u0022 class=\u0022vs-world-tab\u0022 href=\u0022#vs-world-builds\u0022 role=\u0022tab\u0022 aria-selected=\u0022false\u0022 aria-controls=\u0022vs-world-builds\u0022 data-vs-world-tab=\u0022builds\u0022\u003E\u041f\u043e\u0441\u0442\u0440\u043e\u0439\u043a\u0438\u003C\/a\u003E\r\n        \u003Ca id=\u0022vs-tab-farms\u0022 class=\u0022vs-world-tab\u0022 href=\u0022#vs-world-farms\u0022 role=\u0022tab\u0022 aria-selected=\u0022false\u0022 aria-controls=\u0022vs-world-farms\u0022 data-vs-world-tab=\u0022farms\u0022\u003E\u0424\u0435\u0440\u043c\u044b\u003C\/a\u003E\r\n        \u003Ca id=\u0022vs-tab-arts\u0022 class=\u0022vs-world-tab\u0022 href=\u0022#vs-world-arts\u0022 role=\u0022tab\u0022 aria-selected=\u0022false\u0022 aria-controls=\u0022vs-world-arts\u0022 data-vs-world-tab=\u0022arts\u0022\u003E\u0410\u0440\u0442\u044b\u003C\/a\u003E\r\n      \u003C\/div\u003E\r\n\r\n      \u003Cdiv class=\u0022vs-world-panels\u0022\u003E\r\n        \u003Carticle id=\u0022vs-world-survival\u0022 class=\u0022vs-world-panel is-active\u0022 role=\u0022tabpanel\u0022 aria-labelledby=\u0022vs-tab-survival\u0022 data-vs-world-panel=\u0022survival\u0022\u003E\r\n          \u003Cdiv\u003E\r\n            \u003Cp class=\u0022vs-world-type\u0022\u003E\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043c\u0438\u0440\u003C\/p\u003E\r\n            \u003Ch3\u003E\u041d\u0430\u0447\u043d\u0438\u0442\u0435 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e \u0438\u0441\u0442\u043e\u0440\u0438\u044e\u003C\/h3\u003E\r\n            \u003Cp\u003E\u041e\u0433\u0440\u043e\u043c\u043d\u044b\u0439 \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u0439 \u043c\u0438\u0440 \u0434\u043b\u044f \u0447\u0435\u0441\u0442\u043d\u043e\u0433\u043e \u0432\u044b\u0436\u0438\u0432\u0430\u043d\u0438\u044f: \u043e\u0442 \u0442\u0438\u0445\u043e\u0433\u043e \u0431\u0443\u043d\u043a\u0435\u0440\u0430 \u0432\u0434\u0430\u043b\u0438 \u043e\u0442 \u0432\u0441\u0435\u0445 \u0434\u043e \u0434\u043e\u043c\u0430 \u0432 \u043e\u0436\u0438\u0432\u043b\u0435\u043d\u043d\u043e\u043c \u0433\u043e\u0440\u043e\u0434\u0435.\u003C\/p\u003E\r\n          \u003C\/div\u003E\r\n          \u003Cul\u003E\r\n            \u003Cli\u003E\u041f\u043e\u0441\u0435\u043b\u0435\u043d\u0438\u044f \u0438 \u0433\u043e\u0440\u043e\u0434\u0430 \u0438\u0433\u0440\u043e\u043a\u043e\u0432\u003C\/li\u003E\r\n            \u003Cli\u003E\u0422\u043e\u0440\u0433\u043e\u0432\u043b\u044f \u0438 \u043d\u043e\u0432\u044b\u0435 \u0437\u043d\u0430\u043a\u043e\u043c\u0441\u0442\u0432\u0430\u003C\/li\u003E\r\n            \u003Cli\u003E\u0421\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u043e\u043d\u043b\u0430\u0439\u043d\u003C\/li\u003E\r\n          \u003C\/ul\u003E\r\n        \u003C\/article\u003E\r\n        \u003Carticle id=\u0022vs-world-builds\u0022 
4683class=\u0022vs-world-panel\u0022 role=\u0022tabpanel\u0022 aria-labelledby=\u0022vs-tab-builds\u0022 data-vs-world-panel=\u0022builds\u0022\u003E\r\n          \u003Cdiv\u003E\r\n            \u003Cp class=\u0022vs-world-type\u0022\u003E\u041c\u0438\u0440 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043a\u003C\/p\u003E\r\n            \u003Ch3\u003E\u0421\u0442\u0440\u043e\u0439\u0442\u0435 \u0431\u0435\u0437 \u043a\u043e\u043c\u043f\u0440\u043e\u043c\u0438\u0441\u0441\u043e\u0432\u003C\/h3\u003E\r\n            \u003Cp\u003E\u041f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0434\u043b\u044f \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u043d\u044b\u0445 \u0437\u0430\u043c\u044b\u0441\u043b\u043e\u0432: \u0433\u043e\u0440\u043e\u0434\u043e\u0432, \u043a\u0440\u0435\u043f\u043e\u0441\u0442\u0435\u0439, \u043c\u043e\u043d\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0445 \u0430\u043d\u0441\u0430\u043c\u0431\u043b\u0435\u0439.\u003C\/p\u003E\r\n          \u003C\/div\u003E\r\n          \u003Cul\u003E\r\n            \u003Cli\u003E\u0411\u043e\u043b\u044c\u0448\u0438\u0435 \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b\u003C\/li\u003E\r\n            \u003Cli\u003E\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0438 \u0434\u0435\u0442\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f\u003C\/li\u003E\r\n            \u003Cli\u003E\u041d\u0430\u0441\u043b\u0435\u0434\u0438\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430\u003C\/li\u003E\r\n          \u003C\/ul\u003E\r\n        \u003C\/article\u003E\r\n        \u003Carticle id=\u0022vs-world-farms\u0022 class=\u0022vs-world-panel\u0022 role=\u0022tabpanel\u0022 aria-labelledby=\u0022vs-tab-farms\u0022 data-vs-world-panel=\u0022farms\u0022\u003E\r\n          \u003Cdiv\u003E\r\n            \u003Cp class=\u0022vs-world-type\u0022\u003E\u041c\u0438\u0440 \u0444\u0435\u0440\u043c\u003C\/p\u003E\r\n            \u003Ch3\u003E\u0420\u0430\u0437\u0432\u0438\u0432\u0430\u0439\u0442\u0435 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0441\u0442\u043e\u0440\u043e\u043d\u0443\u003C\/h3\u003E\r\n            \u003Cp\u003E\u041c\u0438\u0440 \u0434\u043b\u044f \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u0434\u043e\u0431\u044b\u0447\u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432, \u0447\u0442\u043e\u0431\u044b \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043d\u0435 \u043f\u0435\u0440\u0435\u0433\u0440\u0443\u0436\u0430\u043b\u0438 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043c\u0438\u0440.\u003C\/p\u003E\r\n          \u003C\/div\u003E\r\n          \u003Cul\u003E\r\n            \u003Cli\u003E\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432\u003C\/li\u003E\r\n            \u003Cli\u003E\u041e\u0441\u043d\u043e\u0432\u0430 \u0434\u043b\u044f \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u043a\u0438\u003C\/li\u003E\r\n            \u003Cli\u003E\u041a\u043e\u043c\u0444\u043e\u0440\u0442 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0433\u043e \u043c\u0438\u0440\u0430\u003C\/li\u003E\r\n          \u003C\/ul\u003E\r\n        \u003C\/article\u003E\r\n        \u003Carticle id=\u0022vs-world-arts\u0022 class=\u0022vs-world-panel\u0022 role=\u0022tabpanel\u0022 aria-labelledby=\u0022vs-tab-arts\u0022 data-vs-world-panel=\u0022arts\u0022\u003E\r\n          \u003Cdiv\u003E\r\n            \u003Cp class=\u0022vs-world-type\u0022\u003E\u041c\u0438\u0440 \u0430\u0440\u0442\u043e\u0432\u003C\/p\u003E\r\n            \u003Ch3\u003E\u041f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0439\u0442\u0435 \u0431\u043b\u043e\u043a\u0438 \u0432 \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u043e\u003C\/h3\u003E\r\n            \u003Cp\u003E\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0435 \u043c\u0435\u0441\u0442\u043e \u0434\u043b\u044f \u043f\u0438\u043a\u0441\u0435\u043b\u044c-\u0430\u0440\u0442\u043e\u0432 \u0438 \u0442\u0432\u043e\u0440\u0447\u0435\u0441\u043a\u0438\u0445 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0445 \u0434\u043b\u044f \u0432\u0434\u043e\u0445\u043d\u043e\u0432\u0435\u043d\u0438\u044f \u0432\u0441\u0435\u0433\u043e \u0441\u0435\u0440\u0432\u0435\u0440\u0430.\u003C\/p\u003E\r\n          \u003C\/div\u003E\r\n          \u003Cul\u003E\r\n            \u003Cli\u003E\u041f\u
46830438\u043a\u0441\u0435\u043b\u044c-\u0430\u0440\u0442\u044b \u043b\u044e\u0431\u043e\u0433\u043e \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0430\u003C\/li\u003E\r\n            \u003Cli\u003E\u0422\u0432\u043e\u0440\u0447\u0435\u0441\u043a\u0438\u0435 \u043a\u043e\u043b\u043b\u0430\u0431\u043e\u0440\u0430\u0446\u0438\u0438\u003C\/li\u003E\r\n            \u003Cli\u003E\u0412\u044b\u0441\u0442\u0430\u0432\u043a\u0430 \u0438\u0434\u0435\u0439 \u0438\u0433\u0440\u043e\u043a\u043e\u0432\u003C\/li\u003E\r\n          \u003C\/ul\u003E\r\n        \u003C\/article\u003E\r\n      \u003C\/div\u003E\r\n    \u003C\/div\u003E\r\n  \u003C\/section\u003E\r\n\r\n  \u003Csection class=\u0022vs-trust\u0022 aria-label=\u0022\u0427\u0435\u0441\u0442\u043d\u043e\u0441\u0442\u044c \u0438 \u043d\u0430\u0434\u0435\u0436\u043d\u043e\u0441\u0442\u044c VanillaSquad\u0022\u003E\r\n    \u003Carticle class=\u0022vs-fair\u0022\u003E\r\n      \u003Cp class=\u0022vs-label\u0022\u003E\u041f\u0440\u0438\u043d\u0446\u0438\u043f\u044b\u003C\/p\u003E\r\n      \u003Ch2\u
4683003E\u0427\u0435\u0441\u0442\u043d\u0430\u044f \u0438\u0433\u0440\u0430 - \u043d\u0435 \u043e\u0431\u0435\u0449\u0430\u043d\u0438\u0435, \u0430 \u043f\u0440\u0430\u0432\u0438\u043b\u043e\u003C\/h2\u003E\r\n      \u003Cp\u003E\r\n        \u041f\u043e\u0431\u0435\u0436\u0434\u0430\u044e\u0442 \u0438\u0434\u0435\u0438, \u0442\u0440\u0443\u0434 \u0438 \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u043e, \u0430 \u043d\u0435 \u043f\u043e\u043a\u0443\u043f\u043a\u0438. \u041c\u043e\u0434\u0435\u0440\u0430\u0446\u0438\u044f \u043e\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u043e\r\n        \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0435\u0442 \u0436\u0430\u043b\u043e\u0431\u044b, \u0432\u044b\u044f\u0432\u043b\u044f\u0435\u0442 \u043d\u0430\u0440\u0443\u0448\u0438\u0442\u0435\u043b\u0435\u0439 \u0438 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u0443\u0449\u0435\u0440\u0431.\r\n      \u003C\/p\u003E\r\n      \u003Cdiv class=\u0022vs-compare\u0022\u003E\r\n        \u003Cdiv\u003E\r\n          \u003Ch3\u003E\u0417\u0434\u0435\u0441\u044c \u043d\u0435\u0442\u003C\/h3\u003E\r\n          \u003Cspan\u003E\u0414\u043e\u043d\u0430\u0442\u043d\u043e\u0439 \u0445\u0430\u043b\u044f\u0432\u044b\u003C\/span\u003E\r\n          \u003Cspan\u003E\u041f\u0440\u0438\u0432\u0430\u0442\u0430 \u0438 \u0442\u0435\u043b\u0435\u043f\u043e\u0440\u0442\u043e\u0432\u003C\/span\u003E\r\n          \u003Cspan\u003E\u0421\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0445 \u043a\u0438\u0442\u043e\u0432\u003C\/span\u003E\r\n        \u003C\/div\u003E\r\n        \u003Cdiv class=\u0022vs-compare-positive\u0022\u003E\r\n          \u003Ch3\u003E\u0417\u0430\u0442\u043e \u0435\u0441\u0442\u044c\u003C\/h3\u003E\r\n          \u003Cspan\u003E\u0421\u0432\u043e\u0431\u043e\u0434\u0430 \u0432\u044b\u0436\u0438\u0432\u0430\u043d\u0438\u044f\u003C\/span\u003E\r\n          \u003Cspan\u003E\u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e\u003C\/span\u003E\r\n          \u003Cspan\u003E\u0417\u043d\u0430\u0447\u0438\u043c\u044b\u0435 \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u044f\u003C\/span\u003E\r\n        \u003C\/div\u003E\r\n      \u003C\/div\u003E\r\n    \u003C\/article\u003E\r\n\r\n    \u003Carticle class=\u0022vs-reliability\u0022\u003E\r\n      \u003Cp class=\u0022vs-label\u0022\u003E\u041d\u0430\u0434\u0435\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u003C\/p\u003E\r\n      \u003Ch2\u
4683003E\u0421\u0435\u0440\u0432\u0435\u0440, \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u043d\u043d\u044b\u0439 \u043d\u0430 \u0434\u043e\u043b\u0433\u0443\u044e \u0438\u0441\u0442\u043e\u0440\u0438\u044e\u003C\/h2\u003E\r\n      \u003Cdiv class=\u0022vs-proof-list\u0022\u003E\r\n        \u003Cdiv\u003E\r\n          \u003Cstrong\u003E\u0421 2019 \u0433\u043e\u0434\u0430\u003C\/strong\u003E\r\n          \u003Cp\u003E\u041f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 - \u0438\u043d\u0442\u0435\u0440\u0435\u0441 \u0438\u0433\u0440\u043e\u043a\u043e\u0432, \u0430 \u0444\u0438\u043d\u0430\u043d\u0441\u043e\u0432\u044b\u0439 \u0440\u0435\u0437\u0435\u0440\u0432 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443.\u003C\/p\u003E\r\n        \u003C\/div\u003E\r\n        \u003Cdiv\u003E\r\n          \u003Cstrong\u003ERyzen 9 9950X\u003C\/strong\u003E\r\n          \u003Cp\u003E\u0412\u044b\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u0441\u0435\u0440\u0432\u0435\u0440 \u0438 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0435 \u044f\u0434\u0440\u043e \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u044e\u0442 \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u0443\u044e \u0438 \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u0443\u044e \u0438\u0433\u0440\u0443.\u003C\/p\u003E\r\n        \u003C\/div\u003E\r\n        \u003Cdiv\u003E\r\n          \u003Cstrong\u003E\u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u003C\/strong\u003E\r\n          \u003Cp\u003E\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438, \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f, \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u044b \u0438 \u043c\u043e\u0434\u0435\u0440\u0430\u0446\u0438\u044f \u043e\u0442\u0432\u0435\u0447\u0430\u044e\u0442 \u0437\u0430 \u0441\u0432\u043e\u0438 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f.\u003C\/p\u003E\r\n        \u003C\/div\u003E\r\n      \u003C\/div\u003E\r\n    \u003C\/article\u003E\r\n  \u003C\/section\u003E\r\n\r\n  \u003Csection class=\u0022vs-join\u0022 id=\u0022vs-join\u0022 aria-labelledby=\u0022vs-join-title\u0022\u003E\r\n    \u003Cspan class=\u0022vs-glow vs-glow-primary\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/span\u003E\r\n    \u003Cdiv class=\u0022vs-join-copy\u0022\u003E\r\n      \u003Cp class=\u0022vs-label\u0022\u003E\u0412\u0430\u0448 \u0432\u0445\u043e\u0434 \u0432 VanillaSquad\u003C\/p\u003E\r\n      \u003Ch2 id=\u0022vs-join-title\u0022\u003E\u0413\u043e\u0442\u043e\u0432\u044b \u043f\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0447\u0442\u043e-\u0442\u043e \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0435\u0435?\u003C\/h2\u003E\r\n      \u003Cp\u003E\r\n        \u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u043a \u043c\u0438\u0440\u0443, \u0433\u0434\u0435 \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0435\u0441\u0442\u044c \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c, \u0430 \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e\r\n        \u0438\u0433\u0440\u043e\u043a\u0430 - \u0448\u0430\u043d\u0441 \u043d\u0430\u0439\u0442\u0438 \u0441\u0432\u043e\u0435 \u043c\u0435\u0441\u0442\u043e \u0438 \u043b\u044e\u0434\u0435\u0439 \u0440\u044f\u0434\u043e\u043c.\r\n      \u003C\/p\u003E\r\n      \u003Cdiv class=\u0022vs-actions\u0022\u003E\r\n        \u003Ca class=\u0022vs-btn vs-btn-light\u0022 href=\u0022\/discord\u0022\u003E\r\n          \u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f \u0447\u0435\u0440\u0435\u0437 Discord\r\n          \u003Csvg viewBox=\u00220 0 20 20\u0022 aria-hidden=\u0022true\u0022\u003E\r\n            \u003Cpath d=\u0022M4 10h11M11 5l5 5-5 5\u0022\u003E\u003C\/path\u003E\r\n          \u003C\/svg\u003E\r\n        \u003C\/a\u003E\r\n        \u003Ca class=\u0022vs-btn vs-btn-quiet\u0022 href=\u0022https:\/\/docs.vanillasquad.com\/osnovnye\/kak-nachat-igrat\u0022 target=\u0022_blank\u0022 rel=\u0022noopener noreferrer\u0022\u003E\u041f\u
4683043e\u0434\u0440\u043e\u0431\u043d\u0430\u044f \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f\u003C\/a\u003E\r\n      \u003C\/div\u003E\r\n    \u003C\/div\u003E\r\n    \u003Col class=\u0022vs-steps\u0022\u003E\r\n      \u003Cli\u003E\r\n        \u003Cspan\u003E01\u003C\/span\u003E\r\n        \u003Cdiv\u003E\r\n          \u003Cstrong\u003E\u0412\u043e\u0439\u0434\u0438\u0442\u0435 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u003C\/strong\u003E\r\n          \u003Cp\u003E\u041f\u0440\u0438 \u043f\u0435\u0440\u0432\u043e\u043c \u0432\u0445\u043e\u0434\u0435 \u0432\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0447\u0435\u0442\u044b\u0440\u0435\u0445\u0437\u043d\u0430\u0447\u043d\u044b\u0439 \u043a\u043e\u0434.\u003C\/p\u003E\r\n        \u003C\/div\u003E\r\n      \u003C\/li\u003E\r\n      \u003Cli\u003E\r\n        \u003Cspan\u003E02\u003C\/span\u003E\r\n        \u003Cdiv\u003E\r\n          \u003Cstrong\u003E\u041e\u0442\u043f\u0440\u0430\u0432\u044c\u0442\u0435 \u043a\u043e\u0434 \u0432 Discord\u003C\/strong\u003E\r\n          \u003Cp\u003E\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u0430\u043d\u0430\u043b \u003Cb\u003E#\u043e\u0442\u043f\u0440\u0430\u0432\u044c-\u043a\u043e\u0434-\u0441\u044e\u0434\u0430\u003C\/b\u003E.\u003C\/p\u003E\r\n        \u003C\/div\u003E\r\n      \u003C\/li\u003E\r\n      \u003Cli\u003E\r\n        \u003Cspan\u003E03\u003C\/span\u003E\r\n        \u003Cdiv\u003E\r\n          \u003Cstrong\u003E\u041d\u0430\u0447\u0438\u043d\u0430\u0439\u0442\u0435 \u0432\u044b\u0436\u0438\u0432\u0430\u043d\u0438\u0435\u003C\/strong\u003E\r\n          \u003Cp\u003E\u041f\u043e\u0441\u043b\u0435 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0438 \u0430\u043a\u043a\u0430\u0443\u043d\u0442\u0430 \u0432\u0430\u0448 \u043f\u0443\u0442\u044c \u0432 \u0436\u0438\u0432\u043e\u043c \u043c\u0438\u0440\u0435 \u043e\u0442\u043a\u0440\u044b\u0442.\u003C\/p\u003E\r\n        \u003C\/div\u003E\r\n      \u003C\/li\u003E\r\n    \u003C\/ol\u003E\r\n  \u003C\/section\u003E\r\n\u003C\/div\u003E","cssCode":".vs-about {\r\n  --vs-border: rgba(251, 247, 255, 0.1);\r\n  --vs-border-strong: rgba(251, 247, 255, 0.18);\r\n  --vs-surface: linear-gradient(180deg, var(--color3) 0%, var(--color4) 100%);\r\n  --vs-soft: rgba(251, 247, 255, 0.045);\r\n  --vs-primary-soft: rgba(255, 112, 187, 0.15);\r\n  --vs-secondary-soft: rgba(185, 140, 255, 0.15);\r\n  color: var(--color2);\r\n  display: grid;\r\n  gap: 26px;\r\n  font-family: \u0022Nunito\u0022, sans-serif;\r\n  margin-top: 2rem;\r\n}\r\n\r\n.vs-about * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.vs-about a {\r\n  text-decoration: none;\r\n}\r\n\r\n.vs-about h2,\r\n.vs-about h3,\r\n.vs-about strong {\r\n  color: var(--color2);\r\n}\r\n\r\n.vs-about h2,\r\n.vs-about h3,\r\n.vs-btn,\r\n.vs-kicker-detail,\r\n.vs-journey-head strong {\r\n  font-family: \u0022Lexend\u0022, sans-serif;\r\n}\r\n\r\n.vs-hero {\r\n  background: var(--vs-surface);\r\n  border: 1px solid var(--vs-border);\r\n  border-radius: 18px;\r\n  display: grid;\r\n  gap: 30px;\r\n  grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.74fr);\r\n  isolation: isolate;\r\n  overflow: hidden;\r\n  padding: clamp(28px, 5vw, 54px);\r\n  position: relative;\r\n}\r\n\r\n.vs-hero::after {\r\n  background: linear-gradient(118deg, transparent 25%, rgba(255, 255, 255, 0.055) 50%, transparent 71%);\r\n  content: \u0022\u0022;\r\n  height: 170%;\r\n  left: -65%;\r\n  pointer-events: none;\r\n  position: absolute;\r\n  top: -36%;\r\n  transform: rotate(-7deg);\r\n  width: 90%;\r\n}\r\n\r\n.vs-glow {\r\n  border-radius: 999px;\r\n  filter: blur(74px);\r\n  pointer-events: none;\r\n  position: absolute;\r\n  z-index: -1;\r\n}\r\n\r\n.vs-glow-primary {\r\n  background: var(--color5);\r\n  height: 235px;\r\n  opacity: 0.27;\r\n  right: -70px;\r\n  top: -85px;\r\n  width: 235px;\r\n}\r\n\r\n.vs-glow-secondary {\r\n  background: var(--color6);\r\n  bottom: -120px;\r\n  height: 290px;\r\n  left: -90px;\r\n  opacity: 0.21;\r\n  width: 290px;\r\n}\r\n\r\n.vs-hero-copy {\r\n  min-width: 0;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.vs-kicker {\r\n  align-items: center;\r\n  color: var(--text-muted);\r\n  display: inline-flex;\r\n  flex-wrap: wrap;\r\n  font-size: 0.78rem;\r\n  font-weight: 800;\r\n  gap: 10px;\r\n  letter-spacing: 0.13em;\r\n  margin: 0 0 20px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.vs-kicker-detail {\r\n  background: var(--vs-primary-soft);\r\n  border: 1px solid rgba(255, 112, 187, 0.22);\r\n  border-radius: 999px;\r\n  color: var(--color2);\r\n  font-size: 0.7rem;\r\n  letter-spacing: 0.09em;\r\n  padding: 7px 11px;\r\n}\r\n\r\n.vs-live {\r\n  background: #78ff9a;\r\n  border-radius: 999px;\r\n  box-shadow: 0 0 0 5px rgba(120, 255, 154, 0.11);\r\n  display: inline-block;\r\n  height: 8px;\r\n  width: 8px;\r\n}\r\n\r\n.vs-hero h2 {\r\n  font-size: clamp(2rem, 3.7vw, 3.25rem);\r\n  letter-spacing: -0.055em;\r\n  line-height: 1.08;\r\n  margin: 0 0 17px;\r\n  max-width: 700px;\r\n}\r\n\r\n.vs-hero h2 span {\r\n  background: linear-gradient(90deg, var(--color5), var(--color6));\r\n  background-clip: text;\r\n  color: transparent;\r\n  -webkit-background-clip: text;\r\n}\r\n\r\n.vs-lead {\r\n  color: var(--text-muted);\r\n  font-size: clamp(1rem, 1.25vw, 1.08rem);\r\n  line-height: 1.72;\r\n  margin: 0 0 30px;\r\n  max-width: 670px;\r\n}\r\n\r\n.vs-actions {\r\n  align-items: center;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n}\r\n\r\n.vs-btn {\r\n  align-items: center;\r\n  border: 1px solid transparent;\r\n  border-radius: 13px;\r\n  display: inline-flex;\r\n  font-size: 0.92rem;\r\n  font-weight: 700;\r\n  gap: 10px;\r\n  justify-content: center;\r\n  min-height: 52px;\r\n  padding: 13px 21px;\r\n  transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;\r\n}\r\n\r\n.vs-btn svg {\r\n  fill: none;\r\n  height: 18px;\r\n  stroke: currentColor;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n  stroke-width: 2;\r\n  transition: transform 0.2s ease;\r\n  width: 18px;\r\n}\r\n\r\n.vs-btn:hover {\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.vs-btn:hover svg {\r\n  transform: translateX(3px);\r\n}\r\n\r\n.vs-btn:focus-visible,\r\n.vs-world-tab:focus-visible {\r\n  outline: 2px solid var(--color5);\r\n  outline-offset: 3px;\r\n}\r\n\r\n.vs-btn-primary {\r\n  background: linear-gradient(110deg, var(--color5), var(--color6));\r\n  box-shadow: 0 14px 34px rgba(255, 112, 187, 0.23);\r\n  color: var(--color2);\r\n}\r\n\r\n.vs-btn-primary:hover {\r\n  box-shadow: 0 18px 38px rgba(255, 112, 187, 0.36);\r\n  color: var(--color2);\r\n}\r\n\r\n.vs-btn-secondary {\r\n  background: rgba(251, 247, 255, 0.04);\r\n  border-color: var(--vs-border-strong);\r\n  color: var(--color2);\r\n}\r\n\r\n.vs-btn-secondary:hover {\r\n  background: rgba(251, 247, 255, 0.08);\r\n  border-color: rgba(251, 247, 255, 0.28);\r\n  color: var(--color2);\r\n}\r\n\r\n.vs-chips {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 9px;\r\n  margin-top: 28px;\r\n}\r\n\r\n.vs-chips span {\r\n  background: var(--vs-soft);\r\n  border: 1px solid var(--vs-border);\r\n  border-radius: 999px;\r\n  color: var(--text-muted);\r\n  font-size: 0.8rem;\r\n  font-weight: 700;\r\n  padding: 8px 13px;\r\n}\r\n\r\n.vs-journey {\r\n  align-self: center;\r\n  backdrop-filter: blur(7px);\r\n  background: rgba(251, 247, 255, 0.035);\r\n  border: 1px solid var(--vs-border);
4683\r\n  border-radius: 17px;\r\n  padding: 20px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.vs-journey-head {\r\n  align-items: center;\r\n  border-bottom: 1px solid var(--vs-border);\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin-bottom: 18px;\r\n  padding-bottom: 16px;\r\n}\r\n\r\n.vs-journey-head span {\r\n  color: var(--text-muted);\r\n  font-size: 0.84rem;\r\n}\r\n\r\n.vs-journey-head strong {\r\n  font-size: 0.92rem;\r\n}\r\n\r\n.vs-journey-stats {\r\n  display: grid;\r\n  gap: 8px;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.vs-journey-stats div {\r\n  background: var(--vs-soft);\r\n  border-radius: 11px;\r\n  min-height: 75px;\r\n  padding: 11px 8px;\r\n  text-align: center;\r\n}\r\n\r\n.vs-journey-stats strong {\r\n  display: block;\r\n  font-family: \u0022Lexend\u0022, sans-serif;\r\n  font-size: 1.07rem;\r\n  margin-bottom: 3px;\r\n}\r\n\r\n.vs-journey-stats span {\r\n  color: var(--text-muted);\r\n  display: block;\r\n  font-size: 0.7rem;\r\n  line-height: 1.28;\r\n}\r\n\r\n.vs-first-night {\r\n  background: linear-gradient(135deg, var(--vs-primary-soft), var(--vs-secondary-soft));\r\n  border: 1px solid rgba(255, 112, 187, 0.16);\r\n  border-radius: 13px;\r\n  padding: 17px;\r\n}\r\n\r\n.vs-first-night p {\r\n  font-size: 0.82rem;\r\n  font-weight: 800;\r\n  letter-spacing: 0.06em;\r\n  margin: 0 0 11px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.vs-first-night ul {\r\n  color: var(--text-muted);\r\n  display: grid;\r\n  font-size: 0.87rem;\r\n  gap: 9px;\r\n  line-height: 1.43;\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.vs-first-night li {\r\n  padding-left: 17px;\r\n  position: relative;\r\n}\r\n\r\n.vs-first-night li::before {\r\n  background: var(--color5);\r\n  border-radius: 50%;\r\n  content: \u0022\u0022;\r\n  height: 6px;\r\n  left: 0;\r\n  position: absolute;\r\n  top: 8px;\r\n  width: 6px;\r\n}\r\n\r\n.vs-section {\r\n  background: var(--vs-surface);\r\n  border: 1px solid var(--vs-border);\r\n  border-radius: 18px;\r\n  padding: clamp(25px, 4vw, 40px);\r\n}\r\n\r\n.vs-section-head {\r\n  margin: 0 auto 29px;\r\n  max-width: 700px;\r\n  text-align: center;\r\n}\r\n\r\n.vs-label {\r\n  color: var(--color5);\r\n  font-size: 0.73rem;\r\n  font-weight: 800;\r\n  letter-spacing: 0.19em;\r\n  margin: 0 0 10px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.vs-section-head h2,\r\n.vs-worlds-intro h2 {\r\n  font-size: clamp(1.55rem, 2.35vw, 2.05rem);\r\n  letter-spacing: -0.045em;\r\n  line-height: 1.2;\r\n  margin: 0 0 12px;\r\n}\r\n\r\n.vs-section-head \u003E p:last-child,\r\n.vs-worlds-intro \u003E p:last-child {\r\n  color: var(--text-muted);\r\n  font-size: 1rem;\r\n  line-height: 1.65;\r\n  margin: 0;\r\n}\r\n\r\n.vs-benefits {\r\n  display: grid;\r\n  gap: 13px;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n}\r\n\r\n.vs-feature {\r\n  background: var(--vs-soft);\r\n  border: 1px solid var(--vs-border);\r\n  border-radius: 15px;\r\n  min-height: 225px;\r\n  padding: 20px 18px;\r\n  transition: border-color 0.23s ease, transform 0.23s ease;\r\n}\r\n\r\n.vs-feature:hover {\r\n  border-color: rgba(255, 112, 187, 0.27);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.vs-feature-icon {\r\n  align-items: center;\r\n  background: linear-gradient(135deg, var(--vs-primary-soft), var(--vs-secondary-soft));\r\n  border: 1px solid rgba(255, 112, 187, 0.17);\r\n  border-radius: 12px;\r\n  color: var(--color5);\r\n  display: inline-flex;\r\n  height: 44px;\r\n  justify-content: center;\r\n  margin-bottom: 18px;\r\n  width: 44px;\r\n}\r\n\r\n.vs-feature-icon svg {\r\n  fill: none;\r\n  height: 23px;\r\n  stroke: currentColor;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n  stroke-width: 1.65;\r\n  width: 23px;\r\n}\r\n\r\n.vs-feature h3 {\r\n  font-size: 1rem;\r\n  letter-spacing: -0.025em;\r\n  margin: 0 0 10px;\r\n}\r\n\r\n.vs-feature p {\r\n  color: var(--text-muted);\r\n  font-size: 0.88rem;\r\n  line-height: 1.58;\r\n  margin: 0;\r\n}\r\n\r\n.vs-worlds {\r\n  display: grid;\r\n  gap: 24px;\r\n  grid-template-columns: minmax(240px, 0.38fr) minmax(0, 0.62fr);\r\n}\r\n\r\n.vs-worlds-intro {\r\n  align-self: center;\r\n  padding: 12px 4px;\r\n}\r\n\r\n.vs-world-shell {\r\n  background: var(--vs-surface);\r\n  border: 1px solid var(--vs-border);\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  padding: 10px;\r\n}\r\n\r\n.vs-world-tabs {\r\n  background: rgba(251, 247, 255, 0.04);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  gap: 5px;\r\n  padding: 5px;\r\n}\r\n\r\n.vs-world-tab {\r\n  border-radius: 9px;\r\n  color: var(--text-muted);\r\n  flex: 1;\r\n  font-size: 0.82rem;\r\n  font-weight: 800;\r\n  padding: 11px 8px;\r\n  text-align: center;\r\n  transition: background 0.2s ease, color 0.2s ease;\r\n}\r\n\r\n.vs-world-tab:hover {\r\n  color: var(--color2);\r\n}\r\n\r\n.vs-world-tab.is-active {\r\n  background: linear-gradient(110deg, var(--color5), var(--color6));\r\n  box-shadow: 0 9px 22px rgba(255, 112, 187, 0.2);\r\n  color: var(--color2);\r\n}\r\n\r\n.vs-world-panels {\r\n  padding: 10px 4px 4px;\r\n}\r\n\r\n.vs-world-panel {\r\n  align-items: start;\r\n  background: rgba(251, 247, 255, 0.025);\r\n  border: 1px solid var(--vs-border);\r\n  border-radius: 13px;\r\n  display: grid;\r\n  gap: 21px;\r\n  grid-template-columns: minmax(0, 1fr) minmax(155px, 0.64fr);\r\n  margin-top: 8px;\r\n  padding: clamp(18px, 3vw, 25px);\r\n}\r\n\r\n.vs-about.vs-enhanced .vs-world-panel {\r\n  display: none;\r\n}\r\n\r\n.vs-about.vs-enhanced .vs-world-panel.is-active {\r\n  display: grid;\r\n}\r\n\r\n.vs-world-type {\r\n  color: var(--color5);\r\n  font-size: 0.7rem;\r\n  font-weight: 800;\r\n  letter-spacing: 0.16em;\r\n  margin: 0 0 9px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.vs-world-panel h3 {\r\n  font-size: 1.12rem;\r\n  letter-spacing: -0.03em;\r\n  margin: 0 0 10px;\r\n}\r\n\r\n.vs-world-panel div \u003E p:last-child {\r\n  color: var(--text-muted);\r\n  font-size: 0.9rem;\r\n  line-height: 1.58;\r\n  margin: 0;\r\n}\r\n\r\n.vs-world-panel ul {\r\n  color: var(--text-muted);\r\n  display: grid;\r\n  font-size: 0.82rem;\r\n  gap: 10px;\r\n  list-style: none;\r\n  margin: 4px 0 0;\r\n  padding: 0;\r\n}\r\n\r\n.vs-world-panel li {\r\n  border-bottom: 1px solid var(--vs-border);\r\n  padding: 0 0 9px 17px;\r\n  position: relative;\r\n}\r\n\r\n.vs-world-panel li:last-child {\r\n  border-bottom: 0;\r\n  padding-bottom: 0;\r\n}\r\n\r\n.vs-world-panel li::before {\r\n  border: 1px solid var(--color5);\r\n  border-radius: 50%;\r\n  content: \u0022\u0022;\r\n  height: 7px;\r\n  left: 0;\r\n  position: absolute;\r\n  top: 6px;\r\n  width: 7px;\r\n}\r\n\r\n.vs-trust {\r\n  display: grid;\r\n  gap: 16px;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n}\r\n\r\n.vs-fair,\r\n.vs-reliability {\r\n  background: var(--vs-surface);\r\n  border: 1px solid var(--vs-border);\r\n  border-radius: 18px;\r\n  padding: clamp(23px, 3.5vw, 34px);\r\n}\r\n\r\n.vs-fair h2,\r\n.vs-reliability h2 {\r\n  font-size: clamp(1.3rem, 2vw, 1.65rem);\r\n  letter-spacing: -0.04em;\r\n  line-height: 1.25;\r\n  margin: 0 0 13px;\r\n}\r\n\r\n.vs-fair \u003E p:not(.vs-label) {\r\n  color: var(--text-muted);\r\n  font-size: 0.93rem;\r\n  line-height: 1.62;\r\n  margin: 0 0 24px;\r\n}\r\n\r\n.vs-compare {\r\n  display: grid;\r\n  gap: 10px;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n}\r\n\r\n.vs-compare div {\r\n  background: rgba(251, 247, 255, 0.035);\r\n  border: 1px solid var(--vs-border);\r\n  border-radius: 13px;\r\n  display: grid;\r\n  gap: 8px;\r\n  padding: 15px;\r\n}\r\n\r\n.vs-compare .vs-compare-positive {\r\n  background: linear-gradient(145deg, rgba(255, 112, 187, 0.09), rgba(185, 140, 255, 0.08));\r\n  border-color: rgba(255, 112, 187, 0.18);\r\n}\r\n\r\n.vs-compare h3 {\r\n  font-size: 0.89rem;\r\n  margin: 0 0 4px;\r\n}\r\n\r\n.vs-compare span {\r\n  color: var(--text-muted);\r\n  font-size: 0.82rem;\r\n  line-height: 1.34;\r\n  padding-left: 14px;\r\n  position: relative;\r\n}\r\n\r\n.vs-compare span::before {\r\n  background: rgba(251, 247, 255, 0.35);\r\n  border-radius: 99px;\r\n  content: \u0022\u0022;\r\n  height: 5px;\r\n  left: 0;\r\n  position: absolute;\r\n  top: 7px;\r\n  width: 5px;\r\n}\r\n\r\n.vs-compare-positive span::before {\r\n  background: var(--color5);\r\n}\r\n\r\n.vs-proof-list {\r\n  display: grid;\r\n  gap: 11px;\r\n  margin-top: 22px;\r\n}\r\n\r\n.vs-proof-list div {\r\n  background: rgba(251, 247, 255, 0.035);\r\n  border: 1px solid var(--vs-border);\r\n  border-radius: 12px;\r\n  padding: 15px 16px;\r\n}\r\n\r\n.vs-proof-list strong {\r\n  display: block;\r\n  font-family: \u0022Lexend\u0022, sans-serif;\r\n  font-size: 0.92rem;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.vs-proof-list p {\r\n  color: var(--text-muted);\r\n  font-size: 0.83rem;\r\n  line-height: 1.48;\r\n  margin: 0;\r\n}\r\n\r\n.vs-join {\r\n  background: linear-gradient(128deg, var(--color5) 0%, var(--color6) 100%);\r\n  border-radius: 18px;\r\n  display: grid;\r\n  gap: clamp(22px, 4vw, 42px);\r\n  grid-template-columns: minmax(280px, 0.82fr) minmax(290px, 1fr);\r\n  isolation: isolate;\r\n  overflow: hidden;\r\n  padding: clamp(26px, 4.5vw, 45px);\r\n  position: relative;\r\n}\r\n\r\n.vs-join::after {\r\n  background: rgba(255, 255, 255, 0.09);\r\n  border-radius: 999px;\r\n  content: \u0022\u0022;\r\n  height: 420px;\r\n  pointer-events: none;\r\n  position: absolute;\r\n  right: -260px;\r\n  top: -270px;\r\n  width: 420px;\r\n  z-index: -1;\r\n}\r\n\r\n.vs-join .vs-glow-primary {\r\n  background: #ffffff;\r\n  bottom: -130px;\r\n  height: 250px;\r\n  left: -100px;\r\n  opacity: 0.19;\r\n  right: auto;\r\n  top: auto;\r\n  width: 300px;\r\n}\r\n\r\n.vs-join-copy {\r\n  align-self: center;\r\n}\r\n\r\n.vs-join .vs-label {\r\n  color: rgba(255, 255, 255, 0.72);\r\n}\r\n\r\n.vs-join-copy h2 {\r\n  font-size: clamp(1.65rem, 2.65vw, 2.18rem);\r\n  letter-spacing: -0.05em;\r\n  line-height: 1.2;\r\n  margin: 0 0 13px;\r\n}\r\n\r\n.vs-join-copy \u003E p:not(.vs-label) {\r\n  color: rgba(255, 255, 255, 0.86);\r\n  line-height: 1.65;\r\n  margin: 0 0 25px;\r\n}\r\n\r\n.vs-btn-light {\r\n  background: var(--color2);\r\n  box-shadow: 0 15px 28px rgba(16, 12, 21, 0.16);\r\n  color: var(--color1);\r\n}\r\n\r\n.vs-btn-light:hover {\r\n  box-shadow: 0 18px 34px rgba(16, 12, 21, 0.23);\r\n  color: var(--color1);\r\n}\r\n\r\n.vs-btn-quiet {\r\n  background: rgba(16, 12, 21, 0.13);\r\n  border-color: rgba(255, 255, 255, 0.23);\r\n  color: var(--color2);\r\n}\r\n\r\n.vs-btn-quiet:hover {\r\n  background: rgba(16, 12, 21, 0.2);\r\n  color: var(--color2);\r\n}\r\n\r\n.vs-steps {\r\n  background: rgba(16, 12, 21, 0.18);\r\n  border: 1px solid rgba(255, 255, 255, 0.19);\r\n  border-radius: 15px;\r\n  display: grid;\r\n  gap: 0;\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 10px 20px;\r\n}\r\n\r\n.vs-steps li {\r\n  align-items: start;\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.15);\r\n  display: grid;\r\n  gap: 15px;\r\n  grid-template-columns: 34px 1fr;\r\n  padding: 15px 0;\r\n}\r\n\r\n.vs-steps li:last-child {\r\n  border-bottom: 0;\r\n}\r\n\r\n.vs-steps li \u003E span {\r\n  color: rgba(255, 255, 255, 0.58);\r\n  font-family: \u0022Lexend\u0022, sans-serif;\r\n  font-size: 0.74rem;\r\n  padding-top: 3px;\r\n}\r\n\r\n.vs-steps strong {\r\n  display: block;\r\n  font-family: \u0022Lexend\u0022, sans-serif;\r\n  font-size: 0.9rem;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.vs-steps p {\r\n  color: rgba(255, 255, 255, 0.77);\r\n  font-size: 0.84rem;\r\n  line-height: 1.47;\r\n  margin: 0;\r\n}\r\n\r\n.vs-steps b {\r\n  color: var(--color2);\r\n  font-weight: 800;\r\n}\r\n\r\n@media (max-width: 1100px) {\r\n  .vs-benefits {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n\r\n  .vs-hero {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n\r\n  .vs-journey {\r\n    max-width: 620px;\r\n  }\r\n}\r\n\r\n@media (max-width: 860px) {\r\n  .vs-worlds,\r\n  .vs-trust,\r\n  .vs-join {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n\r\n  .vs-worlds-intro {\r\n    padding: 0;\r\n    text-align: center;\r\n  }\r\n}\r\n\r\n@media (max-width: 575.98px) {\r\n  .vs-about {\r\n    gap: 17p
4683x;\r\n    margin-top: 1.25rem;\r\n  }\r\n\r\n  .vs-hero,\r\n  .vs-section,\r\n  .vs-fair,\r\n  .vs-reliability,\r\n  .vs-join {\r\n    border-radius: 15px;\r\n    padding: 21px 17px;\r\n  }\r\n\r\n  .vs-hero h2 {\r\n    font-size: 1.78rem;\r\n  }\r\n\r\n  .vs-actions,\r\n  .vs-btn {\r\n    width: 100%;\r\n  }\r\n\r\n  .vs-btn {\r\n    min-height: 50px;\r\n  }\r\n\r\n  .vs-journey {\r\n    padding: 14px;\r\n  }\r\n\r\n  .vs-benefits,\r\n  .vs-compare {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n\r\n  .vs-feature {\r\n    min-height: 0;\r\n  }\r\n\r\n  .vs-world-shell {\r\n    padding: 8px;\r\n  }\r\n\r\n  .vs-world-tabs {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n\r\n  .vs-world-panel,\r\n  .vs-about.vs-enhanced .vs-world-panel.is-active {\r\n    gap: 19px;\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n\r\n  .vs-steps {\r\n    padding: 7px 14px;\r\n  }\r\n}","jsCode":"var root = $(\u0027.vs-about\u0027);\r\nvar tabs = $$(\u0027[data-vs-world-tab]\u0027);\r\nvar panels = $$(\u0027[data-vs-world-panel]\u0027);\r\n\r\nif (root \u0026\u0026 tabs.length \u0026\u0026 panels.length) {\r\n  root.classList.add(\u0027vs-enhanced\u0027);\r\n\r\n  var showWorld = function(name, focusTab) {\r\n    tabs.forEac
4683h(function(tab) {\r\n      var active = tab.getAttribute(\u0027data-vs-world-tab\u0027) === name;\r\n      tab.classList.toggle(\u0027is-active\u0027, active);\r\n      tab.setAttribute(\u0027aria-selected\u0027, active ? \u0027true\u0027 : \u0027false\u0027);\r\n      tab.setAttribute(\u0027tabindex\u0027, active ? \u00270\u0027 : \u0027-1\u0027);\r\n\r\n      if (active \u0026\u0026 focusTab) {\r\n        tab.focus();\r\n      }\r\n    });\r\n\r\n    panels.forEach(function(panel) {\r\n      var active = panel.getAttribute(\u0027data-vs-world-panel\u0027) === name;\r\n      panel.classList.toggle(\u0027is-active\u0027, active);\r\n      panel.setAttribute(\u0027aria-hidden\u0027, active ? \u0027false\u0027 : \u0027true\u0027);\r\n    });\r\n  };\r\n\r\n  tabs.forEach(function(tab, index) {\r\n    tab.addEventListener(\u0027click\u0027, function(event) {\r\n      event.preventDefault();\r\n      showWorld(tab.getAttribute(\u0027data-vs-world-tab\u0027), false);\r\n    });\r\n\r\n    tab.addEventListener(\u0027keydown\u0027, function(event) {\r\n      var nextIndex = index;\r\n\r\n      if (event.key === \u0027ArrowRight\u0027 || event.key === \u0027ArrowDown\u0027) {\r\n        nextIndex = (index + 1) % tabs.length;\r\n      }\r\n\r\n      if (event.key === \u0027ArrowLeft\u0027 || event.key === \u0027ArrowUp\u0027) {\r\n        nextIndex = (index + tabs.length - 1) % tabs.length;\r\n      }\r\n\r\n      if (event.key === \u0027Home\u0027) {\r\n        nextIndex = 0;\r\n      }\r\n\r\n      if (event.key === \u0027End\u0027) {\r\n        nextIndex = tabs.length - 1;\r\n      }\r\n\r\n      if (nextIndex !== index) {\r\n        event.preventDefault();\r\n        showWorld(tabs[nextIndex].getAttribute(\u0027data-vs-world-tab\u0027), true);\r\n      }\r\n    });\r\n  });\r\n\r\n  showWorld(\u0027survival\u0027, false);\r\n}"}},"home.dynamic.1779880557787-3jtjsfa2q":{"custom-code-component":{"htmlCode":"12","cssCode":null,"jsCode":null}},"home.dynamic.1779880643900-px63hhbzx":{"custom-code-component":{"htmlCode":"\u003Cdiv class=\u0022vs-about\u0022\u003E\r\n  \u003Cheader class=\u0022vs-hero vs-panel vs-reveal\u0022\u003E\r\n    \u003Cdiv class=\u0022vs-glow vs-glow-primary\u0022\u003E\u003C\/div\u003E\r\n    \u003Cdiv class=\u0022vs-glow vs-glow-secondary\u0022\u003E\u003C\/div\u003E\r\n    \u003Cdiv class=\u0022vs-hero-content\u0022\u003E\r\n      \u003Cspan class=\u0022vs-kicker\u0022\u003EVANILLASQUAD \/ \u0421 2019 \u0413\u041e\u0414\u0410\u003C\/span\u003E\r\n      \u003Ch2 class=\u0022vs-title font-lexend\u0022\u003E\u041f\u043e\u0447\u0435\u043c\u0443 \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 \u003Cspan\u003EVanillaSquad?\u003C\/span\u003E\u003C\/h2\u003E\r\n      \u003Cp class=\u0022vs-lead\u0022\u003E\r\n        \u041f\u0440\u0438\u0432\u0430\u0442\u043d\u044b\u0439 \u0441\u0435\u0440\u0432\u0435\u0440, \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u0431\u043b\u0438\u0437\u043a\u0438\u0439 \u043a \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0435 \u0432\u0430\u043d\u0438\u043b\u044c\u043d\u043e\u0433\u043e Minecraft:\r\n        \u043e\u0433\u0440\u043e\u043c\u043d\u044b\u0439 \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u0439 \u043c\u0438\u0440, \u0434\u0440\u0443\u0436\u0435\u0441\u043a\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u0435 \u0434\u043e\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f,\r\n        \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u044e\u0442 \u0434\u0443\u0445 \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0432\u044b\u0436\u0438\u0432\u0430\u043d\u0438\u044f.\r\n      \u003C\/p\u003E\r\n      \u003Cdiv class=\u0022vs-tags\u0022 aria-label=\u0022\u0413\u043b\u0430\u0432\u043d\u044b\u0435 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u0441\u0435\u0440\u0432\u0435\u0440\u0430\u0022\u003E\r\n        \u003Cspan\u003E\u0411\u0435\u0437 \u0442\u0435\u043b\u0435\u043f\u043e\u0440\u0442\u0430\u0446\u0438\u0439\u003C\/span\u003E\r\n        \u003Cspan\u003E\u0411\u0435\u0437 \u043f\u0440\u0438\u0432\u0430\u0442\u0430\u003C\/span\u003E\r\n        \u003Cspan\u003E\u0411\u0435\u0437 \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0445 \u043a\u0438\u0442\u043e\u0432\u003C\/span\u003E\r\n        \u003Cspan\u003E\u0411\u0435\u0437 \u0434\u043e\u043d\u0430\u0442\u043d\u043e\u0439 \u0445\u0430\u043b\u044f\u0432\u044b\u003C\/span\u003E\r\n      \u003C\/div\u003E\r\n    \u003C\/div\u003E\r\n    \u003Cdiv class=\u0022vs-stats\u0022 aria-label=\u0022\u041a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0444\u0430\u043a\u0442\u044b\u0022\u003E\r\n      \u003Cdiv class=\u0022vs-stat\u0022\u003E\r\n        \u003Cstrong class=\u0022font-lexend\u0022\u003E2019\u003C\/strong\u003E\r\n        \u003Cspan\u003E\u0433\u043e\u0434 \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u003C\/span\u003E\r\n      \u003C\/div\u003E\r\n      \u003Cdiv class=\u0022vs-stat\u0022\u003E\r\n        \u003Cstrong class=\u0022font-lexend\u0022\u003E24\/7\u003C\/strong\u003E\r\n        \u003Cspan\u003E\u0436\u0438\u0432\u043e\u0439 \u043c\u0438\u0440 \u0438 \u0432\u044b\u0441\u043e\u043a\u0438\u0439 \u043e\u043d\u043b\u0430\u0439\u043d\u003C\/span\u003E\r\n      \u003C\/div\u003E\r\n      \u003Cdiv class=\u0022vs-stat\u0022\u003E\r\n        \u003Cstrong class=\u0022font-lexend\u0022\u003E9950X\u003C\/strong\u003E\r\n        \u003Cspan\u003ERyzen 9 \u043d\u0430 \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u043c \u0441\u0435\u0440\u0432\u0435\u0440\u0435\u003C\/span\u003E\r\n      \u003C\/div\u003E\r\n    \u003C\/div\u003E\r\n  \u003C\/header\u003E\r\n\r\n  \u003Csection class=\u0022vs-intro vs-panel vs-reveal\u0022\u003E\r\n    \u003Cdiv class=\u0022vs-section-heading\u0022\u003E\r\n      \u003Cspan class=\u0022vs-kicker\u0022\u003E\u041d\u0410\u0421\u0422\u041e\u042f\u0429\u0415\u0415 \u0412\u042b\u0416\u0418\u0412\u0410\u041d\u0418\u0415\u003C\/span\u003E\r\n      \u003Ch3 class=\u0022font-lexend\u0022\u003E\u041c\u0438\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u043e\u0437\u0434\u0430\u044e\u0442 \u0438\u0433\u0440\u043e\u043a\u0438\u003C\/h3\u003E\r\n    \u003C\/div\u003E\r\n    \u003Cdiv class=\u0022vs-columns\u0022\u003E\r\n      \u003Cp\u003E\r\n        \u0421\u0430\u043c\u043e\u043f\u0438\u0441\u043d\u044b\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0438 \u0434\u0430\u0442\u0430\u043f\u0430\u043a\u0438 \u043d\u0435 \u043b\u043e\u043c\u0430\u044e\u0442 \u0431\u0430\u043b\u0430\u043d\u0441, \u0430 \u0431\u0435\u0440\u0435\u0436\u043d\u043e \u0434\u043e\u043f\u043e\u043b\u043d\u044f\u044e\u0442\r\n        \u0432\u0430\u043d\u0438\u043b\u044c\u043d\u0443\u044e \u0438\u0433\u0440\u0443. \u0417\u0434\u0435\u0441\u044c \u0432\u044b \u0432\u044b\u0436\u0438\u0432\u0430\u0435\u0442\u0435, \u0441\u0442\u0440\u043e\u0438\u0442\u0435, \u0442\u0432\u043e\u0440\u0438\u0442\u0435, \u043e\u0431\u0449\u0430\u0435\u0442\u0435\u0441\u044c \u0438\r\n        \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0435 \u0434\u0440\u0443\u0437\u0435\u0439 \u0431\u0435\u0437 \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432.\r\n      \u003C\/p\u003E\r\n      \u003Cp\u003E\r\n        \u041d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u044b \u0441 \u043f\u0440\u043e\u0434\u0443\u043c\u0430\u043d\u043d\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 \u0442\u043e\u0440\u0433\u043e\u0432\u043b\u0438,\r\n        \u043f\u0440\u043e\u0445\u043e\u0434\u044f\u0442 \u0438\u0432\u0435\u043d\u0442\u044b \u0438 \u043a\u043e\u043d\u043a\u0443\u0440\u0441\u044b, \u043f\u043e\u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0446\u0435\u043b\u044b\u0435 \u0433\u043e\u0440\u043e\u0434\u0430 \u0438 \u0434\u0435\u0440\u0435\u0432\u043d\u0438.\r\n        \u041c\u043e\u0436\u043d\u043e \u0441\u0442\u0430\u0442\u044c \u0447\u0430\u0441\u0442\u044c\u044e \u0431\u043e\u043b\u044c\u0448\u043e\u0433\u043e \u043f\u043e\u0441\u0435\u043b\u0435\u043d\u0438\u044f \u0438\u043b\u0438 \u043f\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0430\u0432\u0442\u043e\u043d\u043e\u043c\u043d\u044b\u0439\r\n        \u0431\u0443\u043d\u043a\u0435\u0440 \u0432 \u0433\u043b\u0443\u0431\u0438\u043d\u0430\u0445 \u043c\u0438\u0440\u0430.\r\n      \u003C\/p\u003E\r\n    \u003C\/div\u003E\r\n  \u003C\/section\u003E\r\n\r\n  \u003Csection class=\u0022vs-worlds vs-reveal\u0022 aria-labelledby=\u0022vs-worlds-title\u0022\u003E\r\n    \u003Cdiv class=\u0022vs-section-heading vs-center\u0022\u003E\r\n      \u003Cspan class=\u0022vs-kicker\u0022\u003E\u0414\u041e\u041f\u041e\u041b\u
4683041d\u0418\u0422\u0415\u041b\u042c\u041d\u042b\u0415 \u041c\u0418\u0420\u042b\u003C\/span\u003E\r\n      \u003Ch3 id=\u0022vs-worlds-title\u0022 class=\u0022font-lexend\u0022\u003E\u041f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0434\u043b\u044f \u043b\u044e\u0431\u044b\u0445 \u0438\u0434\u0435\u0439\u003C\/h3\u003E\r\n    \u003C\/div\u003E\r\n    \u003Cdiv class=\u0022vs-world-grid\u0022\u003E\r\n      \u003Carticle class=\u0022vs-world vs-panel\u0022\u003E\r\n        \u003Cspan class=\u0022vs-icon\u0022\u003E01\u003C\/span\u003E\r\n        \u003Ch4 class=\u0022font-lexend\u0022\u003E\u041c\u0438\u0440 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043a\u003C\/h4\u003E\r\n        \u003Cp\u003E\u041c\u0430\u0441\u0448\u0442\u0430\u0431\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b: \u0433\u043e\u0440\u043e\u0434\u0430, \u043a\u0440\u0435\u043f\u043e\u0441\u0442\u0438 \u0438 \u043f\u0430\u043c\u044f\u0442\u043d\u0438\u043a\u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b.\u003C\/p\u003E\r\n      \u003C\/article\u003E\r\n      \u003Carticle class=\u0022vs-world vs-panel\u0022\u003E\r\n        \u003Cspan class=\u0022vs-icon\u0022\u003E02\u003C\/span\u003E\r\n        \u003Ch4 class=\u0022font-lexend\u0022\u003E\u041c\u0438\u0440 \u0444\u0435\u0440\u043c\u003C\/h4\u003E\r\n        \u003Cp\u003E\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0431\u0435\u0437 \u043f\u0435\u0440\u0435\u0433\u0440\u0443\u0437\u043a\u0438 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0433\u043e \u043c\u0438\u0440\u0430.\u003C\/p\u003E\r\n      \u003C\/article\u003E\r\n      \u003Carticle class=\u0022vs-world vs-panel\u0022\u003E\r\n        \u003Cspan class=\u0022vs-icon\u0022\u003E03\u003C\/span\u003E\r\n        \u003Ch4 class=\u0022font-lexend\u0022\u003E\u041c\u0438\u0440 \u0430\u0440\u0442\u043e\u0432\u003C\/h4\u003E\r\n        \u003Cp\u003E\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0435 \u043c\u0435\u0441\u0442\u043e \u0434\u043b\u044f \u043f\u0438\u043a\u0441\u0435\u043b\u044c-\u0430\u0440\u0442\u043e\u0432 \u0438 \u0442\u0432\u043e\u0440\u0447\u0435\u0441\u043a\u0438\u0445 \u0430\u0440\u0442-\u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432.\u003C\/p\u003E\r\n      \u003C\/article\u003E\r\n    \u003C\/div\u003E\r\n  \u003C\/section\u003E\r\n\r\n  \u003Csection class=\u0022vs-values vs-reveal\u0022 aria-label=\u0022\u041f\u0440\u0438\u043d\u0446\u0438\u043f\u044b VanillaSquad\u0022\u003E\r\n    \u003Carticle class=\u0022vs-value vs-panel\u0022\u003E\r\n      \u003Cspan class=\u0022vs-kicker\u0022\u003E\u0427\u0415\u0421\u0422\u041d\u0410\u042f \u0418\u0413\u0420\u0410\u003C\/span\u003E\r\n      \u003Ch3 class=\u0022font-lexend\u0022\u003E\u0417\u0430\u0449\u0438\u0442\u0430 \u0438\u0433\u0440\u043e\u043a\u043e\u0432\u003C\/h3\u003E\r\n      \u003Cp\u003E\r\n        \u0413\u0440\u0438\u0444\u0435\u0440\u0441\u0442\u0432\u043e, \u0447\u0438\u0442\u044b, \u0432\u043e\u0440\u043e\u0432\u0441\u0442\u0432\u043e \u0438 \u0442\u043e\u043a\u0441\u0438\u0447\u043d\u043e\u0441\u0442\u044c \u0437\u0430\u043f\u0440\u0435\u0449\u0435\u043d\u044b. \u041d\u0430\u0440\u0443\u0448\u0438\u0442\u0435\u043b\u0438\r\n        \u043f\u043e\u043b\u0443\u0447\u0430\u044e\u0442 \u0431\u0430\u043d, \u043f\u043e\u0441\u0442\u0440\u0430\u0434\u0430\u0432\u0448\u0438\u0435 \u043f\u043e\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u044e\u0442\u0441\u044f, \u0430 \u043c\u043e\u0434\u0435\u0440\u0430\u0446\u0438\u044f\r\n        \u043e\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u043e \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0435\u0442 \u0436\u0430\u043b\u043e\u0431\u044b.\r\n      \u003C\/p\u003E\r\n    \u003C\/article\u003E\r\n    \u003Carticle class=\u0022vs-value vs-panel\u0022\u003E\r\n      \u003Cspan class=\u0022vs-kicker\u0022\u003E\u041a\u041e\u041c\u0410\u041d\u0414\u0410\u003C\/span\u003E\r\n      \u003Ch3 class=\u0022font-lexend\u0022\u003E\u041d\u0435 \u043e\u0434\u0438\u043d \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u003C\/h3\u003E\r\n      \u003Cp\u003E\r\n        \u041f\u0440\u043e\u0435\u043a\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442 \u0433\u043b\u0430\u0432\u043d\u044b\u0439 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432,\r\n        \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440, \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u044b, \u0431\u0443\u0445\u0433\u0430\u043b\u0442\u0435\u0440\u0438\u044f \u0438 \u043c\u043e\u0434\u0435\u0440\u0430\u0446\u0438\u044f.\r\n      \u003C\/p\u003E\r\n    \u003C\/article\u003E\r\n    \u003Carticle class=\u0022vs-value vs-p
4683anel\u0022\u003E\r\n      \u003Cspan class=\u0022vs-kicker\u0022\u003E\u041d\u0410\u0414\u0401\u0416\u041d\u041e\u0421\u0422\u042c\u003C\/span\u003E\r\n      \u003Ch3 class=\u0022font-lexend\u0022\u003E\u041f\u0440\u043e\u0435\u043a\u0442 \u043d\u0430\u0434\u043e\u043b\u0433\u043e\u003C\/h3\u003E\r\n      \u003Cp\u003E\r\n        \u0426\u0435\u043b\u044c \u0441\u0435\u0440\u0432\u0435\u0440\u0430 - \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435, \u0430 \u043d\u0435 \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u0438\u0433\u0440\u044b \u0432 \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a \u043f\u0440\u0438\u0431\u044b\u043b\u0438.\r\n        \u0424\u0438\u043d\u0430\u043d\u0441\u043e\u0432\u044b\u0439 \u0440\u0435\u0437\u0435\u0440\u0432 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u0434\u0430\u0436\u0435 \u043f\u0440\u0438 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445\r\n        \u0443\u0431\u044b\u0442\u043a\u0430\u0445.\r\n      \u003C\/p\u003E\r\n    \u003C\/article\u003E\r\n    \u003Carticle class=\u0022vs-value vs-panel\u0022\u003E\r\n      \u003Cspan class=\u0022vs-kicker\u0022\u003E\u041e\u0411\u041e\u0420\u0423\u0414\u041e\u0412\u0410\u041d\u0418\u0415\u003C\/span\u003E\r\n      \u003Ch3 class=\u0022font-lexend\u0022\u003E\u0421\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u0430\u044f \u0438\u0433\u0440\u0430\u003C\/h3\u003E\r\n      \u003Cp\u003E\r\n        \u0412\u044b\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u0441\u0435\u0440\u0432\u0435\u0440 \u0441 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u043e\u043c Ryzen 9 9950X \u0438 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u043c \u044f\u0434\u0440\u043e\u043c\r\n        Minecraft \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u0443\u044e \u0438\u0433\u0440\u0443 \u0431\u0435\u0437 \u043b\u0438\u0448\u043d\u0438\u0445 \u043b\u0430\u0433\u043e\u0432.\r\n      \u003C\/p\u003E\r\n    \u003C\/article\u003E\r\n  \u003C\/section\u003E\r\n\r\n  \u003Csection class=\u0022vs-features vs-panel vs-reveal\u0022\u003E\r\n    \u003Cdiv class=\u0022vs-section-heading\u0022\u003E\r\n      \u003Cspan class=\u0022vs-kicker\u0022\u003E\u041e\u0421\u041e\u0411\u0415\u041d\u041d\u041e\u0421\u0422\u0418\u003C\/span\u003E\r\n      \u003Ch3 class=\u0022font-lexend\u0022\u003E\u0412\u0441\u0451 \u0446\u0435\u043d\u043d\u043e\u0435 - \u0432 \u043e\u0434\u043d\u043e\u043c \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0435\u003C\/h3\u003E\r\n    \u003C\/div\u003E\r\n    \u003Cdiv class=\u0022vs-feature-list\u0022\u003E\r\n      \u003Cspan\u003E\u0423\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0430\u043c\u043e\u043f\u0438\u0441\u043d\u044b\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b\u003C\/span\u003E\r\n      \u003Cspan\u003E\u0414\u0430\u0442\u0430\u043f\u0430\u043a\u0438 \u0432 \u0434\u0443\u0445\u0435 \u0432\u0430\u043d\u0438\u043b\u044c\u043d\u043e\u0439 \u0438\u0433\u0440\u044b\u003C\/span\u003E\r\n      \u003Cspan\u003E\u0411\u043e\u043b\u044c\u0448\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0430\u0439\u0442\u003C\/span\u003E\r\n      \u003Cspan\u003E\u0420\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f\u003C\/span\u003E\r\n      \u003Cspan\u003E\u041c\u0438\u0440\u044b \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043a, \u0444\u0435\u0440\u043c \u0438 \u0430\u0440\u0442\u043e\u0432\u003C\/span\u003E\r\n      \u003Cspan\u003E\u0417\u043e\u043b\u043e\u0442\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u0438\u0433\u0440\u043e\u043a\u043e\u0432\u003C\/span\u003E\r\n    \u003C\/div\u003E\r\n  \u003C\/section\u003E\r\n\r\n  \u003Csection class=\u0022vs-join vs-panel vs-reveal\u0022\u003E\r\n    \u003Cdiv class=\u0022vs-join-text\u0022\u003E\r\n      \u003Cspan class=\u0022vs-kicker\u0022\u003E\u041
4683a\u0410\u041a \u041d\u0410\u0427\u0410\u0422\u042c \u0418\u0413\u0420\u0410\u0422\u042c\u003C\/span\u003E\r\n      \u003Ch3 class=\u0022font-lexend\u0022\u003E\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u043a VanillaSquad\u003C\/h3\u003E\r\n      \u003Cp\u003E\r\n        \u0427\u0442\u043e\u0431\u044b \u0441\u0442\u0430\u0442\u044c \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u044b\u043c \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u043c \u0441\u0435\u0440\u0432\u0435\u0440\u0430, \u043f\u0440\u0438\u0432\u044f\u0436\u0438\u0442\u0435 Discord \u043a\r\n        \u0438\u0433\u0440\u043e\u0432\u043e\u043c\u0443 \u0430\u043a\u043a\u0430\u0443\u043d\u0442\u0443 Minecraft. \u042d\u0442\u043e \u0437\u0430\u0439\u043c\u0451\u0442 \u0432\u0441\u0435\u0433\u043e \u043f\u0430\u0440\u0443 \u043c\u0438\u043d\u0443\u0442.\r\n      \u003C\/p\u003E\r\n    \u003C\/div\u003E\r\n    \u003Col class=\u0022vs-steps\u0022\u003E\r\n      \u003Cli\u003E\r\n        \u003Cstrong\u003E\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043a\u043e\u0434\u003C\/strong\u003E\r\n        \u003Cspan\u003E\u041f\u0440\u0438 \u0432\u0445\u043e\u0434\u0435 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440 \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u0447\u0435\u0442\u044b\u0440\u0451\u0445\u0437\u043d\u0430\u0447\u043d\u044b\u0439 \u043a\u043e\u0434.\u003C\/span\u003E\r\n      \u003C\/li\u003E\r\n      \u003Cli\u003E\r\n        \u003Cstrong\u003E\u041e\u0442\u043f\u0440\u0430\u0432\u044c\u0442\u0435 \u0435\u0433\u043e \u0432 Discord\u003C\/strong\u003E\r\n        \u003Cspan\u003E\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u043a\u043e\u0434 \u0432 \u043a\u0430\u043d\u0430\u043b\u0435 \u003Cb\u003E#\u043e\u0442\u043f\u0440\u0430\u0432\u044c-\u043a\u043e\u0434-\u0441\u044e\u0434\u0430\u003C\/b\u003E.\u003C\/span\u003E\r\n      \u003C\/li\u003E\r\n    \u003C\/ol\u003E\r\n    \u003Cdiv class=\u0022vs-actions\u0022\u003E\r\n      \u003Ca class=\u0022vs-button vs-button-primary font-lexend\u0022 href=\u0022\/discord\u0022\u003E\u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u0432 Discord\u003C\/a\u003E\r\n      \u003Ca class=\u0022vs-button vs-button-light font-lexend\u0022 href=\u0022https:\/\/docs.vanillasquad.com\/osnovnye\/kak-nachat-igrat\u0022\u003E\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0430\u044f \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f\u003C\/a\u003E\r\n    \u003C\/div\u003E\r\n  \u003C\/section\u003E\r\n\u003C\/div\u003E","cssCode":".vs-about {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n  margin: 16px 0 8px;\r\n  color: var(--color2);\r\n}\r\n\r\n.vs-about .vs-panel {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-radius: 11px;\r\n  background: linear-gradient(180deg, var(--color3) 0%, var(--color4) 100%);\r\n  box-shadow: 0 11px 22px rgba(0, 0, 0, 0.38);\r\n}\r\n\r\n.vs-about .vs-panel::before {\r\n  content: \u0022\u0022;\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  left: 0;\r\n  height: 2.5px;\r\n  border-radius: 11px 11px 0 0;\r\n  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);\r\n}\r\n\r\n.vs-about .vs-hero {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) 250px;\r\n  gap: 36px;\r\n  padding: 48px;\r\n}\r\n\r\n.vs-about .vs-hero-content {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.vs-about .vs-kicker {\r\n  display: inline-flex;\r\n  margin-bottom: 13px;\r\n  color: var(--color5);\r\n  font-size: 0.77rem;\r\n  font-weight: 800;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.vs-about .vs-title {\r\n  max-width: 690px;\r\n  margin: 0 0 17px;\r\n  color: var(--color2);\r\n  font-size: clamp(2rem, 4.4vw, 3.2rem);\r\n  font-weight: 700;\r\n  line-height: 1.14;\r\n}\r\n\r\n.vs-about .vs-title span {\r\n  background: linear-gradient(270deg, var(--color5) 0%, var(--color6) 100%);\r\n  background-clip: text;\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.vs-about .vs-lead {\r\n  max-width: 660px;\r\n  margin: 0 0 26px;\r\n  color: var(--text-muted);\r\n  font-size: 1.07rem;\r\n  line-height: 1.75;\r\n}\r\n\r\n.vs-about .vs-tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n}\r\n\r\n.vs-about .vs-tags span {\r\n  padding: 8px 13px;\r\n  border: 1px solid rgba(255, 255, 255, 0.09);\r\n  border-radius: 999px;\r\n  background: rgba(255, 255, 255, 0.035);\r\n  color: var(--color2);\r\n  font-size: 0.88rem;\r\n}\r\n\r\n.vs-about .vs-stats {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 12px;\r\n}\r\n\r\n.vs-about .vs-stat {\r\n  padding: 16px 18px;\r\n  border: 1px solid rgba(255, 255, 255, 0.08);\r\n  border-radius: 13px;\r\n  background: rgba(255, 255, 255, 0.035);\r\n}\r\n\r\n.vs-about .vs-stat strong {\r\n  display: block;\r\n  margin-bottom: 4px;\r\n  color: var(--color2);\r\n  font-size: 1.55rem;\r\n}\r\n\r\n.vs-about .vs-stat span {\r\n  color: var(--text-muted);\r\n  font-size: 0.88rem;\r\n  line-height: 1.4;\r\n}\r\n\r\n.vs-about .vs-glow {\r\n  position: absolute;\r\n  border-radius: 100%;\r\n  pointer-events: none;\r\n}\r\n\r\n.vs-about .vs-glow-primary {\r\n  right: 110px;\r\n  bottom: -100px;\r\n  width: 260px;\r\n  height: 260px;\r\n  opacity: 0.45;\r\n  background: var(--color5);\r\n  filter: blur(95px);\r\n}\r\n\r\n.vs-about .vs-glow-secondary {\r\n  top: -125px;\r\n  left: -125px;\r\n  width: 280px;\r\n  height: 280px;\r\n  opacity: 0.3;\r\n  background: var(--color6);\r\n  filter: blur(110px);\r\n}\r\n\r\n.vs-about .vs-intro {\r\n  padding: 36px 42px 38px;\r\n}\r\n\r\n.vs-about .vs-section-heading {\r\n  position: relative;\r\n  z-index: 1;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.vs-about .vs-section-heading h3 {\r\n  margin: 0;\r\n  color: var(--color2);\r\n  font-size: clamp(1.42rem, 2.2vw, 1.9rem);\r\n}\r\n\r\n.vs-about .vs-columns {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 32px;\r\n}\r\n\r\n.vs-about .vs-columns p {\r\n  margin: 0;\r\n  color: var(--text-muted);\r\n  font-size: 1rem;\r\n  line-height: 1.8;\r\n}\r\n\r\n.vs-about .vs-center {\r\n  margin-bottom: 27px;\r\n  text-align: center;\r\n}\r\n\r\n.vs-about .vs-world-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 18px;\r\n}\r\n\r\n.vs-about .vs-world {\r\n  min-height: 212px;\r\n  padding: 30px 25px 25px;\r\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n}\r\n\r\n.vs-about .vs-world:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.43);\r\n}\r\n\r\n.vs-about .vs-icon {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 48px;\r\n  height: 48px;\r\n  margin-bottom: 20px;\r\n  border-radius: 13px;\r\n  background: linear-gradient(135deg, var(--color5), var(--color6));\r\n  color: white;\r\n  font-family: \u0022Lexend\u0022, sans-serif;\r\n  font-size: 0.85rem;\r\n  font-weight: 800;\r\n}\r\n\r\n.vs-about .vs-world h4 {\r\n  margin: 0 0 10px;\r\n  color: var(--color2);\r\n  font-size: 1.14rem;\r\n}\r\n\r\n.vs-about .vs-world p {\r\n  margin: 0;\r\n  color: var(--text-muted);\r\n  font-size: 0.94rem;\r\n  line-height: 1.6;\r\n}\r\n\r\n.vs-about .vs-values {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 18px;\r\n}\r\n\r\n.vs-about .vs-value {\r\n  padding: 29px 30px 30px;\r\n}\r\n\r\n.vs-about .vs-value h3 {\r\n  position: relative;\r\n  margin: 0 0 12px;\r\n  color: var(--color2);\r\n  font-size: 1.28rem;\r\n}\r\n\r\n.vs-about .vs-value p {\r\n  position: relative;\r\n  margin: 0;\r\n  color: var(--text-muted);\r\n  font-size: 0.95rem;\r\n  line-height: 1.7;\r\n}\r\n\r\n.vs-about .vs-features {\r\n  padding: 36px 42px 40px;\r\n}\r\n\r\n.vs-about .vs-feature-list {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 12px;\r\n}\r\n\r\n.vs-about .vs-feature-list span {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 54px;\r\n  padding: 12px 16px 12px 43px;\r\n  border: 1px solid rgba(255, 255, 255, 0.07);\r\n  border-radius: 11px;\r\n  background: rgba(255, 255, 255, 0.035);\r\n  color: var(--text-muted);\r\n  font-size: 0.92rem;\r\n  line-height: 1.42;\r\n}\r\n\r\n.vs-about .vs-feature-list span::before {\r\n  content: \u0022\u0022;\r\n  position: absolute;\r\n  width: 9px;\r\n  height: 9px;\r\n  margin-left: -24px;\r\n  border-radius: 100%;\r\n  background: linear-gradient(135deg, var(--color5), var(--color6));\r\n  box-shadow: 0 0 13px var(--color5);\r\n}\r\n\r\n.vs-about .vs-join {\r\n  padding: 40px 42px;\r\n  background: linear-gradient(135deg, var(--color5), var(--color6));\r\n}\r\n\r\n.vs-about .vs-join::after {\r\n  content: \u0022\u0022;\r\n  position: absolute;\r\n  top: -80px;\r\n  right: -55px;\r\n  width: 310px;\r\n  height: 310px;\r\n  border-radius: 100%;\r\n  background: rgba(255, 255, 255, 0.12);\r\n  filter: blur(4px);\r\n}\r\n\r\n.vs-about .vs-join-text {\r\n  position: relative;\r\n  z-index: 1;\r\n  max-width: 730px;\r\n}\r\n\r\n.vs-about .vs-join .vs-kicker {\r\n  color: rgba(255, 255, 255, 0.78);\r\n}\r\n\r\n.vs-about .vs-join h3 {\r\n  margin: 0 0 13px;\r\n  color: white;\r\n  font-size: clamp(1.45rem, 2.3vw, 2rem);\r\n}\r\n\r\n.vs-about .vs-join-text p {\r\n  margin: 0 0 29px;\r\n  color: rgba(255, 255, 255, 0.88);\r\n  font-size: 1rem;\r\n  line-height: 1.7;\r\n}\r\n\r\n.vs-about .vs-steps {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 13px;\r\n  margin: 0 0 28px;\r\n  padding: 0;\r\n  list-style: none;\r\n  counter-reset: step;\r\n}\r\n\r\n.vs-about .vs-steps li {\r\n  position: relative;\r\n  min-height: 83px;\r\n  padding: 15px 18px 15px 60px;\r\n  border-radius: 11px;\r\n  background: rgba(15, 11, 18, 0.19);\r\n  counter-increment: step;\r\n}\r\n\r\n.vs-about .vs-steps li::before {\r\n  content: counter(step);\r\n  position: absolute;
4683\r\n  top: 17px;\r\n  left: 17px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 28px;\r\n  height: 28px;\r\n  border-radius: 9px;\r\n  background: white;\r\n  color: var(--color5);\r\n  font-family: \u0022Lexend\u0022, sans-serif;\r\n  font-weight: 800;\r\n}\r\n\r\n.vs-about .vs-steps strong {\r\n  display: block;\r\n  margin-bottom: 3px;\r\n  color: white;\r\n}\r\n\r\n.vs-about .vs-steps span {\r\n  color: rgba(255, 255, 255, 0.84);\r\n  font-size: 0.91rem;\r\n  line-height: 1.45;\r\n}\r\n\r\n.vs-about .vs-actions {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n}\r\n\r\n.vs-about .vs-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 49px;\r\n  padding: 12px 24px;\r\n  border-radius: 13px;\r\n  font-size: 0.83rem;\r\n  font-weight: 800;\r\n  text-transform: uppercase;\r\n  transition: transform 0.2s ease, opacity 0.2s ease;\r\n}\r\n\r\n.vs-about .vs-button:hover {\r\n  transform: scale(1.04);\r\n}\r\n\r\n.vs-about .vs-button-primary {\r\n  background: white;\r\n  color: var(--color1);\r\n}\r\n\r\n.vs-about .vs-button-primary:hover {\r\n  color: var(--color1);\r\n}\r\n\r\n.vs-about .vs-button-light {\r\n  border: 1px solid rgba(255, 255, 255, 0.3);\r\n  background: rgba(15, 11, 18, 0.14);\r\n  color: white;\r\n}\r\n\r\n.vs-about .vs-button-light:hover {\r\n  color: white;\r\n}\r\n\r\n.vs-about.vs-motion .vs-reveal {\r\n  opacity: 0;\r\n  transform: translateY(18px);\r\n  transition: opacity 0.48s ease, transform 0.48s ease;\r\n}\r\n\r\n.vs-about.vs-motion .vs-reveal.vs-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n@media (max-width: 991.98px) {\r\n  .vs-about .vs-hero {\r\n    grid-template-columns: 1fr;\r\n    gap: 28px;\r\n    padding: 36px 30px;\r\n  }\r\n\r\n  .vs-about .vs-stats {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  }\r\n\r\n  .vs-about .vs-feature-list {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n}\r\n\r\n@media (max-width: 767.98px) {\r\n  .vs-about {\r\n    gap: 16px;\r\n    margin-top: 8px;\r\n  }\r\n\r\n  .vs-about .vs-hero {\r\n    padding: 30px 22px;\r\n  }\r\n\r\n  .vs-about .vs-title {\r\n    font-size: 1.9rem;\r\n  }\r\n\r\n  .vs-about .vs-lead {\r\n    font-size: 0.97rem;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .vs-about .vs-stats,\r\n  .vs-about .vs-columns,\r\n  .vs-about .vs-world-grid,\r\n  .vs-about .vs-values,\r\n  .vs-about .vs-feature-list,\r\n  .vs-about .vs-steps {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .vs-about .vs-intro,\r\n  .vs-about .vs-features,\r\n  .vs-about .vs-join {\r\n    padding: 29px 22px;\r\n  }\r\n\r\n  .vs-about .vs-world,\r\n  .vs-about .vs-value {\r\n    padding: 25px 22px;\r\n  }\r\n\r\n  .vs-about .vs-actions {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .vs-about .vs-button {\r\n    width: 100%;\r\n  }\r\n}","jsCode":"var root = $(\u0027.vs-about\u0027);\r\nvar items = $$(\u0027.vs-reveal\u0027);\r\n\r\nif (root \u0026\u0026 items.length) {\r\n  var reduceMotion = false;\r\n\r\n  try {\r\n    reduceMotion = self.matchMedia \u0026\u0026\r\n      self.matchMedia(\u0027(prefers-reduced-motion: reduce)\u0027).matches;\r\n  } catch (error) {\r\n    reduceMotion = false;\r\n  }\r\n\r\n  if (!reduceMotion \u0026\u0026 typeof IntersectionObserver !== \u0027undefined\u0027) {\r\n    root.classList.add(\u0027vs-motion\u0027);\r\n\r\n    var revealObserver = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add(\u0027vs-visible\u0027);\r\n          revealObserver.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {\r\n      rootMargin: \u00270px 0px -35px 0px\u0027,\r\n      threshold: 0.08\r\n    });\r\n\r\n    items.forEach(function(item) {\r\n      revealObserver.observe(item);\r\n    });\r\n  } else {\r\n    items.forEach(function(item) {\r\n      item.classList.add(\u0027vs-visible\u0027);\r\n    });\r\n  }\r\n}"}},"home.dynamic.1779880808560-b95kdhznc":{"custom-code-component":{"htmlCode":"43123412","cssCode":null,"jsCode":null}},"home.dynamic.1779882891078-yiqj78kg0":{"custom-code-component":{"htmlCode":"\u003Cdiv class=\u0022vsx\u0022 lang=\u0022ru\u0022\u003E\r\n  \u003Csection class=\u0022vsx-bridge\u0022 aria-labelledby=\u0022vsx-bridge-title\u0022\u003E\r\n    \u003Cspan class=\u0022vsx-bridge-glow\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/span\u003E\r\n    \u003Cdiv class=\u0022vsx-bridge-copy\u0022\u003E\r\n      \u003Cp class=\u0022vsx-overline\u0022\u003E\u041f\u
46830440\u043e\u0434\u043e\u043b\u0436\u0435\u043d\u0438\u0435 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0432 \u0438\u0433\u0440\u0435\u003C\/p\u003E\r\n      \u003Ch2 id=\u0022vsx-bridge-title\u0022\u003E\u041d\u043e\u0432\u043e\u0441\u0442\u0438 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442 \u043e \u043c\u0438\u0440\u0435. \u003Cspan\u003E\u0418\u0433\u0440\u043e\u043a\u0438 \u0441\u043e\u0437\u0434\u0430\u044e\u0442 \u0435\u0433\u043e \u0438\u0441\u0442\u043e\u0440\u0438\u044e.\u003C\/span\u003E\u003C\/h2\u003E\r\n      \u003Cp class=\u0022vsx-bridge-text\u0022\u003E\r\n        \u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f, \u0438\u0432\u0435\u043d\u0442\u044b \u0438 \u0433\u043e\u0440\u043e\u0434\u0430 \u0441\u0442\u0430\u043d\u043e\u0432\u044f\u0442\u0441\u044f \u0432\u0430\u0436\u043d\u0435\u0435, \u043a\u043e\u0433\u0434\u0430 \u0437\u0434\u0435\u0441\u044c \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f\r\n        \u0432\u0430\u0448 \u0434\u043e\u043c, \u043c\u0430\u0433\u0430\u0437\u0438\u043d \u0438\u043b\u0438 \u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u043f\u0440\u043e\u0435\u043a\u0442. \u0412\u0441\u0442\u0443\u043f\u0430\u0439\u0442\u0435 \u0432 VanillaSquad \u0438 \u0438\u0433\u0440\u0430\u0439\u0442\u0435\r\n        \u0447\u0435\u0441\u0442\u043d\u043e: \u0431\u0435\u0437 pay-to-win, \u043f\u0440\u0438\u0432\u0430\u0442\u0430 \u0438 \u0442\u0435\u043b\u0435\u043f\u043e\u0440\u0442\u043e\u0432.\r\n      \u003C\/p\u003E\r\n    \u003C\/div\u003E\r\n\r\n    \u003Caside class=\u0022vsx-bridge-side\u0022 aria-label=\u0022\u0424\u0430\u043a\u0442\u044b \u043e VanillaSquad\u0022\u003E\r\n      \u003Cdiv class=\u0022vsx-facts\u0022\u003E\r\n        \u003Carticle\u003E\r\n          \u003Cstrong\u003E2019\u003C\/strong\u003E\r\n          \u003Cspan\u003E\u043f\u0440\u043e\u0435\u043a\u0442 \u0432 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0438\u003C\/span\u003E\r\n        \u003C\/article\u003E\r\n        \u003Carticle\u003E\r\n          \u003Cstrong\u003E3\u003C\/strong\u003E\r\n          \u003Cspan\u003E\u043c\u0438\u0440\u0430 \u0434\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432\u003C\/span\u003E\r\n        \u003C\/article\u003E\r\n        \u003Carticle\u003E\r\n          \u003Cstrong\u003E0\u003C\/strong\u003E\r\n          \u003Cspan\u003E\u043f\u043e\u043a\u0443\u043f\u0430\u0435\u043c\u044b\u0445 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u003C\/span\u003E\r\n        \u003C\/article\u003E\r\n      \u003C\/div\u003E\r\n      \u003Cdiv class=\u0022vsx-actions\u0022\u003E\r\n        \u003Ca class=\u0022vsx-action vsx-action-main\u0022 href=\u0022\/discord\u0022\u003E\r\n          \u0412\u043e\u0439\u0442\u0438 \u0432 Discord\r\n          \u003Csvg viewBox=\u00220 0 20 20\u0022 aria-hidden=\u0022true\u0022\u003E\r\n            \u003Cpath d=\u0022M3.5 10h12M11 5l5 5-5 5\u0022\u003E\u003C\/path\u003E\r\n          \u003C\/svg\u003E\r\n        \u003C\/a\u003E\r\n        \u003Ca class=\u0022vsx-action vsx-action-ghost\u0022 href=\u0022\/docs\/osnovnye\/kak-nachat-igrat\u0022 target=\u0022_blank\u0022 rel=\u0022noopener noreferrer\u0022\u003E\r\n          \u041a\u0430\u043a \u043d\u0430\u0447\u0430\u0442\u044c\r\n        \u003C\/a\u003E\r\n      \u003C\/div\u003E\r\n    \u003C\/aside\u003E\r\n  \u003C\/section\u003E\r\n\r\n  \u003Csection class=\u0022vsx-paths\u0022 aria-labelledby=\u0022vsx-paths-title\u0022\u003E\r\n    \u003Cdiv class=\u0022vsx-paths-head\u0022\u003E\r\n      \u003Cp class=\u0022vsx-overline\u0022\u003E\u0421\u0432\u043e\u0431\u043e\u0434\u0430 \u0432\u0430\u043d\u0438\u043b\u044c\u043d\u043e\u0439 \u0438\u0433\u0440\u044b\u003C\/p\u003E\r\n      \u003Ch2 id=\u0022vsx-paths-title\u0022\u003E\u041c\u0438\u0440\u044b \u0438 \u0436\u0438\u0437\u043d\u044c VanillaSquad\u003C\/h2\u003E\r\n      \u003Cp\u003E\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043c\u0438\u0440 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442 \u0434\u0443\u0445 \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0432\u044b\u0436\u0438\u0432\u0430\u043d\u0438\u044f, \u0430 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430 \u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u0434\u0430\u044e\u0442 \u0432\u0430\u0448\u0438\u043c \u0438\u0434\u0435\u044f\u043c \u0440\u0430\u0437\u043c\u0430\u0445.\u003C\/p\u003E\r\n    \u003C\/div\u003E\r\n\r\n    \u003Cdiv class=\u0022vsx-world-grid\u0022 aria-label=\u0022\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 VanillaSquad\u0022\u003E\r\n      \u003Carticle class=\u0022vsx-world-card\u0022\u003E\r\n        \u003Cdiv class=\u0022vsx-world-card-head\u0022\u003E\r\n          \u003Cspan class=\u0022vsx-world-number\u0022\u003E01\u003C\/span\u003E\r\n          \u003Cspan class=\u0022vsx-world-label\u0022\u003E\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043c\u0438\u0440\u003C\/span\u003E\r\n        \u003C\/div\u003E\r\n        \u003Ch3\u003E\u041c\u0438\u0440 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043a\u003C\/h3\u003E\r\n        \u003Cp\u003E\u0421\u0442\u0440\u043e\u0439\u0442\u0435 \u0433\u043e\u0440\u043e\u0434\u0430, \u043a\u0440\u0435\u043f\u043e\u0441\u0442\u0438 \u0438 \u043f\u0430\u043c\u044f\u0442\u043d\u0438\u043a\u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0431\u0435\u0437 \u0442\u0435\u0441\u043d\u043e\u0442\u044b \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0433\u043e \u043c\u0438\u0440\u0430.\u003C\/p\u003E\r\n        \u003Cul\u003E\r\n          \u003Cli\u003E\u041c\u0430\u0441\u0448\u0442\u0430\u0431\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b\u003C\/li\u003E\r\n          \u003Cli\u003E\u041
4683a\u043e\u043c\u0430\u043d\u0434\u043d\u043e\u0435 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u043e\u003C\/li\u003E\r\n        \u003C\/ul\u003E\r\n      \u003C\/article\u003E\r\n\r\n      \u003Carticle class=\u0022vsx-world-card\u0022\u003E\r\n        \u003Cdiv class=\u0022vsx-world-card-head\u0022\u003E\r\n          \u003Cspan class=\u0022vsx-world-number\u0022\u003E02\u003C\/span\u003E\r\n          \u003Cspan class=\u0022vsx-world-label\u0022\u003E\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043c\u0438\u0440\u003C\/span\u003E\r\n        \u003C\/div\u003E\r\n        \u003Ch3\u003E\u041c\u0438\u0440 \u0444\u0435\u0440\u043c\u003C\/h3\u003E\r\n        \u003Cp\u003E\u0420\u0430\u0437\u0432\u0438\u0432\u0430\u0439\u0442\u0435 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044e \u0438 \u0434\u043e\u0431\u044b\u0447\u0443 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432, \u043d\u0435 \u043f\u0435\u0440\u0435\u0433\u0440\u0443\u0436\u0430\u044f \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043c\u0438\u0440.\u003C\/p\u003E\r\n        \u003Cul\u003E\r\n          \u003Cli\u003E\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f\u003C\/li\u003E\r\n          \u003Cli\u003E\u0420\u0435\u0441\u0443\u0440\u0441\u044b \u0434\u043b\u044f \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u043a\u0438\u003C\/li\u003E\r\n        \u003C\/ul\u003E\r\n      \u003C\/article\u003E\r\n\r\n      \u003Carticle class=\u0022vsx-world-card\u0022\u003E\r\n        \u003Cdiv class=\u0022vsx-world-card-head\u0022\u003E\r\n          \u003Cspan class=\u0022vsx-world-number\u0022\u003E03\u003C\/span\u003E\r\n          \u003Cspan class=\u0022vsx-world-label\u0022\u003E\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043c\u0438\u0440\u003C\/span\u003E\r\n        \u003C\/div\u003E\r\n        \u003Ch3\u003E\u041c\u0438\u0440 \u0430\u0440\u0442\u043e\u0432\u003C\/h3\u003E\r\n        \u003Cp\u003E\u0421\u043e\u0437\u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u0438\u043a\u0441\u0435\u043b\u044c-\u0430\u0440\u0442\u044b \u0438 \u0430\u0440\u0442-\u043e\u0431\u044a\u0435\u043a\u0442\u044b \u0432 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435 \u0434\u043b\u044f \u0442\u0432\u043e\u0440\u0447\u0435\u0441\u0442\u0432\u0430.\u003C\/p\u003E\r\n        \u003Cul\u003E\r\n          \u003Cli\u003E\u0421\u0432\u043e\u0431\u043e\u0434\u0430 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u0438\u0434\u0435\u0439\u003C\/li\u003E\r\n          \u003Cli\u003E\u0420\u0430\u0431\u043e\u0442\u044b \u0434\u043b\u044f \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430\u003C\/li\u003E\r\n        \u003C\/ul\u003E\r\n      \u003C\/article\u003E\r\n\r\n      \u003Carticle class=\u0022vsx-world-card vsx-world-card-featured\u0022\u003E\r\n        \u003Cdiv class=\u0022vsx-world-card-head\u0022\u003E\r\n          \u003Cspan class=\u0022vsx-world-number\u0022\u003E04\u003C\/span\u003E\r\n          \u003Cspan class=\u0022vsx-world-label\u0022\u003E\u0416\u0438\u0432\u043e\u0439 \u0441\u0435\u0440\u0432\u0435\u0440\u003C\/span\u003E\r\n        \u003C\/div\u003E\r\n        \u003Ch3\u003E\u0413\u043e\u0440\u043e\u0434\u0430 \u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e\u003C\/h3\u003E\r\n        \u003Cp\u003E\u041e\u0442\u043a\u0440\u044b\u0432\u0430\u0439\u0442\u0435 \u043c\u0430\u0433\u0430\u0437\u0438\u043d, \u0443\u0447\u0430\u0441\u0442\u0432\u0443\u0439\u0442\u0435 \u0432 \u0438\u0432\u0435\u043d\u0442\u0430\u0445 \u0438\u043b\u0438 \u043d\u0430\u0439\u0434\u0438\u0442\u0435 \u0434\u0440\u0443\u0437\u0435\u0439 \u0434\u043b\u044f \u043e\u0431\u0449\u0435\u0439 \u0438\u0441\u0442\u043e\u0440\u0438\u0438.\u003C\/p\u003E\r\n        \u003Cul\u003E\r\n          \u003Cli\u003E\u0427\u0435\u0441\u0442\u043d\u0430\u044f \u0442\u043e\u0440\u0433\u043e\u0432\u043b\u044f\u003C\/li\u003E\r\n          \u003Cli\u003E\u0421\u043e\u0431\u044b\u0442\u0438\u044f \u0438 \u0432\u044b\u0441\u043e\u043a\u0438\u0439 \u043e\u043d\u043b\u0430\u0439\u043d\u003C\/li\u003E\r\n        \u003C\/ul\u003E\r\n      \u003C\/article\u003E\r\n    \u003C\/div\u003E\r\n  \u003C\/section\u003E\r\n\r\n  \u003Csection class=\u0022vsx-trust\u
46830022 aria-labelledby=\u0022vsx-trust-title\u0022\u003E\r\n    \u003Cdiv class=\u0022vsx-trust-intro\u0022\u003E\r\n      \u003Cp class=\u0022vsx-overline\u0022\u003E\u041c\u043e\u0436\u043d\u043e \u0432\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0442\u044c \u0432\u0440\u0435\u043c\u044f\u003C\/p\u003E\r\n      \u003Ch2 id=\u0022vsx-trust-title\u0022\u003E\u041f\u0440\u043e\u0435\u043a\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0441\u044f \u043a \u0432\u0430\u0448\u0435\u043c\u0443 \u043c\u0438\u0440\u0443 \u0441\u0435\u0440\u044c\u0435\u0437\u043d\u043e\u003C\/h2\u003E\r\n      \u003Cp\u003E\r\n        VanillaSquad \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043d\u0435 \u0440\u0430\u0434\u0438 \u043f\u0440\u043e\u0434\u0430\u0436\u0438 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432. \u0412 \u043e\u0441\u043d\u043e\u0432\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 -\r\n        \u0432\u043e\u0432\u043b\u0435\u0447\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0438\u0433\u0440\u043e\u043a\u043e\u0432, \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u0430\u044f \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0438 \u043f\u043e\u0440\u044f\u0434\u043e\u043a, \u043f\u0440\u0438 \u043a\u043e\u0442\u043e\u0440\u043e\u043c\r\n        \u0447\u0435\u0441\u0442\u043d\u044b\u0439 \u0442\u0440\u0443\u0434 \u043e\u0441\u0442\u0430\u0435\u0442\u0441\u044f \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u043d\u044b\u043c.\r\n      \u003C\/p\u003E\r\n    \u003C\/div\u003E\r\n\r\n    \u003Cdiv class=\u0022vsx-proof\u0022\u003E\r\n      \u003Carticle class=\u0022vsx-proof-large\u0022\u003E\r\n        \u003Cspan\u003E\u0421 2019 \u0433\u043e\u0434\u0430\u003C\/span\u003E\r\n        \u003Cstrong\u003E\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0443\u0436\u0435 \u0438\u0434\u0435\u0442. \u0412\u0430\u0448\u0430 \u043c\u043e\u0436\u0435\u0442 \u0441\u0442\u0430\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439.\u003C\/strong\u003E\r\n        \u003Cp\u003E\u0424\u0438\u043d\u0430\u043d\u0441\u043e\u0432\u044b\u0439 \u0440\u0435\u0437\u0435\u0440\u0432 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u0441\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u0435\u0433\u043e \u0434\u043e\u043b\u0433\u043e\u0441\u0440\u043e\u0447\u043d\u043e\u0435 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435.\u003C\/p\u003E\r\n      \u003C\/article\u003E\r\n      \u003Carticle\u003E\r\n        \u003Cspan\u003E\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c\u003C\/span\u003E\r\n        \u003Cstrong\u003ERyzen 9 9950X\u003C\/strong\u003E\r\n        \u003Cp\u003E\u0412\u044b\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u0441\u0435\u0440\u0432\u0435\u0440 \u0438 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0435 \u044f\u0434\u0440\u043e \u0434\u043b\u044f \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u043e\u0439 \u0438\u0433\u0440\u044b.\u003C\/p\u003E\r\n      \u003C\/article\u003E\r\n      \u003Carticle\u003E\r\n        \u003Cspan\u003E\u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c\u003C\/span\u003E\r\n        \u003Cstrong\u003E\u0417\u0430\u0449\u0438\u0442\u0430 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043a\u003C\/strong\u003E\r\n        \u003Cp\u003E\u0427\u0438\u0442\u044b, \u0432\u043e\u0440\u043e\u0432\u0441\u0442\u0432\u043e \u0438 \u0433\u0440\u0438\u0444\u0435\u0440\u0441\u0442\u0432\u043e \u0437\u0430\u043f\u0440\u0435\u0449\u0435\u043d\u044b; \u0443\u0449\u0435\u0440\u0431 \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0435\u0439.\u003C\/p\u003E\r\n      \u003C\/article\u003E\r\n      \u003Carticle\u003E\r\n        \u003Cspan\u003E\u041a\u043e\u043c\u0430\u043d\u0434\u0430\u003C\/span\u003E\r\n        \u003Cstrong\u003E\u041d\u0435 \u043e\u0434\u0438\u043d \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u003C\/strong\u003E\r\n        \u003Cp\u003E\u0417\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u043c \u0441\u0442\u043e\u044f\u0442 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438, \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f, \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u044b \u0438 \u043c\u043e\u0434\u0435\u0440\u0430\u0446\u0438\u044f.\u003C\/p\u003E\r\n      \u003C\/article\u003E\r\n    \u003C\/div\u003E\r\n  \u003C\/section\u003E\r\n\r\n  \u003Csection class=\u0022vsx-entry\u0022 aria-labelledby=\u0022vsx-entry-title\u0022\u003E\r\n    \u003Cspan class=\u0022vsx-entry-ray\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/span\u003E\r\n    \u003Cdiv class=\u0022vsx-entry-copy\u0022\u003E\r\n      \u003Cp class=\u0022vsx-overline\u0022\u003E\u0412\u0445\u043e\u0434 \u0432 VanillaSquad\u003C\/p\u003E\r\n      \u003Ch2 id=\u0022vsx-entry-title\u0022\u003E\u041e\u0434\u0438\u043d \u043a\u043e\u0434 \u0434\u043e \u0432\u0430\u0448\u0435\u0439 \u043f\u0435\u0440\u0432\u043e\u0439 \u043d\u043e\u0447\u0438\u003C\/h2\u003E\r\n      \u003Cp\u003E\r\n        \u041f\u0440\u0438\u0432\u044f\u0436\u0438\u0442\u0435 \u0430\u043a\u043a\u0430\u0443\u043d\u0442 Discord \u043a Minecraft, \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0434\u043e\u0441\u0442\u0443\u043f \u0438 \u043d\u0430\u0447\u043d\u0438\u0442\u0435 \u043f\u0443\u0442\u044c\r\n        \u0432 \u043c\u0438\u0440\u0435, \u0433\u0434\u0435 \u043a\u0430\u0436\u0434\u043e\u0435 \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u0435 \u043f\u0440\u0438\u043d\u0430\u0434\u043b\u0435\u0436\u0438\u0442 \u0432\u0430\u043c.\r\n      \u003C\/p\u003E\r\n      \u003Cdiv class=\u0022vsx-actions\u0022\u003E\r\n        \u003Ca class=\u0022vsx-action vsx-action-light\u0022 href=\u0022\/discord\u0022\u003E\r\n          \u041d\u0430\u0447\u0430\u0442\u044c \u0447\u0435\u0440\u0435\u0437 Discord\r\n          \u003Csvg viewBox=\u00220 0 20 20\u0022 aria-hidden=\u0022true\u0022\u003E\r\n            \u003Cpath d=\u0022M3.5 10h12M11 5l5 5-5 5\u0022\u003E\u003C\/path\u003E\r\n          \u003C\/svg\u003E\r\n        \u003C\/a\u003E\r\n        \u003Ca class=\u0022vsx-action vsx-action-dark\u0022 href=\u0022\/docs\/osnovnye\/kak-nachat-igrat\u0022 target=\u0022_blank\u0022 rel=\u0022noopener noreferrer\u0022\u003E\r\n          \u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044e\r\n        \u003C\/a\u003E\r\n      \u003C\/div\u003E\r\n    \u003C\/div\u003E\r\n\r\n    \u003Col class=\u0022vsx-entry-steps\u0022\u003E\r\n      \u003Cli\u003E\r\n        \u003Cspan class=\u0022vsx-step-number\u0022\u003E01\u003C\/span\u003E\r\n        \u003Cdiv\u003E\r\n          \u003Cstrong\u003E\u0417\u0430\u0439\u0434\u0438\u0442\u0435 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u003C\/strong\u003E\r\n          \u003Cp\u003E\u041f\u
46830440\u0438 \u0432\u0445\u043e\u0434\u0435 \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u0432\u0430\u0448 \u0447\u0435\u0442\u044b\u0440\u0435\u0445\u0437\u043d\u0430\u0447\u043d\u044b\u0439 \u043a\u043e\u0434.\u003C\/p\u003E\r\n        \u003C\/div\u003E\r\n      \u003C\/li\u003E\r\n      \u003Cli\u003E\r\n        \u003Cspan class=\u0022vsx-step-number\u0022\u003E02\u003C\/span\u003E\r\n        \u003Cdiv\u003E\r\n          \u003Cstrong\u003E\u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 Discord\u003C\/strong\u003E\r\n          \u003Cp\u003E\u041e\u0442\u043f\u0440\u0430\u0432\u044c\u0442\u0435 \u043a\u043e\u0434 \u0432 \u043a\u0430\u043d\u0430\u043b \u003Cb\u003E#\u043e\u0442\u043f\u0440\u0430\u0432\u044c-\u043a\u043e\u0434-\u0441\u044e\u0434\u0430\u003C\/b\u003E.\u003C\/p\u003E\r\n        \u003C\/div\u003E\r\n      \u003C\/li\u003E\r\n      \u003Cli\u003E\r\n        \u003Cspan class=\u0022vsx-step-number\u0022\u003E03\u003C\/span\u003E\r\n        \u003Cdiv\u003E\r\n          \u003Cstrong\u003E\u041d\u0430\u0447\u043d\u0438\u0442\u0435 \u0438\u0441\u0442\u043e\u0440\u0438\u044e\u003C\/strong\u003E\r\n          \u003Cp\u003E\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043f\u0443\u0442\u044c \u0438 \u0441\u0442\u0430\u043d\u044c\u0442\u0435 \u0447\u0430\u0441\u0442\u044c\u044e \u0436\u0438\u0432\u043e\u0433\u043e \u043c\u0438\u0440\u0430.\u003C\/p\u003E\r\n        \u003C\/div\u003E\r\n      \u003C\/li\u003E\r\n    \u003C\/ol\u003E\r\n  \u003C\/section\u003E\r\n\u003C\/div\u003E\r\n\u003Ca href=\u0022https:\/\/mcrating.org\u0022 style=\u0022position:absolute; left:0; top:0; width:1px; height:1px; opacity:0.01; overflow:hidden; z-index:-999; font-size:1px; color:transparent;\u0022\u003Emcrating\u003C\/a\u003E","cssCode":".vsx {\r\n  --vsx-line: rgba(251, 247, 255, 0.11);\r\n  --vsx-line-bright: rgba(251, 247, 255, 0.2);\r\n  color: var(--color2);\r\n  container-name: vsx;\r\n  container-type: inline-size;\r\n  display: grid;\r\n  font-family: \u0022Nunito\u0022, sans-serif;\r\n  gap: clamp(18px, 3vw, 27px);\r\n  margin-top: 2rem;\r\n  max-width: 100%;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  width: 100%;\r\n}\r\n\r\n.vsx *,\r\n.vsx *::before,\r\n.vsx *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.vsx a {\r\n  text-decoration: none;\r\n}\r\n\r\n.vsx section,\r\n.vsx article,\r\n.vsx aside,\r\n.vsx div {\r\n  min-width: 0;\r\n}\r\n\r\n.vsx h2,\r\n.vsx h3,\r\n.vsx strong,\r\n.vsx-action {\r\n  font-family: \u0022Lexend\u0022, sans-serif;\r\n}\r\n\r\n.vsx h2,\r\n.vsx h3,\r\n.vsx strong {\r\n  color: var(--color2);\r\n}\r\n\r\n.vsx-actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n}\r\n\r\n.vsx-action {\r\n  align-items: center;\r\n  border: 1px solid transparent;\r\n  border-radius: 14px;\r\n  display: inline-flex;\r\n  font-size: 0.9rem;\r\n  font-weight: 700;\r\n  gap: 12px;\r\n  justify-content: center;\r\n  min-height: 55px;\r\n  max-width: 100%;\r\n  padding: 14px 23px;\r\n  text-align: center;\r\n  transition: background 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n.vsx-action svg {\r\n  fill: none;\r\n  height: 18px;\r\n  stroke: currentColor;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n  stroke-width: 2;\r\n  transition: transform 0.22s ease;\r\n  width: 18px;\r\n}\r\n\r\n.vsx-action:hover {\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.vsx-action:hover svg {\r\n  transform: translateX(4px);\r\n}\r\n\r\n.vsx-action:focus-visible {\r\n  outline: 2px solid var(--color5);\r\n  outline-offset: 4px;\r\n}\r\n\r\n.vsx-action-main {\r\n  background: linear-gradient(105deg, var(--color5), var(--color6));\r\n  box-shadow: 0 14px 31px rgba(255, 112, 187, 0.18);\r\n  color: var(--color2);\r\n}\r\n\r\n.vsx-action-main:hover {\r\n  box-shadow: 0 18px 37px rgba(255, 112, 187, 0.28);\r\n  color: var(--color2);\r\n}\r\n\r\n.vsx-action-ghost {\r\n  background: rgba(251, 247, 255, 0.045);\r\n  border-color: var(--vsx-line-bright);\r\n  color: var(--color2);\r\n}\r\n\r\n.vsx-action-ghost:hover {\r\n  background: rgba(251, 247, 255, 0.09);\r\n  color: var(--color2);\r\n}\r\n\r\n.vsx-overline {\r\n  color: var(--color5);\r\n  font-size: 0.7rem;\r\n  font-weight: 800;\r\n  letter-spacing: 0.23em;\r\n  margin: 0 0 13px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.vsx-bridge {\r\n  align-items: center;\r\n  background:\r\n    radial-gradient(circle at 87% 16%, rgba(255, 112, 187, 0.15), transparent 32%),\r\n    linear-gradient(156deg, var(--color3), var(--color4));\r\n  border: 1px solid var(--vsx-line);\r\n  border-radius: 21px;\r\n  display: grid;\r\n  gap: clamp(22px, 3.2vw, 36px);\r\n  grid-template-columns: minmax(0, 1fr) minmax(350px, 0.68fr);\r\n  isolation: isolate;\r\n  overflow: hidden;\r\n  padding: clamp(25px, 4vw, 39px);\r\n  position: relative;\r\n}\r\n\r\n.vsx-bridge::after {\r\n  background: linear-gradient(112deg, transparent, rgba(255, 255, 255, 0.06), transparent);\r\n  content: \u0022\u0022;\r\n  height: 190%;\r\n  pointer-events: none;\r\n  position: absolute;\r\n  right: -29%;\r\n  top: -50%;\r\n  transform: rotate(12deg);\r\n  width: 49%;\r\n  z-index: -1;\r\n}\r\n\r\n.vsx-bridge-glow {\r\n  background: var(--color5);\r\n  border-radius: 999px;\r\n  bottom: -125px;\r\n  filter: blur(78px);\r\n  height: 235px;\r\n  left: -72px;\r\n  opacity: 0.18;\r\n  pointer-events: none;\r\n  position: absolute;\r\n  width: 235px;\r\n  z-index: -1;\r\n}\r\n\r\n.vsx-bridge h2 {\r\n  font-size: clamp(1.6rem, 2.5vw, 2.16rem);\r\n  letter-spacing: -0.052em;\r\n  line-height: 1.22;\r\n  margin: 0 0 14px;\r\n  max-width: 680px;\r\n}\r\n\r\n.vsx-bridge h2 span {\r\n  background: linear-gradient(94deg, var(--color5), var(--color6));\r\n  background-clip: text;\r\n  color: transparent;\r\n  -webkit-background-clip: text;\r\n}\r\n\r\n.vsx-bridge-text {\r\n  color: var(--text-muted);\r\n  font-size: 0.96rem;\r\n  line-height: 1.67;\r\n  margin: 0;\r\n  max-width: 670px;\r\n}\r\n\r\n.vsx-bridge-side {\r\n  background: rgba(251, 247, 255, 0.035);\r\n  border: 1px solid var(--vsx-line);\r\n  border-radius: 15px;\r\n  padding: clamp(15px, 2.2vw, 19px);\r\n}\r\n\r\n.vsx-facts {\r\n  display: grid;\r\n  gap: 7px;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.vsx-facts article {\r\n  background: rgba(251, 247, 255, 0.045);\r\n  border-radius: 10px;\r\n  min-height: 76px;\r\n  padding: 11px 8px;\r\n  text-align: center;\r\n}\r\n\r\n.vsx-facts strong {\r\n  display: block;\r\n  font-size: 1.15rem;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.vsx-facts span {\r\n  color: var(--text-muted);\r\n  display: block;\r\n  font-size: 0.7rem;\r\n  font-weight: 700;\r\n  line-height: 1.26;\r\n}\r\n\r\n.vsx-bridge-side .vsx-action {\r\n  flex: 1;\r\n  min-height: 50px;\r\n  padding: 12px 14px;\r\n}\r\n\r\n.vsx-paths {\r\n  background: linear-gradient(157deg, var(--color3), var(--color4));\r\n  border: 1px solid var(--vsx-line);\r\n  border-radius: 21px;\r\n  display: grid;\r\n  gap: clamp(20px, 3vw, 27px);\r\n  padding: clamp(24px, 4vw, 38px);\r\n}\r\n\r\n.vsx-paths-head {\r\n  margin: 0 auto;\r\n  max-width: 690px;\r\n  text-align: center;\r\n}
4683\r\n\r\n.vsx-paths-head h2,\r\n.vsx-trust-intro h2 {\r\n  font-size: clamp(1.55rem, 2.5vw, 2.15rem);\r\n  letter-spacing: -0.05em;\r\n  line-height: 1.2;\r\n  margin: 0 0 14px;\r\n}\r\n\r\n.vsx-paths-head \u003E p:last-child,\r\n.vsx-trust-intro \u003E p:last-child {\r\n  color: var(--text-muted);\r\n  font-size: 0.96rem;\r\n  line-height: 1.68;\r\n  margin: 0;\r\n}\r\n\r\n.vsx-world-grid {\r\n  display: grid;\r\n  gap: 11px;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n}\r\n\r\n.vsx-world-card {\r\n  background: rgba(251, 247, 255, 0.027);\r\n  border: 1px solid var(--vsx-line);\r\n  border-radius: 15px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-height: 247px;\r\n  padding: clamp(19px, 2.5vw, 25px);\r\n  position: relative;\r\n}\r\n\r\n.vsx-world-card-featured {\r\n  background:\r\n    radial-gradient(circle at 8% 6%, rgba(255, 112, 187, 0.14), transparent 46%),\r\n    rgba(251, 247, 255, 0.035);\r\n  border-color: rgba(255, 112, 187, 0.24);\r\n}\r\n\r\n.vsx-world-card-head {\r\n  align-items: center;\r\n  display: flex;\r\n  margin-bottom: 20px;\r\n  min-height: 37px;\r\n  padding-right: 62px;\r\n}\r\n\r\n.vsx-world-number {\r\n  color: rgba(251, 247, 255, 0.09);\r\n  font-family: \u0022Lexend\u0022, sans-serif;\r\n  font-size: clamp(2.05rem, 4vw, 2.55rem);\r\n  font-weight: 800;\r\n  letter-spacing: -0.08em;\r\n  line-height: 1;\r\n  position: absolute;\r\n  right: clamp(17px, 2.3vw, 23px);\r\n  top: clamp(15px, 2.2vw, 20px);\r\n}\r\n\r\n.vsx-world-card-featured .vsx-world-number {\r\n  color: rgba(255, 112, 187, 0.2);\r\n}\r\n\r\n.vsx-world-label {\r\n  color: var(--color5);\r\n  font-size: 0.68rem;\r\n  font-weight: 800;\r\n  letter-spacing: 0.17em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.vsx-world-card h3 {\r\n  font-size: clamp(1.13rem, 1.9vw, 1.34rem);\r\n  letter-spacing: -0.04em;\r\n  line-height: 1.27;\r\n  margin: 0 0 11px;\r\n}\r\n\r\n.vsx-world-card \u003E p {\r\n  color: var(--text-muted);\r\n  font-size: 0.91rem;\r\n  line-height: 1.62;\r\n  margin: 0 0 19px;\r\n}\r\n\r\n.vsx-world-card ul {\r\n  border-top: 1px solid var(--vsx-line);\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 8px 17px;\r\n  list-style: none;\r\n  margin: auto 0 0;\r\n  padding: 16px 0 0;\r\n}\r\n\r\n.vsx-world-card li {\r\n  color: var(--text-muted);\r\n  font-size: 0.78rem;\r\n  font-weight: 700;\r\n  line-height: 1.42;\r\n  padding-left: 16px;\r\n  position: relative;\r\n}\r\n\r\n.vsx-world-card li::before {\r\n  background: var(--color5);\r\n  border-radius: 50%;\r\n  content: \u0022\u0022;\r\n  height: 6px;\r\n  left: 0;\r\n  position: absolute;\r\n  top: 5px;\r\n  width: 6px;\r\n}\r\n\r\n.vsx-trust {\r\n  align-items: center;\r\n  display: grid;\r\n  gap: clamp(23px, 4vw, 42px);\r\n  grid-template-columns: minmax(250px, 0.4fr) minmax(0, 0.6fr);\r\n}\r\n\r\n.vsx-proof {\r\n  display: grid;\r\n  gap: 11px;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n}\r\n\r\n.vsx-proof article {\r\n  background: linear-gradient(165deg, var(--color3), var(--color4));\r\n  border: 1px solid var(--vsx-line);\r\n  border-radius: 15px;\r\n  min-height: 180px;\r\n  padding: clamp(17px, 2.3vw, 22px);\r\n}\r\n\r\n.vsx-proof .vsx-proof-large {\r\n  background:\r\n    linear-gradient(105deg, rgba(255, 112, 187, 0.13), rgba(185, 140, 255, 0.09)),\r\n    linear-gradient(165deg, var(--color3), var(--color4));\r\n  grid-column: 1 \/ -1;\r\n  min-height: 0;\r\n}\r\n\r\n.vsx-proof article span {\r\n  color: var(--color5);\r\n  display: block;\r\n  font-size: 0.67rem;\r\n  font-weight: 800;\r\n  letter-spacing: 0.18em;\r\n  margin-bottom: 13px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.vsx-proof article strong {\r\n  display: block;\r\n  font-size: 0.95rem;\r\n  letter-spacing: -0.025em;\r\n  line-height: 1.4;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.vsx-proof-large strong {\r\n  font-size: clamp(1.06rem, 1.9vw, 1.27rem);\r\n}\r\n\r\n.vsx-proof article p {\r\n  color: var(--text-muted);\r\n  font-size: 0.8rem;\r\n  line-height: 1.5;\r\n  margin: 0;\r\n}\r\n\r\n.vsx-entry {\r\n  background:\r\n    linear-gradient(rgba(16, 12, 21, 0.3), rgba(16, 12, 21, 0.38)),\r\n    linear-gradient(118deg, var(--color5), var(--color6));\r\n  border-radius: 24px;\r\n  display: grid;\r\n  gap: clamp(23px, 4vw, 43px);\r\n  grid-template-columns: minmax(265px, 0.83fr) minmax(280px, 0.74fr);\r\n  isolation: isolate;\r\n  overflow: hidden;
4683\r\n  padding: clamp(27px, 5vw, 50px);\r\n  position: relative;\r\n}\r\n\r\n.vsx-entry-ray {\r\n  background: linear-gradient(115deg, transparent, rgba(255, 255, 255, 0.1), transparent);\r\n  bottom: -65%;\r\n  height: 195%;\r\n  pointer-events: none;\r\n  position: absolute;\r\n  right: -25%;\r\n  transform: rotate(10deg);\r\n  width: 65%;\r\n  z-index: -1;\r\n}\r\n\r\n.vsx-entry .vsx-overline {\r\n  color: rgba(255, 255, 255, 0.7);\r\n}\r\n\r\n.vsx-entry-copy {\r\n  align-self: center;\r\n}\r\n\r\n.vsx-entry-copy h2 {\r\n  font-size: clamp(1.75rem, 3vw, 2.42rem);\r\n  letter-spacing: -0.055em;\r\n  line-height: 1.16;\r\n  margin: 0 0 14px;\r\n}\r\n\r\n.vsx-entry-copy \u003E p:not(.vsx-overline) {\r\n  color: rgba(255, 255, 255, 0.84);\r\n  font-size: 0.98rem;\r\n  line-height: 1.67;\r\n  margin: 0 0 27px;\r\n}\r\n\r\n.vsx-action-light {\r\n  background: var(--color2);\r\n  box-shadow: 0 15px 30px rgba(16, 12, 21, 0.18);\r\n  color: var(--color1);\r\n}\r\n\r\n.vsx-action-light:hover {\r\n  box-shadow: 0 20px 37px rgba(16, 12, 21, 0.25);\r\n  color: var(--color1);\r\n}\r\n\r\n.vsx-action-dark {\r\n  background: rgba(16, 12, 21, 0.16);\r\n  border-color: rgba(255, 255, 255, 0.22);\r\n  color: var(--color2);\r\n}\r\n\r\n.vsx-action-dark:hover {\r\n  background: rgba(16, 12, 21, 0.25);\r\n  color: var(--color2);\r\n}\r\n\r\n.vsx-entry-steps {\r\n  align-self: center;\r\n  backdrop-filter: blur(8px);\r\n  background: rgba(16, 12, 21, 0.19);\r\n  border: 1px solid rgba(255, 255, 255, 0.18);\r\n  border-radius: 17px;\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 10px 21px;\r\n}\r\n\r\n.vsx-entry-steps li {\r\n  align-items: start;\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.14);\r\n  display: grid;\r\n  gap: 16px;\r\n  grid-template-columns: 36px 1fr;\r\n  padding: 16px 0;\r\n}\r\n\r\n.vsx-entry-steps li:last-child {\r\n  border-bottom: 0;\r\n}\r\n\r\n.vsx-step-number {\r\n  color: rgba(255, 255, 255, 0.6);\r\n  font-family: \u0022Lexend\u0022, sans-serif;\r\n  font-size: 0.72rem;\r\n  padding-top: 4px;\r\n}\r\n\r\n.vsx-entry-steps strong {\r\n  display: block;\r\n  font-size: 0.89rem;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.vsx-entry-steps p {\r\n  color: rgba(255, 255, 255, 0.79);\r\n  font-size: 0.82rem;\r\n  line-height: 1.46;\r\n  margin: 0;\r\n}\r\n\r\n.vsx-entry-steps b {\r\n  color: var(--color2);\r\n  font-weight: 800;\r\n}\r\n\r\n@container vsx (max-width: 1120px) {\r\n  .vsx-bridge,\r\n  .vsx-trust {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n\r\n  .vsx-trust-intro {\r\n    max-width: 680px;\r\n  }\r\n}\r\n\r\n@container vsx (max-width: 900px) {\r\n  .vsx-paths,\r\n  .vsx-entry {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n\r\n  .vsx-paths-head {\r\n    margin: 0 auto;\r\n    max-width: 620px;\r\n    text-align: center;\r\n  }\r\n\r\n  .vsx-entry-copy \u003E p:not(.vsx-overline) {\r\n    margin-bottom: 22px;\r\n  }\r\n}\r\n\r\n@container vsx (max-width: 700px) {\r\n  .vsx-world-grid,\r\n  .vsx-proof {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n\r\n  .vsx-world-card,\r\n  .vsx-proof article {\r\n    min-height: 0;\r\n  }\r\n}\r\n\r\n@container vsx (max-width: 575.98px) {\r\n  .vsx-bridge,\r\n  .vsx-paths,\r\n  .vsx-entry {\r\n    border-radius: 17px;\r\n    padding: 21px 16px;\r\n  }\r\n\r\n  .vsx-actions,\r\n  .vsx-action {\r\n    width: 100%;\r\n  }\r\n\r\n  .vsx-bridge h2 {\r\n    font-size: clamp(1.34rem, 7vw, 1.46rem);\r\n    letter-spacing: -0.045em;\r\n  }\r\n\r\n  .vsx-paths-head h2,\r\n  .vsx-trust-intro h2 {\r\n    font-size: clamp(1.34rem, 7vw, 1.46rem);\r\n    letter-spacing: -0.045em;\r\n  }\r\n\r\n  .vsx-entry-copy h2 {\r\n    font-size: clamp(1.48rem, 8vw, 1.7rem);\r\n    letter-spacing: -0.045em;\r\n  }\r\n\r\n  .vsx-bridge-text,\r\n  .vsx-paths-head \u003E p:last-child,\r\n  .vsx-trust-intro \u003E p:last-child,\r\n  .vsx-entry-copy \u003E p:not(.vsx-overline) {\r\n    font-size: 0.9rem;\r\n    line-height: 1.58;\r\n  }\r\n\r\n  .vsx-bridge-side {\r\n    padding: 12px;\r\n  }\r\n\r\n  .vsx-facts {\r\n    gap: 5px;\r\n  }\r\n\r\n  .vsx-facts article {\r\n    min-height: 72px;\r\n    padding: 10px 5px;\r\n  }\r\n\r\n  .vsx-world-card {\r\n    padding: 18px 15px;\r\n  }\r\n\r\n  .vsx-world-card-head {\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .vsx-entry-steps {\r\n    padding: 7px 14px;\r\n  }\r\n\r\n  .vsx-entry-steps li {\r\n    gap: 10px;\r\n    grid-template-columns: 29px minmax(0, 1fr);\r\n    padding: 14px 0;\r\n  }\r\n}\r\n\r\n@container vsx (max-width: 420px) {\r\n  .vsx-overline {\r\n    font-size: 0.64rem;\r\n    letter-spacing: 0.17em;\r\n  }\r\n\r\n  .vsx-facts {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }
4683\r\n\r\n  .vsx-facts article {\r\n    align-items: center;\r\n    display: flex;\r\n    gap: 12px;\r\n    justify-content: flex-start;\r\n    min-height: 0;\r\n    padding: 11px 14px;\r\n    text-align: left;\r\n  }\r\n\r\n  .vsx-facts strong {\r\n    flex: 0 0 48px;\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .vsx-facts span {\r\n    font-size: 0.75rem;\r\n  }\r\n\r\n  .vsx-proof article {\r\n    padding: 16px;\r\n  }\r\n}\r\n\r\n@container vsx (max-width: 350px) {\r\n  .vsx-bridge,\r\n  .vsx-paths,\r\n  .vsx-entry {\r\n    padding-left: 12px;\r\n    padding-right: 12px;\r\n  }\r\n\r\n  .vsx-action {\r\n    font-size: 0.84rem;\r\n    min-height: 51px;\r\n    padding-left: 11px;\r\n    padding-right: 11px;\r\n  }\r\n}\r\n\r\n@media (max-width: 575.98px) {\r\n  .vsx {\r\n    gap: 16px;\r\n    margin-top: 1rem;\r\n  }\r\n}\r\n\r\n\/* Apex fallback: covers mobile devices when the page viewport is not configured. *\/\r\n@media (max-device-width: 767px), (hover: none) and (pointer: coarse) {\r\n  .vsx {\r\n    gap: 16px;\r\n    margin-top: 1rem;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .vsx-bridge,\r\n  .vsx-trust,\r\n  .vsx-entry,\r\n  .vsx-world-grid,\r\n  .vsx-proof {\r\n    grid-template-columns: minmax(0, 1fr) !important;\r\n  }\r\n\r\n  .vsx-bridge,\r\n  .vsx-paths,\r\n  .vsx-entry {\r\n    border-radius: 17px;\r\n    padding: 21px 16px;\r\n  }\r\n\r\n  .vsx-actions,\r\n  .vsx-action {\r\n    width: 100%;\r\n  }\r\n\r\n  .vsx-bridge h2,\r\n  .vsx-paths-head h2,\r\n  .vsx-trust-intro h2 {\r\n    font-size: 1.4rem;\r\n    letter-spacing: -0.045em;\r\n  }\r\n\r\n  .vsx-entry-copy h2 {\r\n    font-size: 1.62rem;\r\n    letter-spacing: -0.045em;\r\n  }\r\n\r\n  .vsx-bridge-text,\r\n  .vsx-paths-head \u003E p:last-child,\r\n  .vsx-trust-intro \u003E p:last-child,\r\n  .vsx-entry-copy \u003E p:not(.vsx-overline) {\r\n    font-size: 0.9rem;\r\n    line-height: 1.58;\r\n  }\r\n\r\n  .vsx-bridge-side {\r\n    padding: 12px;\r\n  }\r\n\r\n  .vsx-facts {\r\n    gap: 6px;\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n\r\n  .vsx-facts article {\r\n    align-items: center;\r\n    display: flex;\r\n    gap: 12px;\r\n    justify-content: flex-start;\r\n    min-height: 0;\r\n    padding: 11px 14px;\r\n    text-align: left;\r\n  }\r\n\r\n  .vsx-facts strong {\r\n    flex: 0 0 48px;\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .vsx-facts span {\r\n    font-size: 0.75rem;\r\n  }\r\n\r\n  .vsx-world-card {\r\n    min-height: 0;\r\n    padding: 18px 15px;\r\n  }\r\n\r\n  .vsx-world-card-head {\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .vsx-proof article {\r\n    min-height: 0;\r\n    padding: 16px;\r\n  }\r\n\r\n  .vsx-entry-steps {\r\n    padding: 7px 14px;\r\n  }\r\n\r\n  .vsx-entry-steps li {\r\n    gap: 10px;\r\n    grid-template-columns: 29px minmax(0, 1fr);\r\n    padding: 14px 0;\r\n  }\r\n}\r\n\r\n@media (hover: none) {\r\n  .vsx-action:hover {\r\n    transform: none;\r\n  }\r\n\r\n  .vsx-action:hover svg {\r\n    transform: none;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .vsx-action,\r\n  .vsx-action svg {\r\n    transition: none;\r\n  }\r\n}","jsCode":null}},"home.dynamic.1781448893356-sexeubokp":{"custom-code-component":{"htmlCode":"\u003Csection class=\u0022vs-season-timer\u0022\u003E\r\n  \u003Cdiv class=\u0022vs-timer-info\u0022\u003E\r\n    \u003Cdiv class=\u0022vs-timer-kicker\u0022\u003E\u041d\u041e\u0412\u042b\u0419 \u0421\u0415\u0417\u041e\u041d\u003C\/div\u003E\r\n\r\n    \u003Ch2\u
4683003E\u0421\u0442\u0430\u0440\u0442 27 \u0438\u044e\u043d\u044f \u0432 16:00 \u041c\u0421\u041a\u003C\/h2\u003E\r\n\r\n    \u003Cp\u003E\r\n      \u0414\u043e \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u044f \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043d\u0435\u043c\u043d\u043e\u0433\u043e. \u0417\u0430\u0445\u043e\u0434\u0438\u0442\u0435 \u0432 \u043f\u0435\u0440\u0432\u044b\u0439 \u0432\u0435\u0447\u0435\u0440, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0447\u0430\u0442\u044c \u043d\u043e\u0432\u0443\u044e \u0438\u0441\u0442\u043e\u0440\u0438\u044e VanillaSquad \u0432\u043c\u0435\u0441\u0442\u0435 \u0441\u043e \u0432\u0441\u0435\u043c\u0438.\r\n    \u003C\/p\u003E\r\n  \u003C\/div\u003E\r\n\r\n  \u003Cdiv class=\u0022vs-timer-grid\u0022\u003E\r\n    \u003Cdiv class=\u0022vs-timer-card\u0022\u003E\r\n      \u003Cspan id=\u0022vs-days\u0022\u003E00\u003C\/span\u003E\r\n      \u003Csmall\u003E\u0434\u043d\u0435\u0439\u003C\/small\u003E\r\n    \u003C\/div\u003E\r\n\r\n    \u003Cdiv class=\u0022vs-timer-card\u0022\u003E\r\n      \u003Cspan id=\u0022vs-hours\u0022\u003E00\u003C\/span\u003E\r\n      \u003Csmall\u003E\u0447\u0430\u0441\u043e\u0432\u003C\/small\u003E\r\n    \u003C\/div\u003E\r\n\r\n    \u003Cdiv class=\u0022vs-timer-card\u0022\u003E\r\n      \u003Cspan id=\u0022vs-minutes\u0022\u003E00\u003C\/span\u003E\r\n      \u003Csmall\u003E\u043c\u0438\u043d\u0443\u0442\u003C\/small\u003E\r\n    \u003C\/div\u003E\r\n\r\n    \u003Cdiv class=\u0022vs-timer-card\u0022\u003E\r\n      \u003Cspan id=\u0022vs-seconds\u0022\u003E00\u003C\/span\u003E\r\n      \u003Csmall\u003E\u0441\u0435\u043a\u0443\u043d\u0434\u003C\/small\u003E\r\n    \u003C\/div\u003E\r\n  \u003C\/div\u003E\r\n\r\n  \u003Cdiv id=\u0022vs-timer-finish\u0022 class=\u0022vs-timer-finish\u0022\u003E\r\n    \u041d\u043e\u0432\u044b\u0439 \u0441\u0435\u0437\u043e\u043d VanillaSquad \u0443\u0436\u0435 \u043d\u0430\u0447\u0430\u043b\u0441\u044f!\r\n  \u003C\/div\u003E\r\n\u003C\/section\u003E","cssCode":".vs-season-timer {\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 26px;\r\n  margin: 18px 0;\r\n  padding: 22px 28px;\r\n  border-radius: 16px;\r\n  border: 1px solid rgba(255, 112, 187, 0.26);\r\n  background:\r\n    radial-gradient(circle at 12% 35%, rgba(255, 112, 187, 0.18), transparent 30%),\r\n    linear-gradient(135deg, rgba(34, 15, 29, 0.96), rgba(9, 6, 10, 0.98));\r\n  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.vs-season-timer::before {\r\n  content: \u0022\u0022;\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.035) 45%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n\r\n.vs-timer-info,\r\n.vs-timer-grid,\r\n.vs-timer-finish {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.vs-timer-info {\r\n  max-width: 560px;\r\n}\r\n\r\n.vs-timer-kicker {\r\n  margin-bottom: 8px;\r\n  color: #ff70bb;\r\n  font-size: 10px;\r\n  font-weight: 900;\r\n  letter-spacing: 0.22em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.vs-season-timer h2 {\r\n  margin: 0;\r\n  color: #ffffff;\r\n  font-size: clamp(24px, 2.5vw, 34px);\r\n  line-height: 1.1;\r\n  font-weight: 900;\r\n}\r\n\r\n.vs-season-timer p {\r\n  margin: 10px 0 0;\r\n  color: rgba(255, 255, 255, 0.76);\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.vs-timer-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 88px);\r\n  gap: 8px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.vs-timer-card {\r\n  padding: 13px 10px 11px;\r\n  border-radius: 13px;\r\n  border: 1px solid rgba(255, 255, 255, 0.085);\r\n  background: rgba(255, 255, 255, 0.045);\r\n  text-align: center;\r\n}\r\n\r\n.vs-timer-card span {\r\n  display: block;\r\n  color: #ff86c9;\r\n  font-size: 36px;\r\n  line-height: 0.95;\r\n  font-weight: 900;\r\n  letter-spacing: -0.04em;\r\n  text-shadow: 0 0 18px rgba(255, 112, 187, 0.28);\r\n}\r\n\r\n.vs-timer-card small {\r\n  display: block;\r\n  margin-top: 8px;\r\n  color: rgba(255, 255, 255, 0.68);\r\n  font-size: 9px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.vs-timer-finish {\r\n  display: none;\r\n  width: 100%;\r\n  padding: 12px 14px;\r\n  border-radius: 12px;\r\n  background: rgba(255, 112, 187, 0.13);\r\n  border: 1px solid rgba(255, 112, 187, 0.28);\r\n  color: #ffffff;\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n}\r\n\r\n.vs-season-timer.is-started {\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.vs-season-timer.is-started .vs-timer-finish {\r\n  display: block;\r\n}\r\n\r\n.vs-season-timer.is-started .vs-timer-grid {\r\n  opacity: 0.5;\r\n}\r\n\r\n@media (max-width: 1050px) {\r\n  .vs-season-timer {\r\n    al
4683ign-items: flex-start;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .vs-timer-grid {\r\n    width: 100%;\r\n    grid-template-columns: repeat(4, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 620px) {\r\n  .vs-season-timer {\r\n    padding: 20px 18px;\r\n  }\r\n\r\n  .vs-timer-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}","jsCode":"(function () {\r\n  const targetDate = new Date(\u00222026-06-27T16:00:00+03:00\u0022).getTime();\r\n\r\n  function startVanillaSquadTimer() {\r\n    const timerBlock = document.querySelector(\u0022.vs-season-timer\u0022);\r\n    const daysEl = document.getElementById(\u0022vs-days\u0022);\r\n    const hoursEl = document.getElementById(\u0022vs-hours\u0022);\r\n    const minutesEl = document.getElementById(\u0022vs-minutes\u0022);\r\n    const secondsEl = document.getElementById(\u0022vs-seconds\u0022);\r\n\r\n    if (!timerBlock || !daysEl || !hoursEl || !minutesEl || !secondsEl) {\r\n      return false;\r\n    }\r\n\r\n    function formatNumber(number) {\r\n      return String(number).padStart(2, \u00220\u0022);\r\n    }\r\n\r\n    function updateTimer() {\r\n      const now = Date.now();\r\n      const distance = targetDate - now;\r\n\r\n      if (distance \u003C= 0) {\r\n        daysEl.textContent = \u002200\u0022;\r\n        hoursEl.textContent = \u002200\u0022;\r\n        minutesEl.textContent = \u002200\u0022;\r\n        secondsEl.textContent = \u002200\u0022;\r\n        timerBlock.classList.add(\u0022is-started\u0022);\r\n        return;\r\n      }\r\n\r\n      const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\r\n      const hours = Math.floor((distance \/ (1000 * 60 * 60)) % 24);\r\n      const minutes = Math.floor((distance \/ (1000 * 60)) % 60);\r\n      const seconds = Math.floor((distance \/ 1000) % 60);\r\n\r\n      daysEl.textContent = formatNumber(days);\r\n      hoursEl.textContent = formatNumber(hours);\r\n      minutesEl.textContent = formatNumber(minutes);\r\n      secondsEl.textContent = formatNumber(seconds);\r\n    }\r\n\r\n    updateTimer();\r\n    setInterval(updateTimer, 1000);\r\n\r\n    return true;\r\n  }\r\n\r\n  let attempts = 0;\r\n\r\n  const waitTimer = setInterval(function () {\r\n    attempts++;\r\n\r\n    if (startVanillaSquadTimer() || attempts \u003E= 40) {\r\n      clearInterval(waitTimer);\r\n    }\r\n  }, 250);\r\n})();"}},"home.dynamic.1782482749434-814keuzxe":{"custom-code-component":{"htmlCode":"\u003Ca href=\u0022https:\/\/mcrating.org\u0022 style=\u0022position:absolute; left:0; top:0; width:1px; height:1px; opacity:0.01; overflow:hidden; z-index:-999; font-size:1px; color:transparent;\u0022\u003Emcrating\u003C\/a\u003E","cssCode":null,"jsCode":null}},"home.dynamic.1788034607889-sesp1vppx":{"custom-code-component":{"htmlCode":"\u003Cdiv class=\u0022vsx\u0022 lang=\u0022ru\u0022\u003E\r\n\r\n  \u003C!-- =========================================================\r\n       INTRO\r\n  ========================================================== --\u003E\r\n  \u003Csection class=\u0022vsx-hero\u0022\u003E\r\n\r\n    \u003Cdiv class=\u0022vsx-grid-bg\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/div\u003E\r\n    \u003Cdiv class=\u0022vsx-glow vsx-glow-left\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/div\u003E\r\n    \u003Cdiv class=\u0022vsx-glow vsx-glow-right\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/div\u003E\r\n\r\n    \u003Cdiv class=\u0022vsx-hero-copy\u0022\u003E\r\n\r\n      \u003Cdiv class=\u0022vsx-eyebrow\u0022\u003E\r\n        \u003Cspan\u003E\u003C\/span\u003E\r\n        \u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0435\u043d\u0438\u0435 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0432 \u0438\u0433\u0440\u0435\r\n      \u003C\/div\u003E\r\n\r\n      \u003Ch2\u
4683003E\r\n        \u0423 \u044d\u0442\u043e\u0433\u043e \u043c\u0438\u0440\u0430 \u043d\u0435\u0442 \u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u043e\u0439 \u0438\u0441\u0442\u043e\u0440\u0438\u0438.\r\n        \u003Cem\u003E\u0415\u0451 \u0441\u043e\u0437\u0434\u0430\u044e\u0442 \u0438\u0433\u0440\u043e\u043a\u0438.\u003C\/em\u003E\r\n      \u003C\/h2\u003E\r\n\r\n      \u003Cp\u003E\r\n        VanillaSquad \u2014 Minecraft-\u0441\u0435\u0440\u0432\u0435\u0440 \u043f\u0440\u043e \u0432\u044b\u0436\u0438\u0432\u0430\u043d\u0438\u0435,\r\n        \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u043e, \u0442\u043e\u0440\u0433\u043e\u0432\u043b\u044e \u0438 \u043b\u044e\u0434\u0435\u0439 \u0432\u043e\u043a\u0440\u0443\u0433 \u0432\u0430\u0441.\r\n        \u0417\u0434\u0435\u0441\u044c \u043d\u0435 \u043f\u0440\u043e\u0434\u0430\u044e\u0442 \u0441\u0438\u043b\u0443, \u043d\u0435 \u0442\u0435\u043b\u0435\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u044e\u0442 \u0447\u0435\u0440\u0435\u0437 \u0432\u0435\u0441\u044c \u043c\u0438\u0440\r\n        \u0438 \u043d\u0435 \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u044e\u0442 \u043f\u043e\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043f\u0440\u0438\u0432\u0430\u0442\u0430\u043c\u0438.\r\n      \u003C\/p\u003E\r\n\r\n      \u003Cdiv class=\u0022vsx-tags\u0022\u003E\r\n        \u003Cspan\u003E\u003Ci\u003E\u003C\/i\u003E \u0411\u0435\u0437 pay-to-win\u003C\/span\u003E\r\n        \u003Cspan\u003E\u003Ci\u003E\u003C\/i\u003E \u0411\u0435\u0437 \/tp\u003C\/span\u003E\r\n        \u003Cspan\u003E\u003Ci\u003E\u003C\/i\u003E \u0411\u0435\u0437 \u043f\u0440\u0438\u0432\u0430\u0442\u043e\u0432\u003C\/span\u003E\r\n        \u003Cspan\u003E\u003Ci\u003E\u003C\/i\u003E \u0416\u0438\u0432\u0430\u044f \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u043a\u0430\u003C\/span\u003E\r\n      \u003C\/div\u003E\r\n\r\n    \u003C\/div\u003E\r\n\r\n\r\n    \u003Caside class=\u0022vsx-welcome\u0022\u003E\r\n\r\n      \u003Cdiv class=\u0022vsx-welcome-head\u0022\u003E\r\n        \u003Cspan class=\u0022vsx-brand\u0022\u003EVANILLASQUAD\u003C\/span\u003E\r\n\r\n        \u003Cspan class=\u0022vsx-status\u0022\u003E\r\n          \u003Ci\u003E\u003C\/i\u003E\r\n          \u041c\u0438\u0440 \u043e\u0442\u043a\u0440\u044b\u0442\r\n        \u003C\/span\u003E\r\n      \u003C\/div\u003E\r\n\r\n\r\n      \u003Cdiv class=\u0022vsx-welcome-copy\u0022\u003E\r\n        \u003Cspan\u003E\u0415\u0441\u043b\u0438 \u0432\u044b \u0437\u0434\u0435\u0441\u044c \u0432\u043f\u0435\u0440\u0432\u044b\u0435\u003C\/span\u003E\r\n\r\n        \u003Cstrong\u003E\r\n          \u041f\u0440\u043e\u0441\u0442\u043e \u043d\u0430\u0447\u043d\u0438\u0442\u0435 \u0438\u0433\u0440\u0430\u0442\u044c.\r\n        \u003C\/strong\u003E\r\n\r\n        \u003Cp\u003E\r\n          \u041f\u043e\u0441\u0442\u0440\u043e\u0439\u0442\u0435 \u043f\u0435\u0440\u0432\u044b\u0439 \u0434\u043e\u043c, \u043f\u043e\u0437\u043d\u0430\u043a\u043e\u043c\u044c\u0442\u0435\u0441\u044c \u0441 \u0438\u0433\u0440\u043e\u043a\u0430\u043c\u0438,\r\n          \u043d\u0430\u0439\u0434\u0438\u0442\u0435 \u0433\u043e\u0440\u043e\u0434 \u0438\u043b\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0439\u0442\u0435\u0441\u044c \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u044c \u043c\u0438\u0440 \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e.\r\n          \u0417\u0434\u0435\u0441\u044c \u043d\u0435\u0442 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u044f.\r\n        \u003C\/p\u003E\r\n      \u003C\/div\u003E\r\n\r\n\r\n      \u003Cdiv class=\u0022vsx-stats\u0022\u003E\r\n\r\n        \u003Cdiv\u003E\r\n          \u003Cstrong\u003E2019\u003C\/strong\u003E\r\n          \u003Cspan\u003E\u043f\u0440\u043e\u0435\u043a\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442\u003C\/span\u003E\r\n        \u003C\/div\u003E\r\n\r\n        \u003Cdiv\u003E\r\n          \u003Cstrong\u003E3\u003C\/strong\u003E\r\n          \u003Cspan\u003E\u0438\u0433\u0440\u043e\u0432\u044b\u0445 \u043c\u0438\u0440\u0430\u003C\/span\u003E\r\n        \u003C\/div\u003E\r\n\r\n        \u003Cdiv\u003E\r\n          \u003Cstrong\u003E0\u003C\/strong\u003E\r\n          \u003Cspan\u003E\u043f\u043e\u043a\u0443\u043f\u0430\u0435\u043c\u043e\u0439 \u0441\u0438\u043b\u044b\u003C\/span\u003E\r\n        \u003C\/div\u003E\r\n\r\n      \u003C\/div\u003E\r\n\r\n\r\n      \u003Cdiv class=\u0022vsx-actions\u0022\u003E\r\n\r\n        \u003Ca\r\n          href=\u0022\/discord\u0022\r\n          class=\u0022vsx-btn vsx-btn-main\u0022\r\n        \u003E\r\n          \u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f\r\n          \u003Ci class=\u0022vsx-arrow\u0022\u003E\u003C\/i\u003E\r\n        \u003C\/a\u003E\r\n\r\n        \u003Ca\r\n          href=\u0022\/docs\/osnovnye\/kak-nachat-igrat\u0022\r\n          target=\u0022_blank\u0022\r\n          rel=\u0022noopener noreferrer\u0022\r\n          class=\u0022vsx-btn vsx-btn-ghost\u0022\r\n        \u003E\r\n          \u041a\u0430\u043a \u043d\u0430\u0447\u0430\u0442\u044c \u0438\u0433\u0440\u0430\u0442\u044c\r\n        \u003C\/a\u003E\r\n\r\n      \u003C\/div\u003E\r\n\r\n    \u003C\/aside\u003E\r\n\r\n  \u003C\/section\u003E\r\n\r\n\r\n\r\n  \u003C!-- =========================================================\r\n       WORLDS\r\n  ========================================================== --\u003E\r\n  \u003Csection class=\u0022vsx-worlds\u0022\u003E\r\n\r\n    \u003Cheader class=\u0022vsx-section-head\u0022\u003E\r\n\r\n      \u003Cdiv\u003E\r\n\r\n        \u003Cdiv class=\u0022vsx-eyebrow\u0022\u003E\r\n          \u003Cspan\u003E\u003C\/span\u003E\r\n          \u0413\u0434\u0435 \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442 \u0438\u0433\u0440\u0430\r\n        \u003C\/div\u003E\r\n\r\n        \u003Ch2\u
4683003E\r\n          \u041e\u0434\u0438\u043d \u0441\u0435\u0440\u0432\u0435\u0440.\r\n          \u003Cem\u003E\u0422\u0440\u0438 \u043c\u0438\u0440\u0430 \u0434\u043b\u044f \u0440\u0430\u0437\u043d\u044b\u0445 \u0437\u0430\u0434\u0430\u0447.\u003C\/em\u003E\r\n        \u003C\/h2\u003E\r\n\r\n      \u003C\/div\u003E\r\n\r\n\r\n      \u003Cp\u003E\r\n        \u041d\u0430 VanillaSquad \u0442\u0440\u0438 \u0438\u0433\u0440\u043e\u0432\u044b\u0445 \u043c\u0438\u0440\u0430: \u0434\u043b\u044f \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430,\r\n        \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0444\u0435\u0440\u043c \u0438 \u0430\u0440\u0442\u043e\u0432. \u041a\u0430\u0436\u0434\u044b\u0439 \u043c\u0438\u0440 \u0440\u0435\u0448\u0430\u0435\u0442 \u0441\u0432\u043e\u044e \u0437\u0430\u0434\u0430\u0447\u0443,\r\n        \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0443\u0436\u043d\u043e\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u043b\u0435\u0433\u043a\u043e \u043d\u0430\u0439\u0442\u0438 \u0441 \u043f\u0435\u0440\u0432\u044b\u0445 \u043c\u0438\u043d\u0443\u0442.\r\n      \u003C\/p\u003E\r\n\r\n    \u003C\/header\u003E\r\n\r\n\r\n\r\n    \u003Cdiv class=\u0022vsx-world-grid\u0022\u003E\r\n\r\n\r\n      \u003C!-- \u041c\u0418\u0420 \u041f\u041e\u0421\u0422\u0420\u041e\u0415\u041a --\u003E\r\n      \u003Carticle class=\u0022vsx-world-card vsx-world-featured\u0022\u003E\r\n\r\n        \u003Cdiv class=\u0022vsx-world-top\u0022\u003E\r\n          \u003Cspan class=\u0022vsx-world-number\u0022\u003E01\u003C\/span\u003E\r\n          \u003Cspan class=\u0022vsx-world-category\u0022\u003E\u041d\u0430\u0447\u043d\u0438\u0442\u0435 \u0437\u0434\u0435\u0441\u044c\u003C\/span\u003E\r\n        \u003C\/div\u003E\r\n\r\n        \u003Cdiv class=\u0022vsx-mc-icon\u0022 aria-hidden=\u0022true\u0022\u003E\r\n\r\n          \u003Cdiv class=\u0022vsx-bricks\u0022\u003E\r\n            \u003Ci\u003E\u003C\/i\u003E\r\n            \u003Ci\u003E\u003C\/i\u003E\r\n            \u003Ci\u003E\u003C\/i\u003E\r\n            \u003Ci\u003E\u003C\/i\u003E\r\n            \u003Ci\u003E\u003C\/i\u003E\r\n            \u003Ci\u003E\u003C\/i\u003E\r\n          \u003C\/div\u003E\r\n\r\n        \u003C\/div\u003E\r\n\r\n        \u003Ch3\u003E\u041c\u0438\u0440 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043a\u003C\/h3\u003E\r\n\r\n        \u003Cp\u003E\r\n          \u041c\u0438\u0440 \u0434\u043b\u044f \u0436\u0438\u0437\u043d\u0438 \u0438 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430: \u0437\u0434\u0435\u0441\u044c \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0441\u043f\u0430\u0432\u043d,\r\n          \u043f\u043e\u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0433\u043e\u0440\u043e\u0434\u0430, \u0434\u043e\u043c\u0430 \u0438 \u043a\u0440\u0443\u043f\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0438\u0433\u0440\u043e\u043a\u043e\u0432.\r\n        \u003C\/p\u003E\r\n\r\n        \u003Cdiv class=\u0022vsx-world-note\u0022\u003E\r\n          \u003Cstrong\u003E\u0421\u043f\u0430\u0432\u043d \u0438 \u0433\u043e\u0440\u043e\u0434\u0430\u003C\/strong\u003E\r\n\r\n          \u003Cspan\u003E\r\n            \u041e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u0436\u0438\u0437\u043d\u044c \u0441\u0435\u0437\u043e\u043d\u0430 \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442 \u0437\u0434\u0435\u0441\u044c \u2014 \u043e\u0442 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0434\u043e\u043c\u0430\r\n            \u0434\u043e \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u043d\u044b\u0445 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043a.\r\n          \u003C\/span\u003E\r\n        \u003C\/div\u003E\r\n\r\n        \u003Cfooter\u003E\r\n          \u003Cspan\u003E\u0421\u043f\u0430\u0432\u043d\u003C\/span\u003E\r\n          \u003Cspan\u003E\u0413\u043e\u0440\u043e\u0434\u0430\u003C\/span\u003E\r\n          \u003Cspan\u003E\u0421\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u043e\u003C\/span\u003E\r\n        \u003C\/footer\u003E\r\n\r\n      \u003C\/article\u003E\r\n\r\n\r\n      \u003C!-- \u041c\u0418\u0420 \u0424\u0415\u0420\u041c --\u003E\r\n      \u003Carticle class=\u0022vsx-world-card\u0022\u003E\r\n\r\n        \u003Cdiv class=\u0022vsx-world-top\u0022\u003E\r\n          \u003Cspan class=\u0022vsx-world-number\u0022\u003E02\u003C\/span\u003E\r\n          \u003Cspan class=\u0022vsx-world-category\u0022\u003E\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f\u003C\/span\u003E\r\n        \u003C\/div\u003E\r\n\r\n        \u003Cdiv class=\u0022vsx-mc-icon\u0022 aria-hidden=\u0022true\u0022\u003E\r\n          \u003Cdiv class=\u0022vsx-farm-icon\u0022\u003E\u003C\/div\u003E\r\n        \u003C\/div\u003E\r\n\r\n        \u003Ch3\u003E\u041c\u0438\u0440 \u0444\u0435\u0440\u043c\u003C\/h3\u003E\r\n\r\n        \u003Cp\u003E\r\n          \u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043c\u0438\u0440 \u0434\u043b\u044f \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0444\u0435\u0440\u043c, \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c\u043e\u0432\r\n          \u0438 \u043c\u0430\u0441\u0441\u043e\u0432\u043e\u0439 \u0434\u043e\u0431\u044b\u0447\u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u0431\u0435\u0437 \u043b\u0438\u0448\u043d\u0435\u0439 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438\r\n          \u043d\u0430 \u041c\u0438\u0440 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043a.\r\n        \u003C\/p\u003E\r\n\r\n        \u003Cdiv class=\u0022vsx-world-note\u0022\u003E\r\n          \u003Cstrong\u003E\u0414\u043b\u044f \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0438\u0433\u0440\u044b\u003C\/strong\u003E\r\n\r\n          \u003Cspan\u003E\r\n            \u0424\u0435\u0440\u043c\u044b \u0438 \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c\u044b \u0432\u044b\u043d\u0435\u0441\u0435\u043d\u044b \u0441\u044e\u0434\u0430, \u0447\u0442\u043e\u0431\u044b \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0438\u0433\u0440\u0430\r\n            \u043d\u0435 \u043c\u0435\u0448\u0430\u043b\u0430 \u0436\u0438\u043b\u044b\u043c \u0438 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u044f\u043c.\r\n          \u003C\/span\u003E\r\n        \u003C\/div\u003E\r\n\r\n        \u003Cfooter\u003E\r\n          \u003Cspan\u003E\u0424\u0435\u0440\u043c\u044b\u003C\/span\u003E\r\n          \u003Cspan\u003E\u0420\u0435\u0434\u0441\u0442\u043e\u0443\u043d\u003C\/span\u003E\r\n          \u003Cspan\u003E\u0420\u0435\u0441\u0443\u0440\u0441\u044b\u003C\/span\u003E\r\n        \u003C\/footer\u003E\r\n\r\n      \u003C\/article\u003E\r\n\r\n\r\n      \u003C!-- \u041c\u0418\u0420 \u0410\u0420\u0422\u041e\u0412 --\u003E\r\n      \u003Carticle class=\u0022vsx-world-card\u0022\u003E\r\n\r\n        \u003Cdiv class=\u0022vsx-world-top\u0022\u003E\r\n          \u003Cspan class=\u0022vsx-world-number\u0022\u003E03\u003C\/span\u003E\r\n          \u003Cspan class=\u0022vsx-world-category\u0022\u003E\u0422\u0432\u043e\u0440\u0447\u0435\u0441\u0442\u0432\u043e\u003C\/span\u003E\r\n        \u003C\/div\u003E\r\n\r\n        \u003Cdiv class=\u0022vsx-mc-icon\u0022 aria-hidden=\u0022true\u0022\u003E\r\n          \u003Cdiv class=\u0022vsx-art-icon\u0022\u003E\u003C\/div\u003E\r\n        \u003C\/div\u003E\r\n\r\n        \u003Ch3\u003E\u041c\u0438\u0440 \u0430\u0440\u0442\u043e\u0432\u003C\/h3\u003E\r\n\r\n        \u003Cp\u003E\r\n          \u041f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0434\u043b\u044f \u043f\u0438\u043a\u0441\u0435\u043b\u044c-\u0430\u0440\u0442\u043e\u0432,\r\n          \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0438\u0433\u0440\u043e\u043a\u043e\u0432.\r\n        \u003C\/p\u003E\r\n\r\n        \u003Cdiv class=\u0022vsx-world-note\u0022\u003E\r\n          \u003Cstrong\u003E\u0414\u043b\u044f \u0442\u0432\u043e\u0440\u0447\u0435\u0441\u0442\u0432\u0430\u003C\/strong\u003E\r\n\r\n          \u003Cspan\u003E\r\n            \u0421\u043e\u0437\u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0438 \u0430\u0440\u0442\u044b \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e,\r\n            \u043d\u0435 \u0437\u0430\u043d\u0438\u043c\u0430\u044f \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u044e \u041c\u0438\u0440\u0430 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043a.\r\n          \u003C\/span\u003E\r\n        \u003C\/div\u003E\r\n\r\n        \u003Cfooter\u003E\r\n          \u003Cspan\u003EPixel Art\u003C\/span\u003E\r\n          \u003Cspan\u003E\u0422\u0432\u043e\u0440\u0447\u0435\u0441\u0442\u0432\u043e\u003C\/span\u003E\r\n          \u003Cspan\u003E\u041f\u
46830440\u043e\u0435\u043a\u0442\u044b\u003C\/span\u003E\r\n        \u003C\/footer\u003E\r\n\r\n      \u003C\/article\u003E\r\n\r\n    \u003C\/div\u003E\r\n\r\n  \u003C\/section\u003E\r\n\r\n\r\n\r\n  \u003C!-- =========================================================\r\n       INTERACTIVE MAP\r\n  ========================================================== --\u003E\r\n  \u003Csection class=\u0022vsx-map\u0022\u003E\r\n\r\n    \u003Cdiv class=\u0022vsx-map-copy\u0022\u003E\r\n\r\n      \u003Cdiv class=\u0022vsx-eyebrow\u0022\u003E\r\n        \u003Cspan\u003E\u003C\/span\u003E\r\n        \u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430\r\n      \u003C\/div\u003E\r\n\r\n      \u003Ch2\u003E\r\n        \u0412\u0435\u0441\u044c \u043c\u0438\u0440 VanillaSquad\r\n        \u003Cem\u003E\u043f\u0435\u0440\u0435\u0434 \u0432\u0430\u043c\u0438.\u003C\/em\u003E\r\n      \u003C\/h2\u003E\r\n\r\n      \u003Cp\u003E\r\n        \u0417\u0430\u0433\u043b\u044f\u043d\u0438\u0442\u0435 \u0432 \u0433\u043e\u0440\u043e\u0434\u0430 \u0438\u0433\u0440\u043e\u043a\u043e\u0432, \u043d\u0430\u0439\u0434\u0438\u0442\u0435 \u043d\u0435\u043e\u0431\u044b\u0447\u043d\u044b\u0435 \u043f\u043e\u0441\u0442\u0440\u043e\u0439\u043a\u0438,\r\n        \u043f\u0440\u043e\u0441\u043b\u0435\u0434\u0438\u0442\u0435 \u0434\u043e\u0440\u043e\u0433\u0438 \u043c\u0435\u0436\u0434\u0443 \u043f\u043e\u0441\u0435\u043b\u0435\u043d\u0438\u044f\u043c\u0438 \u0438\u043b\u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435,\r\n        \u043d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043e\u0433\u0440\u043e\u043c\u043d\u044b\u043c \u0443\u0436\u0435 \u0441\u0442\u0430\u043b \u043c\u0438\u0440 \u044d\u0442\u043e\u0433\u043e \u0441\u0435\u0437\u043e\u043d\u0430.\r\n      \u003C\/p\u003E\r\n\r\n      \u003Cdiv class=\u0022vsx-map-meta\u0022\u003E\r\n\r\n        \u003Cdiv class=\u0022vsx-map-meta-item\u0022\u003E\r\n\r\n          \u003Cspan class=\u0022vsx-map-status-dot\u0022\u003E\u003C\/span\u003E\r\n\r\n          \u003Cspan\u003E\r\n            \u041a\u0430\u0440\u0442\u0430 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u0438\u0433\u0440\u043e\u0432\u044b\u043c \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u043c\r\n          \u003C\/span\u003E\r\n\r\n        \u003C\/div\u003E\r\n\r\n        \u003Cdiv class=\u0022vsx-map-meta-item\u0022\u003E\r\n\r\n          \u003Cspan class=\u0022vsx-map-pixel-icon\u0022 aria-hidden=\u0022true\u0022\u003E\r\n            \u003Ci\u003E\u003C\/i\u003E\r\n            \u003Ci\u003E\u003C\/i\u003E\r\n            \u003Ci\u003E\u003C\/i\u003E\r\n            \u003Ci\u003E\u003C\/i\u003E\r\n          \u003C\/span\u003E\r\n\r\n          \u003Cspan\u003E\r\n            \u0418\u0441\u0441\u043b\u0435\u0434\u0443\u0439\u0442\u0435 \u0433\u043e\u0440\u043e\u0434\u0430, \u0431\u0430\u0437\u044b \u0438 \u043f\u043e\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430\r\n          \u003C\/span\u003E\r\n\r\n        \u003C\/div\u003E\r\n\r\n      \u003C\/div\u003E\r\n\r\n\r\n      \u003Ca\r\n        href=\u0022https:\/\/vanillasquad.com\/map\u0022\r\n        target=\u0022_blank\u0022\r\n        rel=\u0022noopener noreferrer\u0022\r\n        class=\u0022vsx-btn vsx-btn-main vsx-map-btn\u0022\r\n      \u003E\r\n        \u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0443\u044e \u043a\u0430\u0440\u0442\u0443\r\n        \u003Ci class=\u0022vsx-arrow\u0022\u003E\u003C\/i\u003E\r\n      \u003C\/a\u003E\r\n\r\n    \u003C\/div\u003E\r\n\r\n\r\n    \u003Ca\r\n      href=\u0022https:\/\/vanillasquad.com\/map\u0022\r\n      target=\u0022_blank\u0022\r\n      rel=\u0022noopener noreferrer\u0022\r\n      class=\u0022vsx-map-preview\u0022\r\n      aria-label=\u0022\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0443\u044e \u043a\u0430\u0440\u0442\u0443 VanillaSquad\u0022\r\n    \u003E\r\n\r\n      \u003Cimg\r\n        src=\u0022\/storage\/img\/mteuu30szavqxoi.webp\u0022\r\n        alt=\u0022\u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430 \u043c\u0438\u0440\u0430 VanillaSquad\u0022\r\n        class=\u0022vsx-map-image\u0022\r\n      \u003E\r\n\r\n      \u003Cdiv class=\u0022vsx-map-overlay\u0022\u003E\u003C\/div\u003E\r\n\r\n\r\n      \u003Cdiv class=\u0022vsx-map-preview-top\u0022\u003E\r\n\r\n        \u003Cspan class=\u0022vsx-map-badge\u0022\u003E\r\n          \u041a\u0430\u0440\u0442\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0430\r\n        \u003C\/span\u003E\r\n\r\n        \u003Cspan class=\u0022vsx-map-live\u0022\u003E\r\n          \u003Ci\u003E\u003C\/i\u003E\r\n          LIVE\r\n        \u003C\/span\u003E\r\n\r\n      \u003C\/div\u003E\r\n\r\n\r\n      \u003Cdiv class=\u0022vsx-map-preview-bottom\u0022\u003E\r\n\r\n        \u003Cdiv class=\u0022vsx-map-preview-caption\u0022\u003E\r\n          \u003Cspan\u003E\u0418\u0441\u0441\u043b\u0435\u0434\u0443\u0439\u0442\u0435 VanillaSquad\u003C\/span\u003E\r\n\r\n          \u003Cstrong\u003E\r\n            \u0413\u043e\u0440\u043e\u0434\u0430 \u0438 \u043f\u043e\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0438\u0433\u0440\u043e\u043a\u043e\u0432\r\n          \u003C\/strong\u003E\r\n        \u003C\/div\u003E\r\n\r\n        \u003Cspan class=\u0022vsx-map-open\u0022\u003E\r\n          \u003Ci class=\u0022vsx-arrow\u0022\u003E\u003C\/i\u003E\r\n        \u003C\/span\u003E\r\n\r\n      \u003C\/div\u003E\r\n\r\n    \u003C\/a\u003E\r\n\r\n  \u003C\/section\u003E\r\n\r\n\r\n\r\n  \u003C!-- =========================================================\r\n       WHY VANILLASQUAD\r\n  ========================================================== --\u003E\r\n  \u003Csection class=\u0022vsx-experience\u0022\u003E\r\n\r\n    \u003Cheader class=\u0022vsx-section-head\u0022\u003E\r\n\r\n      \u003Cdiv\u003E\r\n\r\n        \u003Cdiv class=\u0022vsx-eyebrow\u0022\u003E\r\n          \u003Cspan\u003E\u003C\/span\u003E\r\n          \u041d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0435\u0449\u0451 \u043e\u0434\u0438\u043d \u0441\u0435\u0440\u0432\u0435\u0440\r\n        \u003C\/div\u003E\r\n\r\n        \u003Ch2\u
4683003E\r\n          \u0417\u0434\u0435\u0441\u044c \u0432\u0430\u0436\u043d\u043e \u043d\u0435 \u0442\u043e,\r\n          \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u044b \u043a\u0443\u043f\u0438\u043b\u0438.\r\n          \u003Cem\u003E\u0410 \u0442\u043e, \u0447\u0442\u043e \u0432\u044b \u0441\u0434\u0435\u043b\u0430\u043b\u0438.\u003C\/em\u003E\r\n        \u003C\/h2\u003E\r\n\r\n      \u003C\/div\u003E\r\n\r\n\r\n      \u003Cp\u003E\r\n        \u041c\u044b \u0441\u0442\u0430\u0440\u0430\u0435\u043c\u0441\u044f \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0442\u044c \u043e\u0449\u0443\u0449\u0435\u043d\u0438\u0435 Minecraft:\r\n        \u043f\u0443\u0442\u0435\u0448\u0435\u0441\u0442\u0432\u0438\u044f \u0438\u043c\u0435\u044e\u0442 \u0440\u0430\u0441\u0441\u0442\u043e\u044f\u043d\u0438\u0435, \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u0438\u043c\u0435\u044e\u0442 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c,\r\n        \u0430 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0439 \u0433\u043e\u0440\u043e\u0434 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0447\u0430\u0441\u0442\u044c\u044e \u043c\u0438\u0440\u0430.\r\n      \u003C\/p\u003E\r\n\r\n    \u003C\/header\u003E\r\n\r\n\r\n    \u003Cdiv class=\u0022vsx-feature-grid\u0022\u003E\r\n\r\n      \u003Carticle class=\u0022vsx-feature vsx-feature-large\u0022\u003E\r\n\r\n        \u003Cspan class=\u0022vsx-feature-label\u0022\u003E\r\n          VanillaSquad\r\n        \u003C\/span\u003E\r\n\r\n        \u003Cstrong\u003E\r\n          \u041c\u0438\u0440 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u0438\u0433\u0440\u043e\u043a\u0430\u043c.\r\n        \u003C\/strong\u003E\r\n\r\n        \u003Cp\u003E\r\n          \u0421\u0435\u0440\u0432\u0435\u0440 \u043d\u0435 \u043f\u044b\u0442\u0430\u0435\u0442\u0441\u044f \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c Minecraft \u0441\u043e\u0442\u043d\u044f\u043c\u0438\r\n          \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043c\u0435\u0445\u0430\u043d\u0438\u043a. \u0414\u043e\u0431\u044b\u0432\u0430\u0439\u0442\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b, \u0441\u0442\u0440\u043e\u0439\u0442\u0435,\r\n          \u043f\u0443\u0442\u0435\u0448\u0435\u0441\u0442\u0432\u0443\u0439\u0442\u0435, \u0442\u043e\u0440\u0433\u0443\u0439\u0442\u0435 \u0438 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e \u0438\u0441\u0442\u043e\u0440\u0438\u044e.\r\n        \u003C\/p\u003E\r\n\r\n        \u003Cdiv class=\u0022vsx-year\u0022 aria-hidden=\u0022true\u0022\u003E\r\n          2019\r\n        \u003C\/div\u003E\r\n\r\n      \u003C\/article\u003E\r\n\r\n\r\n      \u003Carticle class=\u0022vsx-feature\u0022\u003E\r\n\r\n        \u003Cdiv class=\u0022vsx-feature-icon\u0022\u003E\r\n          \u25c6\r\n        \u003C\/div\u003E\r\n\r\n        \u003Cspan class=\u0022vsx-feature-label\u0022\u003E\r\n          \u0427\u0435\u0441\u0442\u043d\u0430\u044f \u0438\u0433\u0440\u0430\r\n        \u003C\/span\u003E\r\n\r\n        \u003Cstrong\u003E\r\n          \u0414\u043e\u043d\u0430\u0442 \u043d\u0435 \u0434\u0435\u043b\u0430\u0435\u0442 \u0432\u0430\u0441 \u0441\u0438\u043b\u044c\u043d\u0435\u0435\r\n        \u003C\/strong\u003E\r\n\r\n        \u003Cp\u003E\r\n          \u041d\u0435\u0442 \u043f\u043e\u043a\u0443\u043f\u043a\u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432, \u0441\u0438\u043b\u044b \u0438\u043b\u0438 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432,\r\n          \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043b\u043e\u043c\u0430\u044e\u0442 \u043e\u0431\u044b\u0447\u043d\u043e\u0435 \u0432\u044b\u0436\u0438\u0432\u0430\u043d\u0438\u0435.\r\n        \u003C\/p\u003E\r\n\r\n      \u003C\/article\u003E\r\n\r\n\r\n      \u003Carticle class=\u0022vsx-feature\u0022\u003E\r\n\r\n        \u003Cdiv class=\u0022vsx-feature-icon\u0022\u003E\r\n          \u2302\r\n        \u003C\/div\u003E\r\n\r\n        \u003Cspan class=\u0022vsx-feature-label\u0022\u003E\r\n          \u0417\u0430\u0449\u0438\u0442\u0430 \u0438\u0433\u0440\u043e\u043a\u043e\u0432\r\n        \u003C\/span\u003E\r\n\r\n        \u003Cstrong\u003E\r\n          \u0412\u0430\u0448 \u0442\u0440\u0443\u0434 \u0438\u043c\u0435\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\r\n        \u003C\/strong\u003E\r\n\r\n        \u003Cp\u003E\r\n          \u0412\u043e\u0440\u043e\u0432\u0441\u0442\u0432\u043e, \u0433\u0440\u0438\u0444\u0435\u0440\u0441\u0442\u0432\u043e \u0438 \u0447\u0438\u0442\u044b \u0437\u0430\u043f\u0440\u0435\u0449\u0435\u043d\u044b,\r\n          \u0430 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u0441 \u043d\u0430\u0440\u0443\u0448\u0435\u043d\u0438\u044f\u043c\u0438.\r\n        \u003C\/p\u003E\r\n\r\n      \u003C\/article\u003E\r\n\r\n\r\n      \u003Carticle class=\u0022vsx-feature\u0022\u003E\r\n\r\n        \u003Cdiv class=\u0022vsx-feature-icon\u0022\u003E\r\n          \u2726\r\n        \u003C\/div\u003E\r\n\r\n        \u003Cspan class=\u0022vsx-feature-label\u0022\u003E\r\n          \u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e\r\n        \u003C\/span\u003E\r\n\r\n        \u003Cstrong\u003E\r\n          \u0418\u0433\u0440\u0430\u0439\u0442\u0435 \u0442\u0430\u043a, \u043a\u0430\u043a \u043d\u0440\u0430\u0432\u0438\u0442\u0441\u044f \u0432\u0430\u043c\r\n        \u003C\/strong\u003E\r\n\r\n        \u003Cp\u003E\r\n          \u041d\u0430\u0439\u0434\u0438\u0442\u0435 \u0433\u043e\u0440\u043e\u0434 \u0438\u043b\u0438 \u043a\u043b\u0430\u043d, \u043e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u043c\u0430\u0433\u0430\u0437\u0438\u043d,\r\n          \u0443\u0447\u0430\u0441\u0442\u0432\u0443\u0439\u0442\u0435 \u0432 \u0441\u043e\u0431\u044b\u0442\u0438\u044f\u0445 \u2014 \u0438\u043b\u0438 \u043f\u043e\u0441\u0435\u043b\u0438\u0442\u0435\u0441\u044c \u0434\u0430\u043b\u0435\u043a\u043e \u043e\u0442 \u0432\u0441\u0435\u0445.\r\n        \u003C\/p\u003E\r\n\r\n      \u003C\/article\u003E\r\n\r\n    \u003C\/div\u003E\r\n\r\n  \u003C\/section\u003E\r\n\r\n\r\n\r\n  \u003C!-- =========================================================\r\n       JOIN\r\n  ========================================================== --\u003E\r\n  \u003Csection class=\u0022vsx-join\u0022\u003E\r\n\r\n    \u003Cdiv class=\u0022vsx-join-grid\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/div\u003E\r\n    \u003Cdiv class=\u0022vsx-join-light\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/div\u003E\r\n\r\n\r\n    \u003Cdiv class=\u0022vsx-join-copy\u0022\u003E\r\n\r\n      \u003Cdiv class=\u0022vsx-eyebrow vsx-eyebrow-white\u0022\u003E\r\n        \u003Cspan\u003E\u003C\/span\u003E\r\n        \u041a\u0430\u043a \u043d\u0430\u0447\u0430\u0442\u044c \u0438\u0433\u0440\u0430\u0442\u044c\r\n      \u003C\/div\u003E\r\n\r\n      \u003Ch2\u
4683003E\r\n        \u0422\u0440\u0438 \u0448\u0430\u0433\u0430 \u2014\r\n        \u003Cem\u003E\u0438 \u0432\u044b \u0443\u0436\u0435 \u0432 \u043c\u0438\u0440\u0435.\u003C\/em\u003E\r\n      \u003C\/h2\u003E\r\n\r\n      \u003Cp\u003E\r\n        \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u043d\u0443\u0436\u043d\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u0441\u0432\u044f\u0437\u0438 Minecraft\r\n        \u0441 \u0432\u0430\u0448\u0438\u043c Discord-\u0430\u043a\u043a\u0430\u0443\u043d\u0442\u043e\u043c. \u041f\u043e\u0441\u043b\u0435 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0438\r\n        \u043c\u043e\u0436\u043d\u043e \u0441\u0440\u0430\u0437\u0443 \u043d\u0430\u0447\u0438\u043d\u0430\u0442\u044c \u0438\u0433\u0440\u0430\u0442\u044c.\r\n      \u003C\/p\u003E\r\n\r\n\r\n      \u003Cdiv class=\u0022vsx-actions\u0022\u003E\r\n\r\n        \u003Ca\r\n          href=\u0022\/discord\u0022\r\n          class=\u0022vsx-btn vsx-btn-white\u0022\r\n        \u003E\r\n          \u041e\u0442\u043a\u0440\u044b\u0442\u044c Discord\r\n          \u003Ci class=\u0022vsx-arrow\u0022\u003E\u003C\/i\u003E\r\n        \u003C\/a\u003E\r\n\r\n        \u003Ca\r\n          href=\u0022\/docs\/osnovnye\/kak-nachat-igrat\u0022\r\n          target=\u0022_blank\u0022\r\n          rel=\u0022noopener noreferrer\u0022\r\n          class=\u0022vsx-btn vsx-btn-dark\u0022\r\n        \u003E\r\n          \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0430\u044f \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f\r\n        \u003C\/a\u003E\r\n\r\n      \u003C\/div\u003E\r\n\r\n    \u003C\/div\u003E\r\n\r\n\r\n    \u003Col class=\u0022vsx-steps\u0022\u003E\r\n\r\n      \u003Cli\u003E\r\n\r\n        \u003Cspan class=\u0022vsx-step\u0022\u003E\r\n          01\r\n        \u003C\/span\u003E\r\n\r\n        \u003Cdiv\u003E\r\n\r\n          \u003Cstrong\u003E\r\n            \u0417\u0430\u0439\u0434\u0438\u0442\u0435 \u0432 Minecraft\r\n          \u003C\/strong\u003E\r\n\r\n          \u003Cp\u003E\r\n            \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u0441\u044c \u043a \u003Cb\u003Emc.vanillasquad.com\u003C\/b\u003E.\r\n            \u0421\u0435\u0440\u0432\u0435\u0440 \u043f\u043e\u043a\u0430\u0436\u0435\u0442 \u0447\u0435\u0442\u044b\u0440\u0451\u0445\u0437\u043d\u0430\u0447\u043d\u044b\u0439 \u043a\u043e\u0434.\r\n          \u003C\/p\u003E\r\n\r\n        \u003C\/div\u003E\r\n\r\n      \u003C\/li\u003E\r\n\r\n\r\n      \u003Cli\u003E\r\n\r\n        \u003Cspan class=\u0022vsx-step\u0022\u003E\r\n          02\r\n        \u003C\/span\u003E\r\n\r\n        \u003Cdiv\u003E\r\n\r\n          \u003Cstrong\u003E\r\n            \u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 Discord\r\n          \u003C\/strong\u003E\r\n\r\n          \u003Cp\u003E\r\n            \u041e\u0442\u043f\u0440\u0430\u0432\u044c\u0442\u0435 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u0439 \u043a\u043e\u0434\r\n            \u0432 \u043a\u0430\u043d\u0430\u043b \u003Cb\u003E#\u043e\u0442\u043f\u0440\u0430\u0432\u044c-\u043a\u043e\u0434-\u0441\u044e\u0434\u0430\u003C\/b\u003E.\r\n          \u003C\/p\u003E\r\n\r\n        \u003C\/div\u003E\r\n\r\n      \u003C\/li\u003E\r\n\r\n\r\n      \u003Cli\u003E\r\n\r\n        \u003Cspan class=\u0022vsx-step\u0022\u003E\r\n          03\r\n        \u003C\/span\u003E\r\n\r\n        \u003Cdiv\u003E\r\n\r\n          \u003Cstrong\u003E\r\n            \u0414\u043e\u0431\u0440\u043e \u043f\u043e\u0436\u0430\u043b\u043e\u0432\u0430\u0442\u044c\r\n          \u003C\/strong\u003E\r\n\r\n          \u003Cp\u003E\r\n            \u0412\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0439\u0442\u0435\u0441\u044c \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440,\r\n            \u0432\u044b\u0431\u0438\u0440\u0430\u0439\u0442\u0435 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0438 \u043d\u0430\u0447\u0438\u043d\u0430\u0439\u0442\u0435 \u0441\u0432\u043e\u044e \u0438\u0441\u0442\u043e\u0440\u0438\u044e.\r\n          \u003C\/p\u003E\r\n\r\n        \u003C\/div\u003E\r\n\r\n      \u003C\/li\u003E\r\n\r\n    \u003C\/ol\u003E\r\n\r\n  \u003C\/section\u003E\r\n\r\n\u003C\/div\u003E\r\n\r\n\r\n\u003Ca\r\n  href=\u0022https:\/\/mcrating.org\u0022\r\n  style=\u0022position:absolute;
4683left:0;top:0;width:1px;height:1px;opacity:.01;overflow:hidden;z-index:-999;font-size:1px;color:transparent;\u0022\r\n\u003E\r\n  mcrating\r\n\u003C\/a\u003E","cssCode":".vsx {\r\n  --vsx-bg-1: var(--color3, #191419);\r\n  --vsx-bg-2: var(--color4, #100d11);\r\n  --vsx-text: var(--color2, #f8f4f8);\r\n  --vsx-muted: var(--text-muted, rgba(248, 244, 248, 0.64));\r\n  --vsx-pink: var(--color5, #ff70bb);\r\n  --vsx-purple: var(--color6, #b98cff);\r\n  --vsx-line: rgba(255, 255, 255, 0.085);\r\n  --vsx-line-strong: rgba(255, 255, 255, 0.15);\r\n\r\n  color: var(--vsx-text);\r\n  container-name: vsx;\r\n  container-type: inline-size;\r\n  display: grid;\r\n  font-family: \u0022Nunito\u0022, sans-serif;\r\n  gap: clamp(18px, 3vw, 28px);\r\n  margin-top: 2rem;\r\n  max-width: 100%;\r\n  min-width: 0;\r\n  width: 100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.vsx *,\r\n.vsx *::before,\r\n.vsx *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.vsx section,\r\n.vsx article,\r\n.vsx aside,\r\n.vsx div,\r\n.vsx header,\r\n.vsx footer {\r\n  min-width: 0;\r\n}\r\n\r\n.vsx a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n.vsx h2,\r\n.vsx h3,\r\n.vsx strong,\r\n.vsx-btn {\r\n  font-family: \u0022Lexend\u0022, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TYPOGRAPHY\r\n========================================================= *\/\r\n\r\n.vsx-eyebrow {\r\n  align-items: center;\r\n  color: var(--vsx-pink);\r\n  display: flex;\r\n  font-size: 0.66rem;\r\n  font-weight: 900;\r\n  gap: 9px;\r\n  letter-spacing: 0.18em;\r\n  margin-bottom: 17px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.vsx-eyebrow \u003E span {\r\n  background: linear-gradient(\r\n    135deg,\r\n    var(--vsx-pink),\r\n    var(--vsx-purple)\r\n  );\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 12px rgba(255, 112, 187, 0.5);\r\n  flex: 0 0 6px;\r\n  height: 6px;\r\n  width: 6px;\r\n}\r\n\r\n.vsx h2 {\r\n  color: var(--vsx-text);\r\n  font-size: clamp(1.75rem, 3.2vw, 2.55rem);\r\n  letter-spacing: -0.055em;\r\n  line-height: 1.13;\r\n  margin: 0;\r\n}\r\n\r\n.vsx h2 em {\r\n  background: linear-gradient(\r\n    100deg,\r\n    var(--vsx-pink),\r\n    var(--vsx-purple)\r\n  );\r\n  background-clip: text;\r\n  -webkit-background-clip: text;\r\n  color: transparent;\r\n  display: block;\r\n  font-style: normal;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n.vsx-actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n}\r\n\r\n.vsx-btn {\r\n  align-items: center;\r\n  border: 1px solid transparent;\r\n  border-radius: 13px;\r\n  display: inline-flex;\r\n  font-size: 0.84rem;\r\n  font-weight: 800;\r\n  gap: 11px;\r\n  justify-content: center;\r\n  min-height: 52px;\r\n  padding: 13px 20px;\r\n  transition:\r\n    transform 0.2s ease,\r\n    background 0.2s ease,\r\n    border-color 0.2s ease,\r\n    box-shadow 0.2s ease;\r\n}\r\n\r\n.vsx-btn:hover {\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.vsx-btn:focus-visible {\r\n  outline: 2px solid var(--vsx-pink);\r\n  outline-offset: 4px;\r\n}\r\n\r\n.vsx-arrow {\r\n  border-right: 2px solid currentColor;\r\n  border-top: 2px solid currentColor;\r\n  display: inline-block;\r\n  flex: 0 0 auto;\r\n  height: 7px;\r\n  transform: rotate(45deg);\r\n  transition: transform 0.2s ease;\r\n  width: 7px;\r\n}\r\n\r\n.vsx-btn:hover .vsx-arrow {\r\n  transform: translateX(3px) rotate(45deg);\r\n}\r\n\r\n.vsx-btn-main {\r\n  background: linear-gradient(\r\n    110deg,\r\n    var(--vsx-pink),\r\n    var(--vsx-purple)\r\n  );\r\n  box-shadow: 0 14px 32px rgba(255, 112, 187, 0.17);\r\n  color: white;\r\n}\r\n\r\n.vsx-btn-main:hover {\r\n  box-shadow: 0 18px 40px rgba(255, 112, 187, 0.25);\r\n}\r\n\r\n.vsx-btn-ghost {\r\n  background: rgba(255, 255, 255, 0.035);\r\n  border-color: var(--vsx-line-strong);\r\n}\r\n\r\n.vsx-btn-ghost:hover {\r\n  background: rgba(255, 255, 255, 0.065);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.vsx-hero {\r\n  align-items: stretch;\r\n  background:\r\n    radial-gradient(\r\n      circle at 92% 8%,\r\n      rgba(255, 112, 187, 0.13),\r\n      transparent 34%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      var(--vsx-bg-1),\r\n      var(--vsx-bg-2)\r\n    );\r\n  border: 1px solid var(--vsx-line);\r\n  border-radius: 24px;\r\n  display: grid;\r\n  gap: clamp(28px, 5vw, 60px);\r\n  grid-template-columns:\r\n    minmax(0, 1.08fr)\r\n    minmax(340px, 0.7fr);\r\n  isolation: isolate;\r\n  overflow: hidden;\r\n  padding: clamp(29px, 4.5vw, 49px);\r\n  position: relative;\r\n}\r\n\r\n.vsx-grid-bg {\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(255, 255, 255, 0.021) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255, 255, 255, 0.021) 1px,\r\n      transparent 1px\r\n    );\r\n  background-size: 45px 45px;\r\n  inset: 0;\r\n  opacity: 0.45;\r\n  pointer-events: none;\r\n  position: absolute;\r\n  z-index: -3;\r\n}\r\n\r\n.vsx-glow {\r\n  border-radius: 50%;\r\n  filter: blur(90px);\r\n  pointer-events: none;\r\n  position: absolute;\r\n  z-index: -2;\r\n}\r\n\r\n.vsx-glow-left {\r\n  background: var(--vsx-pink);\r\n  height: 260px;\r\n  left: -140px;\r\n  opacity: 0.11;\r\n  top: -130px;\r\n  width: 260px;\r\n}\r\n\r\n.vsx-glow-right {\r\n  background: var(--vsx-purple);
4683\r\n  bottom: -180px;\r\n  height: 330px;\r\n  opacity: 0.08;\r\n  right: 25%;\r\n  width: 330px;\r\n}\r\n\r\n.vsx-hero-copy {\r\n  align-self: center;\r\n}\r\n\r\n.vsx-hero h2 {\r\n  font-size: clamp(1.95rem, 3.6vw, 2.95rem);\r\n  max-width: 760px;\r\n}\r\n\r\n.vsx-hero-copy \u003E p {\r\n  color: var(--vsx-muted);\r\n  font-size: 0.96rem;\r\n  line-height: 1.72;\r\n  margin: 21px 0 0;\r\n  max-width: 680px;\r\n}\r\n\r\n.vsx-tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 7px;\r\n  margin-top: 25px;\r\n}\r\n\r\n.vsx-tags span {\r\n  align-items: center;\r\n  background: rgba(255, 255, 255, 0.034);\r\n  border: 1px solid rgba(255, 255, 255, 0.065);\r\n  border-radius: 999px;\r\n  color: var(--vsx-muted);\r\n  display: inline-flex;\r\n  font-size: 0.71rem;\r\n  font-weight: 750;\r\n  gap: 7px;\r\n  padding: 7px 11px;\r\n}\r\n\r\n.vsx-tags i {\r\n  background: var(--vsx-pink);\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 8px rgba(255, 112, 187, 0.55);\r\n  height: 4px;\r\n  width: 4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WELCOME\r\n========================================================= *\/\r\n\r\n.vsx-welcome {\r\n  backdrop-filter: blur(10px);\r\n  background: linear-gradient(\r\n    145deg,\r\n    rgba(255, 255, 255, 0.052),\r\n    rgba(255, 255, 255, 0.018)\r\n  );\r\n  border: 1px solid rgba(255, 255, 255, 0.11);\r\n  border-radius: 18px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: clamp(20px, 2.7vw, 27px);\r\n  position: relative;\r\n}\r\n\r\n.vsx-welcome::before {\r\n  background: linear-gradient(\r\n    90deg,\r\n    var(--vsx-pink),\r\n    var(--vsx-purple),\r\n    transparent\r\n  );\r\n  border-radius: 999px;\r\n  content: \u0022\u0022;\r\n  height: 2px;\r\n  left: 25px;\r\n  position: absolute;\r\n  right: 48%;\r\n  top: 0;\r\n}\r\n\r\n.vsx-welcome-head {\r\n  align-items: center;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.vsx-brand {\r\n  color: rgba(255, 255, 255, 0.4);\r\n  font-family: \u0022Lexend\u0022, sans-serif;\r\n  font-size: 0.6rem;\r\n  font-weight: 800;\r\n  letter-spacing: 0.2em;\r\n}\r\n\r\n.vsx-status {\r\n  align-items: center;\r\n  color: var(--vsx-muted);\r\n  display: flex;\r\n  font-size: 0.67rem;\r\n  font-weight: 750;\r\n  gap: 7px;\r\n}\r\n\r\n.vsx-status i {\r\n  background: #74e49a;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 9px rgba(116, 228, 154, 0.5);\r\n  height: 6px;\r\n  width: 6px;\r\n}\r\n\r\n.vsx-welcome-copy {\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.vsx-welcome-copy \u003E span {\r\n  color: var(--vsx-muted);\r\n  display: block;\r\n  font-size: 0.76rem;\r\n  font-weight: 750;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.vsx-welcome-copy strong {\r\n  display: block;\r\n  font-size: clamp(1.12rem, 1.8vw, 1.42rem);\r\n  letter-spacing: -0.035em;\r\n  line-height: 1.3;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.vsx-welcome-copy p {\r\n  color: var(--vsx-muted);\r\n  font-size: 0.78rem;\r\n  line-height: 1.55;\r\n  margin: 0;\r\n}\r\n\r\n.vsx-stats {\r\n  border-bottom: 1px solid var(--vsx-line);\r\n  border-top: 1px solid var(--vsx-line);\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  margin-bottom: 20px;\r\n  padding: 16px 0;\r\n}\r\n\r\n.vsx-stats \u003E div {\r\n  border-right: 1px solid var(--vsx-line);\r\n  padding: 0 9px;\r\n  text-align: center;\r\n}\r\n\r\n.vsx-stats \u003E div:first-child {\r\n  padding-left: 0;\r\n}\r\n\r\n.vsx-stats \u003E div:last-child {\r\n  border-right: 0;\r\n  padding-right: 0;\r\n}\r\n\r\n.vsx-stats strong {\r\n  display: block;\r\n  font-size: 0.96rem;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.vsx-stats span {\r\n  color: var(--vsx-muted);\r\n  display: block;\r\n  font-size: 0.59rem;\r\n  font-weight: 700;\r\n  line-height: 1.3;\r\n}\r\n\r\n.vsx-welcome .vsx-actions {\r\n  margin-top: auto;\r\n}\r\n\r\n.vsx-welcome .vsx-btn {\r\n  flex: 1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION HEAD\r\n========================================================= *\/\r\n\r\n.vsx-section-head {\r\n  align-items: end;\r\n  display: grid;\r\n  gap: clamp(25px, 5vw, 70px);\r\n  grid-template-columns:\r\n    minmax(0, 1fr)\r\n    minmax(300px, 0.72fr);
4683\r\n  margin-bottom: clamp(27px, 4vw, 40px);\r\n}\r\n\r\n.vsx-section-head \u003E p {\r\n  color: var(--vsx-muted);\r\n  font-size: 0.91rem;\r\n  line-height: 1.68;\r\n  margin: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WORLDS\r\n========================================================= *\/\r\n\r\n.vsx-worlds {\r\n  background: linear-gradient(\r\n    150deg,\r\n    var(--vsx-bg-1),\r\n    var(--vsx-bg-2)\r\n  );\r\n  border: 1px solid var(--vsx-line);\r\n  border-radius: 24px;\r\n  padding: clamp(28px, 4.5vw, 46px);\r\n}\r\n\r\n.vsx-world-grid {\r\n  display: grid;\r\n  gap: 12px;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n}\r\n\r\n.vsx-world-card {\r\n  background: linear-gradient(\r\n    145deg,\r\n    rgba(255, 255, 255, 0.035),\r\n    rgba(255, 255, 255, 0.012)\r\n  );\r\n  border: 1px solid var(--vsx-line);\r\n  border-radius: 18px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-height: 345px;\r\n  overflow: hidden;\r\n  padding: clamp(21px, 2.8vw, 28px);\r\n  position: relative;\r\n  transition:\r\n    transform 0.22s ease,\r\n    border-color 0.22s ease,\r\n    background 0.22s ease;\r\n}\r\n\r\n.vsx-world-card:hover {\r\n  background: linear-gradient(\r\n    145deg,\r\n    rgba(255, 255, 255, 0.05),\r\n    rgba(255, 255, 255, 0.017)\r\n  );\r\n  border-color: rgba(255, 255, 255, 0.14);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.vsx-world-featured {\r\n  background:\r\n    radial-gradient(\r\n      circle at 90% 10%,\r\n      rgba(255, 112, 187, 0.14),\r\n      transparent 35%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(255, 255, 255, 0.045),\r\n      rgba(255, 255, 255, 0.012)\r\n    );\r\n  border-color: rgba(255, 112, 187, 0.22);\r\n}\r\n\r\n.vsx-world-top {\r\n  align-items: center;\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n\r\n.vsx-world-number {\r\n  color: rgba(255, 255, 255, 0.15);\r\n  font-family: \u0022Lexend\u0022, sans-serif;\r\n  font-size: 0.7rem;\r\n  font-weight: 800;\r\n}\r\n\r\n.vsx-world-category {\r\n  color: var(--vsx-pink);\r\n  font-size: 0.61rem;\r\n  font-weight: 900;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WORLD ICON CONTAINER\r\n========================================================= *\/\r\n\r\n.vsx-mc-icon {\r\n  align-items: center;\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 40%,\r\n      rgba(255, 112, 187, 0.12),\r\n      transparent 70%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(255, 255, 255, 0.045),\r\n      rgba(255, 255, 255, 0.015)\r\n    );\r\n  border: 1px solid rgba(255, 112, 187, 0.2);\r\n  border-radius: 13px;\r\n  display: flex;\r\n  height: 56px;\r\n  justify-content: center;\r\n  margin: 27px 0 21px;\r\n  overflow: hidden;\r\n  position: relative;\r\n  width: 56px;\r\n}\r\n\r\n.vsx-mc-icon::after {\r\n  border: 1px solid rgba(255, 255, 255, 0.025);\r\n  content: \u0022\u0022;\r\n  inset: 4px;\r\n  pointer-events: none;\r\n  position: absolute;\r\n}\r\n\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BRICKS\r\n========================================================= *\/\r\n\r\n.vsx-bricks {\r\n  display: grid;\r\n  gap: 2px;\r\n  grid-template-columns: repeat(4, 7px);\r\n  grid-template-rows: repeat(3, 7px);\r\n}\r\n\r\n.vsx-bricks i {\r\n  background: linear-gradient(\r\n    135deg,\r\n    #ff86c7,\r\n    #a9658e\r\n  );\r\n  box-shadow:\r\n    inset -2px -2px 0 rgba(0, 0, 0, 0.18);\r\n  display: block;\r\n  height: 7px;\r\n  width: 12px;\r\n}\r\n\r\n.vsx-bricks i:nth-child(1) {\r\n  grid-column: 1 \/ span 2;\r\n  grid-row: 1;\r\n}\r\n\r\n.vsx-bricks i:nth-child(2) {\r\n  grid-column: 3 \/ span 2;\r\n  grid-row: 1;\r\n}\r\n\r\n.vsx-bricks i:nth-child(3) {\r\n  grid-column: 1 \/ span 2;\r\n  grid-row: 2;\r\n  transform: translateX(5px);\r\n}\r\n\r\n.vsx-bricks i:nth-child(4) {\r\n  grid-column: 3 \/ span 2;\r\n  grid-row: 2;\r\n  transform: translateX(5px);\r\n}\r\n\r\n.vsx-bricks i:nth-child(5) {\r\n  grid-column: 1 \/ span 2;\r\n  grid-row: 3;\r\n}\r\n\r\n.vsx-bricks i:nth-child(6) {\r\n  grid-column: 3 \/ span 2;\r\n  grid-row: 3;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FARM ICON\r\n========================================================= *\/\r\n\r\n.vsx-farm-icon {\r\n  background:\r\n    linear-gradient(#ff9dd1, #ff9dd1)\r\n      13px 0 \/ 5px 5px no-repeat,\r\n\r\n    linear-gradient(#ff82c4, #ff82c4)\r\n      7
4683px 5px \/ 7px 5px no-repeat,\r\n\r\n    linear-gradient(#ef75b7, #ef75b7)\r\n      17px 6px \/ 7px 5px no-repeat,\r\n\r\n    linear-gradient(#dd6daa, #dd6daa)\r\n      6px 11px \/ 7px 5px no-repeat,\r\n\r\n    linear-gradient(#cb71a3, #cb71a3)\r\n      18px 12px \/ 7px 5px no-repeat,\r\n\r\n    linear-gradient(#bd709c, #bd709c)\r\n      5px 19px \/ 9px 5px no-repeat,\r\n\r\n    linear-gradient(#a96991, #a96991)\r\n      17px 21px \/ 9px 5px no-repeat,\r\n\r\n    linear-gradient(\r\n      to bottom,\r\n      #ff8bc8,\r\n      #bd6f9d\r\n    )\r\n      14px 4px \/ 4px 27px no-repeat,\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(255, 112, 187, 0.38),\r\n      #ff70bb,\r\n      rgba(185, 140, 255, 0.38),\r\n      transparent\r\n    )\r\n      2px 30px \/ 28px 3px no-repeat;\r\n\r\n  height: 34px;\r\n  image-rendering: pixelated;\r\n  position: relative;\r\n  width: 32px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ART ICON\r\n========================================================= *\/\r\n\r\n.vsx-art-icon {\r\n  background:\r\n    linear-gradient(\r\n      #ff9fd4,\r\n      #ff9fd4\r\n    ) 21px 5px \/ 5px 5px no-repeat,\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      transparent 48%,\r\n      rgba(185, 140, 255, 0.75) 49% 70%,\r\n      transparent 71%\r\n    ) 4px 8px \/ 23px 15px no-repeat,\r\n\r\n    linear-gradient(\r\n      45deg,\r\n      transparent 38%,\r\n      #e66fb1 39% 68%,\r\n      transparent 69%\r\n    ) 0 12px \/ 22px 13px no-repeat,\r\n\r\n    linear-gradient(\r\n      to bottom,\r\n      transparent 0 17px,\r\n      #75495f 17px 100%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #372737,\r\n      #211922\r\n    );\r\n\r\n  border: 3px solid #d96bab;\r\n  box-shadow:\r\n    inset 0 0 0 1px rgba(255, 255, 255, 0.07),\r\n    3px 3px 0 rgba(0, 0, 0, 0.22);\r\n  height: 29px;\r\n  image-rendering: pixelated;\r\n  position: relative;\r\n  width: 35px;\r\n}\r\n\r\n.vsx-art-icon::before {\r\n  background: rgba(255, 255, 255, 0.18);\r\n  content: \u0022\u0022;\r\n  height: 2px;\r\n  left: 2px;\r\n  position: absolute;\r\n  top: 2px;\r\n  width: 12px;\r\n}\r\n\r\n.vsx-art-icon::after {\r\n  background: #a35c86;\r\n  bottom: 3px;\r\n  box-shadow:\r\n    5px 0 0 #804861,\r\n    10px 0 0 #5e394b,\r\n    15px 0 0 #a96691;\r\n  content: \u0022\u0022;\r\n  height: 3px;\r\n  left: 4px;\r\n  position: absolute;\r\n  width: 4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WORLD CONTENT\r\n========================================================= *\/\r\n\r\n.vsx-world-card h3 {\r\n  font-size: clamp(1.16rem, 1.8vw, 1.4rem);\r\n  letter-spacing: -0.04em;\r\n  line-height: 1.25;\r\n  margin: 0 0 10px;\r\n}\r\n\r\n.vsx-world-card \u003E p {\r\n  color: var(--vsx-muted);\r\n  font-size: 0.86rem;\r\n  line-height: 1.61;\r\n  margin: 0 0 17px;\r\n  max-width: 560px;\r\n}\r\n\r\n.vsx-world-note {\r\n  background: rgba(255, 255, 255, 0.025);\r\n  border-left: 2px solid rgba(255, 112, 187, 0.5);\r\n  border-radius: 0 7px 7px 0;\r\n  margin-bottom: 20px;\r\n  padding: 9px 11px;\r\n}\r\n\r\n.vsx-world-note strong {\r\n  color: rgba(255, 255, 255, 0.86);\r\n  display: block;\r\n  font-family: \u0022Nunito\u0022, sans-serif;\r\n  font-size: 0.69rem;\r\n  margin-bottom: 2px;\r\n}\r\n\r\n.vsx-world-note span {\r\n  color: var(--vsx-muted);\r\n  font-size: 0.68rem;\r\n  line-height: 1.42;\r\n}\r\n\r\n.vsx-world-card footer {\r\n  border-top: 1px solid var(--vsx-line);\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 7px;\r\n  margin-top: auto;\r\n  padding-top: 16px;\r\n}\r\n\r\n.vsx-world-card footer span {\r\n  background: rgba(255, 255, 255, 0.035);\r\n  border-radius: 999px;\r\n  color: var(--vsx-muted);\r\n  font-size: 0.64rem;\r\n  font-weight: 750;\r\n  padding: 6px 9px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAP\r\n========================================================= *\/\r\n\r\n.vsx-map {\r\n  align-items: center;\r\n  background:\r\n    radial-gradient(\r\n      circle at 88% 12%,\r\n      rgba(255, 112, 187, 0.08),\r\n      transparent 35%\r\n    ),\r\n    linear-gradient(\r\n      150deg,\r\n      var(--vsx-bg-1),\r\n      var(--vsx-bg-2)\r\n    );\r\n  border: 1px solid var(--vsx-line);\r\n  border-radius: 24px;\r\n  display: grid;\r\n  gap: clamp(36px, 5vw, 72px);\r\n  grid-template-columns:\r\n    minmax(280px, 0.58fr)\r\n    minmax(480px, 1fr);\r\n  overflow: hidden;\r\n  padding: clamp(30px, 4.5vw, 50px);\r\n  position: relative;\r\n}\r\n\r\n.vsx-map-copy \u003E p {\r\n  color: var(--vsx-muted);\r\n  font-size: 0.92rem;\r\n  line-height: 1.68;\r\n  margin: 19px 0 24px;\r\n  max-width: 540px;\r\n}\r\n\r\n.vsx-map-meta {\r\n  display: grid;\r\n  gap: 12px;\r\n  margin-bottom: 27px;\r\n}\r\n\r\n.vsx-map-meta-item {\r\n  align-items: center;\r\n  color: var(--vsx-muted);\r\n  display: flex;\r\n  font-size: 0.71rem;\r\n  font-weight: 750;\r\n  gap: 10px;\r\n  line-height: 1.4;\r\n}\r\n\r\n.vsx-map-status-dot {\r\n  background: #74e49a;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 9px rgba(116, 228, 154, 0.55);\r\n  flex: 0 0 6px;\r\n  height: 6px;\r\n  width: 6px;\r\n}\r\n\r\n.vsx-map-pixel-icon {\r\n  display: grid;\r\n  flex: 0 0 12px;\r\n  gap: 2px;\r\n  grid-template-columns: repeat(2, 5px);\r\n  grid-template-rows: repeat(2, 5px);\r\n  height: 12px;\r\n  width: 12px;\r\n}\r\n\r\n.vsx-map-pixel-icon i {\r\n  background: linear-gradient(\r\n    135deg,\r\n    var(--vsx-pink),\r\n    var(--vsx-purple)\r\n  );\r\n  display: block;\r\n  height: 5px;\r\n  width: 5px;\r\n}\r\n\r\n.vsx-map-pixel-icon i:nth-child(2),\r\n.vsx-map-pixel-icon i:nth-child(3) {\r\n  opacity: 0.55;\r\n}\r\n\r\n.vsx-map-btn {\r\n  width: max-content;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAP PREVIEW\r\n========================================================= *\/\r\n\r\n.vsx-map-preview {\r\n  aspect-ratio: 16 \/ 9;\r\n  background: rgba(255, 255, 255, 0.025);\r\n  border: 1px solid rgba(255, 255, 255, 0.11);\r\n  border-radius: 19px;\r\n  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.18);\r\n  display: block;\r\n  isolation: isolate;\r\n  min-height: 330px;\r\n  overflow: hidden;\r\n  position: relative;\r\n  transition:\r\n    transform 0.3s ease,\r\n    border-color 0.3s ease,\r\n    box-shadow 0.3s ease;\r\n}\r\n\r\n.vsx-map-preview:hover {\r\n  border-color: rgba(255, 112, 187, 0.3);\r\n  box-shadow: 0 27px 65px rgba(0, 0, 0, 0.27);\r\n  transform: translateY(-4px);\r\n}\r\n\r\n.vsx-map-image {\r\n  display: block;\r\n  height: 100%;\r\n  inset: 0;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  position: absolute;\r\n  transition: transform 0.55s ease;\r\n  width: 100%;\r\n  z-index: -3;\r\n}\r\n\r\n.vsx-map-preview:hover .vsx-map-image {\r\n  transform: scale(1.018);\r\n}\r\n\r\n.vsx-map-overlay {\r\n  background: linear-gradient(\r\n    to bottom,\r\n    rgba(12, 9, 13, 0.03) 0%,\r\n    rgba(12, 9, 13, 0.01) 45%,\r\n    rgba(12, 9, 13, 0.12) 68%,\r\n    rgba(12, 9, 13, 0.82) 100%\r\n  );\r\n  inset: 0;\r\n  pointer-events: none;\r\n  position: absolute;\r\n  z-index: -2;\r\n}\r\n\r\n.vsx-map-preview::after {\r\n  border: 1px solid rgba(255, 255, 255, 0.045);\r\n  border-radius: 15px;\r\n  content: \u0022\u0022;\r\n  inset: 5px;\r\n  pointer-events: none;\r\n  position: absolute;\r\n}\r\n\r\n\r\n\/* MAP TOP *\/\r\n\r\n.vsx-map-preview-top {\r\n  align-items: center;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  left: 17px;\r\n  position: absolute;\r\n  right: 17px;
4683\r\n  top: 17px;\r\n}\r\n\r\n.vsx-map-badge {\r\n  backdrop-filter: blur(10px);\r\n  background: rgba(13, 10, 14, 0.72);\r\n  border: 1px solid rgba(255, 255, 255, 0.11);\r\n  border-radius: 999px;\r\n  color: rgba(255, 255, 255, 0.82);\r\n  font-size: 0.57rem;\r\n  font-weight: 900;\r\n  letter-spacing: 0.11em;\r\n  padding: 7px 10px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.vsx-map-live {\r\n  align-items: center;\r\n  backdrop-filter: blur(10px);\r\n  background: rgba(11, 27, 18, 0.72);\r\n  border: 1px solid rgba(116, 228, 154, 0.18);\r\n  border-radius: 999px;\r\n  color: rgba(194, 255, 214, 0.88);\r\n  display: flex;\r\n  font-family: \u0022Lexend\u0022, sans-serif;\r\n  font-size: 0.53rem;\r\n  font-weight: 800;\r\n  gap: 6px;\r\n  padding: 7px 9px;\r\n}\r\n\r\n.vsx-map-live i {\r\n  background: #74e49a;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 8px rgba(116, 228, 154, 0.65);\r\n  height: 5px;\r\n  width: 5px;\r\n}\r\n\r\n\r\n\/* MAP BOTTOM *\/\r\n\r\n.vsx-map-preview-bottom {\r\n  align-items: end;\r\n  bottom: 0;\r\n  display: flex;\r\n  gap: 20px;\r\n  justify-content: space-between;\r\n  left: 0;\r\n  padding: clamp(19px, 3vw, 27px);\r\n  position: absolute;\r\n  right: 0;\r\n}\r\n\r\n.vsx-map-preview-caption \u003E span {\r\n  color: rgba(255, 255, 255, 0.58);\r\n  display: block;\r\n  font-size: 0.66rem;\r\n  font-weight: 750;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.vsx-map-preview-caption strong {\r\n  color: white;\r\n  display: block;\r\n  font-size: clamp(0.98rem, 1.6vw, 1.24rem);\r\n  letter-spacing: -0.035em;\r\n  line-height: 1.28;\r\n}\r\n\r\n.vsx-map-open {\r\n  align-items: center;\r\n  backdrop-filter: blur(8px);\r\n  background: rgba(16, 12, 17, 0.76);\r\n  border: 1px solid rgba(255, 255, 255, 0.15);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  flex: 0 0 42px;\r\n  height: 42px;\r\n  justify-content: center;\r\n  transition:\r\n    background 0.2s ease,\r\n    border-color 0.2s ease,\r\n    transform 0.2s ease;\r\n  width: 42px;\r\n}\r\n\r\n.vsx-map-open .vsx-arrow {\r\n  color: white;\r\n  height: 8px;\r\n  margin-left: -2px;\r\n  width: 8px;\r\n}\r\n\r\n.vsx-map-preview:hover .vsx-map-open {\r\n  background: linear-gradient(\r\n    135deg,\r\n    var(--vsx-pink),\r\n    var(--vsx-purple)\r\n  );\r\n  border-color: transparent;\r\n  transform: translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXPERIENCE\r\n========================================================= *\/\r\n\r\n.vsx-experience {\r\n  padding: clamp(12px, 2vw, 20px) 0;\r\n}\r\n\r\n.vsx-feature-grid {\r\n  display: grid;\r\n  gap: 12px;\r\n  grid-template-columns: 1.2fr repeat(3, 0.75fr);\r\n}\r\n\r\n.vsx-feature {\r\n  background: linear-gradient(\r\n    150deg,\r\n    var(--vsx-bg-1),\r\n    var(--vsx-bg-2)\r\n  );\r\n  border: 1px solid var(--vsx-line);\r\n  border-radius: 17px;\r\n  min-height: 225px;\r\n  overflow: hidden;\r\n  padding: clamp(20px, 2.6vw, 27px);\r\n  position: relative;\r\n}\r\n\r\n.vsx-feature-large {\r\n  background:\r\n    radial-gradient(\r\n      circle at 12% 12%,\r\n      rgba(255, 112, 187, 0.15),\r\n      transparent 45%\r\n    ),\r\n    linear-gradient(\r\n      150deg,\r\n      var(--vsx-bg-1),\r\n      var(--vsx-bg-2)\r\n    );\r\n}\r\n\r\n.vsx-feature-label {\r\n  color: var(--vsx-pink);\r\n  display: block;\r\n  font-size: 0.6rem;\r\n  font-weight: 900;\r\n  letter-spacing: 0.15em;\r\n  margin-bottom: 15px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.vsx-feature strong {\r\n  display: block;\r\n  font-size: clamp(0.98rem, 1.45vw, 1.18rem);\r\n  letter-spacing: -0.03em;\r\n  line-height: 1.35;\r\n  margin-bottom: 9px;\r\n}\r\n\r\n.vsx-feature p {\r\n  color: var(--vsx-muted);\r\n  font-size: 0.77rem;\r\n  line-height: 1.54;\r\n  margin: 0;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.vsx-feature-icon {\r\n  align-items: center;\r\n  background: rgba(255, 112, 187, 0.045);\r\n  border: 1px solid rgba(255, 112, 187, 0.18);\r\n  border-radius: 11px;\r\n  color: var(--vsx-pink);\r\n  display: flex;\r\n  font-family: \u0022Lexend\u0022, sans-serif;\r\n  font-size: 0.95rem;\r\n  height: 38px;\r\n  justify-content: center;\r\n  margin-bottom: 23px;\r\n  width: 38px;\r\n}\r\n\r\n.vsx-year {\r\n  bottom: -16px;\r\n  color: rgba(255, 255, 255, 0.035);\r\n  font-family: \u0022Lexend\u0022, sans-serif;\r\n  font-size: clamp(4rem, 7vw, 7rem);\r\n  font-weight: 900;\r\n  letter-spacing: -0.1em;\r\n  pointer-events: none;\r\n  position: absolute;\r\n  right: 20px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   JOIN\r\n========================================================= *\/\r\n\r\n.vsx-join {\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      rgba(16, 12, 21, 0.33),\r\n      rgba(16, 12, 21, 0.5)\r\n    ),\r\n    linear-gradient(\r\n      115deg,\r\n      var(--vsx-pink),\r\n      var(--vsx-purple)\r\n    );\r\n  border: 1px solid rgba(255, 255, 255, 0.13);\r\n  border-radius: 25px;\r\n  display: grid;
4683\r\n  gap: clamp(30px, 5vw, 65px);\r\n  grid-template-columns:\r\n    minmax(0, 0.95fr)\r\n    minmax(330px, 0.7fr);\r\n  isolation: isolate;\r\n  overflow: hidden;\r\n  padding: clamp(30px, 5vw, 54px);\r\n  position: relative;\r\n}\r\n\r\n.vsx-join-grid {\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(255, 255, 255, 0.035) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255, 255, 255, 0.035) 1px,\r\n      transparent 1px\r\n    );\r\n  background-size: 42px 42px;\r\n  inset: 0;\r\n  opacity: 0.45;\r\n  pointer-events: none;\r\n  position: absolute;\r\n  z-index: -2;\r\n}\r\n\r\n.vsx-join-light {\r\n  background: white;\r\n  border-radius: 50%;\r\n  filter: blur(100px);\r\n  height: 350px;\r\n  opacity: 0.07;\r\n  position: absolute;\r\n  right: -170px;\r\n  top: -170px;\r\n  width: 350px;\r\n  z-index: -1;\r\n}\r\n\r\n.vsx-join-copy {\r\n  align-self: center;\r\n}\r\n\r\n.vsx-eyebrow-white {\r\n  color: rgba(255, 255, 255, 0.68);\r\n}\r\n\r\n.vsx-eyebrow-white \u003E span {\r\n  background: white;\r\n}\r\n\r\n.vsx-join h2 {\r\n  font-size: clamp(1.9rem, 3.5vw, 2.85rem);\r\n}\r\n\r\n.vsx-join h2 em {\r\n  background: none;\r\n  color: white;\r\n  -webkit-text-fill-color: initial;\r\n}\r\n\r\n.vsx-join-copy \u003E p {\r\n  color: rgba(255, 255, 255, 0.78);\r\n  font-size: 0.91rem;\r\n  line-height: 1.65;\r\n  margin: 20px 0 26px;\r\n  max-width: 570px;\r\n}\r\n\r\n.vsx-btn-white {\r\n  background: white;\r\n  box-shadow: 0 14px 30px rgba(16, 12, 21, 0.18);\r\n  color: #171219;\r\n}\r\n\r\n.vsx-btn-dark {\r\n  background: rgba(16, 12, 21, 0.16);\r\n  border-color: rgba(255, 255, 255, 0.21);\r\n  color: white;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   JOIN STEPS\r\n========================================================= *\/\r\n\r\n.vsx-steps {\r\n  align-self: center;\r\n  backdrop-filter: blur(10px);\r\n  background: rgba(16, 12, 21, 0.19);\r\n  border: 1px solid rgba(255, 255, 255, 0.15);\r\n  border-radius: 18px;\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 8px 20px;\r\n}\r\n\r\n.vsx-steps li {\r\n  align-items: start;\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.13);\r\n  display: grid;\r\n  gap: 14px;\r\n  grid-template-columns: 34px 1fr;\r\n  padding: 16px 0;\r\n}\r\n\r\n.vsx-steps li:last-child {\r\n  border-bottom: 0;\r\n}\r\n\r\n.vsx-step {\r\n  color: rgba(255, 255, 255, 0.45);\r\n  font-family: \u0022Lexend\u0022, sans-serif;\r\n  font-size: 0.66rem;\r\n  padding-top: 3px;\r\n}\r\n\r\n.vsx-steps strong {\r\n  color: white;\r\n  display: block;\r\n  font-size: 0.85rem;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.vsx-steps p {\r\n  color: rgba(255, 255, 255, 0.72);\r\n  font-size: 0.76rem;\r\n  line-height: 1.48;\r\n  margin: 0;\r\n}\r\n\r\n.vsx-steps b {\r\n  color: white;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@container vsx (max-width: 1150px) {\r\n\r\n  .vsx-hero {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .vsx-map {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .vsx-map-copy {\r\n    max-width: 720px;\r\n  }\r\n\r\n  .vsx-world-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n\r\n  .vsx-world-card:last-child {\r\n    grid-column: 1 \/ -1;\r\n  }\r\n\r\n  .vsx-feature-grid {\r\n    grid-template-columns:\r\n      repeat(2, minmax(0, 1fr));\r\n  }\r\n\r\n  .vsx-feature-large {\r\n    grid-column: 1 \/ -1;\r\n  }\r\n\r\n}\r\n\r\n\r\n@container vsx (max-width: 850px) {\r\n\r\n  .vsx-section-head {\r\n    align-items: start;\r\n    gap: 17px;\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .vsx-section-head \u003E p {\r\n    max-width: 650px;\r\n  }\r\n\r\n  .vsx-join {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .vsx-world-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .vsx-world-card:last-child {\r\n    grid-column: auto;\r\n  }\r\n\r\n}\r\n\r\n\r\n@container vsx (max-width: 680px) {\r\n\r\n  .vsx-feature-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .vsx-feature-large {\r\n    grid-column: auto;\r\n  }\r\n\r\n  .vsx-world-card {\r\n    min-height: 0;\r\n  }\r\n\r\n}\r\n\r\n\r\n@container vsx (max-width: 560px) {\r\n\r\n  .vsx {\r\n    gap: 16px;\r\n    margin-top: 1rem;\r\n  }\r\n\r\n  .vsx-hero,\r\n  .vsx-worlds,\r\n  .vsx-map,\r\n  .vsx-join {\r\n    border-radius: 18px;\r\n    padding: 22px 16px;\r\n  }\r\n\r\n  .vsx h2 {\r\n    font-size: 1.5rem;\r\n    letter-spacing: -0.045em;\r\n  }\r\n\r\n  .vsx-hero h2,\r\n  .vsx-join h2 {\r\n    font-size: 1.65rem;\r\n  }\r\n\r\n  .vsx-hero-copy \u003E p,\r\n  .vsx-section-head \u003E p,\r\n  .vsx-map-copy \u003E p,\r\n  .vsx-join-copy \u003E p {\r\n    font-size: 0.86rem;\r\n    line-height: 1.58;\r\n  }\r\n\r\n  .vsx-eyebrow {\r\n    font-size: 0.6rem;\r\n    letter-spacing: 0.145em;\r\n  }\r\n\r\n  .vsx-tags {\r\n    gap: 6px;\r\n  }\r\n\r\n  .vsx-tags span {\r\n    font-size: 0.66rem;\r\n    padding: 7px 9px;\r\n  }\r\n\r\n  .vsx-welcome {\r\n    border-radius: 15px;\r\n    padding: 17px 14px;\r\n  }\r\n\r\n  .vsx-actions,\r\n  .vsx-btn,\r\n  .vsx-map-btn {\r\n    width: 100%;\r\n  }\r\n\r\n  .vsx-world-card,\r\n  .vsx-feature {\r\n    border-radius: 15px;\r\n    padding: 19px 16px;\r\n  }\r\n\r\n  .vsx-world-card \u003E p {\r\n    font-size: 0.82rem;\r\n  }\r\n\r\n  .vsx-map-preview {\r\n    aspect-ratio: 4 \/ 3;\r\n    border-radius: 15px;\r\n    min-height: 245px;\r\n  }\r\n\r\n  .vsx-map-preview-top {\r\n    left: 12px;\r\n    right: 12px;\r\n    top: 12px;\r\n  }\r\n\r\n  .vsx-map-badge {\r\n    font-size: 0.51rem;\r\n  }\r\n\r\n  .vsx-map-preview-bottom {\r\n    padding: 16px;\r\n  }\r\n\r\n  .vsx-map-preview-caption strong {\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  .vsx-map-open {\r\n    flex-basis: 38px;\r\n    height: 38px;\r\n    width: 38px;\r\n  }\r\n\r\n  .vsx-steps {\r\n    border-radius: 15px;\r\n    padding: 6px 13px;\r\n  }\r\n\r\n  .vsx-steps li {\r\n    gap: 9px;\r\n    grid-template-columns: 27px 1fr;\r\n    padding: 14px 0;\r\n  }\r\n\r\n  .vsx-steps p {\r\n    font-size: 0.73rem;\r\n  }\r\n\r\n}\r\n\r\n\r\n@container vsx (max-width: 390px) {\r\n\r\n  .vsx-stats {\r\n    grid-template-columns: 1fr;\r\n  }
4683\r\n\r\n  .vsx-stats \u003E div {\r\n    align-items: center;\r\n    border-bottom: 1px solid var(--vsx-line);\r\n    border-right: 0;\r\n    display: grid;\r\n    gap: 9px;\r\n    grid-template-columns: 55px 1fr;\r\n    padding: 9px 4px;\r\n    text-align: left;\r\n  }\r\n\r\n  .vsx-stats \u003E div:last-child {\r\n    border-bottom: 0;\r\n  }\r\n\r\n  .vsx-stats strong {\r\n    margin: 0;\r\n  }\r\n\r\n  .vsx-stats span {\r\n    font-size: 0.66rem;\r\n  }\r\n\r\n  .vsx-map-live {\r\n    display: none;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE FALLBACK\r\n========================================================= *\/\r\n\r\n@media (max-device-width: 767px),\r\n       (hover: none) and (pointer: coarse) {\r\n\r\n  .vsx {\r\n    gap: 16px;\r\n    margin-top: 1rem;\r\n  }\r\n\r\n  .vsx-hero,\r\n  .vsx-section-head,\r\n  .vsx-map,\r\n  .vsx-join {\r\n    grid-template-columns: 1fr !important;\r\n  }\r\n\r\n  .vsx-world-grid,\r\n  .vsx-feature-grid {\r\n    grid-template-columns: 1fr !important;\r\n  }\r\n\r\n  .vsx-world-card:last-child {\r\n    grid-column: auto !important;\r\n  }\r\n\r\n  .vsx-feature-large {\r\n    grid-column: auto !important;\r\n  }\r\n\r\n  .vsx-hero,\r\n  .vsx-worlds,\r\n  .vsx-map,\r\n  .vsx-join {\r\n    border-radius: 18px;\r\n    padding: 22px 16px;\r\n  }\r\n\r\n  .vsx-actions,\r\n  .vsx-btn {\r\n    width: 100%;\r\n  }\r\n\r\n  .vsx-world-card {\r\n    min-height: 0;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOUCH\r\n========================================================= *\/\r\n\r\n@media (hover: none) {\r\n\r\n  .vsx-btn:hover,\r\n  .vsx-world-card:hover,\r\n  .vsx-map-preview:hover {\r\n    transform: none;\r\n  }\r\n\r\n  .vsx-btn:hover .vsx-arrow {\r\n    transform: rotate(45deg);\r\n  }\r\n\r\n  .vsx-map-preview:hover .vsx-map-image {\r\n    transform: none;\r\n  }\r\n\r\n  .vsx-map-preview:hover .vsx-map-open {\r\n    transform: none;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .vsx-btn,\r\n  .vsx-arrow,\r\n  .vsx-world-card,\r\n  .vsx-map-preview,\r\n  .vsx-map-image,\r\n  .vsx-map-open {\r\n    transition: none;\r\n  }\r\n\r\n}","jsCode":null}}}};
4684        window.APEX_INIT_FUNCTION_MAP = {"search-component":"apexInit_SearchComponent","shopbanner-mini-component":"apexInit_ShopbannerMiniComponent","discord-banner-component":"apexInit_DiscordBannerComponent","profile-component":"apexInit_ProfileComponent","homebanner-component":"apexInit_HomebannerComponent","newsbanner-component":"apexInit_NewsbannerComponent","shopbanner-component":"apexInit_ShopbannerComponent","servers-component":"apexInit_ServersComponent","vote-component":"apexInit_VoteComponent","discord-widget-component":"apexInit_DiscordWidgetComponent","trailer-component":"apexInit_TrailerComponent","split-content-component":"apexInit_SplitContentComponent","features-grid-component":"apexInit_FeaturesGridComponent","cta-banner-component":"apexInit_CtaBannerComponent","text-block-component":"apexInit_TextBlockComponent","news-component":"apexInit_NewsComponent","custom-code-component":"apexInit_CustomCodeComponent","big-footer-component":"apexInit_BigFooterComponent"};
4685        window.APEX_ENGLISH_DEFAULTS = {"search-component":{"placeholder":"Search articles..."},"shopbanner-mini-component":{"title":"Discover our Store!","description":"Exclusive ranks, cosmetics \u0026 keys","buttonText":"Visit Shop","buttonLink":"\/shop"},"discord-banner-component":{"title":"Join our Discord!","description":"Chat with our community","buttonText":"Join Discord","discordLink":"https:\/\/discord.gg\/your-server"},"homebanner-component":{"title":"Welcome!","description":"Explore a new universe! Join us today and play with your friends!","helpText":"Need help? How to join?","helpLink":"#"},"newsbanner-component":{"postsCount":"5","autoPlay":true,"autoPlayInterval":"5000"},"shopbanner-component":{"title":"DISCOVER OUR STORE!","description":"Explore our shop for exclusive ranks and awesome keys!","buttonText":"Go to store","buttonLink":"\/shop","image":"default"},"servers-component":{"title":"Our Servers"},"vote-component":{"voteText":"Vote","skin3D":true},"discord-widget-component":{"serverId":"","inviteLink":""},"trailer-component":{"title":"Discover Our World","description":"Experience an amazing adventure in our unique universe. Watch the trailer to see what awaits you!","youtubeUrl":"","buttonText":"Learn More","buttonLink":"#"},"split-content-component":{"subtitle":"NEWS","title":"Amazing Features","description":"Discover the unique features that make our server special. Play with your friends and have fun!","image":"default","imagePosition":"right","buttonText":"Discover","buttonLink":"#"},"features-grid-component":{"title":"Why Choose Us?","subtitle":"Discover what makes our server unique","feature1Icon":"bi-people-fill","feature1Title":"Active Community","feature1Description":"Join thousands of players in our friendly community.","feature2Icon":"bi-lightning-fill","feature2Title":"High Performance","feature2Description":"Experience lag-free gameplay with our optimized servers.","feature3Icon":"bi-star-fill","feature3Title":"Unique Content","feature3Description":"Explore exclusive features you won\u0027t find anywhere else."},"cta-banner-component":{"title":"Ready to Join the Adventure?","description":"Start your journey today and become part of our amazing community!","primaryButtonText":"Get Started","primaryButtonLink":"\/register","secondaryButtonText":"Learn More","secondaryButtonLink":"#"},"text-block-component":{"subtitle":"","title":"About Us","content":"Welcome to our server! We are a passionate community dedicated to providing the best gaming experience.","alignment":"left","buttonText":"","buttonLink":"#"},"news-component":{"sectionTitle":"News","postsCount":"3","showMoreButton":true,"moreButtonText":"Explore more","showDate":true,"showLikes":true,"showComments":true,"truncateLength":"120"},"custom-code-component":{"htmlCode":"","cssCode":"","jsCode":""},"big-footer-component":{"enabled":true,"title":"MyServer","description":"Join our community and experience amazing adventures in our unique Minecraft server!","showSocialLinks":true,"column1Title":"Quick Links","column1Links":"Home|\/\nNews|\/news\nShop|\/shop","column2Title":"Resources","column2Links":"Rules|\/rules\nWiki|\/wiki\nFAQ|\/faq","column3Title":"Legal","column3Links":"Terms of Service|\/tos\nPrivacy Policy|\/privacy","showNewsletter":false,"newsletterText":"Subscribe to our newsletter for updates!"}};
4686        window.APEX_USER_IS_ADMIN = false;
4687        window.APEX_BANNER_IMAGE = 'https://vanillasquad.com/assets/themes/apex/img/banner.webp?v1.2.13';
4688        window.APEX_GAME_NAME = 'Minecraft';
4689        window.APEX_TRANSLATIONS = {"title":"\u041a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f","save_btn":"\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c","quit_btn":"\u0412\u044b\u0439\u0442\u0438 \u0438\u0437 \u0440\u0435\u0436\u0438\u043c\u0430 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f","cancel":"\u041e\u0442\u043c\u0435\u043d\u0430","apply":"\u041f\u0440\u0438\u043c\u0435\u043d\u0438\u0442\u044c \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f","add_section":"\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0440\u0430\u0437\u0434\u0435\u043b","edit_section":"\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0440\u0430\u0437\u0434\u0435\u043b","config_section":"\u041d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0440\u0430\u0437\u0434\u0435\u043b","delete_section":"\u0423\u0434\u0430\u043b\u0438\u0442\u044c \u0440\u0430\u0437\u0434\u0435\u043b","move_up":"\u041f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0432\u0432\u0435\u0440\u0445","move_down":"\u041f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0432\u043d\u0438\u0437","configuration_success":"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u044b!","require_plugin":"\u0422\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043f\u043b\u0430\u0433\u0438\u043d","visibility_label":"\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b","panel_title":"\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 Apex","tab_components":"\u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b","tab_settings":"\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438","unsaved_changes":"\u0423 \u0432\u0430\u0441 \u0435\u0441\u0442\u044c \u043d\u0435\u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u043d\u044b\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f","discard":"\u041e\u0442\u043c\u0435\u043d\u0438\u0442\u044c","saving":"\u0421\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435...","save_all":"\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0432\u0441\u0435","all_saved":"\u0412\u0441\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u044b!","save_failed":"\u041d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f","discard_confirm":"\u041e\u0442\u043c\u0435\u043d\u0438\u0442\u044c \u0432\u0441\u0435 \u043d\u0435\u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u043d\u044b\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f?","changes_discarded":"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043e\u0442\u043c\u0435\u043d\u0435\u043d\u044b","reset_confirm":"\u26a0\ufe0f \u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u0412\u0421\u0415 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 \u043a \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f\u043c \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e?\n\n\u042d\u0442\u043e:\n- \u0421\u0431\u0440\u043e\u0441\u0438\u0442 \u0432\u0441\u0435 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432\n- \u0421\u0431\u0440\u043e\u0441\u0438\u0442 \u0432\u0441\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0446\u0432\u0435\u0442\u043e\u0432\n- \u0421\u0431\u0440\u043e\u0441\u0438\u0442 \u0432\u0441\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0448\u0440\u0438\u0444\u0442\u043e\u0432\n\n\u042d\u0442\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043d\u0435\u043b\u044c\u0437\u044f \u043e\u0442\u043c\u0435\u043d\u0438\u0442\u044c!","reset_success":"\u041a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f \u0441\u0431\u0440\u043e\u0448\u0435\u043d\u0430 \u043a \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f\u043c \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e!","reset_failed":"\u041d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u0441\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044e","reset_all":"\u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u0432\u0441\u0435 \u043a \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f\u043c \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e","resetting":"\u
46890421\u0431\u0440\u043e\u0441...","close_editor":"\u0417\u0430\u043a\u0440\u044b\u0442\u044c \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440","loading":"\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430...","loading_editor":"\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0430...","edit":"\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c","change_component":"\u0418\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442","add_global_component":"\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442","editable_zone":"\u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u0443\u0435\u043c\u0430\u044f \u0437\u043e\u043d\u0430|\u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u0443\u0435\u043c\u044b\u0435 \u0437\u043e\u043d\u044b","editable_zone_singular":"\u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u0443\u0435\u043c\u0430\u044f \u0437\u043e\u043d\u0430","editable_zones":"\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u0443\u0435\u043c\u044b\u0435 \u0437\u043e\u043d\u044b","zone":"\u0437\u043e\u043d\u0430|\u0437\u043e\u043d\u044b","zone_singular":"\u0437\u043e\u043d\u0430","zones_plural":"\u0437\u043e\u043d\u044b","component_singular":"\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442","components_plural"
4689:"\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b","current":"\u0422\u0435\u043a\u0443\u0449\u0438\u0439:","not_set":"\u041d\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043e","choose_component":"\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442","available_components":"\u0414\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b","configure_component":"\u041d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442","configuration":"\u041a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f","undefined":"\u041d\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043e","add_component":"\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442","no_components_yet":"\u041f\u043e\u043a\u0430 \u043d\u0435\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432. \u041d\u0430\u0436\u043c\u0438\u0442\u0435 \u0027\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0027, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0447\u0430\u0442\u044c.","remove_confirm":"\u0412\u044b \u0443\u0432\u0435\u0440\u0435\u043d\u044b, \u0447\u0442\u043e \u0445\u043e\u0442\u0438\u0442\u0435 \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442?","edit_settings":"\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438","remove":"\u0423\u0434\u0430\u043b\u0438\u0442\u044c","edit_component":"\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442","delete_component":"\u0423\u0434\u0430\u043b\u0438\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442","remove_this":"\u0423\u0434\u0430\u043b\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442?","components_available":"\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432","search_components":"\u041f\u043e\u0438\u0441\u043a \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432...","no_components_found":"\u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u044b \u0434\u043b\u044f","delete_component_btn":"\u0423\u0434\u0430\u043b\u0438\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442","custom_code":"\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u043a\u043e\u0434","custom_code_desc":"\u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435 HTML, CSS \u0438 JavaScript. \u041a\u043e\u0434 \u0438\u0437\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u043d \u0434\u043b\u044f \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438.","open_code_editor":"\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u043a\u043e\u0434\u0430","lines":"\u0441\u0442\u0440\u043e\u043a","code_editor_title":"\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u043a\u043e\u0434\u0430","apply_changes":"\u041f\u0440\u0438\u043c\u0435\u043d\u0438\u0442\u044c \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f","html_placeholder":"\u003C!-- \u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 HTML \u0437\u0434\u0435\u0441\u044c --\u003E\n\u003Cdiv class=\u0022my-custom-element\u0022\u003E\n  \u003Ch3\u003E\u041c\u043e\u0439 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a\u003C\/h3\u003E\n  \u003Cp\u003E\u041c\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0437\u0434\u0435\u0441\u044c\u003C\/p\u003E\n\u003C\/div\u003E","css_placeholder":"\/* \u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 CSS \u0437\u0434\u0435\u0441\u044c *\/\n.my-custom-element {\n  padding: 20px;\n  border-radius: 8px;\n}","js_placeholder":"\/\/ \u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 JavaScript \u0437\u0434\u0435\u0441\u044c\n\/\/ \u0423 \u0432\u0430\u0441 \u0435\u0441\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f \u043a:\n\/\/ - document.querySelector() \u0434\u043b\u044f \u043c\u0430\u043d\u0438\u043f\u0443\u043b\u044f\u0446\u0438\u0438 DOM\n\/\/ - console.log() \u0434\u043b\u044f \u043e\u0442\u043b\u0430\u0434\u043a\u0438","html_warning":"\u26a0\ufe0f \u0421\u043a\u0440\u0438\u043f\u0442\u044b, iframe, \u0444\u043e\u0440\u043c\u044b \u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u0439 \u0443\u0434\u0430\u043b\u044f\u044e\u0442\u0441\u044f \u0438\u0437 \u0441\u043e\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438.","css_info":"\u2728 CSS \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u044d\u0442\u0438\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u043c.","js_info":"\ud83d\udd12 JavaScript \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u0432 \u0438\u0437\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u0441\u0440\u0435\u0434\u0435.","tab_indent":"Tab: \u041e\u0442\u0441\u0442\u0443\u043f","esc_close"
4689:"Esc: \u0417\u0430\u043a\u0440\u044b\u0442\u044c","code_sandboxed":"\u041a\u043e\u0434 \u0438\u0437\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u043d \u0438 \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c\u0443 \u0441\u0430\u0439\u0442\u0443 \u0438\u043b\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u043c \u0434\u0430\u043d\u043d\u044b\u043c","url_placeholder":"https:\/\/","no_article_found":"\u0421\u0442\u0430\u0442\u044c\u044f \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u0430","searching":"\u041f\u043e\u0438\u0441\u043a...","no_results_found":"\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u044b","article":"\u0421\u0442\u0430\u0442\u044c\u044f","no_image_selected":"\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043d\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u043e","choose_image":"\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435","reset":"\u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c","select_image":"\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435","loading_images":"\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439...","theme_images":"\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0442\u0435\u043c\u044b","uploaded_images":"\u0417\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u044b\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f","no_images_available":"\u041d\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0445 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439. \u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0432 \u043f\u0430\u043d\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430.","settings_colors":"\u0426\u0432\u0435\u0442\u0430","settings_colors_desc":"\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u0446\u0432\u0435\u0442\u043e\u0432 \u0442\u0435\u043c\u044b","settings_fonts":"\u0428\u0440\u0438\u0444\u0442\u044b","settings_fonts_desc":"\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u0448\u0440\u0438\u0444\u0442\u043e\u0432 \u0442\u0435\u043c\u044b","settings_navbar":"\u041f\u0430\u043d\u0435\u043b\u044c \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438","settings_navbar_desc":"\u041f\u043e\u0437\u0438\u0446\u0438\u044f, \u0441\u0442\u0438\u043b\u044c \u0438 \u043a\u043d\u043e\u043f\u043a\u0430 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438","settings_big_footer":"\u0411\u043e\u043b\u044c\u0448\u043e\u0439 \u043f\u043e\u0434\u0432\u0430\u043b","settings_big_footer_desc":"\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u0431\u043e\u043b\u044c\u0448\u043e\u0433\u043e \u0440\u0430\u0437\u0434\u0435\u043b\u0430 \u043f\u043e\u0434\u0432\u0430\u043b\u0430","settings_images":"\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f","settings_images_desc":"\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u044b\u043c\u0438 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u043c\u0438","colors_subtitle":"\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u0446\u0432\u0435\u0442\u043e\u0432 \u0442\u0435\u043c\u044b","mode_theme":"\u
46890422\u0435\u043c\u0430","mode_custom":"\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0430\u044f","base_color":"\u0411\u0430\u0437\u043e\u0432\u044b\u0439 \u0446\u0432\u0435\u0442","reset_to_default":"\u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u043a \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e","color_main_bg":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0444\u043e\u043d","color_main_bg_desc":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0444\u043e\u043d \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b","color_dark_bg":"\u0422\u0435\u043c\u043d\u044b\u0439 \u0444\u043e\u043d","color_dark_bg_desc":"\u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0438 \u0440\u0430\u0437\u0434\u0435\u043b\u044b","color_darker_bg":"\u0411\u043e\u043b\u0435\u0435 \u0442\u0435\u043c\u043d\u044b\u0439 \u0444\u043e\u043d","color_darker_bg_desc":"\u0411\u043e\u043b\u0435\u0435 \u0433\u043b\u0443\u0431\u043e\u043a\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b","color_primary":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0430\u043a\u0446\u0435\u043d\u0442","color_primary_desc":"\u041a\u043d\u043e\u043f\u043a\u0438, \u0441\u0441\u044b\u043b\u043a\u0438, \u043f\u043e\u0434\u0441\u0432\u0435\u0442\u043a\u0430","color_secondary":"\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0430\u043a\u0446\u0435\u043d\u0442","color_secondary_desc":"\u0413\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u044b, \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b","color_card_bg":"\u0424\u043e\u043d \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438","color_card_bg_desc":"\u041f\u043e\u043b\u044f \u0432\u0432\u043e\u0434\u0430, \u0442\u043e\u043d\u043a\u0438\u0435 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438","fonts_subtitle":"\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u0448\u0440\u0438\u0444\u0442\u043e\u0432 \u0442\u0435\u043c\u044b","font_heading":"\u0428\u0440\u0438\u0444\u0442 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u0432","font_heading_desc":"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u0432, \u043a\u043d\u043e\u043f\u043e\u043a \u0438 \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0430","font_body":"\u0428\u0440\u0438\u0444\u0442 \u0442\u0435\u043a\u0441\u0442\u0430","font_body_desc":"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u0442\u0435\u043a\u0441\u0442\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0438 \u043e\u0431\u0449\u0435\u0433\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430","font_choice":"\u0412\u044b\u0431\u043e\u0440 \u0448\u0440\u0438\u0444\u0442\u0430","font_custom_option":"\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u0448\u0440\u0438\u0444\u0442 Google\/Bunny","font_custom_name":"\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 Google Fonts","font_preview_heading":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0442\u0435\u043c\u044b Apex","font_preview_body":"The quick brown fox jumps over the lazy dog.","navbar_subtitle":"\u041f\u043e\u0437\u0438\u0446\u0438\u044f, \u0441\u0442\u0438\u043b\u044c \u0438 \u043a\u043d\u043e\u043f\u043a\u0430 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438","navbar_position":"\u041f\u043e\u0437\u0438\u0446\u0438\u044f \u043f\u0430\u043d\u0435\u043b\u0438 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438","navbar_left":"\u0421\u043b\u0435\u0432\u0430","navbar_top":"\u0421\u0432\u0435\u0440\u0445\u0443","navbar_style":"\u0421\u0442\u0438\u043b\u044c \u043f\u0430\u043d\u0435\u043b\u0438 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438","navbar_detached":"\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f","navbar_attached":"\u041f\u0440\u0438\u043a\u0440\u0435\u043f\u043b\u0435\u043d\u043d\u0430\u044f","support_button":"\u041a\u043d\u043e\u043f\u043a\u0430 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438","show_support_btn":"\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043a\u043d\u043e\u043f\u043a\u0443 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u0432 \u043f\u0430\u043d\u0435\u043b\u0438 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438","support_link":"\u0421\u0441\u044b\u043b\u043a\u0430 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438","support_link_placeholder":"\/support","images_subtitle":"\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0432\u0430\u0448\u0438\u043c\u0438 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u044b\u043c\u0438 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u043c\u0438","upload":"\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c","no_images_
4689yet":"\u041f\u043e\u043a\u0430 \u043d\u0435\u0442 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439","upload_first":"\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 \u0441\u0432\u043e\u0435 \u043f\u0435\u0440\u0432\u043e\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0447\u0430\u0442\u044c","load_images_failed":"\u041d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f. \u0423\u0431\u0435\u0434\u0438\u0442\u0435\u0441\u044c, \u0447\u0442\u043e \u0443 \u0432\u0430\u0441 \u0435\u0441\u0442\u044c \u043f\u0440\u0430\u0432\u0430 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430.","upload_success":"\u0423\u0441\u043f\u0435\u0448\u043d\u043e \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439: :count","upload_failed":"\u041d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439: :count. \u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u043a\u043e\u043d\u0441\u043e\u043b\u044c \u0434\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0435\u0439.","image_deleted":"\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0443\u0434\u0430\u043b\u0435\u043d\u043e","delete_image_failed":"\u041d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435","delete_confirm":"\u0412\u044b \u0443\u0432\u0435\u0440\u0435\u043d\u044b, \u0447\u0442\u043e \u0445\u043e\u0442\u0438\u0442\u0435 \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u0022:name\u0022?","delete":"\u0423\u0434\u0430\u043b\u0438\u0442\u044c","big_footer_subtitle":"\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e \u043f\u043e\u0434\u0432\u0430\u043b\u0430","enable_big_footer":"\u0412\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u043f\u043e\u0434\u0432\u0430\u043b","brand_identity":"\u0411\u0440\u0435\u043d\u0434 \u0438 \u0438\u0434\u0435\u043d\u0442\u0438\u0447\u043d\u043e\u0441\u0442\u044c","site_title":"\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0441\u0430\u0439\u0442\u0430","site_title_placeholder":"\u041e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u043f\u0443\u0441\u0442\u044b\u043c, \u0447\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043b\u043e\u0433\u043e\u0442\u0438\u043f \u0441\u0430\u0439\u0442\u0430","description":"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435","description_placeholder":"\u041a\u0440\u0430\u0442\u043a\u043e\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0432\u0430\u0448\u0435\u0433\u043e \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430...","default_description":"\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u043a \u043d\u0430\u0448\u0435\u043c\u0443 \u0443\u0434\u0438\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u043c\u0443 \u0438\u0433\u0440\u043e\u0432\u043e\u043c\u0443 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0443!","show_social_links":"\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0441\u0441\u044b\u043b\u043a\u0438 \u043d\u0430 \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0435\u0442\u0438","link_columns":"\u0421\u0442\u043e\u043b\u0431\u0446\u044b \u0441\u0441\u044b\u043b\u043e\u043a","links_count":"\u0441\u0441\u044b\u043b\u043e\u043a","column_title":"\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0441\u0442\u043e\u043b\u0431\u0446\u0430","links":"\u0421\u0441\u044b\u043b\u043a\u0438","add_link":"\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u0441\u044b\u043b\u043a\u0443","new_link":"\u041d\u043e\u0432\u0430\u044f \u0441\u0441\u044b\u043b\u043a\u0430","label":"\u041c\u0435\u0442\u043a\u0430","url_input":"\/url","done":"\u0413\u043e\u0442\u043e\u0432\u043e","empty_label":"(\u043f\u0443\u0441\u0442\u043e)","no_url":"(\u043d\u0435\u0442 url)","quick_links":"\u0411\u044b\u0441\u0442\u0440\u044b\u0435 \u0441\u0441\u044b\u043b\u043a\u0438","support":"\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430","legal":"\u042e\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f","default_col1_links":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f|\/\n\u041c\u0430\u0433\u0430\u0437\u0438\u043d|\/shop\n\u0424\u043e\u0440\u0443\u043c|\/forum","default_col2_links":"FAQ|\/faq\n\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b|\/contact\n\u0412\u0438\u043a\u0438|\/wiki","default_col3_links":"\u0423\u0441\u043b\u043e\u0432\u0438\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f|\/tos\n\u041f\u
4689043e\u043b\u0438\u0442\u0438\u043a\u0430 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438|\/privacy"};
4690        window.APEX_LANG = {
4691            auth: {"login_title":"\u0412\u0445\u043e\u0434","login_subtitle":"\u0412\u043e\u0439\u0434\u0438\u0442\u0435, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0441\u0432\u043e\u0435\u0439 \u0443\u0447\u0435\u0442\u043d\u043e\u0439 \u0437\u0430\u043f\u0438\u0441\u0438","register_title":"\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f","register_subtitle":"\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0443\u0447\u0435\u0442\u043d\u0443\u044e \u0437\u0430\u043f\u0438\u0441\u044c, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0447\u0430\u0442\u044c","password_title":"\u041f\u0430\u0440\u043e\u043b\u044c","password_subtitle":"\u0421\u0431\u0440\u043e\u0441\u044c\u0442\u0435 \u0441\u0432\u043e\u0439 \u043f\u0430\u0440\u043e\u043b\u044c","2fa_title":"\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435 2FA","2fa_subtitle":"\u0414\u0432\u0443\u0445\u0444\u0430\u043a\u0442\u043e\u0440\u043d\u0430\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430","verify_title":"\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435","verify_subtitle":"\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 \u0430\u0434\u0440\u0435\u0441 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u044b","no_account":"\u041d\u0435\u0442 \u0443\u0447\u0435\u0442\u043d\u043e\u0439 \u0437\u0430\u043f\u0438\u0441\u0438?","sign_up":"\u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f","already_account":"\u0423\u0436\u0435 \u0435\u0441\u0442\u044c \u0443\u0447\u0435\u0442\u043d\u0430\u044f \u0437\u0430\u043f\u0438\u0441\u044c?","sign_in":"\u0412\u043e\u0439\u0442\u0438","discord_login":"\u0412\u043e\u0439\u0442\u0438 \u0447\u0435\u0440\u0435\u0437 Discord","discord_login_button":"\u0412\u043e\u0439\u0442\u0438 \u0447\u0435\u0440\u0435\u0437 Discord","discord_connect":"\u0412\u043e\u0439\u0442\u0438","google_login_button":"\u0412\u043e\u0439\u0442\u0438 \u0447\u0435\u0440\u0435\u0437 Google","yandex_login_button":"\u0412\u043e\u0439\u0442\u0438 \u0447\u0435\u0440\u0435\u0437 \u042f\u043d\u0434\u0435\u043a\u0441","or":"\u0438\u043b\u0438"},
4692            posts: {"author_fallback":"\u0410\u0432\u0442\u043e\u0440","written_by":"\u041d\u0430\u043f\u0438\u0441\u0430\u043d\u043e","recent_posts":"\u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0437\u0430\u043f\u0438\u0441\u0438","no_recent":"\u041d\u0435\u0442 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0445 \u0437\u0430\u043f\u0438\u0441\u0435\u0439.","no_other":"\u041d\u0435\u0442 \u0434\u0440\u0443\u0433\u0438\u0445 \u0437\u0430\u043f\u0438\u0441\u0435\u0439.","load_failed":"\u041d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0437\u0430\u043f\u0438\u0441\u0438."},
4693            shop: {"per_unit":"\/ \u0435\u0434\u0438\u043d\u0438\u0446\u0430","summary":"\u0418\u0442\u043e\u0433\u043e","total":"\u0412\u0441\u0435\u0433\u043e"},
4694            support_page: {"category_fallback":"\u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f"},
4695        };
4696        // Auth configuration for auth-enhancer.js
4697        window.APEX_AUTH_CONFIG = {
4698            discordAuthEnabled: false,
4699            discordAuthUrl: '',
4700            googleAuthEnabled: false,
4701            googleAuthUrl: '',
4702            yandexAuthEnabled: true,
4703            yandexAuthUrl: 'https://vanillasquad.com/yandex-auth',
4704            registerRouteExists: true,
4705        };
4706    </script>
4706
4707
4708    <!-- React Editor Root (React will mount here) -->
4709    <div id="editor-root">
4710        <!-- Initial page content (before React loads) -->
4711        <div id="app-background">
4712            <img src="https://vanillasquad.com/storage/img/mpcetq7jxvyloc4.png" style="width: 100%;" alt="background" fetchpriority="high" loading="eager" decoding="async">
4713        </div>
4714        
4715        
4716        <div id="app">
4717            <header id="navbar-top-wrapper" class="navbar-top-only">
4718    <nav id="navbar-top" class="card flex align-items-center px-5">
4719        <div class="d-flex gap-4">
4720            
4721            <a class="navbar-top-logo" href="https://vanillasquad.com">
4722                <img src="https://vanillasquad.com/storage/img/logo.webp" alt="VanillaSquad">
4723            </a>
4724
4725            
4726            <ul class="navbar-top-links" id="navbar-top-links">
4727                                                            <li class="navbar-top-item">
4728                            <a class="navbar-top-link  active " 
4729                            href="https://vanillasquad.com" 
4730                            >
4731                                                                    <i class="bi bi-bi bi-house"></i>
4732                                                                <span> Главная</span>
4733                            </a>
4734                        </li>
4735                                                                                <li class="navbar-top-item">
4736                            <a class="navbar-top-link " 
4737                            href="/docs/osnovnye/pravila-servera" 
4738                            >
4739                                                                    <i class="bi bi-bi bi-shield-check"></i>
4740                                                                <span> Правила сервера</span>
4741                            </a>
4742                        </li>
4743                                                                                <li class="navbar-top-item">
4744                            <a class="navbar-top-link " 
4745                            href="https://donate.vanillasquad.com/" 
4746                             target="_blank" rel="noopener noreferrer" >
4747                                                                    <i class="bi bi-bi bi-shop"></i>
4748                                                                <span> Магазин</span>
4749                            </a>
4750                        </li>
4751                                                                                <li class="navbar-top-item">
4752                            <a class="navbar-top-link " 
4753                            href="https://vanillasquad.com/faq" 
4754                            >
4755                                                                    <i class="bi bi-bi bi-question-circle"></i>
4756                                                                <span> F.A.Q</span>
4757                            </a>
4758                        </li>
4759                                                                                <li class="navbar-top-item">
4760                            <a class="navbar-top-link " 
4761                            href="https://vanillasquad.com/map" 
4762                            >
4763                                                                    <i class="bi bi-bi bi-map"></i>
4764                                                                <span> Карта</span>
4765                            </a>
4766                        </li>
4767                                                                                <li class="navbar-top-item">
4768                            <a class="navbar-top-link " 
4769                            href="https://vanillasquad.com/docs" 
4770                            >
4771                                                                    <i class="bi bi-bi bi-file-earmark-break"></i>
4772                                                                <span> Документация</span>
4773                            </a>
4774                        </li>
4775                                                                                <li class="navbar-top-item">
4776                            <a class="navbar-top-link " 
4777                            href="https://vanillasquad.com/banlist" 
4778                            >
4779                                                                    <i class="bi bi-bi bi-ban"></i>
4780                                                                <sp
4780an> Бан-лист</span>
4781                            </a>
4782                        </li>
4783                                                                                <li class="navbar-top-item">
4784                            <a class="navbar-top-link " 
4785                            href="https://vanillasquad.com/changelog" 
4786                            >
4787                                                                    <i class="bi bi-bi bi-clipboard2-check"></i>
4788                                                                <span> Change log</span>
4789                            </a>
4790                        </li>
4791                                                                                <li class="navbar-top-item">
4792                            <a class="navbar-top-link " 
4793                            href="https://vanillasquad.com/modpack" 
4794                            >
4795                                                                    <i class="bi bi-bi bi-file-earmark-zip"></i>
4796                                                                <span> Сборка сервера</span>
4797                            </a>
4798                        </li>
4799                                                                                <li class="navbar-top-item">
4800                            <a class="navbar-top-link " 
4801                            href="https://vanillasquad.com/uploadskin" 
4802                            >
4803                                                                    <i class="bi bi-bi bi-person-square"></i>
4804                                                                <span> Установка скина</span>
4805                            </a>
4806                        </li>
4807                                                                                <li class="navbar-top-item">
4808                            <a class="navbar-top-link " 
4809                            href="https://vanillasquad.com/shop" 
4810                            >
4811                                                                    <i class="bi bi-bi bi-bag-heart"></i>
4812                                                                <span> Резервный магазин</span>
4813                            </a>
4814                        </li>
4815                                                                                <li class="navbar-top-item">
4816                            <a class="navbar-top-link " 
4817                            href="https://vanillasquad.com/nickcolor" 
4818                            >
4819                                                                    <i class="bi bi-bi bi-palette2"></i>
4820                                                                <span> Генератор ника</span>
4821                            </a>
4822                        </li>
4823                                                                                <li class="navbar-top-item">
4824                            <a class="navbar-top-link " 
4825                            href="https://vanillasquad.com/rgb" 
4826                            >
4827                                                                    <i class="bi bi-bi bi-palette"></i>
4828                                                                <span> RGB генератор</span>
4829                            </a>
4830                        </li>
4831                                                </ul>
4832
4833        </div>
4834       
4835        
4836        <div class="navbar-top-burger" id="navbar-top-burger">
4837            <span></span>
4838            <span></span>
4839            <span></span>
4840        </div>
4841
4842        
4843                <a class="navbar-top-support" href="/support" data-tooltip="Поддержка" data-tooltip-placement="bottom">
4844            <svg width="37" height="34" viewBox="0 0 37 34" fill="none" xmlns="http://www.w3.org/2000/svg">
4845                <g clip-path="url(#clip0_navbar_top)">
4846                <path d="M8.25 26.125H5.5C2.475 26.125 0 23.65 0 20.625V19.25C0 16.225 2.475 13.75 5.5 13.75H8.25C9.075 13.75 9.625 14.3 9.625 15.125V24.75C9.625 25.575 9.075 26.125 8.25 26.125ZM5.5 16.5C3.9875 16.5 2.75 17.7375 2.75 19.25V20.625C2.75 22.1375 3.9875 23.375 5.5 23.375H6.875V16.5H5.5Z" fill="white"/>
4847                <path d="M27.5 26.125H24.75C23.925 26.125 23.375 25.575 23.375 24.75V15.125C23.375 14.3 23.925 13.75 24.75 13.75H27.5C30.525 13.75 33 16.225 33 19.25V20.625C33 23.65 3
48470.525 26.125 27.5 26.125ZM26.125 23.375H27.5C29.0125 23.375 30.25 22.1375 30.25 20.625V19.25C30.25 17.7375 29.0125 16.5 27.5 16.5H26.125V23.375Z" fill="white"/>
4848                <path d="M28.7375 16.6375C28.6 16.6375 28.6 16.6375 28.4625 16.6375C27.775 16.5 27.225 15.8125 27.3625 15.125C27.3625 14.7125 27.5 14.3 27.5 13.75C27.5 7.7 22.55 2.75 16.5 2.75C10.45 2.75 5.5 7.7 5.5 13.75C5.5 14.3 5.5 14.7125 5.6375 15.125C5.775 15.8125 5.225 16.6375 4.5375 16.6375C3.85 16.775 3.025 16.225 3.025 15.5375C2.75 14.9875 2.75 14.4375 2.75 13.75C2.75 6.1875 8.9375 0 16.5 0C24.0625 0 30.25 6.1875 30.25 13.75C30.25 14.4375 30.25 14.9875 30.1125 15.5375C29.975 16.225 29.425 16.6375 28.7375 16.6375Z" fill="white"/>
4849                <path d="M16.5 33C13.475 33 12.375 30.525 12.375 28.875C12.375 27.225 13.475 24.75 16.5 24.75C19.525 24.75 20.625 27.225 20.625 28.875C20.625 29.15 20.625 29.425 20.4875 29.7C23.5125 28.875 25.575 26.95 26.675 24.2C26.95 23.5125 27.775 23.1 28.4625 23.375C29.15 23.65 29.5625 24.475 29.2875 25.1625C27.9125 28.7375 24.475 33 16.5 33ZM16.5 27.5C15.4 27.5 15.125 28.325 15.125 28.875C15.125 29.425 15.4 30.25 16.5 30.25C17.6 30.25 17.875 29.425 17.875 28.875C17.875 28.325 17.6 27.5 16.5 27.5Z" fill="white"/>
4850                </g>
4851                <circle cx="31.5" cy="28.5" r="4" fill="#78FF9A" stroke="var(--color4)" stroke-width="3"/>
4852                <defs>
4853                <clipPath id="clip0_navbar_top">
4854                <rect width="33" height="33" fill="white"/>
4855                </clipPath>
4856                </defs>
4857            </svg>
4858        </a>
4859            </nav>
4860</header>
4861
4862
4863
4864
4865<header id="navbar-wrapper" class="navbar-left-only">
4866    <nav id="navbar" class="card flex flex-column align-items-center">
4867        <a class="position-relative p-4" href="https://vanillasquad.com">
4868            <div class="highlight-1"></div>
4869            <img src="https://vanillasquad.com/storage/img/logo.webp" class="position-relative" style="z-index: 2; width: 60px;" alt="VanillaSquad">
4870        </a>
4871
4872        <ul class="navbar-links flex-grow-1" id="navbar-links">
4873                                                <li class="navbar-item" data-index="0" data-link="https://vanillasquad.com" data-name=" Главная" data-icon="bi bi-house" data-active="1" data-new-tab="0">
4874                        <a class="navbar-link  active " href="https://vanillasquad.com" data-tooltip=" Главная" data-tooltip-placement="right" >
4875                            <i class="bi bi-bi bi-house"></i>
4876                        </a>
4877                    </li>
4878                                                                <li class="navbar-item" data-index="1" data-link="/docs/osnovnye/pravila-servera" data-name=" Правила сервера" data-icon="bi bi-shield-check" data-active="0" data-new-tab="0">
4879                        <a class="navbar-link " href="/docs/osnovnye/pravila-servera" data-tooltip=" Правила сервера" data-tooltip-placement="right" >
4880                            <i class="bi bi-bi bi-shield-check"></i>
4881                        </a>
4882                    </li>
4883                                                                <li class="navbar-item" data-index="2" data-link="https://donate.vanillasquad.com/" data-name=" Магазин" data-icon="bi bi-shop" data-active="0" data-new-tab="1">
4884                        <a class="navbar-link " href="https://donate.vanillasquad.com/" data-tooltip=" Магазин" data-tooltip-placement="right"  target="_blank" rel="noopener noreferrer" >
4885                            <i class="bi bi-bi bi-shop"></i>
4886                        </a>
4887                    </li>
4888                                                                <li class="navbar-item" data-index="3" data-link="https://vanillasquad.com/faq" data-name=" F.A.Q" data-icon="bi bi-question-circle" data-active="0" data-new-tab="0">
4889                        <a class="navbar-link " href="https://vanillasquad.com/faq" data-tooltip=" F.A.Q" data-tooltip-placement="right" >
4890                            <i class="bi bi-bi bi-question-circle"></i>
4891                        </a>
4892                    </li>
4893                                                                <li class="navbar-item" data-index="4" data-link="https://vanillasquad.com/map" data-name=" Карта" data-icon="bi bi-map" data-active="0" data-new-tab="0">
4894                        <a class="navbar-link " href="https://vanillasquad.com/map" data-tooltip=" Карта" data-tooltip-placement="right" >
4895                            <i class="bi bi-bi bi-map"></i>
4896                        </a>
4897                    </li>
4898                                                                <li class="navbar-item" data-index="5" data-link="https://vanillasquad.com/docs" data-name=" Документация" data-icon="bi bi-file-earmark-break" data-active="0" data-new-tab="0">
4899                        <a class="navbar-link " href="https://vanillasquad.com/docs" data-tooltip=" Документация" data-tooltip-placement="right" >
4900                            <i class="bi bi-bi bi-file-earmark-break"></i>
4901                        </a>
4902                    </li>
4903                                                                <li class="navbar-item" data-index="6" data-link="https://vanillasquad.com/banlist" data-name=" Бан-лист" data-icon="bi bi-ban" data-active="0" data-new-tab="0">
4904                        <a class="navbar-link " href="https://vanillasquad.com/banlist" data-tooltip=" Бан-лист" data-tooltip-placement="right" >
4905                            <i class="bi bi-bi bi-ban"></i>
4906                        </a>
4907                    </li>
4908                                                                <li class="navbar-item" data-index="7" data-link="https://vanillasquad.com/changelog" data-name=" Change log" data-icon="bi bi-clipboard2-check" data-active="0" data-new-tab="0">
4909                        <a class="navbar-link " href="https://vanillasquad.com/changelog" data-tooltip=" Change log" data-tooltip-placement="right" >
4910                            <i class="bi bi-bi bi-clipboard2-check"></i>
4911                        </a>
4912                    </li>
4913                                                                <li class="navbar-item" data-index="8" data-link="https://vanillasquad.com/modpack" data-name=" Сборка сервера" data-icon="bi bi-file-earmark-zip" data-active="0" data-new-tab="0">
4914                        <a class="navbar-link " href="https://vanillasquad.com/modpack" data-tooltip=" Сборка сервера" data-tooltip-placement="right" >
4915                            <i class="bi bi-bi bi-file-earmark-zip"></i>
4916                        </a>
4917                    </li>
4918                                                                <li class="navbar-item" data-index="9" data-link="https://vanillasquad.com/uploadskin" data-name=" Установка скина" data-icon="bi bi-pers
4918on-square" data-active="0" data-new-tab="0">
4919                        <a class="navbar-link " href="https://vanillasquad.com/uploadskin" data-tooltip=" Установка скина" data-tooltip-placement="right" >
4920                            <i class="bi bi-bi bi-person-square"></i>
4921                        </a>
4922                    </li>
4923                                                                <li class="navbar-item" data-index="10" data-link="https://vanillasquad.com/shop" data-name=" Резервный магазин" data-icon="bi bi-bag-heart" data-active="0" data-new-tab="0">
4924                        <a class="navbar-link " href="https://vanillasquad.com/shop" data-tooltip=" Резервный магазин" data-tooltip-placement="right" >
4925                            <i class="bi bi-bi bi-bag-heart"></i>
4926                        </a>
4927                    </li>
4928                                                                <li class="navbar-item" data-index="11" data-link="https://vanillasquad.com/nickcolor" data-name=" Генератор ника" data-icon="bi bi-palette2" data-active="0" data-new-tab="0">
4929                        <a class="navbar-link " href="https://vanillasquad.com/nickcolor" data-tooltip=" Генератор ника" data-tooltip-placement="right" >
4930                            <i class="bi bi-bi bi-palette2"></i>
4931                        </a>
4932                    </li>
4933                                                                <li class="navbar-item" data-index="12" data-link="https://vanillasquad.com/rgb" data-name=" RGB генератор" data-icon="bi bi-palette" data-active="0" data-new-tab="0">
4934                        <a class="navbar-link " href="https://vanillasquad.com/rgb" data-tooltip=" RGB генератор" data-tooltip-placement="right" >
4935                            <i class="bi bi-bi bi-palette"></i>
4936                        </a>
4937                    </li>
4938                                        
4939        </ul>
4940                <a class="pb-4 mb-2 navbar-left-support" href="/support">
4941            <svg  width="37" height="34" viewBox="0 0 37 34" fill="none" xmlns="http://www.w3.org/2000/svg">
4942                <g clip-path="url(#clip0_87_3)">
4943                <path d="M8.25 26.125H5.5C2.475 26.125 0 23.65 0 20.625V19.25C0 16.225 2.475 13.75 5.5 13.75H8.25C9.075 13.75 9.625 14.3 9.625 15.125V24.75C9.625 25.575 9.075 26.125 8.25 26.125ZM5.5 16.5C3.9875 16.5 2.75 17.7375 2.75 19.25V20.625C2.75 22.1375 3.9875 23.375 5.5 23.375H6.875V16.5H5.5Z" fill="white"/>
4944                <path d="M27.5 26.125H24.75C23.925 26.125 23.375 25.575 23.375 24.75V15.125C23.375 14.3 23.925 13.75 24.75 13.75H27.5C30.525 13.75 33 16.225 33 19.25V20.625C33 23.65 30.525 26.125 27.5 26.125ZM26.125 23.375H27.5C29.0125 23.375 30.25 22.1375 30.25 20.625V19.25C30.25 17.7375 29.0125 16.5 27.5 16.5H26.125V23.375Z" fill="white"/>
4945                <path d="M28.7375 16.6375C28.6 16.6375 28.6 16.6375 28.4625 16.6375C27.775 16.5 27.225 15.8125 27.3625 15.125C27.3625 14.7125 27.5 14.3 27.5 13.75C27.5 7.7 22.55 2.75 16.5 2.75C10.45 2.75 5.5 7.7 5.5 13.75C5.5 14.3 5.5 14.7125 5.6375 15.125C5.775 15.8125 5.225 16.6375 4.5375 16.6375C3.85 16.775 3.025 16.225 3.025 15.5375C2.75 14.9875 2.75 14.4375 2.75 13.75C2.75 6.1875 8.9375 0 16.5 0C24.0625 0 30.25 6.1875 30.25 13.75C30.25 14.4375 30.25 14.9875 30.1125 15.5375C29.975 16.225 29.425 16.6375 28.7375 16.6375Z" fill="white"/>
4946                <path d="M16.5 33C13.475 33 12.375 30.525 12.375 28.875C12.375 27.225 13.475 24.75 16.5 24.75C19.525 24.75 20.625 27.225 20.625 28.875C20.625 29.15 20.625 29.425 20.4875 29.7C23.5125 28.875 25.575 26.95 26.675 24.2C26.95 23.5125 27.775 23.1 28.4625 23.375C29.15 23.65 29.5625 24.475 29.2875 25.1625C27.9125 28.7375 24.475 33 16.5 33ZM16.5 27.5C15.4 27.5 15.125 28.325 15.125 28.875C15.125 29.425 15.4 30.25 16.5 30.25C17.6 30.25 17.875 29.425 17.875 28.875C17.875 28.325 17.6 27.5 16.5 27.5Z" fill="white"/>
4947                </g>
4948                <circle cx="31.5" cy="28.5" r="4" fill="#78FF9A" stroke="var(--color4)" stroke-width="3"/>
4949                <defs>
4950                <clipPath id="clip0_87_3">
4951                <rect width="33" height="33" fill="white"/>
4952                </clipPath>
4953                </defs>
4954            </svg>
4955        </a>
4956            </nav>
4957    <div class="highlight-2"></div>
4958</header>
4959
4960
4961
4962
4963<div id="mobile-topbar" class="mobile-topbar">
4964    <a class="mobile-topbar-logo" href="https://vanillasquad.com">
4965        <img src="https://vanillasquad.com/storage/img/logo.webp" alt="VanillaSquad">
4966    </a>
4967    <button class="mobile-hamburger" id="mobile-hamburger" aria-label="Открыть меню">
4968        <span></span>
4969        <span></span>
4970        <span></span>
4971    </button>
4972</div>
4973
4974<div id="mobile-sidebar-overlay" class="mobile-sidebar-overlay"></div>
4975
4976<aside id="mobile-sidebar" class="mobile-sidebar">
4977    <div class="mobile-sidebar-header">
4978        <a class="mobile-sidebar-logo" href="https://vanillasquad.com">
4979            <img src="https://vanillasquad.com/storage/img/logo.webp" alt="VanillaSquad">
4980        </a>
4981        <button class="mobile-sidebar-close" id="mobile-sidebar-close" aria-label="Закрыть меню">
4982            <i class="bi bi-x-lg"></i>
4983        </button>
4984    </div>
4985    
4986    <nav class="mobile-sidebar-nav">
4987        <ul class="mobile-sidebar-links">
4988                                                <li class="mobile-sidebar-item">
4989                        <a class="mobile-sidebar-link  active " 
4990                           href="https://vanillasquad.com" 
4991                           >
4992                                                            <i class="bi bi-bi bi-house"></i>
4993                                                        <span> Главная</span>
4994                        </a>
4995                    </li>
4996                                                                <li class="mobile-sidebar-item">
4997                        <a class="mobile-sidebar-link " 
4998                           href="/docs/osnovnye/pravila-servera" 
4999                           >
5000                                                            <i class="bi bi-bi bi-shield-check"></i>
5001                                                        <span> Правила сервера</span>
5002                        </a>
5003                    </li>
5004                                                                <li class="mobile-sidebar-item">
5005                        <a class="mobile-sidebar-link " 
5006                           href="https://donate.vanillasquad.com/" 
5007                            target="_blank" rel="noopener noreferrer" >
5008                                                            <i class="bi bi-bi bi-shop"></i>
5009                                                        <span> Магазин</span>
5010                        </a>
5011                    </li>
5012                                                                <li class="mobile-sidebar-item">
5013                        <a class="mobile-sidebar-link " 
5014                           href="https://vanillasquad.com/faq" 
5015                           >
5016                                                            <i class="bi bi-bi bi-question-circle"></i>
5017                                                        <span> F.A.Q</span>
5018                        </a>
5019                    </li>
5020                                                                <li class="mobile-sidebar-item">
5021                        <a class="mobile-sidebar-link " 
5022                           href="https://vanillasquad.com/map" 
5023                           >
5024                                                            <i class="bi bi-bi bi-map"></i>
5025                                                        <span> Карта</span>
5026                        </a>
5027                    </li>
5028                                                                <li class="mobile-sidebar-item">
5029                        <a class="mobile-sidebar-link " 
5030                           href="https://vanillasquad.com/docs" 
5031                           >
5032                                                            <i class="bi bi-bi bi-file-earmark-break"></i>
5033                                                        <span> Документация</span>
5034                        </a>
5035                    </li>
5036                                                                <li class="mobile-sidebar-item">
5037                        <a class="mobile-sidebar-link " 
5038                           href="https://vanillasquad.com/banlist" 
5039                           >
5040                                                            <i class="bi bi-bi bi-ban"></i>
5041                                                        <span> Бан-лист</span>
5042                        </a>
5043                    </li>
5044                                                                <li class="mobile-sidebar-item">
5045                        <a class="mobile-sidebar-link " 
5046                           href="https://vanillasquad.com/changelog" 
5047                           >
5048                                                            <i class="bi bi-bi bi-clipboard2-check"></i>
5049                                                        <span> Change log</span>
5050                        </a>
5051                    </li>
5052                                                                <li class="mobile-sidebar-item">
5053                        <a class="mobile-sidebar-link " 
5054                           href="https://vanillasquad.com/modpack" 
5055                           >
5056                                                            <i class="bi bi-bi bi-file-earmark-zip"></i>
5057                                                        <span> Сборка сервера</span>
5058                        </a>
5059                    </li>
5060                                                                <li class="mobile-sidebar-item">
5061                        <a class="mobile-sidebar-link " 
5062                           href="https://vanillasquad.com/uploadskin" 
5063                           >
5064                                                            <i class="bi bi-bi bi-person-square"></i>
5065                                                        <span> Установка скина</span>
5066                        </a>
5067                    </li>
5068                                                                <li class="mobile-sidebar-item">
5069                        <a class="mobile-sidebar-link " 
5070                           href="https://vanillasquad.com/shop" 
5071                           >
5072                                                            <i class="bi bi-bi bi-bag-heart"></i>
5073                                                        <span> Резервный магазин</span>
5074                        </a>
5075                    </li>
5076                                                                <li class="mobile-sidebar-item">
5077                        <a class="mobile-sidebar-link " 
5078                           href="https://vanillasquad.com/nickcolor" 
5079                           >
5080                                                            <i class="bi bi-bi bi-palette2"></i>
5081                                                        <span> Генератор ника</span>
5082                        </a>
5083                    </li>
5084                                                                <li class="mobile-sidebar-item">
5085                        <a class="mobile-sidebar-link " 
5086                           href="https://vanillasquad.com/rgb" 
5087                           >
5088                                                            <i class="bi bi-bi bi-palette"></i>
5089                                                        <span> RGB генератор</span>
5090                        </a>
5091                    </li>
5092                                        
5093        </ul>
5094    </nav>
5095    
5096    <div class="mobile-sidebar-footer">
5097                    <div class="mobile-sidebar-social">
5098                                    <a href="https://discord.gg/vanillasquad" 
5099                       title="Discord" 
5100                       target="_blank" 
5101                       rel="noopener noreferrer"
5102                       class="mobile-sidebar-social-link"
5103                       style="--social-color: #5865f2">
5104                        <i class="bi bi-discord"></i>
5105                    </a>
5106                                    <a href="https://www.youtube.com/@vanillasquadcom" 
5107                       title="YouTube" 
5108                       target="_blank" 
5109                       rel="noopener noreferrer"
5110                       class="mobile-sidebar-social-link"
5111                       style="--social-color: #ff0000">
5112                        <i class="bi bi-youtube"></i>
5113                    </a>
5114                                    <a href="https://t.me/vanillasquadcom" 
5115                       title="Telegram канал" 
5116                       target="_blank" 
5117                       rel="noopener noreferrer"
5118                       class="mobile-sidebar-social-link"
5119                       style="--social-color: #2196f3">
5120                        <i class="bi bi-telegram"></i>
5121                    </a>
5122                                    <a href="https://www.tiktok.com/@vanillasquad.com" 
5123                       title="TikTok" 
5124                       target="_blank" 
5125                       rel="noopener noreferrer"
5126                       class="mobile-sidebar-social-link"
5127                       style="--social-color: #fe2c55">
5128                        <i class="bi bi-tiktok"></i>
5129                    </a>
5130                                    <a href="https://www.twitch.tv/vanillasquadcom" 
5131                       title="Twitch" 
5132                       target="_blank" 
5133                       rel="noopener noreferrer"
5134                       class="mobile-sidebar-social-link"
5135                       style="--social-color: #9c27b0">
5136                        <i class="bi bi-twitch"></i>
5137                    </a>
5138                            </div>
5139            </div>
5140</aside>
5141
5142
5143
5144<script>
5145document.addEventListener('DOMContentLoaded', function() {
5146    // =============================================
5147    // GLOBAL FUNCTION - Retrieving the zoom level
5148    // =============================================
5149    function getZoomLevel() {
5150        return parseFloat(getComputedStyle(document.documentElement).zoom) || 1;
5151    }
5152
5153    // =============================================
5154    // CUSTOM TOOLTIP SYSTEM
5155    // =============================================
5156    class CustomTooltip {
5157        constructor() {
5158            this.tooltip = null;
5159            this.arrow = null;
5160            this.currentTarget = null;
5161            this.hideTimeout = null;
5162            this.createTooltipElement();
5163            this.initTooltips();
5164        }
5165
5166        createTooltipElement() {
5167            // Create the tooltip element
5168            this.tooltip = document.createElement('div');
5169            this.tooltip.className = 'custom-tooltip';
5170            this.tooltip.innerHTML = '<div class="custom-tooltip-content"></div><div class="custom-tooltip-arrow"></div>';
5171            document.body.appendChild(this.tooltip);
5172            this.arrow = this.tooltip.querySelector('.custom-tooltip-arrow');
5173            this.content = this.tooltip.querySelector('.custom-tooltip-content');
5174        }
5175
5176        initTooltips() {
5177            // Use mouseover/mouseout for better transition management
5178            document.addEventListener('mouseover', (e) => {
5179                const target = e.target.closest('[data-tooltip]');
5180                if (target) {
5181                    this.show(target);
5182                }
5183            }, true);
5184
5185            document.addEventListener('mouseout', (e) => {
5186                const target = e.target.closest('[data-tooltip]');
5187                if (target) {
5188                    // Check if we're going to another element with tooltip
5189                    const relatedTarget = e.relatedTarget;
5190                    const nextTooltipTarget = relatedTarget ? relatedTarget.closest('[data-tooltip]') : null;
5191                    
5192                    // If we're going to another tooltip element, don't hide
5193                    if (nextTooltipTarget && nextTooltipTarget !== target) {
5194                        return; // The show() of the new element will take care of everything
5195                    }
5196                    
5197                    // Otherwise, hide the tooltip
5198                    this.hide();
5199                }
5200            }, true);
5201        }
5202
5203        show(target) {
5204            // Cancel any ongoing hide timeout
5205            clearTimeout(this.hideTimeout);
5206            this.hideTimeout = null;
5207            
5208            // If it's the same element, do nothing
5209            if (this.currentTarget === target && this.tooltip.classList.contains('visible')) {
5210                return;
5211            }
5212            
5213            this.currentTarget = target;
5214            
5215            const text = target.getAttribute('data-tooltip');
5216            const placement = target.getAttribute('data-tooltip-placement') || 'top';
5217            
5218            this.content.textContent = text;
5219            this.tooltip.setAttribute('data-placement', placement);
5220            
5221            // Positionner immédiatement puis afficher
5222            this.position(target, placement);
5223            this.tooltip.classList.add('visible');
5224        }
5225
5226        hide() {
5227            // Small delay to allow transition to another element
5228            this.hideTimeout = setTimeout(() => {
5229                this.tooltip.classList.remove('visible');
5230                this.currentTarget = null;
5231            }, 50);
5232        }
5233
5234        position(target, placement) {
5235            const zoom = getZoomLevel();
5236            const rect = target.getBoundingClientRect();
5237            const tooltipRect = this.tooltip.getBoundingClientRect();
5238            
5239            // Coordinates adjusted for zoom
5240            const targetLeft = rect.left / zoom;
5241            const targetTop = rect.top / zoom;
5242            const targetWidth = rect.width / zoom;
5243            const targetHeight = rect.height / zoom;
5244            const tooltipWidth = tooltipRect.width / zoom;
5245            const tooltipHeight = tooltipRect.height / zoom;
5246            
5247            let left, top;
5248            const gap = 8; // Spacing between the element and the tooltip
5249            
5250            switch (placement) {
5251                case 'top':
5252                    left = targetLeft + (targetWidth / 2) - (tooltipWidth / 2);
5253                    top = targetTop - tooltipHeight - gap;
5254                    break;
5255                case 'bottom':
5256                    left = targetLeft + (targetWidth / 2) - (tooltipWidth / 2);
5257                    top = targetTop + targetHeight + gap;
5258                    break;
5259                case 'left':
5260                    left = targetLeft - tooltipWidth - gap;
5261                    top = targetTop + (targetHeight / 2) - (tooltipHeight / 2);
5262                    break;
5263                case 'right':
5264                    left = targetLeft + targetWidth + gap;
5265                    top = targetTop + (targetHeight / 2) - (tooltipHeight / 2);
5266                    break;
5267                default:
5268                    left = targetLeft + (targetWidth / 2) - (tooltipWidth / 2);
5269                    top = targetTop - tooltipHeight - gap;
5270            }
5271            
5272            // Apply the position
5273            this.tooltip.style.left = `${left}px`;
5274            this.tooltip.style.top = `${top}px`;
5275        }
5276    }
5277
5278    // Initialize the tooltip system
5279    window.customTooltip = new CustomTooltip();
5280
5281    // =============================================
5282    // NAVBAR TOP - Managing dropdowns and burger
5283    // =============================================
5284    function initNavbarTop() {
5285        const dropdowns = document.querySelectorAll('.navbar-top-dropdown');
5286        
5287        dropdowns.forEach(dropdown => {
5288            const toggle = dropdown.querySelector('.dropdown-toggle');
5289            
5290            if (toggle) {
5291                toggle.addEventListener('click', function(e) {
5292                    e.preventDefault();
5293                    e.stopPropagation();
5294                    
5295                    // Close the other dropdowns
5296                    dropdowns.forEach(d => {
5297                        if (d !== dropdown) {
5298                            d.classList.remove('open');
5299                        }
5300                    });
5301                    
5302                    // Toggle the current dropdown
5303                    dropdown.classList.toggle('open');
5304                });
5305            }
5306        });
5307        
5308        // Close dropdowns by clicking elsewhere
5309        document.addEventListener('click', function(e) {
5310            if (!e.target.closest('.navbar-top-dropdown')) {
5311                dropdowns.forEach(d => d.classList.remove('open'));
5312            }
5313        });
5314        
5315        // Managing the mobile burger menu
5316        const burger = document.getElementById('navbar-top-burger');
5317        const navbarLinks = document.getElementById('navbar-top-links');
5318        
5319        if (burger && navbarLinks) {
5320            burger.addEventListener('click', function() {
5321                burger.classList.toggle('active');
5322                navbarLinks.classList.toggle('open');
5323            });
5324        }
5325    }
5326    
5327    // Initialize the top navbar
5328    initNavbarTop();
5329
5330    // =============================================
5331    // NAVBAR LEFT - Intelligent responsive system
5332    // =============================================
5333    class IntelligentNavbar {
5334        constructor() {
5335            this.navbar = document.getElementById('navbar');
5336            this.navbarLinks = document.getElementById('navbar-links');
5337            
5338            if (!this.navbar || !this.navbarLinks) return;
5339            
5340            this.navbarItems = Array.from(document.querySelectorAll('#navbar-links > .navbar-item'));
5341            this.logoElements = document.querySelectorAll('#navbar > a');
5342            this.moreButton = null;
5343            this.moreMenu = null;
5344            
5345            this.createMoreElements();
5346            this.init();
5347        }
5348
5349        createMoreElements() {
5350            // Create the More button
5351            const moreButtonLi = document.createElement('li');
5352            moreButtonLi.id = 'more-button';
5353            moreButtonLi.className = 'navbar-item';
5354            moreButtonLi.innerHTML = `
5355                <a class="navbar-link" href="#" id="more-button-link" data-tooltip="Еще" data-tooltip-placement="right">
5356                    <i class="bi bi-three-dots"></i>
5357                </a>
5358            `;
5359            this.navbarLinks.appendChild(moreButtonLi);
5360            this.moreButton = moreButtonLi;
5361
5362            // Create the More menu
5363            const moreMenu = document.createElement('div');
5364            moreMenu.id = 'more-menu';
5365            document.body.appendChild(moreMenu);
5366            this.moreMenu = moreMenu;
5367
5368            // Manage opening/closing of the More menu
5369            const moreButtonLink = document.getElementById('more-button-link');
5370            if (moreButtonLink) {
5371                moreButtonLink.addEventListener('click', (e) => {
5372                    e.preventDefault();
5373                    e.stopPropagation();
5374                    this.closeAllMenus();
5375                    this.toggleMoreMenu();
5376                });
5377            }
5378
5379            // Handle clicks on visible dropdowns in the navbar
5380            this.setupDropdownListeners();
5381
5382            // Close menus if clicking elsewhere
5383            document.addEventListener('click', (e) => {
5384                if (!e.target.closest('.navbar-dropdown') && 
5385                    !e.target.closest('#more-button') && 
5386                    !e.target.closest('.more-menu-container')) {
5387                    this.closeAllMenus();
5388                }
5389            });
5390        }
5391
5392        setupDropdownListeners() {
5393            document.querySelectorAll('#navbar .navbar-dropdown .navbar-link').forEach(dropdownLink => {
5394                dropdownLink.addEventListener('click', (e) => {
5395                    e.preventDefault();
5396                    e.stopPropagation();
5397                    const dropdownItem = dropdownLink.closest('.navbar-dropdown');
5398                    this.closeAllMenus();
5399                    this.openDropdownMenu(dropdownItem);
5400                });
5401            });
5402        }
5403
5404        openDropdownMenu(dropdownItem) {
5405            let dropdownMenu = document.getElementById('left-dropdown-menu-' + dropdownItem.dataset.index);
5406            
5407            if (!dropdownMenu) {
5408                dropdownMenu = document.createElement('div');
5409                dropdownMenu.id = 'left-dropdown-menu-' + dropdownItem.dataset.index;
5410                dropdownMenu.className = 'more-menu-container';
5411                document.body.appendChild(dropdownMenu);
5412            }
5413            
5414            dropdownMenu.innerHTML = '';
5415            
5416            const dropdownChildren = dropdownItem.querySelector('.dropdown-children');
5417            if (dropdownChildren) {
5418                const children = dropdownChildren.querySelectorAll('.dropdown-child');
5419                children.forEach(child => {
5420                    const childLink = child.href;
5421                    const childName = child.dataset.name;
5422                    const childIcon = child.dataset.icon || 'file-earmark';
5423                    const childActive = child.classList.contains('active');
5424                    const childNewTab = child.target === '_blank';
5425                    
5426                    const menuItem = document.createElement('a');
5427                    menuItem.href = childLink;
5428                    menuItem.className = 'more-menu-item' + (childActive ? ' active' : '');
5429                    if (childNewTab) {
5430                        menuItem.target = '_blank';
5431                        menuItem.rel = 'noopener noreferrer';
5432                    }
5433                    menuItem.innerHTML = `
5434                        <i class="bi bi-${childIcon}"></i>
5435                        <span>${childName}</span>
5436                    `;
5437                    dropdownMenu.appendChild(menuItem);
5438                });
5439            }
5440
5441            this.positionMenu(dropdownMenu, dropdownItem);
5442            dropdownMenu.offsetHeight;
5443            requestAnimationFrame(() => {
5444                dropdownMenu.classList.add('open');
5445            });
5446        }
5447
5448        getZoomLevel() {
5449            // Get the HTML zoom level (defined by media queries)
5450            const zoom = parseFloat(getComputedStyle(document.documentElement).zoom) || 1;
5451            return zoom;
5452        }
5453
5454        positionMenu(menuElement, referenceElement) {
5455            const rect = referenceElement.getBoundingClientRect();
5456            const zoom = this.getZoomLevel();
5457            
5458            setTimeout(() => {
5459                const menuHeight = menuElement.offsetHeight;
5460                const windowHeight = window.innerHeight;
5461                
5462                // Compensate zoom for fixed positions
5463                let leftPosition = 140 / zoom;
5464                let topPosition = rect.top / zoom;
5465                
5466                if (topPosition + menuHeight > windowHeight / zoom) {
5467                    topPosition = (windowHeight / zoom) - menuHeight - 20;
5468                    topPosition = Math.max(20, topPosition);
5469                }
5470                
5471                menuElement.style.top = topPosition + 'px';
5472                menuElement.style.left = leftPosition + 'px';
5473            }, 10);
5474        }
5475
5476        closeAllMenus() {
5477            if (this.moreMenu) {
5478                this.moreMenu.classList.remove('open');
5479            }
5480            
5481            document.querySelectorAll('.more-menu-container').forEach(menu => {
5482                menu.classList.remove('open');
5483            });
5484            
5485            document.querySelectorAll('.submenu-container').forEach(menu => {
5486                menu.remove();
5487            });
5488        }
5489
5490        toggleMoreMenu() {
5491            this.moreMenu.classList.toggle('open');
5492            
5493            if (this.moreMenu.classList.contains('open')) {
5494                this.positionMenu(this.moreMenu, this.moreButton);
5495            }
5496        }
5497
5498        closeMoreMenu() {
5499            this.closeAllMenus();
5500        }
5501
5502        updateMoreMenu(hiddenItems) {
5503            this.moreMenu.innerHTML = '';
5504            
5505            hiddenItems.forEach(item => {
5506                const isDropdown = item.dataset.dropdown === 'true';
5507                
5508                if (isDropdown) {
5509                    const name = item.dataset.name;
5510                    const icon = item.dataset.icon;
5511                    const isActive = item.dataset.active === '1';
5512                    
5513                    const dropdownButton = document.createElement('div');
5514                    dropdownButton.className = 'more-menu-item more-menu-dropdown-button' + (isActive ? ' active' : '');
5515                    dropdownButton.dataset.dropdownIndex = item.dataset.index;
5516                    dropdownButton.innerHTML = `
5517                        <i class="bi bi-${icon}"></i>
5518                        <span>${name}</span>
5519                        <i class="bi bi-chevron-right" style="margin-left: auto; font-size: 12px;"></i>
5520                    `;
5521                    
5522                    dropdownButton.addEventListener('click', (e) => {
5523                        e.preventDefault();
5524                        e.stopPropagation();
5525                        this.openSubmenu(dropdownButton, item);
5526                    });
5527                    
5528                    this.moreMenu.appendChild(dropdownButton);
5529                } else {
5530                    const link = item.dataset.link;
5531                    const name = item.dataset.name;
5532                    const icon = item.dataset.icon;
5533                    const isActive = item.dataset.active === '1';
5534                    const newTab = item.dataset.newTab === '1';
5535
5536                    const menuItem = document.createElement('a');
5537                    menuItem.href = link;
5538                    menuItem.className = 'more-menu-item' + (isActive ? ' active' : '');
5539                    if (newTab) {
5540                        menuItem.target = '_blank';
5541                        menuItem.rel = 'noopener noreferrer';
5542                    }
5543                    menuItem.innerHTML = `
5544                        <i class="bi bi-${icon}"></i>
5545                        <span>${name}</span>
5546                    `;
5547                    
5548                    this.moreMenu.appendChild(menuItem);
5549                }
5550            });
5551        }
5552
5553        openSubmenu(buttonElement, dropdownItem) {
5554            document.querySelectorAll('.submenu-container').forEach(menu => {
5555                menu.remove();
5556            });
5557            
5558            const submenu = document.createElement('div');
5559            submenu.className = 'more-menu-container submenu-container';
5560            submenu.id = 'submenu-' + dropdownItem.dataset.index;
5561            document.body.appendChild(submenu);
5562            
5563            const dropdownChildren = dropdownItem.querySelector('.dropdown-children');
5564            if (dropdownChildren) {
5565                const children = dropdownChildren.querySelectorAll('.dropdown-child');
5566                children.forEach(child => {
5567                    const childLink = child.href;
5568                    const childName = child.dataset.name;
5569                    const childIcon = child.dataset.icon || 'file-earmark';
5570                    const childActive = child.classList.contains('active');
5571                    const childNewTab = child.target === '_blank';
5572                    
5573                    const menuItem = document.createElement('a');
5574                    menuItem.href = childLink;
5575                    menuItem.className = 'more-menu-item' + (childActive ? ' active' : '');
5576                    if (childNewTab) {
5577                        menuItem.target = '_blank';
5578                        menuItem.rel = 'noopener noreferrer';
5579                    }
5580                    menuItem.innerHTML = `
5581                        <i class="bi bi-${childIcon}"></i>
5582                        <span>${childName}</span>
5583                    `;
5584                    submenu.appendChild(menuItem);
5585                });
5586            }
5587            
5588            this.positionSubmenu(submenu, buttonElement);
5589            submenu.offsetHeight;
5590            requestAnimationFrame(() => {
5591                submenu.classList.add('open');
5592            });
5593        }
5594
5595        positionSubmenu(submenu, referenceElement) {
5596            const rect = referenceElement.getBoundingClientRect();
5597            const moreMenuRect = this.moreMenu.getBoundingClientRect();
5598            const zoom = this.getZoomLevel();
5599            
5600            setTimeout(() => {
5601                const submenuHeight = submenu.offsetHeight;
5602                const submenuWidth = submenu.offsetWidth;
5603                const windowHeight = window.innerHeight;
5604                const windowWidth = window.innerWidth;
5605                
5606                // Compensate zoom for fixed positions
5607                let leftPosition = (moreMenuRect.right + 10) / zoom;
5608                
5609                if ((moreMenuRect.right + 10 + submenuWidth * zoom) > windowWidth) {
5610                    leftPosition = (moreMenuRect.left - submenuWidth * zoom - 10) / zoom;
5611                }
5612                
5613                let topPosition = rect.top / zoom;
5614                
5615                if (topPosition + submenuHeight > windowHeight / zoom) {
5616                    topPosition = (windowHeight / zoom) - submenuHeight - 20;
5617                    topPosition = Math.max(20, topPosition);
5618                }
5619                
5620                submenu.style.top = topPosition + 'px';
5621                submenu.style.left = leftPosition + 'px';
5622            }, 10);
5623        }
5624
5625        init() {
5626            setTimeout(() => {
5627                this.calculateVisibleItems();
5628            }, 100);
5629            
5630            let resizeTimeout;
5631            window.addEventListener('resize', () => {
5632                clearTimeout(resizeTimeout);
5633                resizeTimeout = setTimeout(() => this.calculateVisibleItems(), 150);
5634            });
5635
5636            const resizeObserver = new ResizeObserver(() => {
5637                clearTimeout(resizeTimeout);
5638                resizeTimeout = setTimeout(() => this.calculateVisibleItems(), 100);
5639            });
5640            resizeObserver.observe(this.navbar);
5641        }
5642
5643        calculateVisibleItems() {
5644            if (this.navbarItems.length === 0) return;
5645            
5646            // Don't calculate if we're in top mode
5647            if (document.body.classList.contains('navbar-position-top')) return;
5648
5649            const realItems = this.navbarItems.filter(item => item !== this.moreButton);
5650            
5651            const navbarHeight = this.navbar.clientHeight;
5652            const logoElements = Array.from(this.navbar.querySelectorAll(':scope > a'));
5653            
5654            let totalLogoHeight = 0;
5655            logoElements.forEach(logo => {
5656                totalLogoHeight += logo.offsetHeight;
5657            });
5658            
5659            const firstItem = this.navbarItems[0];
5660            const itemHeight = firstItem ? firstItem.offsetHeight : 75;
5661            const gap = 15;
5662            const safetyMargin = 5;
5663            const availableHeight = navbarHeight - totalLogoHeight - safetyMargin;
5664            const itemHeightWithGap = itemHeight + gap;
5665            let maxVisibleItems = Math.floor((availableHeight + gap) / itemHeightWithGap);
5666            
5667            let itemsToShow = Math.max(0, Math.min(maxVisibleItems, realItems.length));
5668            
5669            const hasHiddenItems = itemsToShow < realItems.length;
5670            if (hasHiddenItems && itemsToShow > 0) {
5671                itemsToShow--;
5672            }
5673            
5674            const hiddenItems = [];
5675            
5676            realItems.forEach((item, index) => {
5677                if (index < itemsToShow) {
5678                    item.classList.remove('hidden');
5679                    item.style.opacity = '1';
5680                    item.style.transform = 'scale(1)';
5681                } else {
5682                    item.classList.add('hidden');
5683                    item.style.opacity = '0';
5684                    item.style.transform = 'scale(0.8)';
5685                    hiddenItems.push(item);
5686                }
5687            });
5688
5689            if (hasHiddenItems) {
5690                this.moreButton.classList.add('visible');
5691                this.moreButton.classList.remove('hidden');
5692                this.updateMoreMenu(hiddenItems);
5693            } else {
5694                this.moreButton.classList.remove('visible');
5695                this.moreButton.classList.add('hidden');
5696                this.closeMoreMenu();
5697            }
5698        }
5699
5700        refresh() {
5701            this.calculateVisibleItems();
5702        }
5703    }
5704
5705    // Initialize the left navbar
5706    window.intelligentNavbar = new IntelligentNavbar();
5707
5708    // =============================================
5709    // MOBILE SIDEBAR NAVIGATION
5710    // =============================================
5711    class MobileSidebar {
5712        constructor() {
5713            this.hamburger = document.getElementById('mobile-hamburger');
5714            this.sidebar = document.getElementById('mobile-sidebar');
5715            this.overlay = document.getElementById('mobile-sidebar-overlay');
5716            this.closeBtn = document.getElementById('mobile-sidebar-close');
5717            this.dropdowns = document.querySelectorAll('.mobile-sidebar-dropdown');
5718            
5719            if (this.hamburger && this.sidebar) {
5720                this.init();
5721            }
5722        }
5723        
5724        init() {
5725            // Toggle sidebar on hamburger click
5726            this.hamburger.addEventListener('click', () => this.toggle());
5727            
5728            // Close on overlay click
5729            if (this.overlay) {
5730                this.overlay.addEventListener('click', () => this.close());
5731            }
5732            
5733            // Close on close button click
5734            if (this.closeBtn) {
5735                this.closeBtn.addEventListener('click', () => this.close());
5736            }
5737            
5738            // Handle dropdowns
5739            this.dropdowns.forEach(dropdown => {
5740                const toggle = dropdown.querySelector('.mobile-sidebar-dropdown-toggle');
5741                if (toggle) {
5742                    toggle.addEventListener('click', (e) => {
5743                        e.preventDefault();
5744                        dropdown.classList.toggle('open');
5745                    });
5746                }
5747            });
5748            
5749            // Close sidebar on escape key
5750            document.addEventListener('keydown', (e) => {
5751                if (e.key === 'Escape' && this.isOpen()) {
5752                    this.close();
5753                }
5754            });
5755            
5756            // Close sidebar on window resize to desktop
5757            let resizeTimeout;
5758            window.addEventListener('resize', () => {
5759                clearTimeout(resizeTimeout);
5760                resizeTimeout = setTimeout(() => {
5761                    if (window.innerWidth > 991 && this.isOpen()) {
5762                        this.close();
5763                    }
5764                }, 100);
5765            });
5766        }
5767        
5768        toggle() {
5769            if (this.isOpen()) {
5770                this.close();
5771            } else {
5772                this.open();
5773            }
5774        }
5775        
5776        open() {
5777            this.sidebar.classList.add('active');
5778            this.overlay.classList.add('active');
5779            this.hamburger.classList.add('active');
5780            document.body.style.overflow = 'hidden';
5781        }
5782        
5783        close() {
5784            this.sidebar.classList.remove('active');
5785            this.overlay.classList.remove('active');
5786            this.hamburger.classList.remove('active');
5787            document.body.style.overflow = '';
5788        }
5789        
5790        isOpen() {
5791            return this.sidebar.classList.contains('active');
5792        }
5793    }
5794    
5795    // Initialize mobile sidebar
5796    window.mobileSidebar = new MobileSidebar();
5797});
5798</script>
5798
5799            <div class="app-content-container py-4 px-4 overflow-y-auto">
5800                <div class="app-main-content">
5801                        <main class="page-content">
5802        <div id="status-message"></div>
5803        <div class="row">
5804            <div class="col-md-7-5 mb-3">
5805                
5806                                                 <div class="apex-editable-zone  " 
5807                     data-zone-id="home.sidebar-left" 
5808                     data-current-component="search-component">
5809                    <div class="apex-zone-content">
5810                        <div id="search-article-component" class="card p-2" data-zone="home.sidebar-left" data-component="search-component" data-trans='{"no_results":"\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u044b.","searching":"\u041f\u043e\u0438\u0441\u043a..."}' role="search" aria-label="theme::theme.common.search.aria_label">
5811  <input type="text" class="search-input" id="searchInput" placeholder="Поиск новостей..." data-config="placeholder">
5812  <button class="search-button">
5813    <i class="bi bi-search"></i>
5814  </button>
5815  <div id="searchResults" class="search-results"></div>
5816</div>
5817<script>
5818(function() {
5819  const searchInput = document.getElementById('searchInput');
5820  const searchResults = document.getElementById('searchResults');
5821  const searchComponent = document.getElementById('search-article-component');
5822  
5823  if (!searchInput || !searchResults || !searchComponent) return;
5824  
5825  // Get translations from data attribute
5826  const trans = JSON.parse(searchComponent.dataset.trans || '{}');
5827  
5828  let debounceTimer;
5829  let allPosts = [];
5830  let postsLoaded = false;
5831  
5832  function stripHtml(html) {
5833    const tmp = document.createElement('div');
5834    tmp.innerHTML = html;
5835    return tmp.textContent || tmp.innerText || '';
5836  }
5837  
5838  function getFirstLines(text, maxLength = 150) {
5839    const stripped = stripHtml(text);
5840    if (stripped.length <= maxLength) return stripped;
5841    return stripped.substring(0, maxLength).trim() + '...';
5842  }
5843  
5844  async function loadPosts() {
5845    if (postsLoaded) return;
5846    try {
5847      const response = await fetch('/api/posts');
5848      const data = await response.json();
5849      allPosts = data.data || data;
5850      postsLoaded = true;
5851    } catch (error) {
5852      console.error('Error loading posts:', error);
5853    }
5854  }
5855  
5856  function searchPosts(query) {
5857    if (!query.trim()) {
5858      searchResults.classList.remove('active');
5859      return;
5860    }
5861    const lowerQuery = query.toLowerCase();
5862    const filteredPosts = allPosts.filter(post => {
5863      return post.title.toLowerCase().includes(lowerQuery) ||
5864             post.description?.toLowerCase().includes(lowerQuery) ||
5865             post.content?.toLowerCase().includes(lowerQuery);
5866    });
5867    displayResults(filteredPosts);
5868  }
5869  
5870  function displayResults(posts) {
5871    if (posts.length === 0) {
5872      searchResults.innerHTML = '<div class="search-no-results">' + (trans.no_results || 'No article found') + '</div>';
5873      searchResults.classList.add('active');
5874      searchComponent.classList.add('has-results');
5875      return;
5876    }
5877    
5878    const resultsHtml = posts.map(post => {
5879      const excerpt = getFirstLines(post.description || post.content || '');
5880      const imageUrl = post.image || '/assets/img/default-post.png';
5881      
5882      return `
5883        <a href="${post.url}" class="search-result-item">
5884          <img src="${imageUrl}" alt="${post.title}" class="search-result-banner" onerror="this.src='/assets/img/default-post.png'">
5885          <div class="search-result-content">
5886            <div class="search-result-title">${post.title}</div>
5887            <div class="search-result-excerpt">${excerpt}</div>
5888          </div>
5889        </a>
5890      `;
5891    }).join('');
5892    
5893    searchResults.innerHTML = resultsHtml;
5894    searchResults.classList.add('active');
5895    searchComponent.classList.add('has-results');
5896  }
5897  
5898  searchInput.addEventListener('input', function(e) {
5899    clearTimeout(debounceTimer);
5900    const query = e.target.value;
5901    
5902    if (!query.trim()) {
5903      searchResults.classList.remove('active');
5904      searchComponent.classList.remove('has-results');
5905      return;
5906    }
5907    
5908    searchResults.innerHTML = '<div class="search-loading">' + (trans.searching || 'Searching...') + '</div>';
5909    searchResults.classList.add('active');
5910    searchComponent.classList.add('has-results');
5911    
5912    debounceTimer = setTimeout(async () => {
5913      await loadPosts();
5914      searchPosts(query);
5915    }, 500);
5916  });
5917  
5918  document.addEventListener('click', function(e) {
5919    if (!searchComponent.contains(e.target)) {
5920      searchResults.classList.remove('active');
5921      searchComponent.classList.remove('has-results');
5922    }
5923  });
5924  
5925  searchInput.addEventListener('focus', function() {
5926    if (this.value.trim() && searchResults.innerHTML) {
5927      searchResults.classList.add('active');
5928      searchComponent.classList.add('has-results');
5929    }
5930  });
5931})();
5932</script>
5932
5933
5934                    </div>
5935                    <div class="apex-zone-overlay">
5936                        <button class="apex-zone-edit-btn" title="Изменить компонент">
5937                            <i class="bi bi-pencil-square"></i>
5938                            <span>Widget</span>
5939                        </button>
5940                    </div>
5941                </div>
5942            </div>
5943            <div class="col-md-4-5 mb-3">
5944                
5945                                <div class="apex-editable-zone h-100" 
5946                     data-zone-id="global.profile" 
5947                     data-current-component="profile-component">
5948                    <div class="apex-zone-content h-100">
5949                        
5950<div id="profile-component" class="d-flex flex-row align-items-center gap-2 h-100">
5951      
5952    <div class="card d-flex flex-row justify-content-between align-items-center px-5 h-100" style="flex: 1;">
5953        <a class="nav-link" href="https://vanillasquad.com/user/login">
5954            <i class="bi bi-box-arrow-in-right"></i> Войти
5955        </a>
5956
5957                    <a class="nav-link" href="https://vanillasquad.com/user/register">
5958                <i class="bi bi-person-plus-fill"></i> Зарегистрироваться
5959            </a>
5960            </div>
5961
5962    
5963  </div>                    </div>
5964                    <div class="apex-zone-overlay">
5965                        <button class="apex-zone-edit-btn" title="Изменить компонент">
5966                            <i class="bi bi-pencil-square"></i>
5967                            <span>Profile</span>
5968                        </button>
5969                    </div>
5970                </div>
5971            </div>
5972            
5973    <div class="col-md-7-5 mb-3">
5974      
5975            <div class="apex-editable-zone" 
5976           data-zone-id="home.banner" 
5977           data-current-component="homebanner-component">
5978        <div class="apex-zone-content">
5979          <section id="homebanner-component" class="card py-5 ps-5" data-zone="home.banner" data-component="homebanner-component">
5980  <div class="highlight-2"></div>
5981  <div class="row py-3">
5982    <div class="col-12 col-lg-6 d-flex flex-column justify-content-center">
5983      <div>
5984                    <h1 class="homebanner-title text-gradient1 fw-bold mb-3 font-lexend" data-config="title">Vanilla Squad</h1>
5985                            <p class="mb-4" data-config="description">
5986              Приватный ванильный Minecraft-сервер, где нельзя купить преимущество, телепортироваться мимо пути или закрыть мир приватом. Здесь ценится то, что вы добыли, построили и разделили с другими.
5987            </p>
5988                <div>
5989                                          <a class="btn btn-primary ip-btn" id="copy-ip-btn" data-tooltip="Нажмите, чтобы скопировать IP" data-tooltip-placement="right" data-ip="mc.vanillasquad.com">
5990                      <span class="first-span font-lexend">
5991                          mc<span class="px-1 opacity-70">.</span>vanillasquad<span class="px-1 opacity-70">.</span>com
5992                      </span>
5993                      <span class="second-span  fw-normal">
5994                          <svg width="20" height="20" class="me-1" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
5995                            <circle cx="6.5" cy="6.5" r="6" stroke="#78FF9A" stroke-opacity="0.37"/>
5996                            <circle cx="6.5" cy="6.5" r="3.5" fill="#78FF9A"/>
5997                          </svg>
5998                          25
5999                          <span class="opacity-70 text-lowercase font-nunito fw-normal text-sm">игроков в сети</span>
6000                      </span>
6001                  </a>
6002                                </div>
6003                    <a href="/docs/osnovnye/kak-nachat-igrat" class="howtojoin-btn text-color2 d-inline-block mt-4" data-config="helpText" data-config-href="helpLink">Нужна помощь? Как присоединиться?</a>
6004              </div>
6005    </div>
6006    <div class="col-12 col-lg-6 d-flex justify-content-center align-items-center position-relative">
6007      <div class="highlight-1"></div>
6008      <img src="https://vanillasquad.com/storage/img/logo.webp" class="homebanner-logo" style="width: 40%;" alt="Site Logo">
6009    </div>
6010  </div>
6011</section>
6012
6013  
6013<script>
6014    document.addEventListener("DOMContentLoaded", function () {
6015      var copyBtn = document.getElementById('copy-ip-btn');
6016      if (copyBtn) {
6017        var originalContent = copyBtn.getAttribute('data-tooltip');
6018
6019        // Fallback function to copy without HTTPS
6020        function copyToClipboard(text) {
6021          if (navigator.clipboard && navigator.clipboard.writeText) {
6022            return navigator.clipboard.writeText(text);
6023          }
6024          // Fallback for HTTP
6025          var textarea = document.createElement('textarea');
6026          textarea.value = text;
6027          textarea.style.position = 'fixed';
6028          textarea.style.opacity = '0';
6029          document.body.appendChild(textarea);
6030          textarea.select();
6031          document.execCommand('copy');
6032          document.body.removeChild(textarea);
6033          return Promise.resolve();
6034        }
6035
6036        // Handle the click to copy the IP
6037        copyBtn.addEventListener('click', function(e) {
6038          e.preventDefault();
6039          var ip = copyBtn.getAttribute('data-ip');
6040          
6041          // Copy to clipboard
6042          copyToClipboard(ip).then(function() {
6043            var newText = 'Скопировано!';
6044            
6045            // Change the tooltip content to "Copied!"
6046            copyBtn.setAttribute('data-tooltip', newText);
6047            
6048            // Force tooltip update if it's currently displayed on this button
6049            if (window.customTooltip && window.customTooltip.currentTarget === copyBtn) {
6050              if (window.customTooltip.content) {
6051                window.customTooltip.content.textContent = newText;
6052              }
6053              // Recalculate position (because text length has changed)
6054              var placement = copyBtn.getAttribute('data-tooltip-placement') || 'top';
6055              if (typeof window.customTooltip.position === 'function') {
6056                window.customTooltip.position(copyBtn, placement);
6057              }
6058            }
6059            
6060            // Restore the original content after 2 seconds
6061            setTimeout(function() {
6062              copyBtn.setAttribute('data-tooltip', originalContent);
6063              
6064              // If the tooltip is still on this button, restore the original text
6065              if (window.customTooltip && window.customTooltip.currentTarget === copyBtn) {
6066                if (window.customTooltip.content) {
6067                  window.customTooltip.content.textContent = originalContent;
6068                }
6069                // Recalculate position
6070                var placement = copyBtn.getAttribute('data-tooltip-placement') || 'top';
6071                if (typeof window.customTooltip.position === 'function') {
6072                  window.customTooltip.position(copyBtn, placement);
6073                }
6074              }
6075            }, 2000);
6076          });
6077        });
6078      }
6079    });
6080  </script>
6080
6081        </div>
6082        <div class="apex-zone-overlay">
6083          <button class="apex-zone-edit-btn" title="Изменить компонент">
6084            <i class="bi bi-pencil-square"></i>
6085            <span>Banner</span>
6086          </button>
6087        </div>
6088      </div>
6089      
6090      
6091            <div class="apex-editable-zone" 
6092           data-zone-id="home.shopbanner" 
6093           data-current-component="shopbanner-component">
6094        <div class="apex-zone-content">
6095          <section id="shopbanner-component" class="card mt-4 px-5 d-flex gap-5 flex-row align-items-center" data-zone="home.shopbanner" data-component="shopbanner-component">
6096  <div class="shopbanner-background"></div>
6097  <div class="flex-grow-1 py-4 shopbanner-content">
6098            <h1 class="h5 text-uppercase font-lexend shopbanner-title" data-config="title">Поддержи развитие сервера</h1>
6099                <p class="pe-5 shopbanner-description" data-config="description">
6100          Твоя поддержка помогает оплачивать оборудование, обновлять плагины, запускать ивенты и делать игру комфортнее для всех.
6101        </p>
6102            <a href="https://donate.vanillasquad.com/" class="btn btn-secondary" data-config-href="buttonLink">
6103      <span data-config="buttonText">ПОДДЕРЖАТЬ СЕРВЕР</span>
6104      <svg width="26" height="26" viewBox="0 0 21 21" class="ms-2" fill="none" xmlns="http://www.w3.org/2000/svg">
6105      <mask id="mask_shopbanner" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="21">
6106      <path d="M21 0H0V21H21V0Z" fill="white"/>
6107      </mask>
6108      <g mask="url(#mask_shopbanner)">
6109      <path d="M8.74994 14.875L13.1249 10.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6110      <path d="M13.125 10.5L8.74997 6.125" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6111      </g>
6112      </svg>
6113
6114    </a>
6115      </div>
6116  <div class="shopbanner-image-container d-none d-md-block">
6117    <img src="https://vanillasquad.com/storage/img/shopping.webp" class="shopbanner-image" alt="Персонаж магазина" data-config-src="image">
6118  </div>
6119</section>
6120        </div>
6121        <div class="apex-zone-overlay">
6122          <button class="apex-zone-edit-btn" title="Изменить компонент">
6123            <i class="bi bi-pencil-square"></i>
6124            <span>Shop</span>
6125          </button>
6126        </div>
6127      </div>
6128    </div>
6129    <div class="col-md-4-5 mb-3">
6130      
6131            <div class="apex-editable-zone h-100" 
6132           data-zone-id="home.vote" 
6133           data-current-component="vote-component">
6134        <div class="apex-zone-content h-100">
6135          <section id="vote-component" class="card h-100 pt-3 px-3" data-zone="home.vote" data-component="vote-component">
6136  <div class="card card-notop d-flex flex-row justify-content-between align-items-center px-4 py-3">
6137                  <span class="text-uppercase font-lexend">Войдите, чтобы голосовать</span>
6138              <a href="https://vanillasquad.com/vote" class="btn btn-primary ">
6139                <span data-config="voteText">Голосовать</span>
6140              <svg width="26" height="26" viewBox="0 0 21 21" class="ms-2" fill="none" xmlns="http://www.w3.org/2000/svg">
6141        <mask id="mask_vote" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="21">
6142        <path d="M21 0H0V21H21V0Z" fill="white"/>
6143        </mask>
6144        <g mask="url(#mask_vote)">
6145        <path d="M8.74994 14.875L13.1249 10.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6146        <path d="M13.125 10.5L8.74997 6.125" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6147        </g>
6148        </svg>
6149    </a>
6150  </div>
6151
6152            
6153      <div class="ranks-simple mt-3">
6154                  <div class="rank-item d-flex justify-content-between align-items-center">
6155            <div class="d-flex align-items-center flex-grow-1">
6156              <div class="rank-number top-rank">
6157                <span>#1</span>
6158              </div>
6159              <img src="https://mc-heads.net/avatar/L1peeva/64.png" width="40" height="40" class="rank-avatar rounded-circle" alt="">
6160              <span class="rank-username text-truncate">L1peeva</span>
6161            </div>
6162            <div class="rank-votes">
6163              <span class="vote-count">13</span>
6164              <span class="vote-label">голосов</span>
6165            </div>
6166          </div>
6167                  <div class="rank-item d-flex justify-content-between align-items-center">
6168            <div class="d-flex align-items-center flex-grow-1">
6169              <div class="rank-number top-rank">
6170                <span>#2</span>
6171              </div>
6172              <img src="https://mc-heads.net/avatar/Merfych/64.png" width="40" height="40" class="rank-avatar rounded-circle" alt="">
6173              <span class="rank-username text-truncate">Merfych</span>
6174            </div>
6175            <div class="rank-votes">
6176              <span class="vote-count">9</span>
6177              <span class="vote-label">голосов</span>
6178            </div>
6179          </div>
6180                  <div class="rank-item d-flex justify-content-between align-items-center">
6181            <div class="d-flex align-items-center flex-grow-1">
6182              <div class="rank-number top-rank">
6183                <span>#3</span>
6184              </div>
6185              <img src="https://mc-heads.net/avatar/qwe_qwasha/64.png" width="40" height="40" class="rank-avatar rounded-circle" alt="">
6186              <span class="rank-username text-truncate">qwe_qwasha</span>
6187            </div>
6188            <div class="rank-votes">
6189              <span class="vote-count">6</span>
6190              <span class="vote-label">голосов</span>
6191            </div>
6192          </div>
6193                  <div class="rank-item d-flex justify-content-between align-items-center">
6194            <div class="d-flex align-items-center flex-grow-1">
6195              <div class="rank-number ">
6196                <span>#4</span>
6197              </div>
6198              <img src="https://mc-heads.net/avatar/s1k1ra/64.png" width="40" height="40" class="rank-avatar rounded-circle" alt="">
6199              <span class="rank-username text-truncate">s1k1ra</span>
6200            </div>
6201            <div class="rank-votes">
6202              <span class="vote-count">6</span>
6203              <span class="vote-label">голосов</span>
6204            </div>
6205          </div>
6206                  <div class="rank-item d-flex justify-content-between align-items-center">
6207            <div class="d-flex align-items-center flex-grow-1">
6208              <div class="rank-number ">
6209                <span>#5</span>
6210              </div>
6211              <img src="https://mc-heads.net/avatar/zxcmay0r/64.png" width="40" height="40" class="rank-avatar rounded-circle" alt="">
6212              <span class="rank-username text-truncate">zxcmay0r</span>
6213            </div>
6214            <div class="rank-votes">
6215              <span class="vote-count">3</span>
6216              <span class="vote-label">голосов</span>
6217            </div>
6218          </div>
6219                  <div class="rank-item d-flex justify-content-between align-items-center">
6220            <div class="d-flex align-items-center flex-grow-1">
6221              <div class="rank-number ">
6222                <span>#6</span>
6223              </div>
6224              <img src="https://mc-heads.net/avatar/Defoltyx/64.png" width="40" height="40" class="rank-avatar rounded-circle" alt="">
6225              <span class="rank-username text-truncate">Defoltyx</span>
6226            </div>
6227            <div class="rank-votes">
6228              <span class="vote-count">3</span>
6229              <span class="vote-label">голосов</span>
6230            </div>
6231          </div>
6232                  <div class="rank-item d-flex justify-content-between align-items-center">
6233            <div class="d-flex align-items-center flex-grow-1">
6234              <div class="rank-number ">
6235                <span>#7</span>
6236              </div>
6237              <img src="https://mc-heads.net/avatar/Deflainer/64.png" width="40" height="40" class="rank-avatar rounded-circle" alt="">
6238              <span class="rank-username text-truncate">Deflainer</span>
6239            </div>
6240            <div class="rank-votes">
6241              <span class="vote-count">3</span>
6242              <span class="vote-label">голосов</span>
6243            </div>
6244          </div>
6245                  <div class="rank-item d-flex justify-content-between align-items-center">
6246            <div class="d-flex align-items-center flex-grow-1">
6247              <div class="rank-number ">
6248                <span>#8</span>
6249              </div>
6250              <img src="https://mc-heads.net/avatar/Nasf1k/64.png" width="40" height="40" class="rank-avatar rounded-circle" alt="">
6251              <span class="rank-username text-truncate">Nasf1k</span>
6252            </div>
6253            <div class="rank-votes">
6254              <span class="vote-count">2</span>
6255              <span class="vote-label">голосов</span>
6256            </div>
6257          </div>
6258                  <div class="rank-item d-flex justify-content-between align-items-center">
6259            <div class="d-flex align-items-center flex-grow-1">
6260              <div class="rank-number ">
6261                <span>#9</span>
6262              </div>
6263              <img src="https://mc-heads.net/avatar/Michelle_meow/64.png" width="40" height="40" class="rank-avatar rounded-circle" alt="">
6264              <span class="rank-username text-truncate">Michelle_meow</span>
6265            </div>
6266            <div class="rank-votes">
6267              <span class="vote-count">1</span>
6268              <span class="vote-label">голосов</span>
6269            </div>
6270          </div>
6271                  <div class="rank-item d-flex justify-content-between align-items-center">
6272            <div class="d-flex align-items-center flex-grow-1">
6273              <div class="rank-number ">
6274                <span>#10</span>
6275              </div>
6276              <img src="https://mc-heads.net/avatar/kakaha228/64.png" width="40" height="40" class="rank-avatar rounded-circle" alt="">
6277              <span class="rank-username text-truncate">kakaha228</span>
6278            </div>
6279            <div class="rank-votes">
6280              <span class="vote-count">1</span>
6281              <span class="vote-label">голосов</span>
6282            </div>
6283          </div>
6284              </div>
6285      </section>
6286
6287
6288<script>
6289  (function () {
6290    var resizeTimer;
6291    var observers = [];
6292
6293    function getPageZoom() {
6294      var zoom = parseFloat(getComputedStyle(document.documentElement).zoom);
6295      return Number.isFinite(zoom) && zoom > 0 ? zoom : 1;
6296    }
6297
6298    function getDesktopSiblingHeight(section) {
6299      if (!window.matchMedia("(min-width: 768px)").matches) {
6300        return null;
6301      }
6302
6303      var column = section.closest(".col-md-4-5, .col-4-5");
6304      var sibling = column ? column.previousElementSibling : null;
6305
6306      if (!sibling || !sibling.matches(".col-md-7-5, .col-7-5")) {
6307        return null;
6308      }
6309
6310      var height = sibling.getBoundingClientRect().height;
6311      return height > 0 ? height : null;
6312    }
6313
6314    function getAvailableHeight(section, container) {
6315      var zoom = getPageZoom();
6316      var sectionRect = section.getBoundingClientRect();
6317      var containerRect = container.getBoundingClientRect();
6318      var sectionStyles = getComputedStyle(section);
6319      var bottomPadding = (parseFloat(sectionStyles.paddingBottom) || 0) * zoom;
6320      var bottomGuard = 4 * zoom;
6321      var targetHeight = getDesktopSiblingHeight(section);
6322
6323      if (targetHeight) {
6324        return targetHeight - (containerRect.top - sectionRect.top) - bottomPadding - bottomGuard;
6325      }
6326
6327      var viewportBottom = window.innerHeight * zoom;
6328      return viewportBottom - containerRect.top - bottomPadding - bottomGuard;
6329    }
6330
6331    function fitSimpleRanks() {
6332      var container = document.querySelector("#vote-component .ranks-simple");
6333      if (!container) {
6334        return;
6335      }
6336
6337      var section = container.closest("#vote-component");
6338      if (!section) {
6339        return;
6340      }
6341
6342      var items = Array.from(container.querySelectorAll(".rank-item"));
6343      if (!items.length) {
6344        return;
6345      }
6346
6347      items.forEach(function (item) {
6348        item.hidden = false;
6349      });
6350
6351      var availableHeight = getAvailableHeight(section, container);
6352      if (!Number.isFinite(availableHeight) || availableHeight <= 0) {
6353        return;
6354      }
6355
6356      var usedHeight = 0;
6357      var visibleCount = 0;
6358      items.forEach(function (item) {
6359        if (item.hidden) {
6360          return;
6361        }
6362
6363        var itemHeight = item.getBoundingClientRect().height;
6364        if (itemHeight <= 0) {
6365          return;
6366        }
6367
6368        if (visibleCount === 0 || usedHeight + itemHeight <= availableHeight + 1) {
6369          usedHeight += itemHeight;
6370          visibleCount++;
6371        } else {
6372          item.hidden = true;
6373        }
6374      });
6375
6376      container.dataset.visibleRanks = visibleCount;
6377    }
6378
6379    function scheduleFit() {
6380      clearTimeout(resizeTimer);
6381      resizeTimer = setTimeout(function () {
6382        requestAnimationFrame(fitSimpleRanks);
6383      }, 80);
6384    }
6385
6386    function observeSimpleRanks() {
6387      if (!window.ResizeObserver) {
6388        return;
6389      }
6390
6391      var container = document.querySelector("#vote-component .ranks-simple");
6392      var section = container ? container.closest("#vote-component") : null;
6393      var column = section ? section.closest(".col-md-4-5, .col-4-5") : null;
6394      var sibling = column ? column.previousElementSibling : null;
6395
6396      [container, section, sibling].forEach(function (element) {
6397        if (!element) {
6398          return;
6399        }
6400
6401        var observer = new ResizeObserver(scheduleFit);
6402        observer.observe(element);
6403        observers.push(observer);
6404      });
6405    }
6406
6407    window.addEventListener("resize", function () {
6408      scheduleFit();
6409    });
6410
6411    window.addEventListener("load", scheduleFit);
6412    document.addEventListener("DOMContentLoaded", function () {
6413      observeSimpleRanks();
6414      scheduleFit();
6415
6416      if (document.fonts && document.fonts.ready) {
6417        document.fonts.ready.then(scheduleFit);
6418      }
6419    });
6420  })();
6421</script>
6421
6422
6423  
6424  
6424<script>
6425  // Vote Timer functionality
6426  (function () {
6427    function getTimeDifference(timestamp) {
6428      const difference = timestamp - Date.now();
6429      if (difference <= 0) return null;
6430      
6431      const hours = Math.floor(difference / (1000 * 60 * 60));
6432      const minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
6433      const seconds = Math.floor((difference % (1000 * 60)) / 1000);
6434
6435      return (
6436        (hours < 10 ? "0" : "") + hours + ":" +
6437        (minutes < 10 ? "0" : "") + minutes + ":" +
6438        (seconds < 10 ? "0" : "") + seconds
6439      );
6440    }
6441
6442    function initVoteTimer() {
6443      const voteTimerEl = document.querySelector('[data-toggle="vote-timer"]');
6444      if (!voteTimerEl) return;
6445      
6446      const nextVoteTime = parseInt(voteTimerEl.dataset.voteTime);
6447      if (!nextVoteTime || isNaN(nextVoteTime)) return;
6448      
6449      const timerText = voteTimerEl.querySelector('.timer-text');
6450      const text1 = voteTimerEl.querySelector('.text-1');
6451      const text2 = voteTimerEl.querySelector('.text-2');
6452      
6453      function updateVote() {
6454        const timeStr = getTimeDifference(nextVoteTime);
6455        if (timeStr) {
6456          timerText.innerHTML = timeStr;
6457        } else {
6458          clearInterval(nextInterval);
6459          if (text1) text1.classList.add("d-none");
6460          if (text2) text2.classList.remove("d-none");
6461        }
6462      }
6463      
6464      const nextInterval = setInterval(updateVote, 1000);
6465      updateVote();
6466    }
6467
6468    // Execute immediately if DOM is ready, otherwise wait
6469    if (document.readyState === 'loading') {
6470      document.addEventListener('DOMContentLoaded', initVoteTimer);
6471    } else {
6472      initVoteTimer();
6473    }
6474  })();
6475  </script>
6475
6476        </div>
6477        <div class="apex-zone-overlay">
6478          <button class="apex-zone-edit-btn" title="Изменить компонент">
6479            <i class="bi bi-pencil-square"></i>
6480            <span>Vote</span>
6481          </button>
6482        </div>
6483      </div>
6484    </div>
6485    
6486    
6487    
6488    
6489    
6490    
6491    <div class="col-12 my-3">
6492            <div class="apex-dynamic-zone" 
6493           data-zone-id="home.dynamic"
6494           data-zone-type="dynamic">
6495        
6496        
6497                              <div class="apex-dynamic-item" 
6498                 data-instance-id="news-default"
6499                 data-component-id="news-component"
6500                 data-order="0">
6501              <div class="apex-dynamic-item-content">
6502                <section class="apex-news-component" id="news-section-news-default">
6503    <div class="d-flex justify-content-between align-items-center mb-3">
6504                    <h2 class="h3 font-lexend mb-0">
6505                Новости
6506            </h2>
6507                <div class="d-flex align-items-center gap-3">
6508                        
6509            <div class="news-carousel-nav">
6510                <button class="news-nav-btn news-prev-btn" data-carousel="news-carousel-news-default" aria-label="Previous">
6511                    <i class="bi bi-chevron-left"></i>
6512                </button>
6513                <button class="news-nav-btn news-next-btn" data-carousel="news-carousel-news-default" aria-label="Next">
6514                    <i class="bi bi-chevron-right"></i>
6515                </button>
6516            </div>
6517                                    <a href="https://vanillasquad.com/news" class="btn btn-secondary">
6518                Узнать больше
6519                <svg width="26" height="26" viewBox="0 0 21 21" class="ms-2" fill="none" xmlns="http://www.w3.org/2000/svg">
6520                    <path d="M8.75 14.875L13.125 10.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6521                    <path d="M13.125 10.5L8.75 6.125" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6522                </svg>
6523            </a>
6524                    </div>
6525    </div>
6526    
6527                    
6528        <div class="news-carousel-wrapper">
6529            <div class="news-carousel" id="news-carousel-news-default" data-items-per-view="3">
6530                <div class="news-carousel-track">
6531                                                            <div class="news-carousel-item">
6532                        <article class="card post h-100">
6533                            <div class="post-image-wrapper">
6534                                                                <div class="post-date font-lexend">
6535                                                                        <span class="post-date-day">02</span>
6536                                    <span class="post-date-month-year">10/26</span>
6537                                </div>
6538                                                                <img class="post-image" src="https://vanillasquad.com/storage/posts/KEn1AAzctlOPJ4eQCdWRbKYhV6yvNnztGxT3kxdW.webp" alt="Открытие Энда">
6539                            </div>
6540                            <div class="p-4 d-flex flex-column flex-grow-1">
6541                                <h3 class="post-title font-lexend">
6542                                    <a href="https://vanillasquad.com/news/otkrytie-enda-12season">Открытие Энда</a>
6543                                </h3>
6544                                <p class="post-description">
6545 
6546
6547
6548— Приветствуем всех! Мы подготовили для вас информацию о предстоящем открытии Энда. 
6549
6550-  -
6551
6552— Энд в мире по...</p>
6553                                <div class="d-flex justify-content-between align-items-center mt-auto pt-3">
6554                                    <a class="btn btn-primary" href="https://vanillasquad.com/news/otkrytie-enda-12season">
6555                                        Подробнее
6556                                        <svg width="26" height="26" viewBox="0 0 21 21" class="ms-2" fill="none" xmlns="http://www.w3.org/2000/svg">
6557                                            <path d="M8.75 14.875L13.125 10.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6558                                            <path d="M13.125 10.5L8.75 6.125" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6559                                        </svg>
6560                                    </a>
6561                                                                        <div class="post-stats d-flex gap-3">
6562                                                                                <button type="button" class="post-stat-item post-like-btn "  disabled  data-like-url="https://vanillasquad.com/news/178/like">
6563                                            <i class="bi bi-heart " data-liked="true"></i>
6564                                            <i class="bi bi-heart-fill  d-none " data-liked="false"></i>
6565                                            <span class="likes-count">1</span>
6566                                            <span class="d-none spinner-border spinner-border-sm load-spinner" role="status"></span>
6567                                        </button>
6568                                                                                                                        <span class="post-stat-item">
6569                                            <i class="bi bi-chat"></i> 0
6570                                        </span>
6571                                                                            </div>
6572                                                                    </div>
6573                            </div>
6574                        </article>
6575                    </div>
6576                                                            <div class="news-carousel-item">
6577                        <article class="card post h-100">
6578                            <div class="post-image-wrapper">
6579                                                                <div class="post-date font-lexend">
6580                                                                        <span class="post-date-day">01</span>
6581                                    <span class="post-date-month-year">10/26</span>
6582                                </div>
6583                                                                <img class="post-image" src="https://vanillasquad.com/storage/posts/wsFjlQg6PtmVbeXNiEieOLC4wmpfNoTXTDdmxokC.webp" alt="Обновление торговой зоны">
6584                            </div>
6585                            <div class="p-4 d-flex flex-column flex-grow-1">
6586                                <h3 class="post-title font-lexend">
6587                                    <a href="https://vanillasquad.com/news/obnovlenie-torgovoy-zony">Обновление торговой зоны</a>
6588                                </h3>
6589                                <p class="post-description">
6590 
6591
6592
6593— Приветствуем всех!  В ближайшее время начнётся строительство оставшихся двух торговых зон с магазинами. Однак...</p>
6594                                <div class="d-flex justify-content-between align-items-center mt-auto pt-3">
6595                                    <a class="btn btn-primary" href="https://vanillasquad.com/news/obnovlenie-torgovoy-zony">
6596                                        Подробнее
6597                                        <svg width="26" height="26" viewBox="0 0 21 21" class="ms-2" fill="none" xmlns="http://www.w3.org/2000/svg">
6598                                            <path d="M8.75 14.875L13.125 10.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6599                                            <path d="M13.125 10.5L8.75 6.125" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6600                                        </svg>
6601                                    </a>
6602                                                                        <div class="post-stats d-flex gap-3">
6603                                                                                <button type="button" class="post-stat-item post-like-btn "  disabled  data-like-url="https://vanillasquad.com/news/177/like">
6604                                            <i class="bi bi-heart " data-liked="true"></i>
6605                                            <i class="bi bi-heart-fill  d-none " data-liked="false"></i>
6606                                            <span class="likes-count">1</span>
6607                                            <span class="d-none spinner-border spinner-border-sm load-spinner" role="status"></span>
6608                                        </button>
6609                                                                                                                        <span class="post-stat-item">
6610                                            <i class="bi bi-chat"></i> 0
6611                                        </span>
6612                                                                            </div>
6613                                                                    </div>
6614                            </div>
6615                        </article>
6616                    </div>
6617                                                            <div class="news-carousel-item">
6618                        <article class="card post h-100">
6619                            <div class="post-image-wrapper">
6620                                                                <div class="post-date font-lexend">
6621                                                                        <sp
6621an class="post-date-day">30</span>
6622                                    <span class="post-date-month-year">09/26</span>
6623                                </div>
6624                                                                <img class="post-image" src="https://vanillasquad.com/storage/posts/2zKsjtbzoFOr72vxpEIW2LASadY9YCCO5fCl76pK.webp" alt="VanillaSquad обновлён до 26.3!">
6625                            </div>
6626                            <div class="p-4 d-flex flex-column flex-grow-1">
6627                                <h3 class="post-title font-lexend">
6628                                    <a href="https://vanillasquad.com/news/vanillasquad-obnovlen-do-26-3">VanillaSquad обновлён до 26.3!</a>
6629                                </h3>
6630                                <p class="post-description">
6631 
6632
6633
6634— Свежая версия Minecraft уже добралась до VanillaSquad — сервер обновлён до 26.3! 
6635
6636Вместе с обновлением в и...</p>
6637                                <div class="d-flex justify-content-between align-items-center mt-auto pt-3">
6638                                    <a class="btn btn-primary" href="https://vanillasquad.com/news/vanillasquad-obnovlen-do-26-3">
6639                                        Подробнее
6640                                        <svg width="26" height="26" viewBox="0 0 21 21" class="ms-2" fill="none" xmlns="http://www.w3.org/2000/svg">
6641                                            <path d="M8.75 14.875L13.125 10.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6642                                            <path d="M13.125 10.5L8.75 6.125" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6643                                        </svg>
6644                                    </a>
6645                                                                        <div class="post-stats d-flex gap-3">
6646                                                                                <button type="button" class="post-stat-item post-like-btn "  disabled  data-like-url="https://vanillasquad.com/news/176/like">
6647                                            <i class="bi bi-heart " data-liked="true"></i>
6648                                            <i class="bi bi-heart-fill  d-none " data-liked="false"></i>
6649                                            <span class="likes-count">2</span>
6650                                            <span class="d-none spinner-border spinner-border-sm load-spinner" role="status"></span>
6651                                        </button>
6652                                                                                                                        <span class="post-stat-item">
6653                                            <i class="bi bi-chat"></i> 0
6654                                        </span>
6655                                                                            </div>
6656                                                                    </div>
6657                            </div>
6658                        </article>
6659                    </div>
6660                                                            <div class="news-carousel-item">
6661                        <article class="card post h-100">
6662                            <div class="post-image-wrapper">
6663                                                                <div class="post-date font-lexend">
6664                                                                        <span class="post-date-day">30</span>
6665                                    <span class="post-date-month-year">09/26</span>
6666                                </div>
6667                                                                <img class="post-image" src="https://vanillasquad.com/storage/posts/kzqrT4lTWDFudO2X4QwbijlcD0O2TBwPY3au9sRB.webp" alt="Открытие лесопилки">
6668                            </div>
6669                            <div class="p-4 d-flex flex-column flex-grow-1">
6670                                <h3 class="post-title font-lexend">
6671                                    <a href="https://vanillasquad.com/news/otkrytie-lesopilki">Открытие лесопилки</a>
6672                                </h3>
6673                                <p class="post-description">
6674 
6675
6676
6677 — На сервере открывается лесопилка — место, где каждый игрок сможет добывать древесину, а в дальнейшем продава...</p>
6678                                <div class="d-flex justify-content-between align-items-center mt-auto pt-3">
6679                                    <a class="btn btn-primary" href="https://vanillasquad.com/news/otkrytie-lesopilki">
6680                                        Подробнее
6681                                        <svg width="26" height="26" viewBox="0 0 21 21" class="ms-2" fill="none" xmlns="http://www.w3.org/2000/svg">
6682                                            <path d="M8.75 14.875L13.125 10.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6683                                            <path d="M13.125 10.5L8.75 6.125" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6684                                        </svg>
6685                                    </a>
6686                                                                        <div class="post-stats d-flex gap-3">
6687                                                                                <button type="button" class="post-stat-item post-like-btn "  disabled  data-like-url="https://vanillasquad.com/news/175/like">
6688                                            <i class="bi bi-heart " data-liked="true"></i>
6689                                            <i class="bi bi-heart-fill  d-none " data-liked="false"></i>
6690                                            <span class="likes-count">1</span>
6691                                            <span class="d-none spinner-border spinner-border-sm load-spinner" role="status"></span>
6692                                        </button>
6693                                                                                                                        <span class="post-stat-item">
6694                                            <i class="bi bi-chat"></i> 0
6695                                        </span>
6696                                                                            </div>
6697                                                                    </div>
6698                            </div>
6699                        </article>
6700                    </div>
6701                                                            <div class="news-carousel-item">
6702                        <article class="card post h-100">
6703                            <div class="post-image-wrapper">
6704                                                                <div class="post-date font-lexend">
6705                                                                        <span class="post-date-day">30</span>
6706                                    <span class="post-date-month-year">09/26</span>
6707                                </div>
6708                                                                <img class="post-image" src="https://vanillasquad.com/storage/posts/5nj5TE84EWsvY9p9UEHoNFvlxW3WCXF6uEe6Mjik.webp" alt="Сбор ресурсов на хаб в МФ">
6709                            </div>
6710                            <div class="p-4 d-flex flex-column flex-grow-1">
6711                                <h3 class="post-title font-lexend">
6712                                    <a href="https://vanillasquad.com/news/sbor-resursov-na-hab-v-mf">Сбор ресурсов на хаб в МФ</a>
6713                                </h3>
6714                                <p class="post-description">
6715 
6716
6717
6718— Приветствуем всех!  Сбор ресурсов для постройки адского хаба МФ. Для сборов хаба необходимо выполнить следующ...</p>
6719                                <div class="d-flex justify-content-between align-items-center mt-auto pt-3">
6720                                    <a class="btn btn-primary" href="https://vanillasquad.com/news/sbor-resursov-na-hab-v-mf">
6721                                        Подробнее
6722                                        <svg width="26" height="26" viewBox="0 0 21 21" class="ms-2" fill="none" xmlns="http://www.w3.org/2000/svg">
6723                                            <path d="M8.75 14.875L13.125 10.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6724                                            <path d="M13.125 10.5L8.75 6.125" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6725                                        </svg>
6726                                    </a>
6727                                                                        <div class="post-stats d-flex gap-3">
6728                                                                                <button type="button" class="post-stat-item post-like-btn "  disabled  data-like-url="https://vanillasquad.com/news/174/like">
6729                                            <i class="bi bi-heart " data-liked="true"></i>
6730                                            <i class="bi bi-heart-fill  d-none " data-liked="false"></i>
6731                                            <span class="likes-count">1</span>
6732                                            <span class="d-none spinner-border spinner-border-sm load-spinner" role="status"></span>
6733                                        </button>
6734                                                                                                                        <span class="post-stat-item">
6735                                            <i class="bi bi-chat"></i> 0
6736                                        </span>
6737                                                                            </div>
6738                                                                    </div>
6739                            </div>
6740                        </article>
6741                    </div>
6742                                    </div>
6743            </div>
6744        </div>
6745            </section>
6746
6747
6748
6749<script>
6750(function() {
6751    // Initialize carousel for this component
6752    const carouselId = 'news-carousel-news-default';
6753    const carousel = document.getElementById(carouselId);
6754    
6755    if (!carousel) return;
6756    
6757    const track = carousel.querySelector('.news-carousel-track');
6758    const items = carousel.querySelectorAll('.news-carousel-item');
6759    const prevBtn = document.querySelector(`.news-prev-btn[data-carousel="${carouselId}"]`);
6760    const nextBtn = document.querySelector(`.news-next-btn[data-carousel="${carouselId}"]`);
6761    
6762    if (!track || items.length === 0) return;
6763    
6764    let currentIndex = 0;
6765    const gap = 24;
6766    
6767    function getItemsPerView() {
6768        if (window.innerWidth <= 768) return 1;
6769        if (window.innerWidth <= 992) return 2;
6770        return 3;
6771    }
6772    
6773    function getMaxIndex() {
6774        const itemsPerView = getItemsPerView();
6775        return Math.max(0, items.length - itemsPerView);
6776    }
6777    
6778    function updateCarousel() {
6779        const itemsPerView = getItemsPerVie
6779w();
6780        const itemWidth = items[0].offsetWidth;
6781        const offset = currentIndex * (itemWidth + gap);
6782        track.style.transform = `translateX(-${offset}px)`;
6783        
6784        // Update button states
6785        if (prevBtn) prevBtn.disabled = currentIndex === 0;
6786        if (nextBtn) nextBtn.disabled = currentIndex >= getMaxIndex();
6787    }
6788    
6789    if (prevBtn) {
6790        prevBtn.addEventListener('click', function() {
6791            if (currentIndex > 0) {
6792                currentIndex--;
6793                updateCarousel();
6794            }
6795        });
6796    }
6797    
6798    if (nextBtn) {
6799        nextBtn.addEventListener('click', function() {
6800            if (currentIndex < getMaxIndex()) {
6801                currentIndex++;
6802                updateCarousel();
6803            }
6804        });
6805    }
6806    
6807    // Initial state
6808    updateCarousel();
6809    
6810    // Update on resize
6811    let resizeTimer;
6812    window.addEventListener('resize', function() {
6813        clearTimeout(resizeTimer);
6814        resizeTimer = setTimeout(function() {
6815            currentIndex = Math.min(currentIndex, getMaxIndex());
6816            updateCarousel();
6817        }, 250);
6818    });
6819})();
6820</script>
6820
6821              </div>
6822              
6823              <div class="apex-dynamic-item-overlay">
6824                <div class="apex-dynamic-item-actions">
6825                  <button class="apex-dynamic-btn apex-dynamic-move-up" title="Переместить вверх">
6826                    <i class="bi bi-chevron-up"></i>
6827                  </button>
6828                  <button class="apex-dynamic-btn apex-dynamic-move-down" title="Переместить вниз">
6829                    <i class="bi bi-chevron-down"></i>
6830                  </button>
6831                  <button class="apex-dynamic-btn apex-dynamic-edit" title="Редактировать компонент">
6832                    <i class="bi bi-pencil"></i>
6833                  </button>
6834                  <button class="apex-dynamic-btn apex-dynamic-delete" title="Удалить компонент">
6835                    <i class="bi bi-trash"></i>
6836                  </button>
6837                </div>
6838                <span class="apex-dynamic-item-label">news-component</span>
6839              </div>
6840            </div>
6841                      <div class="apex-dynamic-item" 
6842                 data-instance-id="1788034607889-sesp1vppx"
6843                 data-component-id="custom-code-component"
6844                 data-order="1">
6845              <div class="apex-dynamic-item-content">
6846                <section id="custom-code-1788034607889-sesp1vppx" 
6847         class="custom-code-component" 
6848         data-zone="home.dynamic" 
6849         data-component="custom-code-component"
6850         data-instance-id="1788034607889-sesp1vppx">
6851    
6852    
6853        
6854        
6855    
6856    <div class="custom-code-content">
6857                    <div class="vsx" lang="ru">
6858
6859  <!-- =========================================================
6860       INTRO
6861  ========================================================== -->
6862  <section class="vsx-hero">
6863
6864    <div class="vsx-grid-bg" aria-hidden="true"></div>
6865    <div class="vsx-glow vsx-glow-left" aria-hidden="true"></div>
6866    <div class="vsx-glow vsx-glow-right" aria-hidden="true"></div>
6867
6868    <div class="vsx-hero-copy">
6869
6870      <div class="vsx-eyebrow">
6871        <span></span>
6872        Продолжение начинается в игре
6873      </div>
6874
6875      <h2>
6876        У этого мира нет заранее написанной истории.
6877        <em>Её создают игроки.</em>
6878      </h2>
6879
6880      <p>
6881        VanillaSquad — Minecraft-сервер про выживание,
6882        строительство, торговлю и людей вокруг вас.
6883        Здесь не продают силу, не телепортируют через весь мир
6884        и не закрывают постройки приватами.
6885      </p>
6886
6887      <div class="vsx-tags">
6888        <span><i></i> Без pay-to-win</span>
6889        <span><i></i> Без /tp</span>
6890        <span><i></i> Без приватов</span>
6891        <span><i></i> Живая экономика</span>
6892      </div>
6893
6894    </div>
6895
6896
6897    <aside class="vsx-welcome">
6898
6899      <div class="vsx-welcome-head">
6900        <span class="vsx-brand">VANILLASQUAD</span>
6901
6902        <span class="vsx-status">
6903          <i></i>
6904          Мир открыт
6905        </span>
6906      </div>
6907
6908
6909      <div class="vsx-welcome-copy">
6910        <span>Если вы здесь впервые</span>
6911
6912        <strong>
6913          Просто начните играть.
6914        </strong>
6915
6916        <p>
6917          Постройте первый дом, познакомьтесь с игроками,
6918          найдите город или отправляйтесь исследовать мир самостоятельно.
6919          Здесь нет обязательного сценария.
6920        </p>
6921      </div>
6922
6923
6924      <div class="vsx-stats">
6925
6926        <div>
6927          <strong>2019</strong>
6928          <span>проект работает</span>
6929        </div>
6930
6931        <div>
6932          <strong>3</strong>
6933          <span>игровых мира</span>
6934        </div>
6935
6936        <div>
6937          <strong>0</strong>
6938          <span>покупаемой силы</span>
6939        </div>
6940
6941      </div>
6942
6943
6944      <div class="vsx-actions">
6945
6946        <a
6947          href="/discord"
6948          class="vsx-btn vsx-btn-main"
6949        >
6950          Присоединиться
6951          <i class="vsx-arrow"></i>
6952        </a>
6953
6954        <a
6955          href="/docs/osnovnye/kak-nachat-igrat"
6956          target="_blank"
6957          rel="noopener noreferrer"
6958          class="vsx-btn vsx-btn-ghost"
6959        >
6960          Как начать играть
6961        </a>
6962
6963      </div>
6964
6965    </aside>
6966
6967  </section>
6968
6969
6970
6971  <!-- =========================================================
6972       WORLDS
6973  ========================================================== -->
6974  <section class="vsx-worlds">
6975
6976    <header class="vsx-section-head">
6977
6978      <div>
6979
6980        <div class="vsx-eyebrow">
6981          <span></span>
6982          Где проходит игра
6983        </div>
6984
6985        <h2>
6986          Один сервер.
6987          <em>Три мира для разных задач.</em>
6988        </h2>
6989
6990      </div>
6991
6992
6993      <p>
6994        На VanillaSquad три игровых мира: для строительства,
6995        технических ферм и артов. Каждый мир решает свою задачу,
6996        поэтому нужное пространство легко найти с первых минут.
6997      </p>
6998
6999    </header>
7000
7001
7002
7003    <div class="vsx-world-grid">
7004
7005
7006      <!-- МИР ПОСТРОЕК -->
7007      <article class="vsx-world-card vsx-world-featured">
7008
7009        <div class="vsx-world-top">
7010          <span class="vsx-world-number">01</span>
7011          <span class="vsx-world-category">Начните здесь</span>
7012        </div>
7013
7014        <div class="vsx-mc-icon" aria-hidden="true">
7015
7016          <div class="vsx-bricks">
7017            <i></i>
7018            <i></i>
7019            <i></i>
7020            <i></i>
7021            <i></i>
7022            <i></i>
7023          </div>
7024
7025        </div>
7026
7027        <h3>Мир построек</h3>
7028
7029        <p>
7030          Мир для жизни и строительства: здесь находится спавн,
7031          появляются города, дома и крупные проекты игроков.
7032        </p>
7033
7034        <div class="vsx-world-note">
7035          <strong>Спавн и города</strong>
7036
7037          <span>
7038            Основная жизнь сезона проходит здесь — от первого дома
7039            до больших совместных построек.
7040          </span>
7041        </div>
7042
7043        <footer>
7044          <span>Спавн</span>
7045          <span>Города</span>
7046          <span>Строительство</span>
7047        </footer>
7048
7049      </article>
7050
7051
7052      <!-- МИР ФЕРМ -->
7053      <article class="vsx-world-card">
7054
7055        <div class="vsx-world-top">
7056          <span class="vsx-world-number">02</span>
7057          <span class="vsx-world-category">Автоматизация</span>
7058        </div>
7059
7060        <div class="vsx-mc-icon" aria-hidden="true">
7061          <div class="vsx-farm-icon"></div>
7062        </div>
7063
7064        <h3>Мир ферм</h3>
7065
7066        <p>
7067          Технический мир для автоматических ферм, механизмов
7068          и массовой добычи ресурсов без лишней нагрузки
7069          на Мир построек.
7070        </p>
7071
7072        <div class="vsx-world-note">
7073          <strong>Для технической игры</strong>
7074
7075          <span>
7076            Фермы и механизмы вынесены сюда, чтобы техническая игра
7077            не мешала жилым и строительным территориям.
7078          </span>
7079        </div>
7080
7081        <footer>
7082          <span>Фермы</span>
7083          <span>Редстоун</span>
7084          <span>Ресурсы</span>
7085        </footer>
7086
7087      </article>
7088
7089
7090      <!-- МИР АРТОВ -->
7091      <article class="vsx-world-card">
7092
7093        <div class="vsx-world-top">
7094          <span class="vsx-world-number">03</span>
7095          <span class="vsx-world-category">Творчество</span>
7096        </div>
7097
7098        <div class="vsx-mc-icon" aria-hidden="true">
7099          <div class="vsx-art-icon"></div>
7100        </div>
7101
7102        <h3>Мир артов</h3>
7103
7104        <p>
7105          Пространство для пиксель-артов,
7106          изображений и других визуальных проектов игроков.
7107        </p>
7108
7109        <div class="vsx-world-note">
7110          <strong>Для творчества</strong>
7111
7112          <span>
7113            Создавайте большие изображения и арты отдельно,
7114            не занимая территорию Мира построек.
7115          </span>
7116        </div>
7117
7118        <footer>
7119          <span>Pixel Art</span>
7120          <span>Творчество</span>
7121          <span>Проекты</span>
7122        </footer>
7123
7124      </article>
7125
7126    </div>
7127
7128  </section>
7129
7130
7131
7132  <!-- =========================================================
7133       INTERACTIVE MAP
7134  ========================================================== -->
7135  <section class="vsx-map">
7136
7137    <div class="vsx-map-copy">
7138
7139      <div class="vsx-eyebrow">
7140        <span></span>
7141        Интерактивная карта
7142      </div>
7143
7144      <h2>
7145        Весь мир VanillaSquad
7146        <em>перед вами.</em>
7147      </h2>
7148
7149      <p>
7150        Загляните в города игроков, найдите необычные постройки,
7151        проследите дороги между поселениями или просто посмотрите,
7152        насколько огромным уже стал мир этого сезона.
7153      </p>
7154
7155      <div class="vsx-map-meta">
7156
7157        <div class="vsx-map-meta-item">
7158
7159          <span class="vsx-map-status-dot"></span>
7160
7161          <span>
7162            Карта обновляется вместе с игровым сервером
7163          </span>
7164
7165        </div>
7166
7167        <div class="vsx-map-meta-item">
7168
7169          <span class="vsx-map-pixel-icon" aria-hidden="true">
7170            <i></i>
7171            <i></i>
7172            <i></i>
7173            <i></i>
7174          </span>
7175
7176          <span>
7177            Исследуйте города, базы и постройки сообщества
7178          </span>
7179
7180        </div>
7181
7182      </div>
7183
7184
7185      <a
7186        href="https://vanillasquad.com/map"
7187        target="_blank"
7188        rel="noopener noreferrer"
7189        class="vsx-btn vsx-btn-main vsx-map-btn"
7190      >
7191        Открыть интерактивную карту
7192        <i class="vsx-arrow"></i>
7193      </a>
7194
7195    </div>
7196
7197
7198    <a
7199      href="https://vanillasquad.com/map"
7200      target="_blank"
7201      rel="noopener noreferrer"
7202      class="vsx-map-preview"
7203      aria-label="Открыть интерактивную карту VanillaSquad"
7204    >
7205
7206      <img
7207        src="/storage/img/mteuu30szavqxoi.webp"
7208        alt="Интерактивная карта мира VanillaSquad"
7209        class="vsx-map-image"
7210      >
7211
7212      <div class="vsx-map-overlay"></div>
7213
7214
7215      <div class="vsx-map-preview-top">
7216
7217        <span class="vsx-map-badge">
7218          Карта сервера
7219        </span>
7220
7221        <span class="vsx-map-live">
7222          <i></i>
7223          LIVE
7224        </span>
7225
7226      </div>
7227
7228
7229      <div class="vsx-map-preview-bottom">
7230
7231        <div class="vsx-map-preview-caption">
7232          <span>Исследуйте VanillaSquad</span>
7233
7234          <strong>
7235            Города и постройки игроков
7236          </strong>
7237        </div>
7238
7239        <span class="vsx-map-open">
7240          <i class="vsx-arrow"></i>
7241        </span>
7242
7243      </div>
7244
7245    </a>
7246
7247  </section>
7248
7249
7250
7251  <!-- =========================================================
7252       WHY VANILLASQUAD
7253  ========================================================== -->
7254  <section class="vsx-experience">
7255
7256    <header class="vsx-section-head">
7257
7258      <div>
7259
7260        <div class="vsx-eyebrow">
7261          <span></span>
7262          Не просто ещё один сервер
7263        </div>
7264
7265        <h2>
7266          Здесь важно не то,
7267          сколько вы купили.
7268          <em>А то, что вы сделали.</em>
7269        </h2>
7270
7271      </div>
7272
7273
7274      <p>
7275        Мы стараемся сохранять ощущение Minecraft:
7276        путешествия имеют расстояние, ресурсы имеют ценность,
7277        а построенный город действительно становится частью мира.
7278      </p>
7279
7280    </header>
7281
7282
7283    <div class="vsx-feature-grid">
7284
7285      <article class="vsx-feature vsx-feature-large">
7286
7287        <span class="vsx-feature-label">
7288          VanillaSquad
7289        </span>
7290
7291        <strong>
7292          Мир существует благодаря игрокам.
7293        </strong>
7294
7295        <p>
7296          Сервер не пытается заменить Minecraft сотнями
7297          обязательных механик. Добывайте ресурсы, стройте,
7298          путешествуйте, торгуйте и создавайте собственную историю.
7299        </p>
7300
7301        <div class="vsx-year" aria-hidden="true">
7302          2019
7303        </div>
7304
7305      </article>
7306
7307
7308      <article class="vsx-feature">
7309
7310        <div class="vsx-feature-icon">
7311          ◆
7312        </div>
7313
7314        <span class="vsx-feature-label">
7315          Честная игра
7316        </span>
7317
7318        <strong>
7319          Донат не делает вас сильнее
7320        </strong>
7321
7322        <p>
7323          Нет покупки ресурсов, силы или преимуществ,
7324          которые ломают обычное выживание.
7325        </p>
7326
7327      </article>
7328
7329
7330      <article class="vsx-feature">
7331
7332        <div class="vsx-feature-icon">
7333          ⌂
7334        </div>
7335
7336        <span class="vsx-feature-label">
7337          Защита игроков
7338        </span>
7339
7340        <strong>
7341          Ваш труд имеет значение
7342        </strong>
7343
7344        <p>
7345          Воровство, гриферство и читы запрещены,
7346          а администрация разбирается с нарушениями.
7347        </p>
7348
7349      </article>
7350
7351
7352      <article class="vsx-feature">
7353
7354        <div class="vsx-feature-icon">
7355          ✦
7356        </div>
7357
7358        <span class="vsx-feature-label">
7359          Сообщество
7360        </span>
7361
7362        <strong>
7363          Играйте так, как нравится вам
7364        </strong>
7365
7366        <p>
7367          Найдите город или клан, откройте магазин,
7368          участвуйте в событиях — или поселитесь далеко от всех.
7369        </p>
7370
7371      </article>
7372
7373    </div>
7374
7375  </section>
7376
7377
7378
7379  <!-- =========================================================
7380       JOIN
7381  ========================================================== -->
7382  <section class="vsx-join">
7383
7384    <div class="vsx-join-grid" aria-hidden="true"></div>
7385    <div class="vsx-join-light" aria-hidden="true"></div>
7386
7387
7388    <div class="vsx-join-copy">
7389
7390      <div class="vsx-eyebrow vsx-eyebrow-white">
7391        <span></span>
7392        Как начать играть
7393      </div>
7394
7395      <h2>
7396        Три шага —
7397        <em>и вы уже в мире.</em>
7398      </h2>
7399
7400      <p>
7401        Регистрация нужна только для связи Minecraft
7402        с вашим Discord-аккаунтом. После привязки
7403        можно сразу начинать играть.
7404      </p>
7405
7406
7407      <div class="vsx-actions">
7408
7409        <a
7410          href="/discord"
7411          class="vsx-btn vsx-btn-white"
7412        >
7413          Открыть Discord
7414          <i class="vsx-arrow"></i>
7415        </a>
7416
7417        <a
7418          href="/docs/osnovnye/kak-nachat-igrat"
7419          target="_blank"
7420          rel="noopener noreferrer"
7421          class="vsx-btn vsx-btn-dark"
7422        >
7423          Подробная инструкция
7424        </a>
7425
7426      </div>
7427
7428    </div>
7429
7430
7431    <ol class="vsx-steps">
7432
7433      <li>
7434
7435        <span class="vsx-step">
7436          01
7437        </span>
7438
7439        <div>
7440
7441          <strong>
7442            Зайдите в Minecraft
7443          </strong>
7444
7445          <p>
7446            Подключитесь к <b>mc.vanillasquad.com</b>.
7447            Сервер покажет четырёхзначный код.
7448          </p>
7449
7450        </div>
7451
7452      </li>
7453
7454
7455      <li>
7456
7457        <span class="vsx-step">
7458          02
7459        </span>
7460
7461        <div>
7462
7463          <strong>
7464            Откройте Discord
7465          </strong>
7466
7467          <p>
7468            Отправьте полученный код
7469            в канал <b>#отправь-код-сюда</b>.
7470          </p>
7471
7472        </div>
7473
7474      </li>
7475
7476
7477      <li>
7478
7479        <span class="vsx-step">
7480          03
7481        </span>
7482
7483        <div>
7484
7485          <strong>
7486            Добро пожаловать
7487          </strong>
7488
7489          <p>
7490            Возвращайтесь на сервер,
7491            выбирайте направление и начинайте свою историю.
7492          </p>
7493
7494        </div>
7495
7496      </li>
7497
7498    </ol>
7499
7500  </section>
7501
7502</div>
7503
7504
7505<a
7506  href="https://mcrating.org"
7507  style="position:absolute;left:0;top:0;width:1px;height:1px;opacity:.01;overflow:hidden;z-index:-999;font-size:1px;color:transparent;"
7508>
7509  mcrating
7510</a>
7511            </div>
7512    
7513    
7514    </section>
7515
7516
7517              </div>
7518              
7519              <div class="apex-dynamic-item-overlay">
7520                <div class="apex-dynamic-item-actions">
7521                  <button class="apex-dynamic-btn apex-dynamic-move-up" title="Переместить вверх">
7522                    <i class="bi bi-chevron-up"></i>
7523                  </button>
7524                  <button class="apex-dynamic-btn apex-dynamic-move-down" title="Переместить вниз">
7525                    <i class="bi bi-chevron-down"></i>
7526                  </button>
7527                  <button class="apex-dynamic-btn apex-dynamic-edit" title="Редактировать компонент">
7528                    <i class="bi bi-pencil"></i>
7529                  </button>
7530                  <button class="apex-dynamic-btn apex-dynamic-delete" title="Удалить компонент">
7531                    <i class="bi bi-trash"></i>
7532                  </button>
7533                </div>
7534                <span class="apex-dynamic-item-label">custom-code-component</span>
7535              </div>
7536            </div>
7537                          
7538        
7539        <div class="apex-dynamic-zone-overlay">
7540          <button class="apex-dynamic-add-btn" title="Добавить компонент">
7541            <i class="bi bi-plus-lg"></i>
7542            <span>Добавить компонент</span>
7543          </button>
7544        </div>
7545      </div>
7546    </div>
7547    
7548    
7549        </div>
7550    </main>
7551    
7551<script>
7552        // Don't remove h1 on auth pages (handled by auth-enhancer.js)
7553        const authPaths = ['user/login', 'user/register', 'user/password', 'user/two-factor', 'email/verify'];
7554        const isAuthPage = authPaths.some(path => window.location.pathname.includes(path));
7555        
7556        if (!isAuthPage) {
7557            const targetH1 = Array.from(document.querySelectorAll('h1'))
7558            .find(h1 =>
7559                h1.textContent.trim() === "MineCraft: Играй на ванильном сервере VanillaSquad | 24/7 | На ПК" &&
7560                !h1.classList.contains('no-remove')
7561            );
7562
7563            if (targetH1) {
7564                targetH1.remove();      
7565            }
7566        }
7567
7568        // Auto-wrap content without col-* classes
7569        document.addEventListener('DOMContentLoaded', function() {
7570            const contentRow = document.querySelector('.page-content > .row');
7571            if (!contentRow) return;
7572
7573            // Get all direct children of the row
7574            const children = Array.from(contentRow.children);
7575            
7576            children.forEach(child => {
7577                // Skip if already has a col-* class
7578                const hasColClass = Array.from(child.classList).some(className => 
7579                    className.startsWith('col-')
7580                );
7581                
7582                // Skip elements that are apex-editable-zone (already handled above)
7583                const isEditableZone = child.classList.contains('apex-editable-zone');
7584                
7585                if (!hasColClass && !isEditableZone) {
7586                    // Create wrapper div with col-12
7587                    const wrapper = document.createElement('div');
7588                    wrapper.className = 'col-12';
7589                    
7590                    // Insert wrapper before the child
7591                    child.parentNode.insertBefore(wrapper, child);
7592                    
7593                    // Move child into wrapper
7594                    wrapper.appendChild(child);
7595                }
7596            });
7597        });
7598    </script>
7598
7599                    
7600                    
7601                    <div class="global-dynamic-zone mt-4" role="region" aria-label="theme::theme.editor.global_dynamic_zone">
7602    <div class="apex-dynamic-zone apex-zone-empty" 
7603         data-zone-id="global.dynamic"
7604         data-zone-type="dynamic">
7605        
7606        
7607                
7608        
7609        <div class="apex-dynamic-zone-overlay">
7610          <button class="apex-dynamic-add-btn" title="Добавить глобальный компонент">
7611            <i class="bi bi-plus-lg"></i>
7612            <span>Добавить глобальный компонент</span>
7613          </button>
7614        </div>
7615    </div>
7616</div>
7617                </div>
7618                
7619                
7620                <div class="app-footer-wrapper">
7621                    
7622                    <footer class="apex-big-footer">
7623    
7624    <div class="position-relative">
7625        <div class="apex-big-footer-inner card">
7626            <div class="apex-big-footer-grid">
7627                
7628                <div class="apex-big-footer-brand">
7629                                            <img src="https://vanillasquad.com/storage/img/logo.webp" alt="VanillaSquad" class="apex-big-footer-logo">
7630                                                                <h3 class="apex-big-footer-title font-lexend text-gradient1">VanillaSquad</h3>
7631                                                                <p class="apex-big-footer-desc">Честное ванильное выживание, живой мир и сообщество, которое создаёт историю VanillaSquad.</p>
7632                                        
7633                                            <div class="apex-big-footer-socials">
7634                                                            <a href="https://discord.gg/vanillasquad" 
7635                                   title="Discord" 
7636                                   target="_blank" 
7637                                   rel="noopener noreferrer"
7638                                   class="apex-big-footer-social-btn"
7639                                   style="--social-bg: #5865f2">
7640                                    <i class="bi bi-discord"></i>
7641                                </a>
7642                                                            <a href="https://www.youtube.com/@vanillasquadcom" 
7643                                   title="YouTube" 
7644                                   target="_blank" 
7645                                   rel="noopener noreferrer"
7646                                   class="apex-big-footer-social-btn"
7647                                   style="--social-bg: #ff0000">
7648                                    <i class="bi bi-youtube"></i>
7649                                </a>
7650                                                            <a href="https://t.me/vanillasquadcom" 
7651                                   title="Telegram канал" 
7652                                   target="_blank" 
7653                                   rel="noopener noreferrer"
7654                                   class="apex-big-footer-social-btn"
7655                                   style="--social-bg: #2196f3">
7656                                    <i class="bi bi-telegram"></i>
7657                                </a>
7658                                                            <a href="https://www.tiktok.com/@vanillasquad.com" 
7659                                   title="TikTok" 
7660                                   target="_blank" 
7661                                   rel="noopener noreferrer"
7662                                   class="apex-big-footer-social-btn"
7663                                   style="--social-bg: #fe2c55">
7664                                    <i class="bi bi-tiktok"></i>
7665                                </a>
7666                                                            <a href="https://www.twitch.tv/vanillasquadcom" 
7667                                   title="Twitch" 
7668                                   target="_blank" 
7669                                   rel="noopener noreferrer"
7670                                   class="apex-big-footer-social-btn"
7671                                   style="--social-bg: #9c27b0">
7672                                    <i class="bi bi-twitch"></i>
7673                                </a>
7674                                                    </div>
7675                                    </div>
7676                
7677                
7678                                <div class="apex-big-footer-links apex-footer-collapsible">
7679                                            <h4 class="apex-big-footer-links-heading apex-footer-collapse-toggle">
7680                            Игрокам
7681                            <i class="bi bi-chevron-down apex-footer-collapse-icon"></i>
7682                        </h4>
7683                                        <ul class="apex-footer-collapse-content">
7684                                                    <li><a href="/">Главная</a></li>
7685                                                    <li><a href="https://donate.vanillasquad.com/">
7685Магазин</a></li>
7686                                                    <li><a href="https://vanillasquad.com/map">Карта сервера</a></li>
7687                                                    <li><a href="https://vanillasquad.com/modpack">Скачать сборку сервера</a></li>
7688                                            </ul>
7689                </div>
7690                                
7691                                <div class="apex-big-footer-links apex-footer-collapsible">
7692                                            <h4 class="apex-big-footer-links-heading apex-footer-collapse-toggle">
7693                            Поддержка
7694                            <i class="bi bi-chevron-down apex-footer-collapse-icon"></i>
7695                        </h4>
7696                                        <ul class="apex-footer-collapse-content">
7697                                                    <li><a href="https://vanillasquad.com/docs">Документация</a></li>
7698                                                    <li><a href="https://discord.com/channels/660357711174696970/918216928076632135">Канал поддержки в Discord</a></li>
7699                                                    <li><a href="/faq">FAQ</a></li>
7700                                            </ul>
7701                </div>
7702                                
7703                                <div class="apex-big-footer-links apex-footer-collapsible">
7704                                            <h4 class="apex-big-footer-links-heading apex-footer-collapse-toggle">
7705                            Важная информация
7706                            <i class="bi bi-chevron-down apex-footer-collapse-icon"></i>
7707                        </h4>
7708                                        <ul class="apex-footer-collapse-content">
7709                                                    <li><a href="/terms">Пользовательское соглашение</a></li>
7710                                                    <li><a href="/payments">Правила оплаты</a></li>
7711                                                    <li><a href="/privacy">Политика обработки персональных данных</a></li>
7712                                            </ul>
7713                </div>
7714                            </div>
7715            
7716            
7717                    </div>
7718    </div>
7719</footer>
7720
7721
7722
7723<script>
7724(function() {
7725    // Only activate collapse on mobile
7726    if (window.innerWidth <= 640) {
7727        initFooterCollapse();
7728    }
7729    
7730    // Re-initialize on resize
7731    let resizeTimer;
7732    window.addEventListener('resize', function() {
7733        clearTimeout(resizeTimer);
7734        resizeTimer = setTimeout(function() {
7735            const collapsibles = document.querySelectorAll('.apex-footer-collapsible');
7736            if (window.innerWidth <= 640) {
7737                initFooterCollapse();
7738            } else {
7739                // Remove active class and inline styles on desktop
7740                collapsibles.forEach(function(section) {
7741                    section.classList.remove('active');
7742                    const content = section.querySelector('.apex-footer-collapse-content');
7743                    if (content) {
7744                        content.style.maxHeight = null;
7745                    }
7746                });
7747            }
7748        }, 250);
7749    });
7750    
7751    function initFooterCollapse() {
7752        const collapsibles = document.querySelectorAll('.apex-footer-collapsible');
7753        
7754        collapsibles.forEach(function(section) {
7755            const toggle = section.querySelector('.apex-footer-collapse-toggle');
7756            const content = section.querySelector('.apex-footer-collapse-content');
7757            
7758            if (!toggle || !content) return;
7759            
7760            // Remove existing listeners
7761            const newToggle = toggle.cloneNode(true);
7762            toggle.parentNode.replaceChild(newToggle, toggle);
7763            
7764            newToggle.addEventListener('click', function(e) {
7765                e.preventDefault();
7766                
7767                const isActive = section.classList.contains('active');
7768                
7769                // Close all other sections
7770                collapsibles.forEach(function(otherSection) {
7771                    if (otherSection !== section) {
7772                        otherSection.classList.remove('active');
7773                    }
7774                });
7775                
7776                // Toggle current section
7777                section.classList.toggle('active', !isActive);
7778            });
7779        });
7780    }
7781})();
7782</script>
7782
7783                    
7784                    <footer class="apex-footer ">
7785    <div class="apex-footer-content px-5">
7786        <div class="apex-footer-brand">
7787                            <img src="https://vanillasquad.com/storage/img/logo.webp" alt="VanillaSquad" class="apex-footer-logo">
7788                        <span class="apex-footer-copyright">
7789                © 2019-2026 Комплекс игровых серверов Minecraft &quot;VanillaSquad&quot;.
7790            </span>
7791        </div>
7792        
7793        <div class="apex-footer-powered">
7794            <span>Работает на <a href="https://azuriom.com" target="_blank" rel="noopener noreferrer">Azuriom</a>.</span>
7795        </div>
7796        
7797        <div class="apex-footer-theme-credit" id="tmc-x7k9q2">
7798            <span id="tmc-lnk-j4p8"></span>
7799        </div>
7800        
7801    </div>
7802</footer>
7803
7804
7805                </div>
7806            </div>
7807        </div>
7808    </div>
7809
7810    
7811<script>
7812(function() {
7813    var p1 = String.fromCharCode(84,104,101,109,101);
7814    var p2 = String.fromCharCode(32,109,97,100,101,32,98,121,32);
7815    var p3 = String.fromCharCode(83,108,111,121,110,105);
7816    var u1 = String.fromCharCode(104,116,116,112,115,58,47,47);
7817    var u2 = String.fromCharCode(109,97,114,107,101,116,46,97,122,117,114,105,111,109,46,99,111,109,47);
7818    var u3 = String.fromCharCode(114,101,115,111,117,114,99,101,115,47,49,57,53);
7819    
7820    var txt = p1 + p2 + p3;
7821    var url = u1 + u2 + u3;
7822    var cid = String.fromCharCode(116,109,99,45,108,110,107,45,106,52,112,56);
7823    var pid = String.fromCharCode(116,109,99,45,120,55,107,57,113,50);
7824    var pcls = String.fromCharCode(97,112,101,120,45,102,111,111,116,101,114,45,116,104,101,109,101,45,99,114,101,100,105,116);
7825    var fcls = String.fromCharCode(97,112,101,120,45,102,111,111,116,101,114,45,99,111,110,116,101,110,116);
7826    
7827    function cr() {
7828        var pc = document.getElementById(pid);
7829        var ft = document.querySelector('.' + fcls);
7830        
7831        if (!pc && ft) {
7832            pc = document.createElement(String.fromCharCode(100,105,118));
7833            pc.className = pcls;
7834            pc.id = pid;
7835            ft.appendChild(pc);
7836        }
7837        
7838        if (!pc) return;
7839        
7840        var c = document.getElementById(cid);
7841        if (!c) {
7842            c = document.createElement(String.fromCharCode(115,112,97,110));
7843            c.id = cid;
7844            pc.appendChild(c);
7845        }
7846        
7847        if (c) {
7848            var l = c.querySelector(String.fromCharCode(97));
7849            if (!l) {
7850                c.innerHTML = '';
7851                l = document.createElement(String.fromCharCode(97));
7852                l.href = url;
7853                l.target = String.fromCharCode(95,98,108,97,110,107);
7854                l.rel = String.fromCharCode(110,111,111,112,101,110,101,114);
7855                l.textContent = txt;
7856                c.appendChild(l);
7857            } else if (l.textContent !== txt || l.href !== url) {
7858                l.textContent = txt;
7859                l.href = url;
7860            }
7861        }
7862    }
7863    
7864    function ck() {
7865        var c = document.getElementById(cid);
7866        var pc = document.getElementById(pid);
7867        
7868        if (!pc || !c || !c.querySelector(String.fromCharCode(97))) {
7869            cr();
7870            return;
7871        }
7872        
7873        var l = c.querySelector(String.fromCharCode(97));
7874        var cs = window.getComputedStyle(c);
7875        var ls = window.getComputedStyle(l);
7876        var pcs = window.getComputedStyle(pc);
7877        
7878        if (cs.display === String.fromCharCode(110,111,110,101) || 
7879            cs.visibility === String.fromCharCode(104,105,100,100,101,110) || 
7880            cs.opacity === String.fromCharCode(48) ||
7881            ls.display === String.fromCharCode(110,111,110,101) || 
7882            ls.visibility === String.fromCharCode(104,105,100,100,101,110) || 
7883            ls.opacity === String.fromCharCode(48) ||
7884            pcs.display === String.fromCharCode(110,111,110,101) || 
7885            pcs.visibility === String.fromCharCode(104,105,100,100,101,110) || 
7886            pcs.opacity === String.fromCharCode(48) ||
7887            parseInt(cs.height) < 5 || parseInt(cs.width) < 5 ||
7888            parseInt(ls.height) < 5 || parseInt(ls.width) < 5) {
7889            
7890            pc.style.cssText = String.fromCharCode(100,105,115,112,108,97,121,58,98,108,111,99,107,33,105,109,112,111,114,116,97,110,116,59,118,105,115,105,98,105,108,105,116,121,58,118,105,115,105,98,108,101,33,105,109,112,111,114,116,97,110,116,59,111,112,97,99,105,116,121,58,49,33,105,109,112,111,114,116,97,110,116,59);
7891            c.style.cssText = String.fromCharCode(100,105,115,112,108,97,121,58,105,110,108,105,110,101,33,105,109,112,111,114,116,97,110,116,59,118,105,115,105,98,105,108,105,116,121,58,118,105,115,105,98,108,101,33,105,109,112,111,114,116,97,110,116,59,111,112,97,99,105,116,121,58,49,33,105,109,112,111,114,116,97,110,116,59,104,101,105,103,104,116,58,97,117,116,111,33,105,109,112,111,114,116,97,110,116,59,119,105,100,116,104,58,97,117,116,111,33,105,109,112,111,114,116,97,110,116,59);
7892            l.style.cssText = String.fromCharCode(100,105,115,112,108,97,121,58,105,110,
7892108,105,110,101,33,105,109,112,111,114,116,97,110,116,59,118,105,115,105,98,105,108,105,116,121,58,118,105,115,105,98,108,101,33,105,109,112,111,114,116,97,110,116,59,111,112,97,99,105,116,121,58,49,33,105,109,112,111,114,116,97,110,116,59,99,111,108,111,114,58,114,103,98,97,40,50,53,53,44,50,53,53,44,50,53,53,44,48,46,53,41,33,105,109,112,111,114,116,97,110,116,59);
7893        }
7894    }
7895    
7896    if (document.readyState === String.fromCharCode(108,111,97,100,105,110,103)) {
7897        document.addEventListener(String.fromCharCode(68,79,77,67,111,110,116,101,110,116,76,111,97,100,101,100), cr);
7898    } else {
7899        cr();
7900    }
7901    
7902    setInterval(ck, 1000);
7903    
7904    var obs = new MutationObserver(function(muts) {
7905        var nd = false;
7906        muts.forEach(function(mut) {
7907            if (mut.type === String.fromCharCode(99,104,105,108,100,76,105,115,116) || 
7908                mut.type === String.fromCharCode(97,116,116,114,105,98,117,116,101,115)) {
7909                nd = true;
7910            }
7911        });
7912        if (nd) {
7913            setTimeout(ck, 50);
7914        }
7915    });
7916    
7917    setTimeout(function() {
7918        var ft = document.querySelector(String.fromCharCode(46,97,112,101,120,45,102,111,111,116,101,114));
7919        if (ft) {
7920            obs.observe(ft, {
7921                childList: true,
7922                attributes: true,
7923                subtree: true,
7924                attributeFilter: [String.fromCharCode(115,116,121,108,101), String.fromCharCode(99,108,97,115,115)]
7925            });
7926        }
7927    }, 500);
7928})();
7929</script>
7929
7930</body>
7931</html>
7932

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.