.proframka {
    position: absolute;
    left: 144px !important;
    width: 98px !important;
    height: 113px !important;
    margin-top: -5px !important;
    border-radius: 0px !important;
}

.area {
    position: fixed; /* fixed вместо absolute для всего экрана */
    z-index: -1000; /* Очень низкий z-index чтобы быть под всем */
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    pointer-events: none;
}

#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  animation: animStar 100s linear infinite;
  box-shadow: 1036px 1770px #6dbf97, 430px 55px #6dbf97, 402px 779px #6dbf97,
  1744px 367px #6dbf97, 599px 831px #6dbf97, 692px 2568px #6dbf97, 1445px 2488px #6dbf97,
  47px 2056px #6dbf97, 175px 1242px #6dbf97, 2258px 1198px #6dbf97, 1885px 883px #6dbf97,
  1925px 1538px #6dbf97, 1441px 308px #6dbf97, 461px 2362px #6dbf97, 2290px 323px #6dbf97,
  2166px 1110px #6dbf97, 637px 1288px #6dbf97, 1637px 1276px #6dbf97, 779px 510px #6dbf97,
  218px 700px #6dbf97, 10px 859px #6dbf97, 1529px 1497px #6dbf97, 884px 1804px #6dbf97,
  2069px 2636px #6dbf97, 1675px 2608px #6dbf97, 2227px 2315px #6dbf97,
  2451px 2013px #6dbf97, 954px 2165px #6dbf97, 321px 1786px #6dbf97, 1991px 2500px #6dbf97,
  1814px 305px #6dbf97, 2312px 1731px #6dbf97, 845px 1275px #6dbf97, 404px 912px #6dbf97,
  816px 998px #6dbf97, 2573px 1085px #6dbf97, 1899px 79px #6dbf97, 472px 445px #6dbf97,
  2120px 210px #6dbf97, 119px 79px #6dbf97, 2065px 215px #6dbf97, 1647px 2427px #6dbf97,
  2586px 780px #6dbf97, 996px 2374px #6dbf97, 2642px 1558px #6dbf97, 1730px 1645px #6dbf97,
  1381px 454px #6dbf97, 2108px 1969px #6dbf97, 1323px 1393px #6dbf97, 696px 1239px #6dbf97,
  284px 549px #6dbf97, 2262px 1729px #6dbf97, 1379px 2145px #6dbf97, 2488px 1324px #6dbf97,
  1808px 2174px #6dbf97, 1476px 1746px #6dbf97, 547px 2371px #6dbf97, 2592px 235px #6dbf97,
  1200px 2465px #6dbf97, 931px 2574px #6dbf97, 502px 166px #6dbf97, 409px 1109px #6dbf97,
  1486px 1279px #6dbf97, 1795px 2565px #6dbf97, 1038px 2408px #6dbf97, 746px 182px #6dbf97,
  1006px 1526px #6dbf97, 2221px 2632px #6dbf97, 456px 982px #6dbf97, 1256px 1057px #6dbf97,
  766px 2530px #6dbf97, 1433px 1909px #6dbf97, 2105px 598px #6dbf97, 1816px 630px #6dbf97,
  395px 2491px #6dbf97, 255px 215px #6dbf97, 2159px 2171px #6dbf97, 78px 602px #6dbf97,
  109px 2489px #6dbf97, 2570px 662px #6dbf97, 2614px 2625px #6dbf97, 2626px 2245px #6dbf97,
  1036px 417px #6dbf97, 2471px 2052px #6dbf97, 97px 2004px #6dbf97, 2251px 1296px #6dbf97,
  2238px 143px #6dbf97, 2351px 2199px #6dbf97, 869px 18px #6dbf97, 657px 227px #6dbf97,
  2246px 2520px #6dbf97, 2207px 349px #6dbf97, 1371px 1200px #6dbf97, 1599px 1852px #6dbf97,
  1772px 1889px #6dbf97, 1480px 54px #6dbf97, 1603px 2187px #6dbf97, 1762px 2174px #6dbf97,
  188px 516px #6dbf97, 760px 285px #6dbf97, 2041px 393px #6dbf97, 1887px 541px #6dbf97,
  1834px 1333px #6dbf97, 437px 623px #6dbf97, 2382px 2197px #6dbf97, 1243px 2396px #6dbf97,
  1768px 2420px #6dbf97, 559px 2570px #6dbf97, 1101px 485px #6dbf97, 365px 420px #6dbf97,
  940px 1276px #6dbf97, 2134px 2066px #6dbf97, 831px 77px #6dbf97, 953px 2257px #6dbf97,
  2219px 327px #6dbf97, 2560px 428px #6dbf97, 1534px 2397px #6dbf97, 2565px 392px #6dbf97,
  1659px 319px #6dbf97, 1389px 2334px #6dbf97, 220px 1252px #6dbf97, 2511px 2358px #6dbf97,
  901px 2610px #6dbf97, 1822px 756px #6dbf97, 2625px 1862px #6dbf97, 2375px 611px #6dbf97,
  67px 408px #6dbf97, 1042px 1862px #6dbf97, 970px 1673px #6dbf97, 2276px 522px #6dbf97,
  553px 226px #6dbf97, 2390px 2569px #6dbf97, 760px 291px #6dbf97, 2070px 2468px #6dbf97,
  289px 10px #6dbf97, 462px 1774px #6dbf97, 623px 549px #6dbf97, 512px 2311px #6dbf97,
  1804px 2417px #6dbf97, 319px 1252px #6dbf97, 329px 2456px #6dbf97, 2041px 1071px #6dbf97,
  313px 2013px #6dbf97, 1900px 2069px #6dbf97, 97px 2171px #6dbf97, 1859px 1490px #6dbf97,
  892px 1730px #6dbf97, 1867px 2211px #6dbf97, 984px 1353px #6dbf97, 2128px 501px #6dbf97,
  1044px 683px #6dbf97, 148px 1441px #6dbf97, 2546px 2509px #6dbf97, 1945px 2457px #6dbf97,
  913px 1482px #6dbf97, 1686px 2351px #6dbf97, 2299px 1895px #6dbf97,
  1707px 1359px #6dbf97, 1065px 1295px #6dbf97, 2626px 1751px #6dbf97, 1800px 1109px #6dbf97,
  1923px 1973px #6dbf97, 1706px 2375px #6dbf97, 14px 695px #6dbf97, 2449px 313px #6dbf97,
  1802px 869px #6dbf97, 570px 9px #6dbf97, 1373px 1500px #6dbf97, 208px 395px #6dbf97,
  724px 844px #6dbf97, 69px 1436px #6dbf97, 1099px 2021px #6dbf97, 1490px 651px #6dbf97,
  11px 410px #6dbf97, 2319px 2109px #6dbf97, 1348px 554px #6dbf97, 2040px 696px #6dbf97,
  1274px 734px #6dbf97, 1865px 1989px #6dbf97, 514px 934px #6dbf97, 2024px 728px #6dbf97,
  1802px 375px #6dbf97, 2037px 799px #6dbf97, 2444px 1050px #6dbf97, 385px 344px #6dbf97,
  392px 795px #6dbf97, 2129px 716px #6dbf97, 2076px 1691px #6dbf97, 45px 2556px #6dbf97,
  1361px 722px #6dbf97, 621px 490px #6dbf97, 960px 442px #6dbf97, 2628px 1669px #6dbf97,
  1018px 1307px #6dbf97, 2104px 1709px #6dbf97, 15px 680px #6dbf97, 820px 1875px #6dbf97,
  907px 767px #6dbf97, 1774px 1912px #6dbf97, 583px 434px #6dbf97, 2150px 2209px #6dbf97,
  895px 171px #6dbf97, 1056px 1251px #6dbf97, 1843px 2529px #6dbf97, 49px 1799px #6dbf97,
  1951px 1799px #6dbf97, 553px 23px #6dbf97, 248px 457px #6dbf97, 266px 2524px #6dbf97,
  1983px 2153px #6dbf97, 1078px 461px #6dbf97, 1228px 2429px #6dbf97, 1256px 288px #6dbf97,
  2307px 1633px #6dbf97, 504px 2513px #6dbf97, 105px 1012px #6dbf97, 1097px 2443px #6dbf97,
  2633px 2072px #6dbf97, 1739px 2092px #6dbf97, 1979px 2295px #6dbf97,
  508px 1606px #6dbf97, 694px 791px #6dbf97, 1698px 2524px #6dbf97, 470px 734px #6dbf97,
  214px 2372px #6dbf97, 816px 333px #6dbf97, 699px 2096px #6dbf97, 22px 281px #6dbf97,
  238px 1324px #6dbf97, 621px 1606px #6dbf97, 2585px 2444px #6dbf97, 1516px 1453px #6dbf97,
  1141px 1339px #6dbf97, 266px 1415px #6dbf97, 562px 2612px #6dbf97, 2586px 583px #6dbf97,
  1831px 916px #6dbf97, 1489px 1911px #6dbf97, 2495px 888px #6dbf97, 1206px 1760px #6dbf97,
  456px 2628px #6dbf97, 2415px 1996px #6dbf97, 2459px 235px #6dbf97, 860px 121px #6dbf97,
  2638px 1345px #6dbf97, 1776px 1729px #6dbf97, 170px 861px #6dbf97, 405px 1409px #6dbf97,
  1760px 1098px #6dbf97, 1679px 1747px #6dbf97, 2395px 836px #6dbf97, 2146px 2068px #6dbf97,
  2173px 119px #6dbf97, 2131px 601px #6dbf97, 1185px 2638px #6dbf97, 2069px 2534px #6dbf97,
  160px 90px #6dbf97, 2229px 2279px #6dbf97, 686px 1244px #6dbf97, 2589px 1984px #6dbf97,
  1935px 2020px #6dbf97, 59px 800px #6dbf97, 272px 1381px #6dbf97, 1054px 228px #6dbf97,
  2077px 2312px #6dbf97, 1404px 146px #6dbf97, 2010px 504px #6dbf97, 2387px 2155px #6dbf97,
  2457px 807px #6dbf97, 348px 2286px #6dbf97, 634px 1318px #6dbf97, 642px 1174px #6dbf97,
  1647px 1592px #6dbf97, 1989px 860px #6dbf97, 2193px 33px #6dbf97, 1983px 2588px #6dbf97,
  158px 1324px #6dbf97, 238px 1957px #6dbf97, 1783px 1074px #6dbf97, 2081px 2261px #6dbf97,
  541px 2053px #6dbf97, 2332px 474px #6dbf97, 1713px 1304px #6dbf97, 1199px 2656px #6dbf97,
  2334px 2218px #6dbf97, 247px 1166px #6dbf97, 1598px 2503px #6dbf97, 613px 1613px #6dbf97,
  1862px 994px #6dbf97, 2618px 2525px #6dbf97, 1075px 694px #6dbf97, 683px 1621px #6dbf97,
  497px 365px #6dbf97, 1247px 2624px #6dbf97, 474px 734px #6dbf97, 191px 2290px #6dbf97,
  2090px 1212px #6dbf97, 534px 2471px #6dbf97, 2053px 1589px #6dbf97, 887px 1671px #6dbf97,
  966px 1989px #6dbf97, 1320px 308px #6dbf97, 2356px 416px #6dbf97, 1383px 2114px #6dbf97,
  1601px 2624px #6dbf97, 1686px 105px #6dbf97, 2068px 1393px #6dbf97, 1311px 2270px #6dbf97,
  1300px 2274px #6dbf97, 948px 478px #6dbf97, 541px 1147px #6dbf97, 613px 978px #6dbf97,
  377px 2138px #6dbf97, 136px 571px #6dbf97, 1706px 1754px #6dbf97, 1299px 1577px #6dbf97,
  2614px 2016px #6dbf97, 1711px 1501px #6dbf97, 93px 1460px #6dbf97, 1581px 1182px #6dbf97,
  1497px 2306px #6dbf97, 410px 1718px #6dbf97, 1169px 1016px #6dbf97, 86px 629px #6dbf97,
  1333px 2605px #6dbf97, 875px 1052px #6dbf97, 534px 2096px #6dbf97, 46px 827px #6dbf97,
  703px 2113px #6dbf97, 218px 885px #6dbf97, 2495px 1715px #6dbf97, 2049px 699px #6dbf97,
  359px 1725px #6dbf97, 585px 1150px #6dbf97, 1995px 1066px #6dbf97, 242px 2332px #6dbf97,
  1681px 1186px #6dbf97, 361px 1661px #6dbf97, 1714px 2041px #6dbf97, 252px 2189px #6dbf97,
  1270px 321px #6dbf97, 1936px 2124px #6dbf97, 2296px 2637px #6dbf97, 844px 1065px #6dbf97,
  300px 605px #6dbf97, 1856px 2274px #6dbf97, 1129px 2477px #6dbf97, 315px 1681px #6dbf97,
  1115px 186px #6dbf97, 1492px 977px #6dbf97, 1702px 19px #6dbf97, 1752px 321px #6dbf97,
  2419px 1526px #6dbf97, 442px 1851px #6dbf97, 2592px 735px #6dbf97, 2497px 1771px #6dbf97,
  621px 728px #6dbf97, 2409px 1439px #6dbf97, 1419px 256px #6dbf97, 323px 207px #6dbf97,
  642px 2149px #6dbf97, 2279px 1240px #6dbf97, 1009px 2394px #6dbf97, 2423px 1323px #6dbf97,
  2496px 760px #6dbf97, 772px 1441px #6dbf97, 142px 973px #6dbf97, 853px 2443px #6dbf97,
  220px 1985px #6dbf97, 2068px 263px #6dbf97, 1089px 408px #6dbf97, 1259px 458px #6dbf97,
  1099px 297px #6dbf97, 1232px 1854px #6dbf97, 718px 621px #6dbf97, 1453px 538px #6dbf97,
  1516px 1232px #6dbf97, 172px 703px #6dbf97, 43px 2633px #6dbf97, 1525px 2211px #6dbf97,
  2149px 1909px #6dbf97, 702px 944px #6dbf97, 1061px 1463px #6dbf97, 671px 1968px #6dbf97,
  1195px 852px #6dbf97, 2538px 2592px #6dbf97, 1743px 1282px #6dbf97, 1302px 1730px #6dbf97,
  1852px 1288px #6dbf97, 2384px 2508px #6dbf97, 388px 474px #6dbf97, 1590px 2284px #6dbf97,
  1715px 2652px #6dbf97, 714px 2624px #6dbf97, 1570px 2226px #6dbf97,
  2314px 2082px #6dbf97, 1738px 352px #6dbf97, 1226px 694px #6dbf97, 2516px 627px #6dbf97,
  510px 2322px #6dbf97, 521px 1460px #6dbf97, 860px 728px #6dbf97, 518px 1992px #6dbf97,
  1657px 183px #6dbf97, 970px 1165px #6dbf97, 255px 1957px #6dbf97, 2380px 2379px #6dbf97,
  1234px 413px #6dbf97, 1666px 2190px #6dbf97, 993px 2554px #6dbf97, 2076px 1363px #6dbf97,
  2038px 1718px #6dbf97, 2640px 259px #6dbf97, 968px 969px #6dbf97, 2276px 2574px #6dbf97,
  680px 2283px #6dbf97, 2032px 642px #6dbf97, 416px 2183px #6dbf97, 373px 2459px #6dbf97,
  1611px 1062px #6dbf97, 578px 1584px #6dbf97, 1891px 812px #6dbf97, 2284px 2612px #6dbf97,
  546px 1255px #6dbf97, 279px 845px #6dbf97, 1997px 1722px #6dbf97, 1907px 464px #6dbf97,
  1022px 79px #6dbf97, 993px 1400px #6dbf97, 1049px 670px #6dbf97, 1909px 1681px #6dbf97,
  2517px 1629px #6dbf97, 1854px 2378px #6dbf97, 1473px 1751px #6dbf97,
  2225px 1855px #6dbf97, 1135px 1343px #6dbf97, 2267px 106px #6dbf97, 2471px 196px #6dbf97,
  2299px 457px #6dbf97, 1846px 883px #6dbf97, 1190px 539px #6dbf97, 1967px 208px #6dbf97,
  1916px 1538px #6dbf97, 734px 2527px #6dbf97, 686px 484px #6dbf97, 2190px 251px #6dbf97,
  1897px 1424px #6dbf97, 1044px 969px #6dbf97, 1436px 2274px #6dbf97, 670px 271px #6dbf97,
  1565px 2157px #6dbf97, 873px 45px #6dbf97, 1723px 1461px #6dbf97, 329px 239px #6dbf97,
  1611px 2085px #6dbf97, 887px 2077px #6dbf97, 924px 1118px #6dbf97, 2138px 1658px #6dbf97,
  998px 1173px #6dbf97, 115px 222px #6dbf97, 807px 1819px #6dbf97, 1812px 1599px #6dbf97,
  2441px 421px #6dbf97, 2218px 2264px #6dbf97, 1103px 1534px #6dbf97, 2288px 1859px #6dbf97,
  2129px 1702px #6dbf97, 1298px 1162px #6dbf97, 2318px 337px #6dbf97, 1356px 2413px #6dbf97,
  2221px 2348px #6dbf97, 2513px 977px #6dbf97, 1834px 180px #6dbf97, 2479px 924px #6dbf97,
  273px 1283px #6dbf97, 1867px 2569px #6dbf97, 2557px 1808px #6dbf97, 328px 907px #6dbf97,
  690px 2271px #6dbf97, 857px 997px #6dbf97, 1548px 1601px #6dbf97, 1109px 429px #6dbf97,
  228px 1795px #6dbf97, 283px 1292px #6dbf97, 2443px 252px #6dbf97, 379px 2401px #6dbf97,
  1392px 1727px #6dbf97, 2058px 1097px #6dbf97, 2300px 430px #6dbf97, 1790px 2538px #6dbf97,
  1026px 359px #6dbf97, 458px 1582px #6dbf97, 635px 1905px #6dbf97, 1967px 33px #6dbf97,
  2652px 2433px #6dbf97, 2319px 973px #6dbf97, 26px 2174px #6dbf97, 917px 2387px #6dbf97,
  2120px 756px #6dbf97, 770px 325px #6dbf97, 1859px 974px #6dbf97, 542px 1798px #6dbf97,
  2359px 159px #6dbf97, 1532px 1822px #6dbf97, 2258px 2407px #6dbf97, 944px 1928px #6dbf97,
  884px 380px #6dbf97, 655px 2287px #6dbf97, 1045px 6px #6dbf97, 847px 1516px #6dbf97,
  1016px 430px #6dbf97, 1232px 412px #6dbf97, 1247px 1893px #6dbf97, 2505px 989px #6dbf97,
  1214px 614px #6dbf97, 2435px 2574px #6dbf97, 2030px 331px #6dbf97, 47px 1836px #6dbf97,
  2124px 772px #6dbf97, 2034px 472px #6dbf97, 1262px 610px #6dbf97, 1062px 1101px #6dbf97,
  321px 1956px #6dbf97, 869px 1060px #6dbf97, 1058px 790px #6dbf97, 1815px 901px #6dbf97,
  1000px 30px #6dbf97, 2167px 719px #6dbf97, 1306px 95px #6dbf97, 2304px 2435px #6dbf97,
  27px 547px #6dbf97, 1030px 1327px #6dbf97, 445px 2586px #6dbf97, 351px 775px #6dbf97,
  210px 1743px #6dbf97, 702px 218px #6dbf97, 2630px 763px #6dbf97, 953px 1599px #6dbf97,
  976px 2116px #6dbf97, 2068px 1090px #6dbf97, 21px 2584px #6dbf97, 2161px 1565px #6dbf97,
  1643px 917px #6dbf97, 2108px 2114px #6dbf97, 2310px 2298px #6dbf97, 958px 928px #6dbf97,
  2399px 1577px #6dbf97, 220px 1303px #6dbf97, 2460px 305px #6dbf97, 438px 2276px #6dbf97,
  126px 1060px #6dbf97, 2590px 1433px #6dbf97, 623px 1248px #6dbf97, 1687px 2525px #6dbf97,
  1270px 1622px #6dbf97, 1512px 1429px #6dbf97, 414px 1719px #6dbf97, 1311px 2343px #6dbf97,
  1466px 1646px #6dbf97, 569px 2650px #6dbf97, 472px 758px #6dbf97, 1299px 2441px #6dbf97,
  1855px 1452px #6dbf97, 367px 1214px #6dbf97, 2318px 872px #6dbf97, 1028px 667px #6dbf97,
  2242px 1758px #6dbf97, 2016px 2586px #6dbf97, 1774px 666px #6dbf97, 353px 207px #6dbf97,
  605px 871px #6dbf97, 1061px 95px #6dbf97, 1408px 1674px #6dbf97, 1864px 2243px #6dbf97,
  313px 1767px #6dbf97, 1935px 1045px #6dbf97, 194px 1633px #6dbf97, 2461px 1094px #6dbf97,
  1412px 133px #6dbf97, 1622px 1267px #6dbf97, 26px 2428px #6dbf97, 47px 1413px #6dbf97,
  2028px 449px #6dbf97, 1050px 2022px #6dbf97, 985px 1461px #6dbf97, 383px 1980px #6dbf97,
  931px 1409px #6dbf97, 518px 1424px #6dbf97, 546px 1377px #6dbf97, 2464px 1425px #6dbf97,
  1923px 1443px #6dbf97, 1548px 1162px #6dbf97, 1228px 1230px #6dbf97, 387px 360px #6dbf97,
  1671px 2612px #6dbf97, 2101px 1798px #6dbf97, 2004px 1617px #6dbf97, 280px 1271px #6dbf97,
  1310px 1589px #6dbf97, 1296px 2181px #6dbf97, 688px 134px #6dbf97, 881px 1855px #6dbf97,
  1215px 707px #6dbf97, 192px 1755px #6dbf97, 91px 1858px #6dbf97, 1306px 695px #6dbf97,
  341px 964px #6dbf97, 2126px 1105px #6dbf97, 2175px 2012px #6dbf97, 1662px 1540px #6dbf97,
  1505px 803px #6dbf97, 243px 135px #6dbf97, 1405px 422px #6dbf97, 1658px 2440px #6dbf97,
  2637px 1476px #6dbf97, 1432px 1935px #6dbf97, 1224px 2354px #6dbf97, 1071px 1795px #6dbf97,
  2577px 2649px #6dbf97, 1137px 1675px #6dbf97, 1199px 1788px #6dbf97, 875px 2537px #6dbf97,
  2453px 903px #6dbf97, 946px 1971px #6dbf97, 791px 1263px #6dbf97, 2372px 2649px #6dbf97,
  2456px 2374px #6dbf97, 919px 1335px #6dbf97, 232px 1568px #6dbf97, 2215px 2541px #6dbf97,
  54px 81px #6dbf97, 1291px 1436px #6dbf97, 2433px 1928px #6dbf97, 1796px 2018px #6dbf97,
  1671px 131px #6dbf97, 1855px 1992px #6dbf97, 1485px 335px #6dbf97, 2366px 794px #6dbf97,
  1790px 969px #6dbf97, 1473px 1521px #6dbf97, 534px 919px #6dbf97, 95px 659px #6dbf97,
  2225px 2133px #6dbf97, 1991px 1295px #6dbf97, 2480px 2213px #6dbf97, 117px 1071px #6dbf97,
  1220px 102px #6dbf97, 324px 1486px #6dbf97, 340px 2420px #6dbf97, 2461px 2447px #6dbf97,
  804px 2461px #6dbf97, 843px 509px #6dbf97, 1150px 49px #6dbf97, 1254px 1361px #6dbf97,
  2594px 235px #6dbf97, 1459px 695px #6dbf97, 1310px 2261px #6dbf97, 1653px 162px #6dbf97,
  1021px 1423px #6dbf97, 622px 258px #6dbf97, 425px 2483px #6dbf97, 2460px 246px #6dbf97,
  505px 2149px #6dbf97, 622px 1721px #6dbf97, 1492px 2318px #6dbf97, 1175px 397px #6dbf97,
  1729px 2549px #6dbf97, 2473px 526px #6dbf97, 1689px 1316px #6dbf97, 703px 974px #6dbf97,
  2626px 1791px #6dbf97, 2507px 911px #6dbf97, 300px 672px #6dbf97, 865px 1167px #6dbf97,
  1759px 904px #6dbf97, 1707px 904px #6dbf97, 316px 2616px #6dbf97, 1211px 231px #6dbf97,
  1477px 692px #6dbf97, 1529px 113px #6dbf97, 1056px 667px #6dbf97, 643px 2468px #6dbf97,
  2405px 489px #6dbf97, 148px 1267px #6dbf97, 784px 1341px #6dbf97, 2201px 413px #6dbf97,
  133px 1364px #6dbf97, 2397px 468px #6dbf97, 1150px 406px #6dbf97, 1432px 1355px #6dbf97,
  1775px 1159px #6dbf97, 2190px 1726px #6dbf97, 1639px 1844px #6dbf97, 928px 1377px #6dbf97,
  876px 2473px #6dbf97, 516px 1877px #6dbf97, 1611px 609px #6dbf97, 1004px 1952px #6dbf97,
  925px 2199px #6dbf97, 1521px 79px #6dbf97;
}

#stars:after {
  content: '';
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1036px 1770px #6dbf97, 430px 55px #6dbf97, 402px 779px #6dbf97,
  1744px 367px #6dbf97, 599px 831px #6dbf97, 692px 2568px #6dbf97, 1445px 2488px #6dbf97,
  47px 2056px #6dbf97, 175px 1242px #6dbf97, 2258px 1198px #6dbf97, 1885px 883px #6dbf97,
  1925px 1538px #6dbf97, 1441px 308px #6dbf97, 461px 2362px #6dbf97, 2290px 323px #6dbf97,
  2166px 1110px #6dbf97, 637px 1288px #6dbf97, 1637px 1276px #6dbf97, 779px 510px #6dbf97,
  218px 700px #6dbf97, 10px 859px #6dbf97, 1529px 1497px #6dbf97, 884px 1804px #6dbf97,
  2069px 2636px #6dbf97, 1675px 2608px #6dbf97, 2227px 2315px #6dbf97,
  2451px 2013px #6dbf97, 954px 2165px #6dbf97, 321px 1786px #6dbf97, 1991px 2500px #6dbf97,
  1814px 305px #6dbf97, 2312px 1731px #6dbf97, 845px 1275px #6dbf97, 404px 912px #6dbf97,
  816px 998px #6dbf97, 2573px 1085px #6dbf97, 1899px 79px #6dbf97, 472px 445px #6dbf97,
  2120px 210px #6dbf97, 119px 79px #6dbf97, 2065px 215px #6dbf97, 1647px 2427px #6dbf97,
  2586px 780px #6dbf97, 996px 2374px #6dbf97, 2642px 1558px #6dbf97, 1730px 1645px #6dbf97,
  1381px 454px #6dbf97, 2108px 1969px #6dbf97, 1323px 1393px #6dbf97, 696px 1239px #6dbf97,
  284px 549px #6dbf97, 2262px 1729px #6dbf97, 1379px 2145px #6dbf97, 2488px 1324px #6dbf97,
  1808px 2174px #6dbf97, 1476px 1746px #6dbf97, 547px 2371px #6dbf97, 2592px 235px #6dbf97,
  1200px 2465px #6dbf97, 931px 2574px #6dbf97, 502px 166px #6dbf97, 409px 1109px #6dbf97,
  1486px 1279px #6dbf97, 1795px 2565px #6dbf97, 1038px 2408px #6dbf97, 746px 182px #6dbf97,
  1006px 1526px #6dbf97, 2221px 2632px #6dbf97, 456px 982px #6dbf97, 1256px 1057px #6dbf97,
  766px 2530px #6dbf97, 1433px 1909px #6dbf97, 2105px 598px #6dbf97, 1816px 630px #6dbf97,
  395px 2491px #6dbf97, 255px 215px #6dbf97, 2159px 2171px #6dbf97, 78px 602px #6dbf97,
  109px 2489px #6dbf97, 2570px 662px #6dbf97, 2614px 2625px #6dbf97, 2626px 2245px #6dbf97,
  1036px 417px #6dbf97, 2471px 2052px #6dbf97, 97px 2004px #6dbf97, 2251px 1296px #6dbf97,
  2238px 143px #6dbf97, 2351px 2199px #6dbf97, 869px 18px #6dbf97, 657px 227px #6dbf97,
  2246px 2520px #6dbf97, 2207px 349px #6dbf97, 1371px 1200px #6dbf97, 1599px 1852px #6dbf97,
  1772px 1889px #6dbf97, 1480px 54px #6dbf97, 1603px 2187px #6dbf97, 1762px 2174px #6dbf97,
  188px 516px #6dbf97, 760px 285px #6dbf97, 2041px 393px #6dbf97, 1887px 541px #6dbf97,
  1834px 1333px #6dbf97, 437px 623px #6dbf97, 2382px 2197px #6dbf97, 1243px 2396px #6dbf97,
  1768px 2420px #6dbf97, 559px 2570px #6dbf97, 1101px 485px #6dbf97, 365px 420px #6dbf97,
  940px 1276px #6dbf97, 2134px 2066px #6dbf97, 831px 77px #6dbf97, 953px 2257px #6dbf97,
  2219px 327px #6dbf97, 2560px 428px #6dbf97, 1534px 2397px #6dbf97, 2565px 392px #6dbf97,
  1659px 319px #6dbf97, 1389px 2334px #6dbf97, 220px 1252px #6dbf97, 2511px 2358px #6dbf97,
  901px 2610px #6dbf97, 1822px 756px #6dbf97, 2625px 1862px #6dbf97, 2375px 611px #6dbf97,
  67px 408px #6dbf97, 1042px 1862px #6dbf97, 970px 1673px #6dbf97, 2276px 522px #6dbf97,
  553px 226px #6dbf97, 2390px 2569px #6dbf97, 760px 291px #6dbf97, 2070px 2468px #6dbf97,
  289px 10px #6dbf97, 462px 1774px #6dbf97, 623px 549px #6dbf97, 512px 2311px #6dbf97,
  1804px 2417px #6dbf97, 319px 1252px #6dbf97, 329px 2456px #6dbf97, 2041px 1071px #6dbf97,
  313px 2013px #6dbf97, 1900px 2069px #6dbf97, 97px 2171px #6dbf97, 1859px 1490px #6dbf97,
  892px 1730px #6dbf97, 1867px 2211px #6dbf97, 984px 1353px #6dbf97, 2128px 501px #6dbf97,
  1044px 683px #6dbf97, 148px 1441px #6dbf97, 2546px 2509px #6dbf97, 1945px 2457px #6dbf97,
  913px 1482px #6dbf97, 1686px 2351px #6dbf97, 2299px 1895px #6dbf97,
  1707px 1359px #6dbf97, 1065px 1295px #6dbf97, 2626px 1751px #6dbf97, 1800px 1109px #6dbf97,
  1923px 1973px #6dbf97, 1706px 2375px #6dbf97, 14px 695px #6dbf97, 2449px 313px #6dbf97,
  1802px 869px #6dbf97, 570px 9px #6dbf97, 1373px 1500px #6dbf97, 208px 395px #6dbf97,
  724px 844px #6dbf97, 69px 1436px #6dbf97, 1099px 2021px #6dbf97, 1490px 651px #6dbf97,
  11px 410px #6dbf97, 2319px 2109px #6dbf97, 1348px 554px #6dbf97, 2040px 696px #6dbf97,
  1274px 734px #6dbf97, 1865px 1989px #6dbf97, 514px 934px #6dbf97, 2024px 728px #6dbf97,
  1802px 375px #6dbf97, 2037px 799px #6dbf97, 2444px 1050px #6dbf97, 385px 344px #6dbf97,
  392px 795px #6dbf97, 2129px 716px #6dbf97, 2076px 1691px #6dbf97, 45px 2556px #6dbf97,
  1361px 722px #6dbf97, 621px 490px #6dbf97, 960px 442px #6dbf97, 2628px 1669px #6dbf97,
  1018px 1307px #6dbf97, 2104px 1709px #6dbf97, 15px 680px #6dbf97, 820px 1875px #6dbf97,
  907px 767px #6dbf97, 1774px 1912px #6dbf97, 583px 434px #6dbf97, 2150px 2209px #6dbf97,
  895px 171px #6dbf97, 1056px 1251px #6dbf97, 1843px 2529px #6dbf97, 49px 1799px #6dbf97,
  1951px 1799px #6dbf97, 553px 23px #6dbf97, 248px 457px #6dbf97, 266px 2524px #6dbf97,
  1983px 2153px #6dbf97, 1078px 461px #6dbf97, 1228px 2429px #6dbf97, 1256px 288px #6dbf97,
  2307px 1633px #6dbf97, 504px 2513px #6dbf97, 105px 1012px #6dbf97, 1097px 2443px #6dbf97,
  2633px 2072px #6dbf97, 1739px 2092px #6dbf97, 1979px 2295px #6dbf97,
  508px 1606px #6dbf97, 694px 791px #6dbf97, 1698px 2524px #6dbf97, 470px 734px #6dbf97,
  214px 2372px #6dbf97, 816px 333px #6dbf97, 699px 2096px #6dbf97, 22px 281px #6dbf97,
  238px 1324px #6dbf97, 621px 1606px #6dbf97, 2585px 2444px #6dbf97, 1516px 1453px #6dbf97,
  1141px 1339px #6dbf97, 266px 1415px #6dbf97, 562px 2612px #6dbf97, 2586px 583px #6dbf97,
  1831px 916px #6dbf97, 1489px 1911px #6dbf97, 2495px 888px #6dbf97, 1206px 1760px #6dbf97,
  456px 2628px #6dbf97, 2415px 1996px #6dbf97, 2459px 235px #6dbf97, 860px 121px #6dbf97,
  2638px 1345px #6dbf97, 1776px 1729px #6dbf97, 170px 861px #6dbf97, 405px 1409px #6dbf97,
  1760px 1098px #6dbf97, 1679px 1747px #6dbf97, 2395px 836px #6dbf97, 2146px 2068px #6dbf97,
  2173px 119px #6dbf97, 2131px 601px #6dbf97, 1185px 2638px #6dbf97, 2069px 2534px #6dbf97,
  160px 90px #6dbf97, 2229px 2279px #6dbf97, 686px 1244px #6dbf97, 2589px 1984px #6dbf97,
  1935px 2020px #6dbf97, 59px 800px #6dbf97, 272px 1381px #6dbf97, 1054px 228px #6dbf97,
  2077px 2312px #6dbf97, 1404px 146px #6dbf97, 2010px 504px #6dbf97, 2387px 2155px #6dbf97,
  2457px 807px #6dbf97, 348px 2286px #6dbf97, 634px 1318px #6dbf97, 642px 1174px #6dbf97,
  1647px 1592px #6dbf97, 1989px 860px #6dbf97, 2193px 33px #6dbf97, 1983px 2588px #6dbf97,
  158px 1324px #6dbf97, 238px 1957px #6dbf97, 1783px 1074px #6dbf97, 2081px 2261px #6dbf97,
  541px 2053px #6dbf97, 2332px 474px #6dbf97, 1713px 1304px #6dbf97, 1199px 2656px #6dbf97,
  2334px 2218px #6dbf97, 247px 1166px #6dbf97, 1598px 2503px #6dbf97, 613px 1613px #6dbf97,
  1862px 994px #6dbf97, 2618px 2525px #6dbf97, 1075px 694px #6dbf97, 683px 1621px #6dbf97,
  497px 365px #6dbf97, 1247px 2624px #6dbf97, 474px 734px #6dbf97, 191px 2290px #6dbf97,
  2090px 1212px #6dbf97, 534px 2471px #6dbf97, 2053px 1589px #6dbf97, 887px 1671px #6dbf97,
  966px 1989px #6dbf97, 1320px 308px #6dbf97, 2356px 416px #6dbf97, 1383px 2114px #6dbf97,
  1601px 2624px #6dbf97, 1686px 105px #6dbf97, 2068px 1393px #6dbf97, 1311px 2270px #6dbf97,
  1300px 2274px #6dbf97, 948px 478px #6dbf97, 541px 1147px #6dbf97, 613px 978px #6dbf97,
  377px 2138px #6dbf97, 136px 571px #6dbf97, 1706px 1754px #6dbf97, 1299px 1577px #6dbf97,
  2614px 2016px #6dbf97, 1711px 1501px #6dbf97, 93px 1460px #6dbf97, 1581px 1182px #6dbf97,
  1497px 2306px #6dbf97, 410px 1718px #6dbf97, 1169px 1016px #6dbf97, 86px 629px #6dbf97,
  1333px 2605px #6dbf97, 875px 1052px #6dbf97, 534px 2096px #6dbf97, 46px 827px #6dbf97,
  703px 2113px #6dbf97, 218px 885px #6dbf97, 2495px 1715px #6dbf97, 2049px 699px #6dbf97,
  359px 1725px #6dbf97, 585px 1150px #6dbf97, 1995px 1066px #6dbf97, 242px 2332px #6dbf97,
  1681px 1186px #6dbf97, 361px 1661px #6dbf97, 1714px 2041px #6dbf97, 252px 2189px #6dbf97,
  1270px 321px #6dbf97, 1936px 2124px #6dbf97, 2296px 2637px #6dbf97, 844px 1065px #6dbf97,
  300px 605px #6dbf97, 1856px 2274px #6dbf97, 1129px 2477px #6dbf97, 315px 1681px #6dbf97,
  1115px 186px #6dbf97, 1492px 977px #6dbf97, 1702px 19px #6dbf97, 1752px 321px #6dbf97,
  2419px 1526px #6dbf97, 442px 1851px #6dbf97, 2592px 735px #6dbf97, 2497px 1771px #6dbf97,
  621px 728px #6dbf97, 2409px 1439px #6dbf97, 1419px 256px #6dbf97, 323px 207px #6dbf97,
  642px 2149px #6dbf97, 2279px 1240px #6dbf97, 1009px 2394px #6dbf97, 2423px 1323px #6dbf97,
  2496px 760px #6dbf97, 772px 1441px #6dbf97, 142px 973px #6dbf97, 853px 2443px #6dbf97,
  220px 1985px #6dbf97, 2068px 263px #6dbf97, 1089px 408px #6dbf97, 1259px 458px #6dbf97,
  1099px 297px #6dbf97, 1232px 1854px #6dbf97, 718px 621px #6dbf97, 1453px 538px #6dbf97,
  1516px 1232px #6dbf97, 172px 703px #6dbf97, 43px 2633px #6dbf97, 1525px 2211px #6dbf97,
  2149px 1909px #6dbf97, 702px 944px #6dbf97, 1061px 1463px #6dbf97, 671px 1968px #6dbf97,
  1195px 852px #6dbf97, 2538px 2592px #6dbf97, 1743px 1282px #6dbf97, 1302px 1730px #6dbf97,
  1852px 1288px #6dbf97, 2384px 2508px #6dbf97, 388px 474px #6dbf97, 1590px 2284px #6dbf97,
  1715px 2652px #6dbf97, 714px 2624px #6dbf97, 1570px 2226px #6dbf97,
  2314px 2082px #6dbf97, 1738px 352px #6dbf97, 1226px 694px #6dbf97, 2516px 627px #6dbf97,
  510px 2322px #6dbf97, 521px 1460px #6dbf97, 860px 728px #6dbf97, 518px 1992px #6dbf97,
  1657px 183px #6dbf97, 970px 1165px #6dbf97, 255px 1957px #6dbf97, 2380px 2379px #6dbf97,
  1234px 413px #6dbf97, 1666px 2190px #6dbf97, 993px 2554px #6dbf97, 2076px 1363px #6dbf97,
  2038px 1718px #6dbf97, 2640px 259px #6dbf97, 968px 969px #6dbf97, 2276px 2574px #6dbf97,
  680px 2283px #6dbf97, 2032px 642px #6dbf97, 416px 2183px #6dbf97, 373px 2459px #6dbf97,
  1611px 1062px #6dbf97, 578px 1584px #6dbf97, 1891px 812px #6dbf97, 2284px 2612px #6dbf97,
  546px 1255px #6dbf97, 279px 845px #6dbf97, 1997px 1722px #6dbf97, 1907px 464px #6dbf97,
  1022px 79px #6dbf97, 993px 1400px #6dbf97, 1049px 670px #6dbf97, 1909px 1681px #6dbf97,
  2517px 1629px #6dbf97, 1854px 2378px #6dbf97, 1473px 1751px #6dbf97,
  2225px 1855px #6dbf97, 1135px 1343px #6dbf97, 2267px 106px #6dbf97, 2471px 196px #6dbf97,
  2299px 457px #6dbf97, 1846px 883px #6dbf97, 1190px 539px #6dbf97, 1967px 208px #6dbf97,
  1916px 1538px #6dbf97, 734px 2527px #6dbf97, 686px 484px #6dbf97, 2190px 251px #6dbf97,
  1897px 1424px #6dbf97, 1044px 969px #6dbf97, 1436px 2274px #6dbf97, 670px 271px #6dbf97,
  1565px 2157px #6dbf97, 873px 45px #6dbf97, 1723px 1461px #6dbf97, 329px 239px #6dbf97,
  1611px 2085px #6dbf97, 887px 2077px #6dbf97, 924px 1118px #6dbf97, 2138px 1658px #6dbf97,
  998px 1173px #6dbf97, 115px 222px #6dbf97, 807px 1819px #6dbf97, 1812px 1599px #6dbf97,
  2441px 421px #6dbf97, 2218px 2264px #6dbf97, 1103px 1534px #6dbf97, 2288px 1859px #6dbf97,
  2129px 1702px #6dbf97, 1298px 1162px #6dbf97, 2318px 337px #6dbf97, 1356px 2413px #6dbf97,
  2221px 2348px #6dbf97, 2513px 977px #6dbf97, 1834px 180px #6dbf97, 2479px 924px #6dbf97,
  273px 1283px #6dbf97, 1867px 2569px #6dbf97, 2557px 1808px #6dbf97, 328px 907px #6dbf97,
  690px 2271px #6dbf97, 857px 997px #6dbf97, 1548px 1601px #6dbf97, 1109px 429px #6dbf97,
  228px 1795px #6dbf97, 283px 1292px #6dbf97, 2443px 252px #6dbf97, 379px 2401px #6dbf97,
  1392px 1727px #6dbf97, 2058px 1097px #6dbf97, 2300px 430px #6dbf97, 1790px 2538px #6dbf97,
  1026px 359px #6dbf97, 458px 1582px #6dbf97, 635px 1905px #6dbf97, 1967px 33px #6dbf97,
  2652px 2433px #6dbf97, 2319px 973px #6dbf97, 26px 2174px #6dbf97, 917px 2387px #6dbf97,
  2120px 756px #6dbf97, 770px 325px #6dbf97, 1859px 974px #6dbf97, 542px 1798px #6dbf97,
  2359px 159px #6dbf97, 1532px 1822px #6dbf97, 2258px 2407px #6dbf97, 944px 1928px #6dbf97,
  884px 380px #6dbf97, 655px 2287px #6dbf97, 1045px 6px #6dbf97, 847px 1516px #6dbf97,
  1016px 430px #6dbf97, 1232px 412px #6dbf97, 1247px 1893px #6dbf97, 2505px 989px #6dbf97,
  1214px 614px #6dbf97, 2435px 2574px #6dbf97, 2030px 331px #6dbf97, 47px 1836px #6dbf97,
  2124px 772px #6dbf97, 2034px 472px #6dbf97, 1262px 610px #6dbf97, 1062px 1101px #6dbf97,
  321px 1956px #6dbf97, 869px 1060px #6dbf97, 1058px 790px #6dbf97, 1815px 901px #6dbf97,
  1000px 30px #6dbf97, 2167px 719px #6dbf97, 1306px 95px #6dbf97, 2304px 2435px #6dbf97,
  27px 547px #6dbf97, 1030px 1327px #6dbf97, 445px 2586px #6dbf97, 351px 775px #6dbf97,
  210px 1743px #6dbf97, 702px 218px #6dbf97, 2630px 763px #6dbf97, 953px 1599px #6dbf97,
  976px 2116px #6dbf97, 2068px 1090px #6dbf97, 21px 2584px #6dbf97, 2161px 1565px #6dbf97,
  1643px 917px #6dbf97, 2108px 2114px #6dbf97, 2310px 2298px #6dbf97, 958px 928px #6dbf97,
  2399px 1577px #6dbf97, 220px 1303px #6dbf97, 2460px 305px #6dbf97, 438px 2276px #6dbf97,
  126px 1060px #6dbf97, 2590px 1433px #6dbf97, 623px 1248px #6dbf97, 1687px 2525px #6dbf97,
  1270px 1622px #6dbf97, 1512px 1429px #6dbf97, 414px 1719px #6dbf97, 1311px 2343px #6dbf97,
  1466px 1646px #6dbf97, 569px 2650px #6dbf97, 472px 758px #6dbf97, 1299px 2441px #6dbf97,
  1855px 1452px #6dbf97, 367px 1214px #6dbf97, 2318px 872px #6dbf97, 1028px 667px #6dbf97,
  2242px 1758px #6dbf97, 2016px 2586px #6dbf97, 1774px 666px #6dbf97, 353px 207px #6dbf97,
  605px 871px #6dbf97, 1061px 95px #6dbf97, 1408px 1674px #6dbf97, 1864px 2243px #6dbf97,
  313px 1767px #6dbf97, 1935px 1045px #6dbf97, 194px 1633px #6dbf97, 2461px 1094px #6dbf97,
  1412px 133px #6dbf97, 1622px 1267px #6dbf97, 26px 2428px #6dbf97, 47px 1413px #6dbf97,
  2028px 449px #6dbf97, 1050px 2022px #6dbf97, 985px 1461px #6dbf97, 383px 1980px #6dbf97,
  931px 1409px #6dbf97, 518px 1424px #6dbf97, 546px 1377px #6dbf97, 2464px 1425px #6dbf97,
  1923px 1443px #6dbf97, 1548px 1162px #6dbf97, 1228px 1230px #6dbf97, 387px 360px #6dbf97,
  1671px 2612px #6dbf97, 2101px 1798px #6dbf97, 2004px 1617px #6dbf97, 280px 1271px #6dbf97,
  1310px 1589px #6dbf97, 1296px 2181px #6dbf97, 688px 134px #6dbf97, 881px 1855px #6dbf97,
  1215px 707px #6dbf97, 192px 1755px #6dbf97, 91px 1858px #6dbf97, 1306px 695px #6dbf97,
  341px 964px #6dbf97, 2126px 1105px #6dbf97, 2175px 2012px #6dbf97, 1662px 1540px #6dbf97,
  1505px 803px #6dbf97, 243px 135px #6dbf97, 1405px 422px #6dbf97, 1658px 2440px #6dbf97,
  2637px 1476px #6dbf97, 1432px 1935px #6dbf97, 1224px 2354px #6dbf97, 1071px 1795px #6dbf97,
  2577px 2649px #6dbf97, 1137px 1675px #6dbf97, 1199px 1788px #6dbf97, 875px 2537px #6dbf97,
  2453px 903px #6dbf97, 946px 1971px #6dbf97, 791px 1263px #6dbf97, 2372px 2649px #6dbf97,
  2456px 2374px #6dbf97, 919px 1335px #6dbf97, 232px 1568px #6dbf97, 2215px 2541px #6dbf97,
  54px 81px #6dbf97, 1291px 1436px #6dbf97, 2433px 1928px #6dbf97, 1796px 2018px #6dbf97,
  1671px 131px #6dbf97, 1855px 1992px #6dbf97, 1485px 335px #6dbf97, 2366px 794px #6dbf97,
  1790px 969px #6dbf97, 1473px 1521px #6dbf97, 534px 919px #6dbf97, 95px 659px #6dbf97,
  2225px 2133px #6dbf97, 1991px 1295px #6dbf97, 2480px 2213px #6dbf97, 117px 1071px #6dbf97,
  1220px 102px #6dbf97, 324px 1486px #6dbf97, 340px 2420px #6dbf97, 2461px 2447px #6dbf97,
  804px 2461px #6dbf97, 843px 509px #6dbf97, 1150px 49px #6dbf97, 1254px 1361px #6dbf97,
  2594px 235px #6dbf97, 1459px 695px #6dbf97, 1310px 2261px #6dbf97, 1653px 162px #6dbf97,
  1021px 1423px #6dbf97, 622px 258px #6dbf97, 425px 2483px #6dbf97, 2460px 246px #6dbf97,
  505px 2149px #6dbf97, 622px 1721px #6dbf97, 1492px 2318px #6dbf97, 1175px 397px #6dbf97,
  1729px 2549px #6dbf97, 2473px 526px #6dbf97, 1689px 1316px #6dbf97, 703px 974px #6dbf97,
  2626px 1791px #6dbf97, 2507px 911px #6dbf97, 300px 672px #6dbf97, 865px 1167px #6dbf97,
  1759px 904px #6dbf97, 1707px 904px #6dbf97, 316px 2616px #6dbf97, 1211px 231px #6dbf97,
  1477px 692px #6dbf97, 1529px 113px #6dbf97, 1056px 667px #6dbf97, 643px 2468px #6dbf97,
  2405px 489px #6dbf97, 148px 1267px #6dbf97, 784px 1341px #6dbf97, 2201px 413px #6dbf97,
  133px 1364px #6dbf97, 2397px 468px #6dbf97, 1150px 406px #6dbf97, 1432px 1355px #6dbf97,
  1775px 1159px #6dbf97, 2190px 1726px #6dbf97, 1639px 1844px #6dbf97, 928px 1377px #6dbf97,
  876px 2473px #6dbf97, 516px 1877px #6dbf97, 1611px 609px #6dbf97, 1004px 1952px #6dbf97,
  925px 2199px #6dbf97, 1521px 79px #6dbf97;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  animation: animStar 150s linear infinite;
  box-shadow: 1925px 425px #6dbf97, 2360px 2211px #6dbf97, 441px 1814px #6dbf97,
  1167px 452px #6dbf97, 756px 2436px #6dbf97, 1891px 2239px #6dbf97, 2588px 2536px #6dbf97,
  160px 1302px #6dbf97, 1388px 1421px #6dbf97, 615px 506px #6dbf97, 562px 148px #6dbf97,
  695px 1568px #6dbf97, 1036px 869px #6dbf97, 1859px 923px #6dbf97, 1443px 1947px #6dbf97,
  2126px 2485px #6dbf97, 1065px 2503px #6dbf97, 1036px 1637px #6dbf97, 734px 1239px #6dbf97,
  1405px 1590px #6dbf97, 375px 1702px #6dbf97, 659px 2641px #6dbf97, 2437px 1489px #6dbf97,
  2396px 1719px #6dbf97, 7px 2255px #6dbf97, 547px 2529px #6dbf97, 804px 582px #6dbf97,
  31px 1611px #6dbf97, 311px 1755px #6dbf97, 723px 457px #6dbf97, 1472px 226px #6dbf97,
  2131px 260px #6dbf97, 1203px 861px #6dbf97, 90px 1939px #6dbf97, 863px 2618px #6dbf97,
  989px 897px #6dbf97, 1498px 635px #6dbf97, 949px 2412px #6dbf97, 1976px 699px #6dbf97,
  359px 2175px #6dbf97, 2568px 198px #6dbf97, 2403px 502px #6dbf97, 10px 518px #6dbf97,
  1881px 929px #6dbf97, 1959px 1610px #6dbf97, 2114px 187px #6dbf97, 359px 2267px #6dbf97,
  91px 1892px #6dbf97, 1473px 1400px #6dbf97, 2588px 170px #6dbf97, 493px 493px #6dbf97,
  1981px 292px #6dbf97, 474px 2507px #6dbf97, 482px 482px #6dbf97, 2521px 1670px #6dbf97,
  2632px 1396px #6dbf97, 1259px 1784px #6dbf97, 2332px 321px #6dbf97, 683px 1295px #6dbf97,
  86px 1964px #6dbf97, 2447px 727px #6dbf97, 1263px 924px #6dbf97, 610px 1529px #6dbf97,
  1494px 1997px #6dbf97, 639px 1250px #6dbf97, 904px 1115px #6dbf97, 1060px 1554px #6dbf97,
  2629px 1983px #6dbf97, 976px 2292px #6dbf97, 279px 396px #6dbf97, 1085px 835px #6dbf97,
  912px 1024px #6dbf97, 2288px 355px #6dbf97, 2211px 679px #6dbf97, 1969px 1517px #6dbf97,
  774px 329px #6dbf97, 1739px 1267px #6dbf97, 835px 873px #6dbf97, 1193px 2041px #6dbf97,
  359px 1238px #6dbf97, 1052px 621px #6dbf97, 1776px 2303px #6dbf97, 1347px 2198px #6dbf97,
  2541px 1271px #6dbf97, 780px 1085px #6dbf97, 110px 606px #6dbf97, 1236px 1965px #6dbf97,
  2110px 2253px #6dbf97, 816px 1596px #6dbf97, 401px 2370px #6dbf97, 2275px 1904px #6dbf97,
  589px 1202px #6dbf97, 2215px 949px #6dbf97, 2112px 1552px #6dbf97, 363px 1429px #6dbf97,
  2233px 613px #6dbf97, 958px 883px #6dbf97, 1598px 13px #6dbf97, 220px 1497px #6dbf97,
  440px 2165px #6dbf97, 571px 2081px #6dbf97, 2108px 676px #6dbf97, 851px 50px #6dbf97,
  1093px 1113px #6dbf97, 2340px 2213px #6dbf97, 1492px 1939px #6dbf97, 529px 174px #6dbf97,
  916px 379px #6dbf97, 611px 867px #6dbf97, 2163px 485px #6dbf97, 462px 2191px #6dbf97,
  1089px 2588px #6dbf97, 1304px 2549px #6dbf97, 429px 101px #6dbf97, 1302px 909px #6dbf97,
  1179px 712px #6dbf97, 1792px 2122px #6dbf97, 1403px 885px #6dbf97, 1864px 2390px #6dbf97,
  1729px 1403px #6dbf97, 1246px 316px #6dbf97, 1960px 2413px #6dbf97, 1521px 2274px #6dbf97,
  2166px 1445px #6dbf97, 1211px 1222px #6dbf97, 1025px 1089px #6dbf97, 535px 957px #6dbf97,
  216px 978px #6dbf97, 1412px 316px #6dbf97, 2359px 1087px #6dbf97, 2492px 1566px #6dbf97,
  1565px 929px #6dbf97, 1654px 1654px #6dbf97, 1823px 77px #6dbf97, 750px 2014px #6dbf97,
  2425px 647px #6dbf97, 1235px 933px #6dbf97, 524px 1792px #6dbf97, 1544px 852px #6dbf97,
  291px 2448px #6dbf97, 476px 1251px #6dbf97, 186px 2339px #6dbf97, 1355px 1788px #6dbf97,
  364px 579px #6dbf97, 1905px 2134px #6dbf97, 2391px 1896px #6dbf97, 391px 2457px #6dbf97,
  2235px 2496px #6dbf97, 1787px 2425px #6dbf97, 1913px 2170px #6dbf97,
  214px 1345px #6dbf97, 1739px 782px #6dbf97, 2379px 774px #6dbf97, 958px 2540px #6dbf97,
  422px 289px #6dbf97, 807px 424px #6dbf97, 658px 711px #6dbf97, 2064px 2094px #6dbf97,
  2077px 89px #6dbf97, 535px 1231px #6dbf97, 1457px 2394px #6dbf97, 2412px 2272px #6dbf97,
  2503px 2435px #6dbf97, 708px 61px #6dbf97, 1094px 1288px #6dbf97, 704px 219px #6dbf97,
  1369px 468px #6dbf97, 2235px 416px #6dbf97, 449px 152px #6dbf97, 2137px 280px #6dbf97,
  2284px 1574px #6dbf97, 2113px 876px #6dbf97, 369px 472px #6dbf97, 617px 1947px #6dbf97,
  1549px 368px #6dbf97, 1263px 923px #6dbf97, 2322px 389px #6dbf97, 1054px 1211px #6dbf97,
  702px 1028px #6dbf97, 2504px 2253px #6dbf97, 994px 242px #6dbf97, 2558px 2036px #6dbf97,
  133px 845px #6dbf97, 1959px 1921px #6dbf97, 1681px 1654px #6dbf97, 1130px 1831px #6dbf97,
  1312px 2628px #6dbf97, 1240px 2342px #6dbf97, 1226px 1689px #6dbf97, 665px 526px #6dbf97,
  1760px 10px #6dbf97, 2616px 2412px #6dbf97, 1425px 1863px #6dbf97, 1278px 49px #6dbf97,
  207px 107px #6dbf97, 2546px 667px #6dbf97, 1431px 2455px #6dbf97, 202px 2219px #6dbf97,
  1311px 2033px #6dbf97, 2217px 1512px #6dbf97;
}

#stars2:after {
  content: '';
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1925px 425px #6dbf97, 2360px 2211px #6dbf97, 441px 1814px #6dbf97,
  1167px 452px #6dbf97, 756px 2436px #6dbf97, 1891px 2239px #6dbf97, 2588px 2536px #6dbf97,
  160px 1302px #6dbf97, 1388px 1421px #6dbf97, 615px 506px #6dbf97, 562px 148px #6dbf97,
  695px 1568px #6dbf97, 1036px 869px #6dbf97, 1859px 923px #6dbf97, 1443px 1947px #6dbf97,
  2126px 2485px #6dbf97, 1065px 2503px #6dbf97, 1036px 1637px #6dbf97, 734px 1239px #6dbf97,
  1405px 1590px #6dbf97, 375px 1702px #6dbf97, 659px 2641px #6dbf97, 2437px 1489px #6dbf97,
  2396px 1719px #6dbf97, 7px 2255px #6dbf97, 547px 2529px #6dbf97, 804px 582px #6dbf97,
  31px 1611px #6dbf97, 311px 1755px #6dbf97, 723px 457px #6dbf97, 1472px 226px #6dbf97,
  2131px 260px #6dbf97, 1203px 861px #6dbf97, 90px 1939px #6dbf97, 863px 2618px #6dbf97,
  989px 897px #6dbf97, 1498px 635px #6dbf97, 949px 2412px #6dbf97, 1976px 699px #6dbf97,
  359px 2175px #6dbf97, 2568px 198px #6dbf97, 2403px 502px #6dbf97, 10px 518px #6dbf97,
  1881px 929px #6dbf97, 1959px 1610px #6dbf97, 2114px 187px #6dbf97, 359px 2267px #6dbf97,
  91px 1892px #6dbf97, 1473px 1400px #6dbf97, 2588px 170px #6dbf97, 493px 493px #6dbf97,
  1981px 292px #6dbf97, 474px 2507px #6dbf97, 482px 482px #6dbf97, 2521px 1670px #6dbf97,
  2632px 1396px #6dbf97, 1259px 1784px #6dbf97, 2332px 321px #6dbf97, 683px 1295px #6dbf97,
  86px 1964px #6dbf97, 2447px 727px #6dbf97, 1263px 924px #6dbf97, 610px 1529px #6dbf97,
  1494px 1997px #6dbf97, 639px 1250px #6dbf97, 904px 1115px #6dbf97, 1060px 1554px #6dbf97,
  2629px 1983px #6dbf97, 976px 2292px #6dbf97, 279px 396px #6dbf97, 1085px 835px #6dbf97,
  912px 1024px #6dbf97, 2288px 355px #6dbf97, 2211px 679px #6dbf97, 1969px 1517px #6dbf97,
  774px 329px #6dbf97, 1739px 1267px #6dbf97, 835px 873px #6dbf97, 1193px 2041px #6dbf97,
  359px 1238px #6dbf97, 1052px 621px #6dbf97, 1776px 2303px #6dbf97, 1347px 2198px #6dbf97,
  2541px 1271px #6dbf97, 780px 1085px #6dbf97, 110px 606px #6dbf97, 1236px 1965px #6dbf97,
  2110px 2253px #6dbf97, 816px 1596px #6dbf97, 401px 2370px #6dbf97, 2275px 1904px #6dbf97,
  589px 1202px #6dbf97, 2215px 949px #6dbf97, 2112px 1552px #6dbf97, 363px 1429px #6dbf97,
  2233px 613px #6dbf97, 958px 883px #6dbf97, 1598px 13px #6dbf97, 220px 1497px #6dbf97,
  440px 2165px #6dbf97, 571px 2081px #6dbf97, 2108px 676px #6dbf97, 851px 50px #6dbf97,
  1093px 1113px #6dbf97, 2340px 2213px #6dbf97, 1492px 1939px #6dbf97, 529px 174px #6dbf97,
  916px 379px #6dbf97, 611px 867px #6dbf97, 2163px 485px #6dbf97, 462px 2191px #6dbf97,
  1089px 2588px #6dbf97, 1304px 2549px #6dbf97, 429px 101px #6dbf97, 1302px 909px #6dbf97,
  1179px 712px #6dbf97, 1792px 2122px #6dbf97, 1403px 885px #6dbf97, 1864px 2390px #6dbf97,
  1729px 1403px #6dbf97, 1246px 316px #6dbf97, 1960px 2413px #6dbf97, 1521px 2274px #6dbf97,
  2166px 1445px #6dbf97, 1211px 1222px #6dbf97, 1025px 1089px #6dbf97, 535px 957px #6dbf97,
  216px 978px #6dbf97, 1412px 316px #6dbf97, 2359px 1087px #6dbf97, 2492px 1566px #6dbf97,
  1565px 929px #6dbf97, 1654px 1654px #6dbf97, 1823px 77px #6dbf97, 750px 2014px #6dbf97,
  2425px 647px #6dbf97, 1235px 933px #6dbf97, 524px 1792px #6dbf97, 1544px 852px #6dbf97,
  291px 2448px #6dbf97, 476px 1251px #6dbf97, 186px 2339px #6dbf97, 1355px 1788px #6dbf97,
  364px 579px #6dbf97, 1905px 2134px #6dbf97, 2391px 1896px #6dbf97, 391px 2457px #6dbf97,
  2235px 2496px #6dbf97, 1787px 2425px #6dbf97, 1913px 2170px #6dbf97,
  214px 1345px #6dbf97, 1739px 782px #6dbf97, 2379px 774px #6dbf97, 958px 2540px #6dbf97,
  422px 289px #6dbf97, 807px 424px #6dbf97, 658px 711px #6dbf97, 2064px 2094px #6dbf97,
  2077px 89px #6dbf97, 535px 1231px #6dbf97, 1457px 2394px #6dbf97, 2412px 2272px #6dbf97,
  2503px 2435px #6dbf97, 708px 61px #6dbf97, 1094px 1288px #6dbf97, 704px 219px #6dbf97,
  1369px 468px #6dbf97, 2235px 416px #6dbf97, 449px 152px #6dbf97, 2137px 280px #6dbf97,
  2284px 1574px #6dbf97, 2113px 876px #6dbf97, 369px 472px #6dbf97, 617px 1947px #6dbf97,
  1549px 368px #6dbf97, 1263px 923px #6dbf97, 2322px 389px #6dbf97, 1054px 1211px #6dbf97,
  702px 1028px #6dbf97, 2504px 2253px #6dbf97, 994px 242px #6dbf97, 2558px 2036px #6dbf97,
  133px 845px #6dbf97, 1959px 1921px #6dbf97, 1681px 1654px #6dbf97, 1130px 1831px #6dbf97,
  1312px 2628px #6dbf97, 1240px 2342px #6dbf97, 1226px 1689px #6dbf97, 665px 526px #6dbf97,
  1760px 10px #6dbf97, 2616px 2412px #6dbf97, 1425px 1863px #6dbf97, 1278px 49px #6dbf97,
  207px 107px #6dbf97, 2546px 667px #6dbf97, 1431px 2455px #6dbf97, 202px 2219px #6dbf97,
  1311px 2033px #6dbf97, 2217px 1512px #6dbf97;
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  animation: animStar 200s linear infinite;
  box-shadow: 514px 2497px #6dbf97, 1010px 2080px #6dbf97, 1977px 1328px #6dbf97,
  1260px 2431px #6dbf97, 2629px 1331px #6dbf97, 1707px 2610px #6dbf97, 872px 377px #6dbf97,
  1686px 2174px #6dbf97, 2420px 795px #6dbf97, 853px 2527px #6dbf97, 393px 75px #6dbf97,
  1224px 2154px #6dbf97, 633px 2471px #6dbf97, 875px 815px #6dbf97, 1557px 1812px #6dbf97,
  1887px 376px #6dbf97, 1379px 972px #6dbf97, 668px 881px #6dbf97, 2077px 615px #6dbf97,
  509px 1592px #6dbf97, 1557px 1639px #6dbf97, 1165px 2351px #6dbf97, 1138px 2147px #6dbf97,
  1828px 2558px #6dbf97, 2294px 1220px #6dbf97, 1266px 158px #6dbf97, 1021px 1611px #6dbf97,
  1319px 1944px #6dbf97, 2565px 953px #6dbf97, 2589px 1004px #6dbf97, 2417px 1493px #6dbf97,
  2521px 2223px #6dbf97, 611px 263px #6dbf97, 340px 360px #6dbf97, 1000px 723px #6dbf97,
  1625px 2472px #6dbf97, 2461px 589px #6dbf97, 416px 2471px #6dbf97, 942px 593px #6dbf97,
  2056px 927px #6dbf97, 896px 1536px #6dbf97, 1478px 172px #6dbf97, 472px 2380px #6dbf97,
  1989px 1295px #6dbf97, 2255px 638px #6dbf97, 1750px 1682px #6dbf97, 2187px 1413px #6dbf97,
  1572px 315px #6dbf97, 567px 2104px #6dbf97, 1142px 336px #6dbf97, 609px 1248px #6dbf97,
  2017px 2186px #6dbf97, 2584px 79px #6dbf97, 281px 2194px #6dbf97, 1284px 2375px #6dbf97,
  629px 946px #6dbf97, 172px 101px #6dbf97, 1884px 1577px #6dbf97, 1208px 2101px #6dbf97,
  2544px 1013px #6dbf97, 271px 1520px #6dbf97, 2657px 1405px #6dbf97, 1952px 1730px #6dbf97,
  191px 2229px #6dbf97, 27px 2129px #6dbf97, 508px 1811px #6dbf97, 1212px 1001px #6dbf97,
  1979px 1868px #6dbf97, 1066px 207px #6dbf97, 231px 731px #6dbf97, 449px 1816px #6dbf97,
  1592px 1029px #6dbf97, 800px 646px #6dbf97, 907px 2496px #6dbf97, 462px 1998px #6dbf97,
  541px 1514px #6dbf97, 1263px 1862px #6dbf97, 1226px 1514px #6dbf97, 2257px 389px #6dbf97,
  1646px 1703px #6dbf97, 1380px 1592px #6dbf97, 500px 2512px #6dbf97,
  1669px 2234px #6dbf97, 1340px 1750px #6dbf97, 2045px 1924px #6dbf97,
  1577px 1162px #6dbf97, 2616px 851px #6dbf97, 1783px 25px #6dbf97, 38px 2303px #6dbf97,
  21px 2194px #6dbf97, 1357px 1429px #6dbf97, 961px 563px #6dbf97, 1562px 54px #6dbf97,
  657px 2602px #6dbf97, 1723px 573px #6dbf97, 232px 2004px #6dbf97, 1105px 160px #6dbf97,
  662px 2589px #6dbf97, 820px 1170px #6dbf97, 319px 535px #6dbf97;
}

#stars3:after {
  content: '';
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 514px 2497px #6dbf97, 1010px 2080px #6dbf97, 1977px 1328px #6dbf97,
  1260px 2431px #6dbf97, 2629px 1331px #6dbf97, 1707px 2610px #6dbf97, 872px 377px #6dbf97,
  1686px 2174px #6dbf97, 2420px 795px #6dbf97, 853px 2527px #6dbf97, 393px 75px #6dbf97,
  1224px 2154px #6dbf97, 633px 2471px #6dbf97, 875px 815px #6dbf97, 1557px 1812px #6dbf97,
  1887px 376px #6dbf97, 1379px 972px #6dbf97, 668px 881px #6dbf97, 2077px 615px #6dbf97,
  509px 1592px #6dbf97, 1557px 1639px #6dbf97, 1165px 2351px #6dbf97, 1138px 2147px #6dbf97,
  1828px 2558px #6dbf97, 2294px 1220px #6dbf97, 1266px 158px #6dbf97, 1021px 1611px #6dbf97,
  1319px 1944px #6dbf97, 2565px 953px #6dbf97, 2589px 1004px #6dbf97, 2417px 1493px #6dbf97,
  2521px 2223px #6dbf97, 611px 263px #6dbf97, 340px 360px #6dbf97, 1000px 723px #6dbf97,
  1625px 2472px #6dbf97, 2461px 589px #6dbf97, 416px 2471px #6dbf97, 942px 593px #6dbf97,
  2056px 927px #6dbf97, 896px 1536px #6dbf97, 1478px 172px #6dbf97, 472px 2380px #6dbf97,
  1989px 1295px #6dbf97, 2255px 638px #6dbf97, 1750px 1682px #6dbf97, 2187px 1413px #6dbf97,
  1572px 315px #6dbf97, 567px 2104px #6dbf97, 1142px 336px #6dbf97, 609px 1248px #6dbf97,
  2017px 2186px #6dbf97, 2584px 79px #6dbf97, 281px 2194px #6dbf97, 1284px 2375px #6dbf97,
  629px 946px #6dbf97, 172px 101px #6dbf97, 1884px 1577px #6dbf97, 1208px 2101px #6dbf97,
  2544px 1013px #6dbf97, 271px 1520px #6dbf97, 2657px 1405px #6dbf97, 1952px 1730px #6dbf97,
  191px 2229px #6dbf97, 27px 2129px #6dbf97, 508px 1811px #6dbf97, 1212px 1001px #6dbf97,
  1979px 1868px #6dbf97, 1066px 207px #6dbf97, 231px 731px #6dbf97, 449px 1816px #6dbf97,
  1592px 1029px #6dbf97, 800px 646px #6dbf97, 907px 2496px #6dbf97, 462px 1998px #6dbf97,
  541px 1514px #6dbf97, 1263px 1862px #6dbf97, 1226px 1514px #6dbf97, 2257px 389px #6dbf97,
  1646px 1703px #6dbf97, 1380px 1592px #6dbf97, 500px 2512px #6dbf97,
  1669px 2234px #6dbf97, 1340px 1750px #6dbf97, 2045px 1924px #6dbf97,
  1577px 1162px #6dbf97, 2616px 851px #6dbf97, 1783px 25px #6dbf97, 38px 2303px #6dbf97,
  21px 2194px #6dbf97, 1357px 1429px #6dbf97, 961px 563px #6dbf97, 1562px 54px #6dbf97,
  657px 2602px #6dbf97, 1723px 573px #6dbf97, 232px 2004px #6dbf97, 1105px 160px #6dbf97,
  662px 2589px #6dbf97, 820px 1170px #6dbf97, 319px 535px #6dbf97;
}


@keyframes animStar {
  from {
      transform: translateY(0px);
  }
  to {
      transform: translateY(-2000px);
  }
}

/* фон */
.shop_card_img {
  z-index: 11;
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0px;
  transition: transform 0.4s;
}

.custom_shop_grid {
	grid-template-columns: repeat(3, 1fr);
    display: grid;
    gap: 20px;
}

.go_to_cards {
  width: fit-content;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #b353ff 0, #7f32bd 100%));
  border-radius: 50px;
  text-shadow: #0000006b 1px 0 7px;
  height: 37px;
  gap: 10px;
  transition: 0.2s all;
  display: flex;
  color: #fff;
  position: relative;
  font-weight: 500;
  padding: 0px 5px 1px 15px;
  font-size: 9.4px;
  align-items: center;
  justify-content: center;
}

.go_to_cards i {
  background: #00000038;
  height: 28px;
  text-shadow: none;
  font-size: 13px;
  width: 28px;
  display: flex;
  transition: 0.2s all;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
}

.text1_card {
	font-size: 16px;
	color: #fff;
}

.text2_card {
	line-height: 15px;
	color: #a9a1bd;
	font-size: 11px;
	font-weight: 400;
	max-width: 290px;
}

.text_block_shop {
	display: flex;
	font-weight: 600;
	gap: 5px;
	position: relative;
	z-index: 12;
	flex-direction: column;
}

.block_card_shop:hover .shop_card_img{
	transform: translate(0.6rem) translateY(-1.6rem) scale(1.17) rotate(4deg);
}

.block_card_shop:hover .go_to_cards i {
    transform: rotate(180deg);
}

.block_card_shop:hover .opacity_card {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-left: -28px;
    background: #ae50f91c;
    transition: 0.2s all;
    margin-top: -28px;
}

.block_card_shop {
	display: flex;
	font-family: "Unbounded", sans-serif;
	padding: 28px;
	height: 300px;
	overflow: hidden;
	position: relative;
	width: 100%;
	background: linear-gradient(1deg, #2b2934 30%, #453b57 100%);
	border-radius: 20px;
	cursor: pointer;
	flex-direction: column;
	justify-content: space-between;
}

.modal-body span {
	font-weight: 600;
}

.privilege_desp_modal {
  font-weight: 600;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.image-modal-privilege {
  border-radius: 15px;
}

.info_gun_modal_shop {
  display: flex;
  flex-direction: column;
  color: #878495;
  gap: 0px;
}

.name_gun_modal {
  color: #fff;
  font-size: 15px;
}

.info_desp_modal_p {
  display: flex;
  flex-direction: column;
  color: #9e9aaf;
}

.info_desp_modal_p span{
  color: #ffffff;
}

.dop_info_desp_modal {
  display: flex;
  background: #3e3c4b;
  flex-direction: column;
  padding: 20px;
  border-radius: 15px;
}

.btn_desp_privilege {
  background: linear-gradient(23deg, #3f3c4da8 0%, #3f3c4d 55%);
  width: 100%;
  font-weight: 600;
  padding: 14px;
  transition: 0.2s;
  border: none;
  color: #ffff;
  border-radius: 10px;
  transition: 0.2s all;
}

.btn_desp_privilege:hover {
  opacity: 0.7;
}
.btn_buy_privilege {
  width: 100%;
  padding: 11px; /* Увеличен отступ для большей воздушности */
  font-weight: 700; /* Более жирный шрифт для акцента */
  font-size: 12px; /* Увеличен размер шрифта для читаемости */
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #43775e 100%));
  color: #ffffff; /* Исправлен цвет на правильный HEX */
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); /* Более мягкая и реалистичная тень текста */
  border-radius: 12px; /* Более плавные углы */
  border: none;
  display: flex; /* Для центрирования содержимого */
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Добавлена тень для глубины */
  transition: all 0.3s ease; /* Более плавный переход для всех свойств */
  cursor: pointer; /* Указатель для интерактивности */
  text-transform: uppercase; /* Заглавные буквы для акцента */
  letter-spacing: 0.5px; /* Лёгкий разряд для читаемости */
}

.btn_buy_privilege:hover {
  transform: translateY(-2px); /* Лёгкий подъём при наведении */
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3); /* Усиленная тень при наведении */
  opacity: 0.95; /* Уменьшена прозрачность для более мягкого эффекта */
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #54ffaa 0, #4a8c6a 100%)); /* Лёгкое осветление градиента */
}

.btn_buy_privilege:active {
  transform: translateY(0); /* Возврат на место при нажатии */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* Уменьшенная тень при нажатии */
  transition: all 0.1s ease; /* Быстрая анимация для нажатия */
}
.flex_btns_privilege {
  text-align: center;
  display: flex;
  gap: 10px;
  border-radius: 10px;
  margin-top: 15px;
}

.name_privilege {
  background: rgb(0 0 0 / 23%);
  backdrop-filter: blur(7px);
  color: #FFF;
  position: absolute;
  left: 10px;
  top: 10px;
  font-weight: 600;
  display: flex;
  height: 38px;
  font-size: 11.5px;
  padding: 5px 20px;
  border-radius: 50px;
  cursor: default;
  max-width: 60%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
}

.shop_card_block {
  background: linear-gradient(1deg, #2b2934 30%, #2d2b37 100%);
  border-radius: 20px;
  /* overflow: hidden; */
  padding: 17px;
}

.privilege_img {
  height: 200px;
  width: 100%;
  border-radius: 13px;
  background-size: cover;
  transition: 0.3s all;
  position: relative;
}

.shop_block_flex {
  grid-template-columns: repeat(4, 1fr);
  display: grid;
  row-gap: 14px;
  column-gap: 14px;
}

.text_container_oplata{
	font-size: 20px;
    font-weight: 900;
    color: #fff;
    display: flex;
    justify-content: center;
}

.service__description .container-oplata i{background: radial-gradient(circle, #545454 0%, #232323 100%);text-align: center;box-shadow: 0px 10px 10px -8px rgb(0 0 0 / 10%);margin-left: 5px;padding: 7px;margin-right: 10px;transition: all 0.4s;border-radius: 10px;font-size: 26px;color: #4fea9f;}
.container-oplata {
  background: #0000004d;
}
.map_back_server {
  width: 100%;
  height: 250px;
  box-shadow: inset 265px 30px 190px 0px #383b49;
  left: 0px;
  background-size: cover !important;
  position: absolute;
  opacity: 0.7;
}

.container-oplata {
    display: -webkit-inline-box;
    margin-bottom: 5px;
    height: 50px;
    width: 100%;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    text-align: initial;
    transition: all 0.2s ease-out;
    cursor: default;
    transform: scale(1);
    display: flex;
    align-items: center;
}




.small_achs {
    height: 40px;
    width: 40px;
    margin-right: 15px;
    border: 2px solid #486b91;
	float: left;
}
#achievs {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    overflow: auto;
    max-height: 390px;
}

.achievs-empty {
    border-radius: 14px;
    background: #3a3a4759;
    display: flex;
    width: 100%;
    font-weight: bold;
    color: #727287;
    font-size: 11px;
    border: dashed 1px #4a4a5b;
    padding: 40px;
    align-items: center;
    justify-content: center;
}

.profile_progress .flex_head_block {
	align-items: center;
}

#btn_show_achieves_all, #btn_show_achieves {
    color: rgb(135, 135, 157);
    font-weight: bold;
    transition: 0.2s;
    font-size: 11px;
    border-bottom: 1px dashed rgba(135, 135, 157, 0.84);
	padding-bottom: 3px;
}

#btn_show_achieves_all:hover, #btn_show_achieves:hover {
    color: #ffffff;
    border-bottom: dashed 1px #ffffffa1;
}

.achievement_item {
    border-radius: 11px;
    padding: 15px;
    background: #30303b;
    display: flex;
    gap: 15px;
    max-width: 353px;
    width: 100%;
}

.achievement_title {
    line-height: 22px;
    font-size: 12px;
    color: #ffff;
    font-weight: 600;
}

.achievement_desc {
    font-weight: 700;
    line-height: 20px;
    font-size: 10.5px;
    color: #767689;
}

.achievement_date {
	line-height: 22px;
    font-size: 12px;
    font-weight: 600;
}

.achievement_date.achievs_info {
	color: rgb(251 171 124);
}

.achievement_date.achievs_success {
	color: #59cc94;
}

.achievement_item img {
    min-width: 85px;
    min-height: 85px;
    max-height: 85px;
    max-width: 85px;
}

.left_block {
      width: 60%;
}

.flex_contacts_btn {
      display: flex;
      justify-content: space-between;
      margin-top: 12px;
      border-bottom: solid 1px #373744;
      padding-bottom: 14px;
}

.prof_r_top {
      display: flex;
      gap: 10px;
}

.date_short {
      font-size: 10px;
      margin-left: 7px;
      font-family: 'Montserrat';
      font-weight: 600;
      color: #7a7a92;
}
.profile_progress {
    border-radius: 20px;
    padding: 20px;
    background: linear-gradient(1deg, #25252e 30%, #292932 100%);
    box-shadow: 0px 5px 10px #13151a4f;
    margin-top: 13px;
}
.case-image {
    width: 130px;
    /* height: 100px; */
    border-radius: 10px;
    /* box-shadow: 0 3px 10px rgb(0 0 0 / 92%); */
    transition: transform 0.3s ease;
}

.case-box:hover .case-image {
    transform: scale(1.05);
}

.case-prize {
    color: #b0adc5;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

.case-date {
    color: #b0adc5;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Адаптивность для меньших экранов */
@media (max-width: 768px) {
    .cases-container {
        grid-template-columns: repeat(2, 1fr); /* 2 в ряд на планшетах */
    }
}

@media (max-width: 480px) {
    .cases-container {
        grid-template-columns: 1fr; /* 1 в ряд на телефонах */
    }
}
.cases_last_item {
	max-width: 32rem;
}

.header-logo {
    width: 162px;
    float: left;
    position: relative;
    top: 15px;
    margin-left: -3px;
    cursor: pointer;
    transition: .20s all;
    margin-right: 9px;
}

.header-logo:hover {
  opacity: .5;
  transition: all .3s
}

.header-logo img {
  width: auto;
  height: 35px;
  display: block
}


.logotext {
  fill: transparent;
  stroke-width: 2;
  stroke-linejoin: round;
  stroke-dasharray: 90, 310;
  animation: logotext 8s infinite linear;
  font-family: Poppins, arial;
  font-size: 2.1em;
}

.logotext:nth-child(4n+1) {
  stroke: #4fea9f;
  text-shadow: 0 0 12px #4fea9f;
  animation-delay: -2s;
}

.logotext:nth-child(4n+2) {
  stroke: #ffffff;
  text-shadow: 0 0 12px #ffffff;
  animation-delay: -4s;
}

.logotext:nth-child(4n+3) {
  text-shadow: 0 0 12px #4fea9f;
  stroke: #4fea9f;
  animation-delay: -6s;
}

.logotext:nth-child(4n+4) {
  text-shadow: 0 0 12px #ffffff;
  stroke: #ffffff;
  animation-delay: -8s;
}

@-webkit-keyframes logotext {
  100% {
    stroke-dashoffset: -400;
  }
}



/* PBGame playground cosmetics helpers */
.pb-avatar-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:visible;line-height:0}
.pb-avatar-wrap > img{display:block}
.pb-avatar-frame-overlay{position:absolute;inset:-10%;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:3}
.pb-avatar-frame-overlay img{width:120%;height:120%;max-width:none;max-height:none;object-fit:contain;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.18))}
.back_img_chat .pb-avatar-wrap,.top_user .pb-avatar-wrap,.top_donators .pb-avatar-wrap,.user-full .pb-avatar-wrap,.profile_top .pb-avatar-wrap,.blockprofile .pb-avatar-wrap,.collapsible_head .pb-avatar-wrap{flex:0 0 auto}
.div-frame .pb-avatar-wrap img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.div-frame .pb-avatar-wrap{width:100%;height:100%;border-radius:inherit}

/* PBGame cosmetics hard fix v2: avatar/frame overlay binding */
html body .pb-avatar-wrap,
html body a .pb-avatar-wrap,
html body .profile_top .pb-avatar-wrap,
html body .top_user .pb-avatar-wrap,
html body .back_img_chat .pb-avatar-wrap,
html body .user-full .pb-avatar-wrap,
html body .blockprofile .pb-avatar-wrap,
html body .collapsible_head .pb-avatar-wrap {
  position: relative !important;
  display: inline-block !important;
  vertical-align: middle !important;
  line-height: 0 !important;
  overflow: visible !important;
  flex: 0 0 auto !important;
  z-index: 1 !important;
  --pb-frame-scale: 1.34;
}

html body .pb-avatar-wrap > img:not(.pb-avatar-frame-img) {
  display: block !important;
  object-fit: cover !important;
  position: relative !important;
  z-index: 2 !important;
  float: none !important;
  max-width: none !important;
  max-height: none !important;
}

html body .pb-avatar-wrap .pb-avatar-frame-overlay {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  transform: translate(-50%, -50%) scale(var(--pb-frame-scale, 1.34)) !important;
  transform-origin: center center !important;
  pointer-events: none !important;
  display: block !important;
  z-index: 9 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body .pb-avatar-wrap .pb-avatar-frame-overlay > img.pb-avatar-frame-img {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  position: static !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.22)) !important;
}

html body .pb-avatar-profile-main-wrap { --pb-frame-scale: 1.42; }
html body .pb-avatar-profile-main-wrap > img.avatar_profile {
  width: 133px !important;
  height: 130px !important;
  border-radius: 50% !important;
}

html body .pb-avatar-profile-sidebar-wrap { --pb-frame-scale: 1.36; width: 150px !important; height: 150px !important; }
html body .pb-avatar-profile-sidebar-wrap > img {
  width: 150px !important;
  height: 150px !important;
  border-radius: 50% !important;
}

html body .pb-avatar-top-wrap { --pb-frame-scale: 1.36; }
html body .pb-avatar-top-wrap > img.img_top_user,
html body .pb-avatar-top-wrap > img.img_donators {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
}

html body .pb-avatar-chat-wrap { --pb-frame-scale: 1.48; }
html body .pb-avatar-chat-wrap > img.chat_img {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
}

html body .pb-avatar-user-card-wrap { --pb-frame-scale: 1.32; }
html body .pb-avatar-user-card-wrap > img.user_avatar {
  width: 52px !important;
  height: 52px !important;
  border-radius: 12px !important;
}

html body .pb-avatar-online-wrap { --pb-frame-scale: 1.38; }
html body .pb-avatar-online-wrap > img.user_online_img {
  width: 33px !important;
  height: 33px !important;
  border-radius: 50% !important;
}

html body .pb-avatar-tiny-wrap { --pb-frame-scale: 1.45; }
html body .pb-avatar-tiny-wrap > img.user_o_img {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
}

html body .pb-avatar-header-wrap { --pb-frame-scale: 1.42; width: 32px !important; height: 32px !important; }
html body .pb-avatar-header-wrap > img {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
}

html body .pb-avatar-head-wrap { --pb-frame-scale: 1.36; }
html body .pb-avatar-head-wrap > img.img_head {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
}

html body .left_profile .pb-avatar-frame-overlay,
html body .profile_top .pb-avatar-frame-overlay,
html body .block_top_user .pb-avatar-frame-overlay,
html body .chat_message .pb-avatar-frame-overlay {
  opacity: 1 !important;
}

html body .left_profile > .pb-avatar-frame-overlay,
html body .profile_top > .pb-avatar-frame-overlay,
html body .block_top_user > .pb-avatar-frame-overlay,
html body .block_user > .pb-avatar-frame-overlay {
  display: none !important;
}

@media (max-width: 768px) {
  html body .pb-avatar-profile-main-wrap > img.avatar_profile {
    width: 104px !important;
    height: 104px !important;
  }
}


/* PBGame cosmetics frame binding v3 - frame is part of avatar, not a separate background */
html body .pb-avatar-wrap,
html body a .pb-avatar-wrap,
html body .profile_top .pb-avatar-wrap,
html body .left_profile .pb-avatar-wrap,
html body .top_user .pb-avatar-wrap,
html body .back_img_chat .pb-avatar-wrap,
html body .user-full .pb-avatar-wrap,
html body .blockprofile .pb-avatar-wrap,
html body .collapsible_head .pb-avatar-wrap,
html body .flex_info_top_user .pb-avatar-wrap {
  --pb-wrap-size: 42px;
  --pb-avatar-size: 26px;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--pb-wrap-size) !important;
  height: var(--pb-wrap-size) !important;
  min-width: var(--pb-wrap-size) !important;
  min-height: var(--pb-wrap-size) !important;
  max-width: var(--pb-wrap-size) !important;
  max-height: var(--pb-wrap-size) !important;
  line-height: 0 !important;
  vertical-align: middle !important;
  overflow: visible !important;
  flex: 0 0 var(--pb-wrap-size) !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  z-index: 2 !important;
  isolation: isolate !important;
}

html body .pb-avatar-wrap > img:not(.pb-avatar-frame-img) {
  width: var(--pb-avatar-size) !important;
  height: var(--pb-avatar-size) !important;
  min-width: var(--pb-avatar-size) !important;
  min-height: var(--pb-avatar-size) !important;
  max-width: var(--pb-avatar-size) !important;
  max-height: var(--pb-avatar-size) !important;
  display: block !important;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  float: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 50% !important;
  z-index: 2 !important;
}

html body .pb-avatar-wrap .pb-avatar-frame-overlay {
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  transform: none !important;
  transform-origin: center center !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
  overflow: visible !important;
  z-index: 5 !important;
}

html body .pb-avatar-wrap .pb-avatar-frame-overlay > img.pb-avatar-frame-img {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  position: static !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  filter: drop-shadow(0 3px 7px rgba(0,0,0,.25)) !important;
}

/* Profile main card: compact frame, centered avatar inside frame */
html body .pb-avatar-profile-main-wrap {
  --pb-wrap-size: 142px;
  --pb-avatar-size: 82px;
  margin: 0 4px 0 0 !important;
}
html body .pb-avatar-profile-main-wrap > img.avatar_profile {
  width: var(--pb-avatar-size) !important;
  height: var(--pb-avatar-size) !important;
  min-width: var(--pb-avatar-size) !important;
  min-height: var(--pb-avatar-size) !important;
  max-width: var(--pb-avatar-size) !important;
  max-height: var(--pb-avatar-size) !important;
  border-radius: 50% !important;
  border: 2px solid rgba(91,204,150,.34) !important;
  background: rgba(20,24,36,.75) !important;
}
html body .profile_top .prof_l {
  align-items: center !important;
  gap: 16px !important;
}

/* Sidebar/profile widgets */
html body .pb-avatar-profile-sidebar-wrap {
  --pb-wrap-size: 132px;
  --pb-avatar-size: 76px;
}
html body .pb-avatar-profile-sidebar-wrap > img {
  width: var(--pb-avatar-size) !important;
  height: var(--pb-avatar-size) !important;
}

/* Top users/donators */
html body .pb-avatar-top-wrap {
  --pb-wrap-size: 62px;
  --pb-avatar-size: 36px;
}
html body .pb-avatar-top-wrap > img.img_top_user,
html body .pb-avatar-top-wrap > img.img_donators {
  width: var(--pb-avatar-size) !important;
  height: var(--pb-avatar-size) !important;
  border: 2px solid rgba(91,204,150,.28) !important;
}
html body .flex_info_top_user {
  align-items: center !important;
  gap: 10px !important;
}

/* Chat/message */
html body .back_img_chat {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  border-radius: 14px !important;
  padding: 0 !important;
}
html body .pb-avatar-chat-wrap {
  --pb-wrap-size: 38px;
  --pb-avatar-size: 23px;
}
html body .pb-avatar-chat-wrap > img.chat_img {
  width: var(--pb-avatar-size) !important;
  height: var(--pb-avatar-size) !important;
  border-radius: 50% !important;
}

/* Online block and small user entries */
html body .pb-avatar-online-wrap {
  --pb-wrap-size: 46px;
  --pb-avatar-size: 28px;
}
html body .pb-avatar-online-wrap > img.user_online_img {
  width: var(--pb-avatar-size) !important;
  height: var(--pb-avatar-size) !important;
}
html body .pb-avatar-tiny-wrap,
html body .mini_friend .pb-avatar-wrap,
html body .visit_user .pb-avatar-wrap,
html body .block_user .pb-avatar-wrap,
html body .friend .pb-avatar-wrap {
  --pb-wrap-size: 42px;
  --pb-avatar-size: 25px;
}
html body .pb-avatar-tiny-wrap > img.user_o_img {
  width: var(--pb-avatar-size) !important;
  height: var(--pb-avatar-size) !important;
}

/* Generic user cards */
html body .pb-avatar-user-card-wrap {
  --pb-wrap-size: 58px;
  --pb-avatar-size: 34px;
}
html body .pb-avatar-user-card-wrap > img.user_avatar {
  width: var(--pb-avatar-size) !important;
  height: var(--pb-avatar-size) !important;
  border-radius: 12px !important;
}

/* Header avatar */
html body .pb-avatar-header-wrap {
  --pb-wrap-size: 38px;
  --pb-avatar-size: 23px;
}
html body .pb-avatar-header-wrap > img {
  width: var(--pb-avatar-size) !important;
  height: var(--pb-avatar-size) !important;
}
html body .pb-avatar-head-wrap {
  --pb-wrap-size: 44px;
  --pb-avatar-size: 27px;
}
html body .pb-avatar-head-wrap > img.img_head {
  width: var(--pb-avatar-size) !important;
  height: var(--pb-avatar-size) !important;
}

/* Safety: old separated overlays must never become separate blocks */
html body .left_profile > .pb-avatar-frame-overlay,
html body .profile_top > .pb-avatar-frame-overlay,
html body .block_top_user > .pb-avatar-frame-overlay,
html body .block_user > .pb-avatar-frame-overlay,
html body .top_user > .pb-avatar-frame-overlay,
html body .back_img_chat > .pb-avatar-frame-overlay {
  display: none !important;
}

/* Prevent frames from turning into background-size or normal images in cards */
html body img.pb-avatar-frame-img {
  background: transparent !important;
  border-radius: 0 !important;
}

@media (max-width: 768px) {
  html body .pb-avatar-profile-main-wrap {
    --pb-wrap-size: 118px;
    --pb-avatar-size: 68px;
  }
  html body .profile_top .prof_l {
    gap: 10px !important;
  }
}

/* PBGame CMS solution2 — server widget/store cleanup, 2026-04-29 */
.pb-servers-widget {
    height: 156px !important;
    max-height: 156px !important;
    min-height: 156px !important;
    margin-top: 10px !important;
    padding: 9px !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(58,58,70,.78), rgba(37,37,47,.94)) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 16px 38px rgba(0,0,0,.18) !important;
    position: relative !important;
    z-index: 1 !important;
}

.pb-servers-widget__head {
    height: 29px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 0 2px 8px !important;
}

.pb-servers-widget__title {
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #fff !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}

.pb-servers-widget__title i {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 9px !important;
    background: linear-gradient(135deg, #4fea9f, #348d63) !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(79,234,159,.22) !important;
}

.pb-servers-widget__status {
    flex: 0 0 auto !important;
    padding: 5px 9px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.76) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-transform: capitalize !important;
}

.pb-servers-list-shell {
    height: 108px !important;
    max-height: 108px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 0 !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    overscroll-behavior: contain !important;
}

.pb-servers-list-shell::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

.pb-servers-list,
#servers.pb-servers-list {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pb-server-card.servers-block {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.pb-server-card__inner.servers-info-block {
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    padding: 6px 8px 6px 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    overflow: hidden !important;
    border-radius: 15px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    background: rgba(30,33,43,.86) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
    transition: background .18s ease, border-color .18s ease, transform .18s ease !important;
}

.pb-server-card__inner.servers-info-block:hover {
    transform: translateY(-1px) !important;
    background: rgba(40,43,55,.94) !important;
    border-color: rgba(79,234,159,.22) !important;
}

.pb-server-card__map.map_back_server {
    inset: 0 auto auto 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: .22 !important;
    background-size: cover !important;
    background-position: center !important;
    box-shadow: inset 150px 0 120px rgba(22,24,32,.88), inset -60px 0 90px rgba(22,24,32,.58) !important;
    filter: saturate(.95) contrast(1.05) !important;
}

.pb-server-card__online.progress-circle {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    flex: 0 0 38px !important;
    margin: 0 !important;
    z-index: 2 !important;
    cursor: pointer !important;
}

.pb-server-card__online.progress-circle svg {
    width: 38px !important;
    height: 38px !important;
}

.pb-server-card__online .now_online_server {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    line-height: 28px !important;
    font-size: 10px !important;
}

.pb-server-card__content.servers-info-span {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    overflow: visible !important;
    white-space: normal !important;
    z-index: 2 !important;
}

.pb-server-card__meta.flex_server_info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: grid !important;
    gap: 0 !important;
    line-height: 1.18 !important;
}

.pb-server-card__name,
.pb-server-card__address,
.pb-server-card__mapname {
    display: block !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.pb-server-card__name {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.pb-server-card__address {
    color: rgba(222,231,246,.74) !important;
    font-size: 10px !important;
}

.pb-server-card__mapname {
    color: rgba(167,181,204,.62) !important;
    font-size: 10px !important;
}

.pb-server-card__actions.btn_server_play_cog {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    z-index: 2 !important;
}

.pb-server-card__actions .play-servers,
.pb-server-card__actions .bx-cog {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    font-size: 14px !important;
    border-radius: 11px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.76) !important;
}

.pb-server-card__actions .play-servers:hover,
.pb-server-card__actions .bx-cog:hover {
    background: rgba(79,234,159,.22) !important;
    border-color: rgba(79,234,159,.42) !important;
    color: #fff !important;
}

/* В выпадающем онлайне показываем только строку пользователя, без отдельного аватара-дубля */
.online_prcr .user_online_top,
.online_scroll .user_online_top {
    display: none !important;
}

.online_prcr .users_chat_online,
.online_scroll .users_chat_online {
    display: block !important;
}

.user_online_block .users_chat_online {
    display: none !important;
}

.user_online_block .user_online_top {
    display: block !important;
}

/* Скрытый серверный инфоблок магазина */
#store_server_info {
    display: none !important;
}

.store-empty-info {
    padding: 12px 14px;
    border-radius: 12px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.07);
    color: rgba(255,255,255,.72);
    font-size: 12px;
    line-height: 1.45;
}

.server-monitoring-empty {
    padding: 14px;
    border-radius: 15px;
    background: rgba(255,255,255,.06);
    border: 1px dashed rgba(255,255,255,.12);
    color: rgba(255,255,255,.74);
    text-align: center;
    font-size: 12px;
    font-weight: 700;
}

@media (max-width: 991px) {
    .pb-servers-widget {
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
    }

    .pb-servers-list-shell {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .pb-servers-list,
    #servers.pb-servers-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 575px) {
    .pb-servers-list,
    #servers.pb-servers-list {
        grid-template-columns: 1fr !important;
    }

    .pb-server-card__inner.servers-info-block {
        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
    }
}

/* PBGame CMS solution2 — final monitoring + online dropdown cleanup, 2026-04-29 */
html body .pb-servers-widget.pb-servers-widget--final,
html body .block_servers.pb-servers-widget {
    width: 100% !important;
    height: 222px !important;
    max-height: 222px !important;
    min-height: 222px !important;
    margin-top: 12px !important;
    padding: 14px !important;
    overflow: hidden !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, rgba(58,58,72,.82), rgba(35,35,45,.96)) !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04) !important;
    position: relative !important;
    z-index: 2 !important;
}

html body .pb-servers-widget__head {
    height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 0 3px 12px !important;
}

html body .pb-servers-widget__title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0 !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
}

html body .pb-servers-widget__title i {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #54eba4, #2f9668) !important;
    color: #fff !important;
    font-size: 17px !important;
    box-shadow: 0 9px 24px rgba(84,235,164,.23) !important;
}

html body .pb-servers-widget__status {
    flex: 0 0 auto !important;
    padding: 7px 11px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.82) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
}

html body .pb-servers-list-shell {
    height: 168px !important;
    max-height: 168px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 2px 0 0 !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    overscroll-behavior: contain !important;
}

html body .pb-servers-list-shell::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

html body .pb-servers-list,
html body #servers.pb-servers-list {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
}

html body .pb-server-card.servers-block {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body .pb-server-card__inner.servers-info-block {
    width: 100% !important;
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    padding: 11px 12px 11px 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    background: rgba(52,53,66,.76) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 8px 24px rgba(0,0,0,.10) !important;
    transition: background .18s ease, border-color .18s ease, transform .18s ease !important;
}

html body .pb-server-card__inner.servers-info-block:hover {
    transform: translateY(-1px) !important;
    background: rgba(59,60,75,.86) !important;
    border-color: rgba(255,255,255,.13) !important;
}

html body .pb-server-card__map.map_back_server {
    inset: 0 auto auto 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: .18 !important;
    background-size: cover !important;
    background-position: center !important;
    box-shadow: inset 205px 0 155px rgba(37,38,49,.94), inset -85px 0 120px rgba(37,38,49,.66) !important;
    filter: saturate(.96) contrast(1.05) !important;
}

html body .pb-server-card__online.progress-circle {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    flex: 0 0 58px !important;
    margin: 0 !important;
    z-index: 2 !important;
    cursor: pointer !important;
}

html body .pb-server-card__online.progress-circle svg {
    width: 58px !important;
    height: 58px !important;
    transform: rotate(-90deg) !important;
}

html body .pb-server-card__online.progress-circle circle {
    cx: 29 !important;
    cy: 29 !important;
    r: 24 !important;
}

html body .pb-server-card__online .now_online_server {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    line-height: 42px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    background: transparent !important;
    color: #fff !important;
}

html body .pb-server-card__content.servers-info-span {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    overflow: visible !important;
    white-space: normal !important;
    z-index: 2 !important;
}

html body .pb-server-card__meta.flex_server_info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: grid !important;
    gap: 2px !important;
    line-height: 1.22 !important;
}

html body .pb-server-card__name,
html body .pb-server-card__address,
html body .pb-server-card__mapname {
    display: block !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body .pb-server-card__name {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
    text-transform: uppercase !important;
}

html body .pb-server-card__address {
    color: rgba(232,239,251,.74) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

html body .pb-server-card__mapname {
    color: rgba(178,190,212,.72) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

html body .pb-server-card__actions.btn_server_play_cog {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    z-index: 2 !important;
}

html body .pb-server-card__actions .play-servers,
html body .pb-server-card__actions .bx-cog {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.065) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.82) !important;
    transition: .18s ease !important;
}

html body .pb-server-card__actions .play-servers:hover,
html body .pb-server-card__actions .bx-cog:hover {
    background: rgba(79,234,159,.22) !important;
    border-color: rgba(79,234,159,.42) !important;
    color: #fff !important;
}

/* Online dropdown: no duplicate avatar strip inside popup */
html body .menu_top_rigth .pb-online-avatars-strip .users_chat_online,
html body .menu_top_rigth .user_online_block .users_chat_online {
    display: none !important;
}

html body .menu_top_rigth .pb-online-avatars-strip .user_online_top,
html body .menu_top_rigth .user_online_block .user_online_top {
    display: inline-flex !important;
}

html body .menu_top_rigth .online_prcr.arrtar .user_online_top,
html body .menu_top_rigth .online_prcr .user_online_top,
html body .menu_top_rigth .pb-online-dropdown-list .user_online_top {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    pointer-events: none !important;
}

html body .menu_top_rigth .online_prcr.arrtar .users_chat_online,
html body .menu_top_rigth .online_prcr .users_chat_online,
html body .menu_top_rigth .pb-online-dropdown-list .users_chat_online {
    display: block !important;
}

html body .menu_top_rigth .pb-online-dropdown-list {
    display: grid !important;
    gap: 8px !important;
    max-height: 252px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 2px !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

html body .menu_top_rigth .pb-online-dropdown-list::-webkit-scrollbar {
    width: 0 !important;
    display: none !important;
}

html body .menu_top_rigth .pb-online-dropdown-list .visit_users_online {
    min-height: 54px !important;
    border-radius: 14px !important;
}

@media (max-width: 991px) {
    html body .pb-servers-widget.pb-servers-widget--final,
    html body .block_servers.pb-servers-widget {
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
    }

    html body .pb-servers-list-shell {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    html body .pb-servers-list,
    html body #servers.pb-servers-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 575px) {
    html body .pb-servers-list,
    html body #servers.pb-servers-list {
        grid-template-columns: 1fr !important;
    }

    html body .pb-server-card__inner.servers-info-block {
        height: 72px !important;
        min-height: 72px !important;
        max-height: 72px !important;
    }

    html body .pb-server-card__online.progress-circle {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        flex-basis: 50px !important;
    }

    html body .pb-server-card__actions .play-servers,
    html body .pb-server-card__actions .bx-cog {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }
}

/* PBGame CMS solution2 — compact monitoring without title/settings, visible scroll rail, 2026-04-29 */
html body .pb-servers-widget.pb-servers-widget--compact,
html body .block_servers.pb-servers-widget.pb-servers-widget--compact {
    height: 178px !important;
    max-height: 178px !important;
    min-height: 178px !important;
    padding: 10px 14px 10px 10px !important;
    margin-top: 10px !important;
    overflow: hidden !important;
}

html body .pb-servers-widget--compact .pb-servers-widget__head,
html body .pb-servers-widget--compact .pb-servers-widget__title,
html body .pb-servers-widget--compact .pb-servers-widget__status {
    display: none !important;
}

html body .pb-servers-widget--compact .pb-servers-list-shell {
    height: 158px !important;
    max-height: 158px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 10px !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(255,255,255,.18) rgba(255,255,255,.045) !important;
}

html body .pb-servers-widget--compact .pb-servers-list-shell::-webkit-scrollbar {
    width: 4px !important;
    display: block !important;
}

html body .pb-servers-widget--compact .pb-servers-list-shell::-webkit-scrollbar-track {
    background: rgba(255,255,255,.045) !important;
    border-radius: 999px !important;
}

html body .pb-servers-widget--compact .pb-servers-list-shell::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.20) !important;
    border-radius: 999px !important;
}

html body .pb-servers-widget--compact .pb-servers-list-shell::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,.32) !important;
}

html body .pb-servers-widget--compact .pb-servers-list,
html body .pb-servers-widget--compact #servers.pb-servers-list {
    gap: 12px !important;
}

html body .pb-servers-widget--compact .pb-server-card__inner.servers-info-block {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    padding: 10px 12px 10px 15px !important;
    border-radius: 18px !important;
    background: rgba(62,62,78,.78) !important;
}

html body .pb-servers-widget--compact .pb-server-card__online.progress-circle {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    flex-basis: 56px !important;
}

html body .pb-servers-widget--compact .pb-server-card__online.progress-circle svg {
    width: 56px !important;
    height: 56px !important;
}

html body .pb-servers-widget--compact .pb-server-card__online .now_online_server {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    line-height: 40px !important;
    font-size: 13px !important;
}

html body .pb-servers-widget--compact .pb-server-card__name {
    font-size: 13px !important;
}

html body .pb-servers-widget--compact .pb-server-card__address,
html body .pb-servers-widget--compact .pb-server-card__mapname {
    font-size: 11px !important;
}

/* Hide server management cog in monitoring cards; leave only connect/play button. */
html body .pb-servers-widget--compact .pb-server-card__actions [data-target^="#server-management-modal"],
html body .pb-servers-widget--compact .pb-server-card__actions .bx-cog {
    display: none !important;
}

html body .pb-servers-widget--compact .pb-server-card__actions {
    gap: 0 !important;
}

html body .pb-servers-widget--compact .pb-server-card__actions .play-servers {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 50% !important;
}

@media (max-width: 991px) {
    html body .pb-servers-widget.pb-servers-widget--compact,
    html body .block_servers.pb-servers-widget.pb-servers-widget--compact {
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
    }

    html body .pb-servers-widget--compact .pb-servers-list-shell {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding-right: 0 !important;
    }
}

/* PBGame CMS solution2 — keep monitoring inside block + move online avatars left, 2026-04-29 */
html body .right_block .pb-servers-widget.pb-servers-widget--compact,
html body .monitoring_servers .pb-servers-widget.pb-servers-widget--compact,
html body .block_servers.pb-servers-widget.pb-servers-widget--compact,
html body .pb-servers-widget.pb-servers-widget--compact {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 156px !important;
    max-height: 156px !important;
    min-height: 156px !important;
    margin: 10px 0 0 0 !important;
    padding: 8px 10px 8px 8px !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    position: relative !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
}

html body .pb-servers-widget--compact .pb-servers-list-shell {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 140px !important;
    max-height: 140px !important;
    padding-right: 8px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border-radius: 14px !important;
}

html body .pb-servers-widget--compact .pb-servers-list,
html body .pb-servers-widget--compact #servers.pb-servers-list {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
    overflow: visible !important;
}

html body .pb-servers-widget--compact .pb-server-card.servers-block,
html body .pb-servers-widget--compact .pb-server-card__inner.servers-info-block {
    box-sizing: border-box !important;
    max-width: 100% !important;
}

html body .pb-servers-widget--compact .pb-server-card__inner.servers-info-block {
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    padding: 8px 10px 8px 12px !important;
    gap: 11px !important;
    border-radius: 16px !important;
}

html body .pb-servers-widget--compact .pb-server-card__online.progress-circle {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    flex-basis: 50px !important;
}

html body .pb-servers-widget--compact .pb-server-card__online.progress-circle svg {
    width: 50px !important;
    height: 50px !important;
}

html body .pb-servers-widget--compact .pb-server-card__online .now_online_server {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    line-height: 36px !important;
    font-size: 12px !important;
}

html body .pb-servers-widget--compact .pb-server-card__name {
    font-size: 12px !important;
    line-height: 1.18 !important;
}

html body .pb-servers-widget--compact .pb-server-card__address,
html body .pb-servers-widget--compact .pb-server-card__mapname {
    font-size: 10px !important;
    line-height: 1.18 !important;
}

html body .pb-servers-widget--compact .pb-server-card__actions .play-servers {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
}

/* Keep the visible scrollbar rail inside the monitoring card. */
html body .pb-servers-widget--compact .pb-servers-list-shell::-webkit-scrollbar {
    width: 4px !important;
}
html body .pb-servers-widget--compact .pb-servers-list-shell::-webkit-scrollbar-track {
    margin: 2px 0 !important;
}

/* Top-right online avatars: move the avatar strip left so it does not overlap the green online button/pill. */
html body .menu_top_rigth .user_online_block,
html body .menu_top_rigth .pb-online-avatars-strip {
    position: relative !important;
    right: 8px !important;
    margin-right: 8px !important;
    transform: translateX(-10px) !important;
    z-index: 3 !important;
}

html body .menu_top_rigth .user_online_block .user_online_top,
html body .menu_top_rigth .pb-online-avatars-strip .user_online_top {
    margin-left: -5px !important;
}

html body .menu_top_rigth .user_online_block .user_online_top:first-child,
html body .menu_top_rigth .pb-online-avatars-strip .user_online_top:first-child {
    margin-left: 0 !important;
}

/* The green online pill/button should stay on top and not be covered by avatars. */
html body .menu_top_rigth .online_block,
html body .menu_top_rigth .online_but,
html body .menu_top_rigth [class*="online"] {
    max-width: 100% !important;
}

@media (max-width: 991px) {
    html body .pb-servers-widget.pb-servers-widget--compact,
    html body .block_servers.pb-servers-widget.pb-servers-widget--compact {
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        padding: 10px !important;
    }

    html body .pb-servers-widget--compact .pb-servers-list-shell {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding-right: 0 !important;
    }

    html body .menu_top_rigth .user_online_block,
    html body .menu_top_rigth .pb-online-avatars-strip {
        transform: none !important;
        right: auto !important;
        margin-right: 0 !important;
    }
}

/* PBGame CMS solution2 — final raise monitoring + clean online top, 2026-04-29 */
html body .pb-servers-widget.pb-servers-widget--compact,
html body .block_servers.pb-servers-widget.pb-servers-widget--compact {
    margin-top: 0 !important;
    transform: translateY(-8px) !important;
}

html body .pb-servers-widget--compact .pb-servers-list-shell {
    height: 142px !important;
    max-height: 142px !important;
}

/*
 * Верхний онлайн-блок:
 * убираем агрессивный сдвиг/наложение, который давал странное отображение.
 * Оставляем аккуратную схему: аватарки слева, кнопка/плашка онлайн справа.
 */
html body .menu_top_rigth .user_online_block,
html body .menu_top_rigth .pb-online-avatars-strip {
    position: relative !important;
    right: auto !important;
    margin-right: 6px !important;
    transform: none !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    max-width: 78px !important;
    overflow: hidden !important;
}

html body .menu_top_rigth .user_online_block .user_online_top,
html body .menu_top_rigth .pb-online-avatars-strip .user_online_top {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: -7px !important;
    flex: 0 0 auto !important;
}

html body .menu_top_rigth .user_online_block .user_online_top:first-child,
html body .menu_top_rigth .pb-online-avatars-strip .user_online_top:first-child {
    margin-left: 0 !important;
}

html body .menu_top_rigth .user_online_block .users_chat_online,
html body .menu_top_rigth .pb-online-avatars-strip .users_chat_online {
    display: none !important;
}

/* В выпадающем окне онлайн наоборот: только строки пользователей, без отдельной ленты аватарок сверху. */
html body .menu_top_rigth .online_prcr .user_online_top,
html body .menu_top_rigth .pb-online-dropdown-list .user_online_top {
    display: none !important;
}

html body .menu_top_rigth .online_prcr .users_chat_online,
html body .menu_top_rigth .pb-online-dropdown-list .users_chat_online {
    display: block !important;
}

html body .menu_top_rigth .online_prcr .visit_users_online,
html body .menu_top_rigth .pb-online-dropdown-list .visit_users_online {
    width: 100% !important;
    min-height: 54px !important;
    margin: 0 0 8px 0 !important;
    border-radius: 14px !important;
}

/* Чтобы плашка онлайн не прыгала и не перекрывалась аватарками. */
html body .menu_top_rigth > div,
html body .menu_top_rigth .online_prcr {
    box-sizing: border-box !important;
}

@media (max-width: 991px) {
    html body .pb-servers-widget.pb-servers-widget--compact,
    html body .block_servers.pb-servers-widget.pb-servers-widget--compact {
        transform: none !important;
        margin-top: 10px !important;
    }

    html body .menu_top_rigth .user_online_block,
    html body .menu_top_rigth .pb-online-avatars-strip {
        max-width: none !important;
        margin-right: 0 !important;
    }
}

/* PBGame CMS solution2 — online hover dropdown fixed, 2026-04-29 */
html body .menu_top_rigth,
html body .menu_top_rigth .flex_online_block,
html body .menu_top_rigth .online_pro {
    overflow: visible !important;
}

html body .menu_top_rigth .online_pro {
    position: relative !important;
    z-index: 60 !important;
}

/* Само окно онлайн: больше не узкая вертикальная плашка, а нормальная карточка под кнопкой. */
html body .menu_top_rigth .online_pro .online_prcr.arrtar,
html body .menu_top_rigth .online_pro .online_prcr {
    position: absolute !important;
    top: 48px !important;
    right: -8px !important;
    left: auto !important;
    width: 270px !important;
    min-width: 270px !important;
    max-width: 270px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 13px !important;
    margin: 0 !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(60,60,76,.98), rgba(41,41,54,.98)) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 18px 50px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(8px) !important;
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important;
    z-index: 9999 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

html body .menu_top_rigth .online_pro:hover .online_prcr.arrtar,
html body .menu_top_rigth .online_pro:hover .online_prcr,
html body .menu_top_rigth .online_pro:focus-within .online_prcr.arrtar,
html body .menu_top_rigth .online_pro:focus-within .online_prcr {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

html body .menu_top_rigth .online_prcr:before {
    content: "" !important;
    position: absolute !important;
    top: -7px !important;
    right: 28px !important;
    width: 14px !important;
    height: 14px !important;
    background: rgba(60,60,76,.98) !important;
    border-left: 1px solid rgba(255,255,255,.08) !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    transform: rotate(45deg) !important;
    border-radius: 3px !important;
}

/* Заголовок внутри окна. */
html body .menu_top_rigth .online_prcr .head_online_users {
    width: 100% !important;
    height: auto !important;
    min-height: 26px !important;
    margin: 0 0 11px 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    position: relative !important;
    z-index: 2 !important;
    overflow: visible !important;
}

html body .menu_top_rigth .online_prcr .head_online_users span {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(235,241,255,.78) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

html body .menu_top_rigth .online_prcr .head_online_users .right_now_online {
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: rgba(85,229,151,.14) !important;
    color: #7cf0ad !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: .03em !important;
}

/* Внутренний список: нормальная ширина и аккуратный скролл внутри карточки. */
html body .menu_top_rigth .online_prcr .pb-online-dropdown-list {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 252px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 4px 0 0 !important;
    margin: 0 !important;
    display: grid !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(255,255,255,.18) rgba(255,255,255,.04) !important;
}

html body .menu_top_rigth .online_prcr .pb-online-dropdown-list::-webkit-scrollbar {
    width: 4px !important;
    display: block !important;
}

html body .menu_top_rigth .online_prcr .pb-online-dropdown-list::-webkit-scrollbar-track {
    background: rgba(255,255,255,.04) !important;
    border-radius: 999px !important;
}

html body .menu_top_rigth .online_prcr .pb-online-dropdown-list::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.18) !important;
    border-radius: 999px !important;
}

/* В выпадающем онлайне оставляем только строки пользователей. */
html body .menu_top_rigth .online_prcr .user_online_top,
html body .menu_top_rigth .online_prcr .pb-online-dropdown-list .user_online_top {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

html body .menu_top_rigth .online_prcr .users_chat_online,
html body .menu_top_rigth .online_prcr .pb-online-dropdown-list .users_chat_online {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

html body .menu_top_rigth .online_prcr .visit_users_online,
html body .menu_top_rigth .online_prcr .users_chat_online .visit_users_online {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 54px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    box-sizing: border-box !important;
}

/* Верхняя компактная лента: только аватарки, без строк пользователя. */
html body .menu_top_rigth .pb-online-avatars-strip .users_chat_online,
html body .menu_top_rigth .user_online_block .users_chat_online {
    display: none !important;
}

html body .menu_top_rigth .pb-online-avatars-strip .user_online_top,
html body .menu_top_rigth .user_online_block .user_online_top {
    display: inline-flex !important;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Чтобы окно не улетало на узких экранах. */
@media (max-width: 575px) {
    html body .menu_top_rigth .online_pro .online_prcr.arrtar,
    html body .menu_top_rigth .online_pro .online_prcr {
        right: -56px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}

/* PBGame CMS solution2 — profile comments/friends group color + verification, 2026-04-29 */
.pb-profile-comments-list {
    display: grid !important;
    gap: 12px !important;
}

.pb-profile-comment-item {
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.03) !important;
    border: 1px solid rgba(255,255,255,.05) !important;
}

.pb-profile-comment-avatar {
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
    display: block !important;
}

.pb-profile-comment-avatar img,
.pb-profile-comment-avatar .pb-avatar-wrap {
    width: 48px !important;
    height: 48px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

.pb-profile-comment-body {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.pb-profile-comment-head {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    margin-bottom: 6px !important;
}

.pb-profile-comment-author {
    font-weight: 900 !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
}

.pb-profile-comment-author:hover {
    opacity: .82 !important;
    text-decoration: none !important;
}

.pb-profile-comment-verify {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

.pb-profile-comment-verify .verification-badge,
.pb-mini-friend-login .verification-badge,
.pb-friend-login .verification-badge {
    display: inline-flex !important;
    vertical-align: middle !important;
    margin-left: 5px !important;
    transform: translateY(-1px) !important;
}

.pb-profile-comment-group {
    font-size: 11px !important;
    font-weight: 800 !important;
    opacity: .9 !important;
    margin-left: 2px !important;
}

.pb-profile-comment-meta {
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.pb-profile-comment-meta .small {
    opacity: .7 !important;
}

.pb-profile-comment-text {
    opacity: .92 !important;
    line-height: 1.5 !important;
    word-break: break-word !important;
}

.pb-mini-friend-login,
.pb-friend-login {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    font-weight: 900 !important;
}

.pb-mini-friend-login .verification-badge,
.pb-friend-login .verification-badge {
    flex: 0 0 auto !important;
}

.small-friend.pb-mini-friend span.pb-mini-friend-login {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

@media (max-width: 575px) {
    .pb-profile-comment-meta {
        margin-left: 0 !important;
        width: 100% !important;
    }
}

/* PBGame CMS solution2 — profile verification badge small + no group text, 2026-04-29 */
.pb-profile-comment-group {
    display: none !important;
}

.pb-profile-comment-verify,
.pb-mini-friend-login .verification-badge,
.pb-friend-login .verification-badge {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 4px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    overflow: hidden !important;
    transform: translateY(-1px) !important;
}

/* The verification template may be svg/img/span/i, so clamp every child too. */
.pb-profile-comment-verify *,
.pb-mini-friend-login .verification-badge *,
.pb-friend-login .verification-badge *,
.pb-profile-comment-verify img,
.pb-profile-comment-verify svg,
.pb-mini-friend-login .verification-badge img,
.pb-mini-friend-login .verification-badge svg,
.pb-friend-login .verification-badge img,
.pb-friend-login .verification-badge svg {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
    font-size: 16px !important;
    line-height: 16px !important;
    display: inline-flex !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

/* If render_badge returns raw image/svg without .verification-badge class. */
.pb-profile-comment-verify > img,
.pb-profile-comment-verify > svg,
.pb-profile-comment-verify > span,
.pb-profile-comment-verify > i {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
    font-size: 16px !important;
    line-height: 16px !important;
}

/* Friend mini cards use compact 14px badge. */
.pb-mini-friend-login .verification-badge,
.pb-friend-login .verification-badge {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
}

.pb-mini-friend-login .verification-badge *,
.pb-friend-login .verification-badge * {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
    font-size: 14px !important;
    line-height: 14px !important;
}

/* Keep author/name row clean after group text removal. */
.pb-profile-comment-head {
    gap: 5px !important;
}

.pb-profile-comment-author {
    display: inline-flex !important;
    align-items: center !important;
}

/* PBGame CMS solution2 — friends mini verification display fix, 2026-04-29 */
.small-friend.pb-mini-friend {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    overflow: hidden !important;
}

.small-friend.pb-mini-friend .pb-mini-friend-name-row {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

.small-friend.pb-mini-friend .pb-mini-friend-login-text {
    display: inline-block !important;
    max-width: calc(100% - 18px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-weight: 900 !important;
    font-size: 12px !important;
    line-height: 14px !important;
}

.small-friend.pb-mini-friend .pb-mini-friend-verification {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 14px !important;
    line-height: 1 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

.small-friend.pb-mini-friend .pb-mini-friend-verification:empty {
    display: none !important;
}

.small-friend.pb-mini-friend .pb-mini-friend-verification img,
.small-friend.pb-mini-friend .pb-mini-friend-verification svg,
.small-friend.pb-mini-friend .pb-mini-friend-verification i,
.small-friend.pb-mini-friend .pb-mini-friend-verification span,
.small-friend.pb-mini-friend .pb-mini-friend-verification .verification {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
    display: inline-block !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 14px !important;
    font-size: 14px !important;
    vertical-align: middle !important;
    transform: none !important;
}

/* На всякий случай глушим старый вариант, если он остался в кеше шаблона. */
.small-friend.pb-mini-friend .pb-mini-friend-login img.verification,
.small-friend.pb-mini-friend .pb-mini-friend-login .verification {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
    margin-left: 4px !important;
    object-fit: contain !important;
}

/* PBGame CMS solution2 — admins/search/unban polish, 2026-04-29 */
.block_admins_select .table-row,
.block_admins_select .table-row .row,
.block_admins_select .with-description {
    overflow: hidden !important;
}

.block_admins_select .pb-admin-user-line,
.block_admins_select .pb-admin-user-line a {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
}

.block_admins_select .pb-admin-group-name {
    display: block !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    opacity: .82 !important;
}

.block_admins_select .with-description p,
.block_admins_select .with-description span,
.block_admins_select .with-description a {
    min-width: 0 !important;
}

/* Search result tables should not push layout on long nick/SteamID. */
#banlist .table-row p,
#muts .table-row p,
#stats .table-row p {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Unban creation result area */
#new_result small,
#result small {
    display: block !important;
    margin-top: 8px !important;
    line-height: 1.35 !important;
}

/* PBGame CMS solution2 — final admins/stat/banlist cleanup, 2026-04-29 */

/* Admins page: no visible group label; avatar/frame sits a little lower and remains inside row. */
.block_admins_select .pb-admin-group-name,
.block_admins_select .col-lg-4.with-icon.with-description > span:not(.verification-badge):not(.badge):not(.status) {
    display: none !important;
}

.block_admins_select .col-lg-4.with-icon.with-description {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.block_admins_select .col-lg-4.with-icon.with-description img,
.block_admins_select .col-lg-4.with-icon.with-description .admins_img,
.block_admins_select .col-lg-4.with-icon.with-description .pb-avatar-wrap {
    transform: translateY(5px) !important;
    margin-top: 0 !important;
    flex: 0 0 auto !important;
}

.block_admins_select .pb-admin-user-line {
    transform: translateY(5px) !important;
    margin: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.block_admins_select .pb-admin-user-line a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Stats search result must be rendered as cards/rows, not as readable raw text. */
#stats .table-row,
#stats .table-row .row {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#stats .table-row .row {
    cursor: pointer !important;
}

#stats .table-row .with-description p {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Ban modal price: prevent code fragments from breaking the button layout if old cache remains. */
.btn_unban .price_btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* Hide legacy broken currency fragments if browser cached old ajax output. */
.btn_unban .price_btn:empty {
    display: none !important;
}

/* PBGame CMS solution2 — admins avatar/services/stat final2, 2026-04-29 */
.block_admins_select .col-lg-4.with-icon.with-description {
    overflow: visible !important;
}

.block_admins_select .pb-admin-user-inline {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 11px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    transform: translateY(10px) !important;
}

.block_admins_select .pb-admin-user-avatar {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    flex: 0 0 42px !important;
    position: relative !important;
}

.block_admins_select .pb-admin-user-avatar img,
.block_admins_select .pb-admin-user-avatar .admins_img,
.block_admins_select .pb-admin-user-avatar .pb-avatar-wrap,
.block_admins_select .pb-admin-user-avatar .avatar,
.block_admins_select .pb-admin-user-avatar picture {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    transform: none !important;
    margin: 0 !important;
}

.block_admins_select .pb-admin-user-line {
    margin: 0 !important;
    transform: none !important;
    max-width: 170px !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.block_admins_select .pb-admin-user-line a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-weight: 900 !important;
}

.block_admins_select .pb-admin-group-name {
    display: none !important;
}

#stats {
    word-break: normal !important;
}

#stats .table-row {
    position: relative !important;
}

#stats .table-row > .row {
    overflow: hidden !important;
}

/* Hide any legacy raw onclick text that old cache may render before new templates are compiled. */
#stats {
    font-variant-ligatures: none !important;
}

#admin_info td {
    vertical-align: middle !important;
}

#admin_info td[colspan="10"] {
    text-align: center !important;
    opacity: .78 !important;
}

/* PBGame CMS solution2 — restore native profile comments view, 2026-04-29 */
#comments {
    margin-top: 1rem !important;
}

/* Родной пустой блок как в шаблоне: без синей шапки "Комментарии". */
#comments > .empty-element {
    min-height: 94px !important;
    margin-bottom: 18px !important;
    border-radius: 14px !important;
    background: #3a3a4759 !important;
    border: dashed 1px #4a4a5b !important;
    color: #727287 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Возвращаем комментарии к родной структуре .comment из шаблона. */
#comments .comment {
    position: relative !important;
    overflow: hidden !important;
    margin-bottom: 12px !important;
    background: linear-gradient(0deg, #31313d 30%, #3a3a48 100%) !important;
    border-radius: 15px !important;
    padding: 20px 20px 5px 20px !important;
    border: none !important;
}

#comments .comment > a {
    display: block !important;
    width: 42px !important;
    float: left !important;
}

#comments .comment > a img,
#comments .comment > a .pb-avatar-wrap {
    width: 38px !important;
    height: 38px !important;
}

#comments .comment .message {
    width: calc(100% - 50px) !important;
    float: right !important;
    word-wrap: break-word !important;
    position: relative !important;
    overflow: hidden !important;
    font-size: 14px !important;
    line-height: 18px !important;
}

#comments .comment .message .info {
    min-height: 18px !important;
    display: block !important;
}

#comments .comment .message .info .author {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
}

#comments .comment .message .info .author > a {
    font-weight: 900 !important;
    text-decoration: none !important;
}

#comments .comment .message .info .author > a:hover {
    opacity: .85 !important;
}

#comments .comment .onlineuser,
#comments .comment .onlineuser * {
    max-width: 16px !important;
    max-height: 16px !important;
    width: 16px !important;
    height: 16px !important;
    line-height: 16px !important;
    font-size: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#comments .comment .date_short {
    margin-left: auto !important;
    font-size: 10px !important;
    font-family: 'Montserrat' !important;
    font-weight: 600 !important;
    color: #7a7a92 !important;
    white-space: nowrap !important;
}

#comments .comment .with_code {
    margin-top: 8px !important;
    color: #ffffff !important;
    background: transparent !important;
}

#comments .comment .native-comment-del,
#comments .comment .cs16-comment-del {
    border: 0 !important;
    background: transparent !important;
    color: #7a7a92 !important;
    padding: 0 !important;
    margin-left: 8px !important;
    cursor: pointer !important;
}

#comments .comment .native-comment-del:hover,
#comments .comment .cs16-comment-del:hover {
    color: #ff7c76 !important;
}

/* Старый экспериментальный вывод больше не должен влиять на профиль. */
#comments .pb-profile-comments-block,
#comments .pb-profile-comments-list,
#comments .pb-profile-comment-item {
    all: unset;
}

/* PBGame CMS — release logo placeholders/fallbacks */
.img_edit_news[src*="news_imgs/none.jpg"],
.img_add_forum[src*="forums_imgs/none.jpg"] {
    object-fit: cover !important;
    background: #111218 !important;
}

.pb-map-with-fallback {
    background-color: rgba(17,18,24,.92) !important;
    background-size: cover !important;
    background-position: center center !important;
}

.pb-map-with-fallback::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: url("../img/pbgame_engine_logo.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: min(42%, 150px);
    opacity: .10;
    z-index: 0;
}

.pb-server-card__map,
.map_back_server,
.map-image {
    position: relative !important;
    overflow: hidden !important;
}

/* PBGame CMS 2.3.2.7 rcon and date editor fixes */
.pb-server-actions-2327{display:flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;}
.pb-server-rcon-cog{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;border-radius:12px!important;background:rgba(255,255,255,.06)!important;color:#8ee8ba!important;cursor:pointer!important;line-height:1!important;}
.pb-server-rcon-cog:hover{background:rgba(63,207,142,.18)!important;color:#fff!important;}
.pb-ban-end-editor{display:flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:100%;}
.pb-ban-end-input{height:28px!important;min-height:28px!important;padding:3px 7px!important;font-size:12px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;background:rgba(255,255,255,.04)!important;color:#fff!important;max-width:190px;}
.pb-ban-end-input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.8;cursor:pointer;}
.pb-ban-end-btn{height:28px;border:0;border-radius:8px;padding:0 9px;background:rgba(63,207,142,.16);color:#8ff0bd;font-size:11px;font-weight:700;cursor:pointer;}
.pb-ban-end-btn:hover{background:rgba(63,207,142,.26);}
.pb-ban-end-forever{background:rgba(255,193,7,.12);color:#ffd166;}
@media(max-width:575px){.pb-ban-end-editor{width:100%;}.pb-ban-end-input{max-width:100%;width:100%;}.pb-ban-end-btn{flex:1 1 auto;}}